Tips Mengoptimalkan Blog - Kecepatan loading page sangat berpengaruh terhadap tingkat kenyaman pengunjung yang datang ke blog anda. Loading blog yang lambat dapat mempengaruhi kenyamanan pengunjung blog. Jangan sampai pengunjung menutup page blog anda dan berpindah ke blog yang lain hanya karena blog kita sangat lambat ketika dibuka, walaupun hanya beberapa detik saja.

Faktor kecepatan koneksi juga mempengaruhi page loading blog kita, meski kita berpikir kalau blog kita dapat di load secepat kilat di komputer kita sendiri, tapi tidak begitu kan dengan koneksi pengunjung.

Berikut Tips Mengoptimalkan Blog agar bisa tampil lebih cepat

Buang Spasi kosong pada kode HTML

Melakukan kompresi pada kode HTML, XML atau PHP teknik ini dilakukan dengan cara membuang spasi yang tidak berguna atau tidak berpengaruh pada hasil yang dibuat kode-kode tersebut. Kompresi juga dilakukan dengan cara sama yaitu membuang spasi kosong pada barisan kode javascript dan CSS.

»»  READMORE...

Cara mengganti template blogspot - Banyak blogger yang kurang puas pada tampilan blogspotnya yang sederhana dan itu  itu saja, dan ingin mendekorasi blog dengan berbagai hiasan yang akan membuat tampilan blog menjadi sekeren mungkin dan terlihat profesional.

Akan tetapi, untuk membuat tampilan blog yang  menarik harus mengikuti banyak tutorial cara mendesain blog, tahap demi tahap pemasangan gadget, penggantian background, pengaturan font, mengubah warna judul dan lain-lain hingga tampilan tampak seperti yang diinginkan.

Jika seperti itu akan menguras waktu yang sangat banyak karena harus memahami satu per satu trik membuat template blog, kemudian menerapkannya. Apalagi sampai lupa menulis artikel karena pusing memikirkan tampilan blog yang tak kunjung jadi.

»»  READMORE...

Bagaimana cara membuat animasi dengan semut seolah berjalan di layar komputer kita. Tutorial ini akan memberikan panduan bagaimana blog kamu ketika dikunjungi akan tampak semut sedang berjalan di layar monitor. Trik ini sekedar membuat lelucon kepada pengunjung dengan kerepotan mereka sesaat untuk membuang semut yang ada dil layar monitor mereka.

Baiklah mari kita mulai langkah sederhana cara membuat animasi semut berjalan di layar

1. Login ke dashboard blog kamu
2. Seperti biasa masuk kebagian tata letak dan tambahkan widget
3. Pilih Tambahkan fungsional pihak ketiga yaitu tombol HTML/Script
4. Paste kan kode dibawah ini pada kotak konten kemudian simpan pekerjaan kamu.

Kode animasi semut berjalan di layar monitor.

 <div style="display:scroll; position:fixed; top:150px; center:20px;"><img border="0" src="http://i1217.photobucket.com/albums/dd381/funywrld/semutfuny.gif" /> </div>  

Sekarang coba kamu lihat blog kamu saat ini sudah ada semut yang sedang berjalan di layar kamu. Sebenarnya trik ini sangat mudah. Trik ini hanya memanfaatkan gambar animasi dari file gambar yang berbentuk gif, namun dengan latar belakang transparan. Kamu juga bisa mencoba membuat animasi lainnya dengan menggunakan kode diatas, cukup dengan mengganti url yang ada dengan url animasi yang ingin kamu gunakan.

»»  READMORE...

Membuat sebuah blog yang cantik dan manis tentunya merupakan kesenangan tersendiri. Tutorial kali ini sepertinya sangat cocok untuk wanita yang hobby mendesain blog. Bagaimana cara membuat animasi bunga berjatuhan di dalam blog kita merupakan bahasan tutorial hari ini.

Mari kita mulai cara membuat animasi bunga berjatuha di blog.

1. Langkah pertama silahkan kamu login dulu ke dashboard blog kamu.
2. Masuk kebagian desain atau tata letak pada menu dashboard
3. Pilih tambahkan gadget yang berada pada letak di bawah kolom header.
4. Kemudian setelah kotak  gadget terbuka pilih tambahkan fungsi html dan javascript
5. Copy kode di bawah ini kemudian paste dalam kotak kontent.

Kode cara membuat animasi bunga berjatuhan

