Buat Maskot Cewe Di Header

Buat Maskot Cewe Di Header

Hika Ramadhan Putra   20:55   1 comment  

Hey hey sobat apa kabar , nih ada yang pesen " gimana caranya buat ini" ,dan ini baru baru sempet aku posting ,padahal udah 1thn loh yang pesen ,hehe maaf ya ,ok langsung saja ke TKP

1. Log in ke Blog Kamu
2. Masuk ke template pilih yang EDIT HTML
3. Cari kode ]]></b:skin>
4. dan copy ini script di atas code ]]></b:skin>

#maskot {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSqlidpruE01IvHdqdkK_1KaV1h9-8zYLWrxsA5RVau1z0gGNfMIgzPboZSDGOzs7qLsLK8s_Dh1FR6U00u9_dU3dnFIaqh3MkDQ7gqPXien6iT5JUwlpXFzMVELEIUchBzMZK1edL49E/s1600/akupunya.png)no-repeat;
width:230px;
height:290px;
margin-top: -310px;
margin-left: 130px;
-webkit-transition: all 1.0s ease-in-out;
transition: all 1.0s ease-in-out;
-moz-transition: all 1.0s ease-in-out;
position: absolute
}

#maskot:hover {
opacity:0;
margin-left:95px;
}

5. Kemudian cari lagi kode 'wrapper' / 'out-wrapper'
6. pastekan script ini di bawahnya

<div id='maskot'>
</div>

Note : warna yang merah itu bisa kamu ubah kok :*

See you

Buat Widget Keren Di Header Ala Orblues

Buat Widget Keren Di Header Ala Orblues

Hika Ramadhan Putra   17:01   2 comments  

Pertama saya meminta mohon untuk postingan ini ,karna saya tidak iji dahulu kepada icha ┐('o' ┐)
Langsung saja ya gan Tutornya :
1. Login Dahulu Di Blog anda
2. Ke Edit Html
3. Copykan Script CSS dibawah ini Di ]]></b:skin> ( Jangan Lupa Pastenya Diatasnya ]]></b:skin> )

#kolom{width:80px;height:60px;margin-top:10px;background:#302f2f;border:3px solid #141414;overflow:hidden;transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;}
#kolom:hover{width:1020px;}
#Deez{width:80px;height:60px;background:#302f2f;margin-top:10px;border:3px solid #141414;overflow:hidden;transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;}
#Deez:hover{width:230px;}
#Kz{width:80px;height:60px;background:#302f2f;margin-top:150px;border:3px solid #141414;overflow:hidden;transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;}
#Kz:hover{width:230px;}

4. Kemudian Copy Juga Script Dibawah Di <div id='header'> atau <div id='header-wrapper'> ( Pastekan Scpitnya Dibawahnya ya )

<div id='Kz'><img alt='banner' src='http://i.imgur.com/nTud6PJ.jpg'/><a href='http://www.facebook.com/groups/ciyus/' target='_blank' title='Deez'><img alt='Deez' src='http://i.imgur.com/pwyZr2E.png'/></a></div>
<div id='Deez'><img alt='banner' src='http://i.imgur.com/UeUEXMr.jpg'/><a href='http://www.facebook.com/groups/DeezClan/' target='_blank' title='Deez'><img alt='Deez' src='http://i.imgur.com/4FkPu1C.png'/></a></div>
<div id='kolom'><img alt='banner' src='http://i.imgur.com/n5dA8ke.jpg'/><script src='https://razee.googlecode.com/files/468x60.txt'></script><a href='http://hafidz-maru.blogspot.com/' target='_blank' title='Kazedama-Kun'><img alt='Kazedama-Kun I Creative Is Inspiration' src='http://i1304.photobucket.com/albums/s528/hafidzojolali/4111_zps9abf2a5a.png'/></a></div>

5. Dan taraa ,lihat hasilnya
6. Penempatan yang kurang Cucok Bisa diedit manual

Bikin Social Widget Keren

Bikin Social Widget Keren

Hika Ramadhan Putra   15:23   7 comments  

Sobat Vn, Maaf Ya Lama ngepostingya ,lagi males"an nih ,admin aja tadi bolos sekolah loh,hahaha padahal tinggal 1 pelajaran doang,ya gimana lagi admin udah males lagian ,udah panas cuacanya,laper,pokoknya muales deh hari ini, nah tapi soal ngblogger admin gak bosen koo -_-

oke admin akan nambahin ilmu yah ,admin akan ngajarin dan kasih cose cssnya tentang bikin social widget

social widget ini saya ambil dari kaka djhohanez ,hahaha..gapapa lah, dari pada ambil templatnya doang =P

Yang perlu anda siapkan adalah : ES KOPI,ROKOK,SNACK buat ngemil biar ga boring,,wkwkwkw becanda mulu nih si admin ,okkeee langsung ke tkp..

