Sliding Panel Keren untuk Blogspot

Apa itu Sliding Panel?

Beberapa kawan-kawan blogger bertanya bagaimana cara membuat sliding panel pada bagian header. Mungkin kawan-kawan blogger bertanya apa itu sliding panel? Sliding panel adalah widget buka tutup yang di dalamnya terdapat beberapa widget untuk mendukung navigasi blog. Navigasi ini disediakan admin untuk mempermudah pengunjung berselancar dalam blog anda. Bentuk tampilannya cukup menarik dan dapat dijadikan salah satu daya tarik tersendiri bagi tampilan blog saudara. Widget sliding panel ini sudah saya modifikasi menjadi auto link panel, sehingga tidak perlu banyak melakukan perubahan coding dan cara pemasangannya cukup mudah.

Sebelumnya saya mengucapkan banyak terima kasih untuk helplogger yang telah memposting artikel ini. 

Baiklah sekarang mari kita bahas cara pasang sliding panel keren untuk blogspot. Ikuti langkah berikut.

Cara Pemasangan

• Masuk ke blog anda
• Click Template
• Click Edit HTML
• Masukkan CSS di atas kode </head>
• Click button berikut untuk melihat kode

lihat kode

• bila kode <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/> sudah ada di blog anda, maka hapus saja. karena widget tidak akan bekerja bila ada dua kode seperti ini
• Selanjutnya masukkan HTML di atas kode <body>
• Click button di bawah untuk melihat kode

lihat kode

• Silahkan edit   link, judul, nama (id) feedburner,  username facebook, twitter, google +, dan lainnya   sesuai petunjuk
• Selanjutnya mengganti gambar profil anda dengan gambar profil google plus.
• Click Gambar profil google plus yang ada di pojok kanan atas lalu click Lihat Profil. Nanti anda akan dibawa pada profile google plus. Lihat gambar berikut.

• Selanjutnya click kanan pada gambar profil di google plus lalu pilih Salin Alamat Tautan. Lalu pastekan untuk mengganti tulisan Url foto profil anda.

• Selanjutnya click Simpan Template dan lihat hasilnya

Demikian cara pasang sliding panel keren untuk blogspot. Selamat mencoba dan semoga berhasil. Salam sahabat blogger.

Source Code: http://helplogger.blogspot.com/

Share this post