»»  READMORE...

Tutorial kali ini masih mengusung bahasan bagaimana mempercantik blog kita. Kali ini saya akan menunjukkan bagaimana cara menampilkan animasi di widget blog kita. Saya akan memakai file swf animasi yang berbentuk jam

Langkah-langkah menampilkan jam digital pada blog

1. Login ke dashboad kamu

2. Edit template kamu dengan cara masuk ke menu tata letak

3. Kemudian pilih tambahkan widget

4. Di halaman tambahkan widget yang tampil pilih menu Tambahkan Html/Script kemudian masukkan kode dibawah ini

 <object type="application/x-shockwave-flash" data="https://sites.google.com/site/riskamudrika/jam-digital.swf" width="150" height="150"><param name="movie" value="https://sites.google.com/site/riskamudrika/jam-digital.swf" /><param name="wmode" value="transparent" /><a href="http://semuatentangwebsite.blogspot.com/" title="Blogger Templates">Blogger Templates</a><embed src="https://sites.google.com/site/riskamudrika/jam-digital.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="150" height="150" menu="false" wmode="transparent"></embed></object>  

5. Pada bagian judul tulis saja Jam Digital, namun kamu bebas menggantinya dengan judul apa saja.

6. Simpan hasil pekerjaan kamu dan refresh blog kamu akan tampil widget baru dengan tampilan jam berbentuk animasi.

Jika kamu perhatikan pada barisan script Cara Menampilkan Animasi, kamu akan lihat beberapa url yang menunjukkan dimana file animasi atau file swf berada. Kamu bisa mengganti animasi jam digital itu dengan file swf yang kamu miliki. Caranya cukup upload file swf kamu ke sebuah hosting server, kemudian ambil url tempat file swf kamu di simpan, lalu ganti barisan url pada script dengan url milik kamu.

Teknik ini berlaku bukan hanya menempatkan jam digital animasi saja, semua file swf  yang memiliki animasi dapat kamu tampilkan di widget dengan langkah-langkah ini.

»»  READMORE...

Seo 2103 - Seo atau sering diesbut sebagai Search Engine Optimize adalah bagaimana membuat artikel yang ada di blog kita masuk dalam halaman daftar mesin pencarian. Mesin pencarian yang paling populer saat ini adalah google. Sebagian besar orang mencari segala bentuk informasi melalui mesin pencarian ini.

Berdasarkan hal tersebut, maka kali ini kita kan membahas tentang Seo khusus untuk mesin pencarian yang bernama google. Banyak faktor yang menentukan agar artikel kita masuk dihalaman google search engine. Faktor yang paling utama adalah dimana website atau blog kita memiliki banyak informasi yang bermanfaat. Semakin banyak informasi yang bermanfaat pada blog kita, maka semakin ramai orang akan mendatangi blog kita, hal ini otomatis akan mempengaruhi skor kepercayaan blog kita di mata mesin pencarian.

Seo sendiri merupakan teknik yang tidak dapat dipastikan bagaimana teknik paling benar dalam menerapkan seo. Dari tahun ke tahun google sendiri terus merubah algoritma yang menjadi landasan dasar bekerjanya sebuah mesin pencarian. Seo 2013 atau teknik seo yang sedang populer di tahun 2013 menjadi bahasan pokok para pakar seo. Teknik pada seo di tahun 2013 ini setelah terjadinya pergantian algoritma terbaru yang dilakukan google sedikit terjadi perubahan dalam hal mendasar. Beberapa informasi mengenai teknik seo dalam mengoptimasi sebuah blog dapat kita lihat di bawah ini.

SEO ONPAGE 2013

Seo onpage pada teknik seo tahun ini memiliki peranan penting untuk meningkatkan kualitas sebuah artikel blog di mesin pencarian. Beberapa dasar SEO onpage adalah sebagai berikut

Artikel Semantik

Artikel semantik adalah artikel yang memiliki barisan-barisan kata, dimana dari setiap kata kunci memiliki kata kunci lainnya yang berhubungan erat dengan kata kunci utama. Misalnya seperti ini. jika kamu menggunakan kata kunci motor, maka sebutlah kata-kata yang berhubungan erat dengan kata motor, mulai dari type motor, harga motor, dealer motor, hingga kata perawatan yang merujuk pada kata kunci motor. Penggunaan teknik ini akan menciptakan sebuah artikel yang memiliki informasi lengkap sebagai satu kesatuan.

