Membuat gambar berputar di blog

Banyak pertanyaan masuk disini, bagaimana cara membuat gambar berputar di blog, script membuat gambar berputar saat dilewati pointer, cara membuat efek gambar berputar di blog.

Hem penasaran juga akhirnya browsing sana-sini, uji coba dan ketemu deh caranya.
langsung aja buat temen-temen yang pengen blognya tampil menarik dan bernilai jual bisa pasang script dibawah ini gratis, hanya di detiktutorial.blogspot.com

Baiklah Tutorialnya :

1.     Login Blogger
2.     Klik Template
3.     Edit HTML
4.     Centang Expand Template Widget
5.     Cari Kode   ]]></b:skin>
6.     Copy Kode Dibawah Lalau Paste Diatas Kode   ]]></b:skin>

  #header a img:hover { -moz-transform: scale(1) rotate(-180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(-180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(1) rotate(-180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(-180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(-180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out; -ms-transition: all 600ms ease-in-out;-o-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out; }

Klik Simpan Template

Dan selamat menikmati hasilnya.

Penelusuran yang terkait dengan membuat gambar berputar
 membuat gambar berputar (create rotating images)
Membuat Gambar Berputar 360 Derajat di Blog
Cara Membuat Gambar Bisa Berputar

Membuat Tombol Share Facebook di Pojok Bawah Blog

Salah satu tips untuk menambah jumlah pengunjung adalah promosi lewat social network seperti facebook, twitter dan plurk.  Kali ini kita akan pasang tombol share dengan cara yang sedikit unik, dan juga menarik perhatian pengunjung untuk membagi nya ke facebook.

      Lihat screenshot di samping.. di pojok kanan bawah itu, adalah tombol share facebook yang mengikuti scroll dari browser.. jadi walau kita geser ke atas ke bawah tetep aja di situ aja, gak mau pindah - pindah.  Di tombol share facebook ini juga ada penghitung berapa kali halaman blog itu di bagikan ke facebook lewat tombol itu. 

Tertarik menggunakannya ? langsung aja ikuti langkah-langkah berikut :

1. Login ke Blogger
2. Lalu klik Design > Edit HTML
3. Copy Paste kode berikut di atas kode ]]></b:skin> :

#pageshare {position:fixed; bottom:1%; right:10px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; height:auto; padding:0 0 2px 0;z-index:10;} #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:55px !important; -moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:14px;}

Setelah itu Copy Paste lagi kode berikut ini di atas </body> :
<div id='pageshare' title='Share @Facebook'> <div class='sbutton' id='fb'> <a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>ans!!</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/> </div> <div class='sbutton' id='gb'> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <fb:like font='' layout='box_count' show_faces='false'/></div> </div>
Kalau sudah selesai semua langsung aja klik 'Save Template' dan lihat hasilnya.. TerimaKasih :D