Oh Snap!

Please turnoff your ad blocking mode for viewing your site content

Home / Blogger / Widget Social Icon Unik Berputar Untuk Sidebar

Widget Social Icon Unik Berputar Untuk Sidebar

/
/
/
25 Views
img

Sambil menyelam minum air. Begitulah istilah yang tepat untuk Tutorial Jitu kali in, karena memang sebelumnya saya sedang meng-otak atik template milik sahabat Sifirman Jadi, ada baiknya Tutorial Jitu sambil belajar sambil berbagi. Tadi juga Tutorial Jitu sudah membuat artikel yang tidak kalah Jitu-nya tentang Menambah Widget Box Fitured Post Slider keren dengan CSS3, bagi anda yang juga mungkin membutuhkannya silahkan anda cek sendiri.

Tutorial Jitu kali ini membahas tentang Widget Social Icon Unik Berputar Untuk Sidebar blog anda. Apa itu? kuq ada berputar?… Jangan bingung sobat, karena kami memberikan tutorial sekali dengan contohnya. Mungkin ada baiknya sobat lihat screenshot dibawah ini untuk contoh dari widget ini:

Widget Social Icon Unik Berputar Untuk Sidebar
Widget Social Icon Unik Berputar Untuk Sidebar

 

Mungkin sudah cukup untuk pengenalan dari widget Social Icon ini. Langsung saja kita menuju tutorial membuatnya:

Widget Social Icon Unik Berputar Untuk Sidebar

1. Login ke account blog anda.
2. Pada Dasbor blog, pilih menu Template>>Edit HTML
3. Tekan Ctrl+f pada keyboard anda, dan cari kode ]]></b:skin> 
4. Kemudian Copy kode css berikut, dan letakkan tepat di atas kode ]]></b:skin>


5. Simpan template anda dengan menekan tombol Save Template, sampai disini proses penambahan code css ke dokumen HTML template selesai, dan lanjut ke tahap berikutnya.

6. Pastikan anda masih dalam keadaan login di Blogger. Pilih menu Layout >> Add a gadget >> pilih gadget type HTML/Javascript
7. Masukkan kode HTML dibawah ini:


Keterangan: Ganti URL website dengan URL milik anda.

8. Simpan, dan lihat hasilnya di blog anda.

Selesai sudah artikel tentang  Widget Social Icon Unik Berputar Untuk Sidebar ini. Semoga bermanfaat bagi sobat semuanya. Jika berhasil jangan lupa ucapkan alhamdulillah, jika sekiranya terjadi kegagalan berkenanlah sobat untuk berkomentar ria dibawah.

  • Facebook
  • Twitter
  • Linkedin
  • Pinterest

4 Comments

Leave a Comment

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

This div height required for enabling the sticky sidebar