Internal Link

Internal link adalah cara mengaitkan artikel lain yang memiliki hubungan erat. Perbanyak internal link yang memiliki hubungan sangat erat sehingga artikel satu dengan artikel lainnya membentuk sebuah hubungan yang bernama semantik. Misalnya jika dalam artikel utama anda membahas tentang motor, maka sebutlah kata cara merawat motor dengan memberikan link pada kata tersebut ke artikel yang memuat informasi mengenai cara merawat motor.

External Link

Gunakan satu atau dua buah external link yang merujuk pada website atau blog lain yang memiliki pembahasan sama pada artikel kamu. Seperti contoh jika kamu membahas tema motor, maka kamu bisa memberikan external link pada website yang membahas tentang motor atau link langsung ke dealer motor terkemuka. Ingat jangan beri link pada website yang memiliki nilai otoritas  rendah, karena akan memberi pengaruh buruk pada otoritas blog anda sendiri

Penggunaan Tag Heading

Pada Seo 2013 penggunaan tag H2 pada kata kunci tidak memberikan pengaruh pada rangkaian teknik optimasi. Penggunaan tag h2 atau h3 lebih cenderung untuk mempercantik halaman artikel kita dengan memberikan perbedaan pada baris judul dan artikel.

Keunikan dan kesegaran informasi.

Faktor ini sangat sangat penting dalam teknik optimasi pada seo 2013. Buatlah artikel yang memiliki metode semantik dengan tema yang segar dan rangkaian kata yang unik. Rangkaian kata unik yaitu seluruh  isi tulisan tidak memiliki kesamaan pada artikel yang berada pada website lain di internet. Harus di ingat perbedaaan artikel unik atau artikel segar. Jika artikel unik lebih menitikberatkan pada perbedaan dengan artikel lainnya dalam bentuk tulisan maupun gaya, maka artikel segar adalah artikel yang memuat informasi baru yang belum atau jarang dibahas. Artikel segar ini biasanya didapat pada blog-blog yang mengusung tema berita.

SEO OFF PAGE 2013

Seo off page atau biasa disebut sebagai memberikan backlink kepada website kita dari website lain, pada seo 2013 ini tindakan memberikan backlink harus dengan hati-hati, kesalahan menempatkan backlink untuk blog kita akan membuat blog kita hilang dari peredaran mesin pencarian. Bangunlah satu blog lagi untuk mendukung blog utama kamu, teknik ini biasanya disebut dummy. 

Dalam membuat blog dummy harus mempunyai standar optimasi sama dengan blog utama. Ketika blog dummy telah menjadi kuat, maka pada teknik external link di blog dummy kamu dapat mencantumkan blog utama kamu sebagai referensi dari blog dummy. Kemudian berikan pula external link pada blog dummy yang merujuk pada website atau blog ber otoritas tinggi. Misalnya, anda membahas tentang motor, maka berikan external link yang merujuk pada website dealer motor terkemuka, kemudian rujuk pula blog utama kamu sebagai external link yang memberitahu informasi mengenai motor di blog utama. Pada teknik seo 2013 metode ini sangat disarankan untuk digunakan.

»»  READMORE...

Cara membuat recent post atau artikel terdahulu pada blogspot dapat kita lakukan dengan memasang bebarapa script sederhana pada widget. Recent post atau artikel terdahulu berfungsi untuk menampilkan artikel yang sudah kita posting agar dapat di akses oleh pengunjung kita dengan mudah. Ikuti langkah-langkah di bawah ini untuk memulai membuat recent post di blogspot kamu.

1. Login ke dashboard blogspot kamu
2. Masuk kedalam mode tata letak atau layout

3. Saat sobat menambahkan widget pilih tombol HTML/SCRIPT

4. Pada kotak isian tambahkan dengan judul Artikel Terkait atau terserah kamu mau membuat judul apa. Judul ini akan tampil sebagai judul widget sobat

