Panduan BloGGeR Detail Cara Menambah Widget Cursor Animasi Jam

Sebelum melanjutkan mengikuti tutorial ini perlu diperhatikan bahwa anda harus mengikuti tutorial sebelumnya guna mendapatkan kode css dan javascript cursor jam dengan identitas/nama blogger melalui link di bawah ini:

Cursor jam dengan identitas blogger

Tutorial ini dimaksudkan untuk memperjelas cara menambah widget yang berupa javascript, kode css atau xHTML, seperti halnya membuat animasi cursor jam yang dilengkapi identitas blogger. Yah, mungkin saja bagi beberapa sobat blogger hal seperti ini cukup gampang dilakukan, tapi mungkin saja beberapa yang lain mungkin akan terasa begitu sulit dilakukan, hingga sering jengkel sendiri.

Untuk memasang cursor jam yang termuat di posting sebelum ini, coba ikuti detail langkah di bawah ini :

1. Login : Lakukan Login ke BloGGeR dengan cara menuliskan User Name atau Alamat Email.
2. Dasboard (Dasbor) : Setelah terbuka halaman Dasbor, silahkan KLIK Layot (Tata Letak).
3. Page Element (Elemen Laman) :
   
   
   Halaman yang tersaji di hadapan sampeyan adalah halaman untuk menambahkan widget. Di dalamnya terdapat beberapa kolom penambahan widget, baik di sidebar, footer, header atau main. KLIK Gambar untuk melihat detailnya.
4. Tambah Gadget :
   
   
   KLIK pada bagian yang bergaris putus-putus. Silahkan pilih tempatnya mau yang sebelah mana tidak menjadi masalah.
5. HTML/Javascript :
   
   
   KLIK tepat di teks HTML/Javascript seperti terlihat di gambar tersebut di atas. Untuk melihat detail gambarnya silahkan "Gambar HTML/Javascript" tersebut di KLIK
6. Paste Kode : KLIK Gambar untuk melihat detailnya!
   
   
   Setelah terlihat box penyimpanan KODE HTML/Javascript, letakkan Kode CSS dan Javascript secara berurutan.
7. Kode CSS di copy kemudian letakkan di antara kode di bawah ini :
   <style type="text/css">
   Disini Letak KODE CSS !
   </style>
   
   Contoh :
   
   <style type="text/css">
   .BGS1csrjam1GR{
   background:transparent;
   position:absolute;
   .... dst
   }
   BGS1csrjam2GR{
   ....
   ... dst
   }
   </style>
8. Javascript diletakkan setelah Kode CSS. Bentuk Kode Javascript :
   
   <script src="http://gubhugreyotprojects.googlecode.com/svn/GR_cursor-Jam.js" type="text/javascript"></script>
   
   Bentuknya jadi seperti ini :
   

   Menyimpan kode lewat Add a Gadget:

   <style type="text/css">
   Letakkan kode CSS di sini !
   </style>
   
   <script src="http://gubhugreyotprojects.googlecode.com/svn/GR_cursor-Jam.js" type="text/javascript"></script>

9. SAVE (Simpan) : KLIK Simpan, Kemudian lihat hasilnya dengan membukan blog!

Aku kira udah cukup detail banget panduan pasang widget cursor jam ini, semoga bisa segera terpasang dan dinikmati hasilnya!

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :

Update » Rabo PON, February, 29, 2012

» Happy Blogging - gubhugreyot «