[-] Login dolo ya Sobat vn Seperti biasanya

[-] Pilih Ke Template

[-] Edit HTML

[-] Cari Code ]]><b:skin>

[-] Dan pastekan code dibawah ini :

#jocial{width: 305px;
float: left;margin-top: 10px;margin-left:20px;animation:WAKloading 2s;-webkit-animation:WAKloading 2s;-o-animation:WAKloading 2s-moz-animation:WAKloading 2s;-ms-animation:WAKloading 2s;animation:WAKloading 2s;}
#jocial li{position:relative; cursor:pointer; padding: 0 !important;}
#jocial .facebook, .googleplus, .rss, .twitter{
position: relative;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
z-index: 5;
display: block;
float: left;
margin: 1px;}
#jocial .icon{overflow:hidden;}
#jocial .facebook{width: 150px;
height: 150px;
background: #56c5ff url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilz6rYuCNVRv4zUtWW8SGAFsMeq1hR7LFh7M3iLAuPfBgWoHJij_-gbXRaNDYUY8Fmk2ytHiIDI2YrOUTHgcZsKXO0AlFUDtdeUiGl5muPhadvYpjLx3aavta_0W1yD38jvz7XlsmJ52sH/s1600/facebook.png") no-repeat center center;border-radius:5px 0 0 0}
#jocial .twitter{width: 150px;
height: 74px;
background: #56c5ff url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7W4Aa1timQpCSlI9iboS4T8pYxCyWZgGkLw7vHxvyqGYRzfLl64Qle3kiVlVaIbHqlmrSdIG1loEwO4S5cS_Dj4E2vWCxHuYQWbdqd5OH3D-1fSceSYyR1MX0Qzvf5Ey71J-GGacOevTP/s1600/Twitter.png") no-repeat center center;border-radius:0 5px 0 0}
#jocial .googleplus{width: 150px;
height: 74px;
background: #56c5ff url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfl9qF2qibL-f4SkOaCP9H1A6ExxOE-7fwjMbIF7Hp1IZNCGLPP8zIY_l0-MyKMSLmTL7l59nbBYG9-y8seycZsdsGvWSnulcx0g-TYxye5ek6C0NhHf3i1VxqT6UYzIygY5ZD4ifBK-wp/s1600/google+plus.png") no-repeat center center;}
#jocial .rss{ width: 302px;
height: 74px;
background: #56c5ff url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDx77rfHVXpYRQTkeI9AuOTF5Cqg8ZTjD9VQ2DXy0-jtyLAxT_RxaZLRkadFnJND7ZzNHGR8X-zEZh4f-9a22h09104EdEetmHKOchDtzidKCCqV0fS2KeSkFSKK76IpGzXVO8RNZ5lRQG/s1600/rss.png") no-repeat center center;border-radius:0 0 5px 5px;}
#jocial li:hover .facebook{background-color:#3468B6;-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;}
#jocial li:hover .twitter{background:rgba(64,153,255,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7W4Aa1timQpCSlI9iboS4T8pYxCyWZgGkLw7vHxvyqGYRzfLl64Qle3kiVlVaIbHqlmrSdIG1loEwO4S5cS_Dj4E2vWCxHuYQWbdqd5OH3D-1fSceSYyR1MX0Qzvf5Ey71J-GGacOevTP/s1600/Twitter.png") no-repeat center center;-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;}
#jocial li:hover .googleplus{background:rgba(228,69,36,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfl9qF2qibL-f4SkOaCP9H1A6ExxOE-7fwjMbIF7Hp1IZNCGLPP8zIY_l0-MyKMSLmTL7l59nbBYG9-y8seycZsdsGvWSnulcx0g-TYxye5ek6C0NhHf3i1VxqT6UYzIygY5ZD4ifBK-wp/s1600/google+plus.png") no-repeat center center;-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;}
#jocial li:hover .rss{background:rgba(255,102,0,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDx77rfHVXpYRQTkeI9AuOTF5Cqg8ZTjD9VQ2DXy0-jtyLAxT_RxaZLRkadFnJND7ZzNHGR8X-zEZh4f-9a22h09104EdEetmHKOchDtzidKCCqV0fS2KeSkFSKK76IpGzXVO8RNZ5lRQG/s1600/rss.png") no-repeat center center;-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;}

[-] Dan Patekan Code Ini Sesuai Selera Kalian  :

<ul id='jocial'>
<li><a class='icon facebook' href='http://www.facebook.com/halaman fan page facebook/'></a></li>
<li><a class='icon twitter' href='http://twitter.com/username/'></a></li>
<li><a class='icon googleplus' href='https://plus.google.com/u/0/alamat profil google+/'></a></li>
<li><a class='icon rss' href='http://feeds.feedburner.com/alamat feed rss'></a></li>
</ul>