5. Tambahkan kode di bawah ini pada kotak Konten

 <div id="24work">  
 <script style="text/javascript" >function showrecentposts(json) {  
 for (var i = 0; i < numposts; i++) {  
 var entry = json.feed.entry[i];  
 var posttitle = entry.title.$t;  
 var posturl;  
 if (i == json.feed.entry.length) break;  
 for (var k = 0; k < entry.link.length; k++) {  
 if (entry.link[k].rel == 'alternate') {  
 posturl = entry.link[k].href;  
 break;  
 }  
 }  
 posttitle = posttitle.link(posturl);  
 var readmorelink = "....";  
 readmorelink = readmorelink.link(posturl);  
 var postdate = entry.published.$t;  
 var cdyear = postdate.substring(0,4);  
 var cdmonth = postdate.substring(5,7);  
 var cdday = postdate.substring(8,10);  
 var monthnames = new Array();  
 monthnames[1] = "Jan";  
 monthnames[2] = "Feb";  
 monthnames[3] = "Mar";  
 monthnames[4] = "Apr";  
 monthnames[5] = "May";  
 monthnames[6] = "Jun";  
 monthnames[7] = "Jul";  
 monthnames[8] = "Aug";  
 monthnames[9] = "Sep";  
 monthnames[10] = "Oct";  
 monthnames[11] = "Nov";  
 monthnames[12] = "Dec";  
 if ("content" in entry) {  
 var postcontent = entry.content.$t;}  
 else  
 if ("summary" in entry) {  
 var postcontent = entry.summary.$t;}  
 else var postcontent = "";  
 var re = /<\S[^>]*>/g;   
 postcontent = postcontent.replace(re, "");  
 document.write('<div class="mtrpw">');  
 if (standardstyling) document.write('<br/>');  
 document.write(posttitle);  
 if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);  
 document.write('</div><div class="mtrpwsumm">');  
 if (showpostsummary == true) {  
 if (standardstyling) document.write('');  
 if (postcontent.length < numchars) {  
 if (standardstyling) document.write('<i>');  
 document.write(postcontent);  
 if (standardstyling) document.write('</i>');}  
 else {  
 if (standardstyling) document.write('');  
 postcontent = postcontent.substring(0, numchars);  
 var quoteEnd = postcontent.lastIndexOf(" ");  
 postcontent = postcontent.substring(0,quoteEnd);  
 document.write(postcontent + ' ' + readmorelink);  
 if (standardstyling) document.write('');}  
 }  
 document.write('</div>');  
 if (standardstyling) document.write('');  
 }  
 if (!standardstyling) document.write('<div class="bbwidgetfooter">');  
 if (standardstyling) document.write('');  
 document.write('');  
 if (!standardstyling) document.write('');  
 };document.write('<a href="http://semuatentangwebsite.blogspot.com" style="font-size: 1px; text-decoration:none; color: #cccccc;">Blogspot Tutorial</a>');</script>  
 <script style="text/javascript">var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script>  
 <script src="http://semuatentangwebsite.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>  
 <div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr">  
 </div><noscript>Your browser does not support JavaScript!</noscript>  
 <style type=text/css>  
 #rpdr, #rpdr a {color:#808080;}  
 #mtrpwa { border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}  
 .mtrpw a {font-weight:bold; }  
 .mtrpwsumm {}  
 </style></div>  

Pada bagian  url yang berwarna merah ganti dengan url blogspot kamu. Lalu simpan kode yang kamu buat untuk melihat perubahan. Sebelum melakukan modifikasi cara membuat recent post ini sebaiknya sobat melakukan backup dulu pada file template blogspot sobat.

Demikianlah tutorial cara membuat recent post di widget pada blogspot. Lakukan langkah-langkah diatas dengan teliti dan hati-hati.

»»  READMORE...

Mempercepat loading blog kita memberikan manfaat yang bagus bagi kenyamanan pengunjung blog. Jika blog kita dapat di loading atau ditampilkan dengan cepat maka pengunjung blog akan segera mendapatkan berbagai informasi dari blog kita. Lain hal jika loading blog kita lambat atau bahkan sangat lambat, hal ini tentu akan membuat kesal pengunjung blog dan pada akhirnya meninggalkan blog kita.

Cara mempercepat loading blog dapat dilakukan dengan mudah, beberapa hal yang harus kita lakukan agar blog kita dapat terloading dengan baik.

1, Hindari penggunaan  gambar yang memiliki ukuran besar, sebaiknya usahakan untuk melakukan kompresi dahulu pada gambar yang akan kita tampilkan di blog kita. Cara mengkompresi gambar dapat dilakukan dengan beberapa software salah satunya photoshop.

2. Hindari penggunaan script yang berlebihan. Script memiliki karakteristik yang berat, penggunaan script yang berlebihan dijamin akan membuat loading blog kamu sangat berat atau bahkan tidak dapat di akses. Pilihlah script yang benar-benar kamu butuhkan, jika tidak terlalu penting sebaiknya tidak usah digunakan.

