Tips Seo Untuk Blogger

1
Tips Membuat Header Blog Bergerak
Tips Membuat Header Blog Bergerak ini yang akan saya share..bangi yang menginginkan agar blognya tampil cantik atau Cara Membuat Blog Agar Keren silahkan kalian coba tips berikut ini. Adapun unsur Tips Seo Pada Blogspot tidak ada tapi hanya btampil saja. Nah silahkan kalian ikuti tutorial berikut ini:
1. Login ke Acount Blog sobat dan pilih dahulu donk Blog yang akan kamu pasang Efek Hover gambar di Header.
2. Trus Masuk Ke Template lalu Klik Edit Template.
3. Cari kode  ]]></b:skin>,gunakan F3 atau Ctrl+F untuk mempercepat pencarian.
4. Pastekan Kode Di Bawah Ini Tepat Di atas Kode Tadi.



div.SCheader {-moz-transition: all 0.75s ease-in-out 0s;background: url("http://www.deviantart.com/download/209975142/luffy_render_by_namibekkklein-d3h0huu.png") no-repeat;margin: 0px;position: absolute;}div.SCheader {-moz-transition: all 0.5s ease 0s;-webkit-transition: all 900ms ease-out;-moz-transition: all 900ms ease-out;-ms-transition: all 900ms ease-out;-o-transition: all 900ms ease-out;transition: all 900ms ease-out;background: url("http://www.deviantart.com/download/209975142/luffy_render_by_namibekkklein-d3h0huu.png") no-repeat;margin-left: 100px;margin-top: 0px;position: absolute;height: 520px;width: 540px;}div.SCheader :hover {-webkit-transition: all 900ms ease-out;-moz-transition: all 900ms ease-out;-ms-transition: all 900ms ease-out;-o-transition: all 900ms ease-out;transition: all 900ms ease-out;background: url("http://www.deviantart.com/download/209975142/luffy_render_by_namibekkklein-d3h0huu.png") no-repeat;}#header-wrapper:hover .SCheader {margin-left: 400px;} 

  Ket :
 Biru => URL gambar Anime Kamu.
 Merah => Nama Kepala Headermu.
"SELANJUTNYA ATUR SENDIRI :P"
 Biru => URL gambar Anime Kamu. Merah => Nama Kepala Headermu."SELANJUTNYA ATUR SENDIRI :P" Biru => URL gambar Anime Kamu. Merah => Nama Kepala Headermu."SELANJUTNYA ATUR SENDIRI :P"  

5. Sekarang kita aktifkan cssnya,Sekarang Cari kode <div id='header-wrapper'> 

6. Pastekan Kode Di bawah ini Di Bawah kode Di atas :  <div class='SCheader'/> 

7. Klik PRATINJAU/PREVIEW, untuk melihat jadi apa nggak, Kalau jadi Klik Save.


Semoga saja bisa bermanfaat sajian kali ini tentang

Tips Membuat Header Blog Bergerak

Post a Comment

 
Top