Efek Shadow Didalam Target

Efek Shadow Didalam Target

Hika Ramadhan Putra   19:17   5 comments  

Assalamualaikim

Apa kabar Sobat Bloggerku,Admin lagi Liburan nich 1 minggu ,karna kelas 3 lagi Ujian Praktek .wkwkw

Nah berhubungan Gada acara nih mending admin posting aja nich.....（￣□￣；）

Kemaren Udah ini

Okkee langsung aja yah kawan ....mari kita berbagi ilmu

Langkah :

1. Seperti Biasa login dulu di blogger anda
2. Ke template
3. Pilih EDIT HTML
4. Dicentang dulu di atas kiri kotakan tersebut
5. Cari yang anda mau di kasih Shadow tersebut
6. Codenya : 

box-shadow:inset 0 0 16px #000;
background-image: linear-gradient(bottom, #f16529 17%, #f16529 59%, black 80%);
background-image: -o-linear-gradient(bottom, #f16529 17%, #f16529 59%, black 80%);
background-image: -moz-linear-gradient(bottom, #f16529 17%, #f16529 59%, black 80%);
background-image: -webkit-linear-gradient(bottom, #f16529 17%, #f16529 59%, #f16529 80%);
background-image: -ms-linear-gradient(bottom, #f16529 17%, #f16529 59%, #f16529 80%);

Code warna itu yang berwarna maupun yang dibawahnya bisa diganti sesuai warna kalian yang kita inginkan
Contoh Penempatan Kode tersebut :

.post-body{font-family:verdana; font-size:13px;background:#f16529; color:white; line-height:1.5em; margin:5px; pading:15px; text-align:justify;box-shadow:inset 0 0 16px #000;background-image: linear-gradient(bottom, #f16529 17%, #f16529 59%, black 80%);background-image: -o-linear-gradient(bottom, #f16529 17%, #f16529 59%, black 80%);background-image: -moz-linear-gradient(bottom, #f16529 17%, #f16529 59%, black 80%);background-image: -webkit-linear-gradient(bottom, #f16529 17%, #f16529 59%, #f16529 80%);background-image: -ms-linear-gradient(bottom, #f16529 17%, #f16529 59%, #f16529 80%);}

Hargai Karyan Orang !

Mengembalikan Judul Blog Hilang?

Mengembalikan Judul Blog Hilang?

Hika Ramadhan Putra   11:37   9 comments  

Asalamialaikum Sobat Vn, Baiklah saya posting lagi yaa

kali ini saya akan membahas sebuah masalah yang sangat unik(bisa dibilang),Karna apa ,saat kita mengganti template yang istilahnya berantakan dan judul blognya hilang atau bahkan di sidebar nah semoga ni posting sangat membantu sobat ya 

Bagaimana cara mengembalikanya ...

Trik Ini sebetulnya mudah yaa...

cuman banyaknya code Script dan kurangya teriti

jadinya sangat sulit dan sangat malez mengembalikkanya

Ok langsung ke TKP :

Pertama : Login Ke blog kamu

Kedua : Pilih Edit HTML

Ketiga : Centang dulu Tuh/Di backup dulu tuh template biar nantinya kalo error bisa balik lagi

Keempat : Cari Code ]]></b:skin> (bisa dicari dengan CTRL+F)

Kelima : Pastekan Code berikut ini Tepat Diatas Code Diatas Tadi

#Judultitle{
color:#fafafa;
font-family:'Iceberg',cursive;
font-size:55px;
margin-top:80px;
margin-left:25px;
position:absolute;
text-shadow:2px 2px 2px black,-2px 2px 2px black,-2px -2px 2px black,2px -2px 2px black;}
#Judulbang{
-moz-transform:rotate(-50deg);
color:black;
font-family:'Iceberg',cursive;
font-size:17px;
font-weight:bold;
margin-bottom:25px;
margin-left:300px;
margin-top:80px;
position:absolute;
text-align:center;
text-shadow:2px 2px 3px black,-2px 2px 3px black,-2px -2px 3px black,2px -2px 3px black;}
.Judultitle2{
color:#fff;
font-family:'Iceberg',cursive;
font-size:35px;
font-weight:bold;
margin-bottom:28px;
margin-left:110px;
margin-top:160px;
position:absolute;
text-align:center;

Keenam : Cari Kode <div id='header-wrapper'>

Ketujuh : Dan Pastekan Lagi Kode Dibawah Ini Tepat Dibawahnya

<div id='Judultitle'>Verivication 所经</div>
<div class='Judultitle2'>Sekedar Iseng!</div>

Dan Disave Templatenya

Perhatian : Tergantung Cocoknya Template Itu Sendiri

Dan Comment Jika Error

Hargai Karyan Orang !