3. Kurangi penggunaan widget, Widget memag kadang dapat memberikan tampilan yang bagus pada blog kita. Namun jika widget tersebut dapat membuat blog kamu  menjadi lambat, sebaiknya menghindari penggunaan widget tersebut. Pasanglah widget sesuai kebutuhan, widget yang mungkin tidak perlu digunakan adalah widget kalender atau tanggalan, Setiap komputer sudah memiliki informasi tanggal sendiri, jadi pemasangan widget kalender tidak memberikan manfaat apa-apa pada blog kita.

4. Batasi Tampilan display post pada homepage. Semakin banyak post yang terdisplay pada homepage, maka semakin banyak yang akan di load oleh blog kita.

5. Gunakan script mempercepat loading blog. Berikut baris script yang dapat kamu sisipkan pada template kamu untuk meningkatkan kecepatan loading  blog kamu.

 <script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>  
 <script src='http://wadah-tutorial.googlecode.com/files/superload.js' type='text/javascript'/>  
 <script charset='utf-8' type='text/javascript'> $(function() { $(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM4U8qEJHGRqaNHvsKTpzaMqVYzW-ha6PY1xnAma2iKdVEp2b9o2fpRnuVdEsPXvRIzKAoeCE9ROaxY6ZADBUq7Sw0Cn42aSRg0_4Mi7dxoPye2nazdkwciDnLkea39w_rJegjb879enA/&quot;,threshold : 200}); }); </script>  

Cara menyisipkan script diatas sangat gampang, Masuk ke bagian Edit Html pada template kamu, lalu cari kode </head> kemudian letakkan kode script diatas tepat diatas kode </head>. Kemudian simpan template kamu dan coba akses blog kamu, adakah perubahan dalam kecepatan loading blog kamu. Perlu diperhatikan sebaiknya backup terlebih dahulu template kamu sebelum melakukan perubahan.

»»  READMORE...

Tips Menulis Artikel kali ini mencoba memandu sobat-sobat yang kesulitan ketika mencoba menulis artikel di blog sobat. Sedangkan kita ketahui untuk mendapatkan blog yang memiliki trafik atau pengunjung yang banyak, syarat utamanya adalah memiliki banyak artikel yang bermanfaat.

Banyak pemiliki blog mengeluhkan bagaimana sulitnya membuat sebuah artikel untuk blog mereka, padahal jika ingin telaah lebih dalam, menulis artikel sebenarnya tidak sesulit yang sobat bayangkan. Namun kita juga perlu mengerti beberapa panduan bagaimana menulis artikel yang baik dengan mudah. Coba sobat perhatikan panduan tips menulis artikel dibawah ini.

Artikel sebaiknya memiliki struktur dan penekanan pada setiap alinea

Alinea Pertama
Alinea ini sebaiknya memiliki kata-kata yang dapat menarik perhatian pembaca. Hal-hal yang penting dan menonjol dari sebuah artikel sebaiknya di tulis pada alinea pertama

Alinea kedua
Masukan segala bentuk penguraian informasi dan pemaparan data secara objektif di alinea kedua. Intinya pada alinea ini kamu menuliskan rincian dari penjelasan dari artikel yang kamu tulis. Usahakan gunakan kalimat yang sederhana agar penjelasan kamu dapat dengan mudah di tangkap dan dibaca oleh pengunjung.

Alinea ketiga
Di alinea ini kamu memaparkan berbagai argumen yang dapat memperkuat rincian penjelasan kamu di alinea kedua. kemukakan semua informasi yang memiliki keterkaitan dengan artikel kamu.

Alinea ke empat.
Berikan solusi dari masalah yang kamu angkat pada topik bahasan artikel kamu. Rincikan secara jelas solusi itu dengan bahasa yang sederhana.

Empat langkah diatas sebenarnya hanya sekedar panduan bagaimana kita membuat alur sebuah artikel yang akan kita tulis. Tapi saran saya jangan pernah terpaku pada panduan diatas. Kamu dapat mengembangkannya dengan gaya penulisan kamu sendiri.

Tips menulis artikel dengan cara mudah

Tentukan tema, usahakan ambil tema yang kamu kuasai, ini penting agar jari kamu tidak macet saat sedang asyik menulis dan kamu kehilangan kemampuan dan referensi untuk menjelaskan detail artikel kamu.

Siapkan beberapa referensi, kamu bisa mendapatkan referensi mengenai artikel kamu dari berbagai artikel lain yang masih memiliki keterkaitan erat dengan artikel yang akan kamu tulis.

Tulislah tanpa memikirkan banyak pertimbangan. Hambatan terbesar bagi seorang penulis adalah terlalu banyak mempertimbangkan kata-kata yang akan ditulis, mukadimah awal mukadimah akhir, kepantasan sebuah tulisan dll. Abaikan semua itu biarkan jari kamu mengetik semua yang ada dipikiran kamu yang sudah kamu batasi dengan referensi yang kamu dapat.

Perbanyak perbendaharan kata, baik itu persamaan kata, hubungan antar kata, dll. Semakin banyak perbendaharaan kata yang kamu punya, maka semakin mudah kamu menulis. Misalnya seperti ini:
Tips menulis artikel dapat kamu pelajari dengan cara banyak membaca
Kata diatas dapat kamu tulis ulang dengan perbendaharaan kata yang kamu miliki
Aktifitas membaca yang rutin merupakan salah satu tips menulis artikel yang dapat kamu gunakan.

Kamu lihat bagaimana barisan kata awal dapat kamu rubah menjadi kata-kata baru dengan makna dan tujuan yang sama persis tanpa menghilangkan kata kunci yang digunakan pada tulisan awal. Teknik ini disebut dengan menulis ulang atau biasa disebut oleh para blogger sebagai aktifitas rewrite.

Setelah kamu terbiasa dengan teknik menulis ulang, maka dengan sendirinya kamu akan terbiasa menulis artikel hanya bermodalkan referensi dari artikel lain.

»»  READMORE...

Banyak cara membuat blog kita tampil cantik dan menarik, Setelah kemarin kita sudah  mencoba bagaimana cara membuat tombol share melayang, selanjutnya bahasan kali ini kita akan mencoba bagaimana cara membuat gambar berputar ketika di sentuh oleh mouse. Teknik ini biasanya disebut dengan Image hover.

Tehnik membuat gambar berputar ini menggunakan kode css yang akan kita letakkan di source html template kita. Tidak sulit untuk menerapkan tutorial ini, hanya dibutuhkan kehati-hatian dan ketelitian ketika meletakkan beberapa kode ke dalam template. Untuk berjaga-jaga jika terjadi kesalahan, ada baiknya sobat melakukan backup terlebih dahulu seluruh isi html template sobat.

Berikut langkah-langkah cara membuat gambar berputar di blog kita.

1. Pertama-tama sobat masuk ke bagian edit html dengan menuju bagian template kemudian pilih edit html.
2. Cari kode seperti ini ]]></b:skin> Gunakan ctrl find untuk memudahkan pencarian
3. Copy kode CSS dibawah ini :

 #gambar {  
 float: left;  
 margin: 10px;  
 overflow: hidden;  
 position: relative;  
  -webkit-transition-duration: 0.8s;  
   -moz-transition-duration: 0.8s;  
   -o-transition-duration: 0.8s;  
   transition-duration: 0.8s;  
   -webkit-transition-property: -webkit-transform;  
   -moz-transition-property: -moz-transform;  
   -o-transition-property: -o-transform;  
   transition-property: transform;  
   overflow:hidden;  
 }  
 #gambar:hover {  
  -webkit-transform:rotate(360deg);  
   -moz-transform:rotate(360deg);  
   -o-transform:rotate(360deg);  
 }  

Kemudian paste tepat diatas  kode ]]></b:skin> yang sobat cari tadi. Simpan perubahan template sobat.

4. Buatlah postingan baru dengan judul Cara membuat gambar berputar. masukkan kode dibawah ini kedalam postingan melalui mode html, ingat memasukkannya harus dalam mode html bukan dalam mode Compose.

 <div id="gambar">  
 <img src="url Gambar" />  
 </div>  

Ganti url gambar yang berwarna biru dengan url gambar yang ingin sobat tampilkan agar berputar.
Sampai disini tutorial selesai, silahkan sobat semua mencobanya pada blog sobat.  Untuk posisi gambar bisa langsung di atur melalui pengaturan yang ada di dashboard blog sobat.

Referensi mengenai CSS hover dapat di lihat di w3schools.com.

»»  READMORE...