Membuat Vertikal Menu Blogspot Ala Kaskus
Diposting oleh
Unknown
Label:
blog tools
di
07.22
Vicshare..Malam minggu gini mau posting apa yah tentang blogspot tutorial..,postingan ini saya copy dari blog www.diaryonline.web.id . Karena lagi banyak ide ya langsung aja deh nuangkan semua isinya kedalam postingan ini. Daripada disimpan terus, ntar akhirnya lupa. Tutorial kali ini membahas tentang cara membuat Vertikal Menu Ala Kaskus. Umumnya widget semacam ini hanya bisa kita temui di kaskus.us, Namun kali ini kita akan membuat hampir sama seperti Vertikal menu pada kaskus. Sedikit gambaran dari Vertikal Menu ala kaskus :
Itulah sedikit gambaran dari vertikal menu ala kaskusnya gan, widgetnya itu melayang juga loh, pokoknya hampir mirip deh kayak kaskus geto loh gan
Langkah-Langkah Membuat Vertikal Menu ala Kaskus :
1.Login di blogger.com
2.Pilih Rancangan --> Edit HTML
3.Cari kode ]]></b:skin>
4.Masukkan kode berikut sebelum kode diatas
Itulah sedikit gambaran dari vertikal menu ala kaskusnya gan, widgetnya itu melayang juga loh, pokoknya hampir mirip deh kayak kaskus geto loh gan
Langkah-Langkah Membuat Vertikal Menu ala Kaskus :
1.Login di blogger.com
2.Pilih Rancangan --> Edit HTML
3.Cari kode ]]></b:skin>
4.Masukkan kode berikut sebelum kode diatas
#alowadd {position:fixed;_position:absolute;top:137px; left:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
5.Kemudian cari kode </body>
6.Masukkan kode berikut sebelum kode </body>
7.Kemudian Simpan dan lihat hasilnya....<div id='alowadd' style='padding: 45px 5px 5px 0pt; line-height: 25px; background: url("http://imgboot.com/images/Aloweis/bgadd_1.png") no-repeat scroll 0% 0% transparent; width: 71px; height: 198px; color: rgb(102, 102, 102); font-size: 12px;'> <a href='http://www.facebook.com/username' target='_blank' title='add me on facebook'><img border='0' src='https://lh6.googleusercontent.com/_jcl3_inylRg/TVFPwMmoEgI/AAAAAAAAAH0/zxOUojd3jIE/btn_f.png' style='margin-bottom: 3px;'/></a><br/> <a href='http://www.twitter.com/username' target='_blank' title='follow my twitter'><img border='0' src='https://lh5.googleusercontent.com/_jcl3_inylRg/TVFPw_VkwpI/AAAAAAAAAH4/YzrXzlSGkjE/s800/btn_t.png' style='margin-bottom: 3px;'/></a><br/><a href='http://feeds.feedburner.com/username' target='_blank' title='berlangganan artikel'><img src='https://lh4.googleusercontent.com/_jcl3_inylRg/TVFPw6WblbI/AAAAAAAAAH8/msxC5A6A1Pg/s800/comments_rss.png' style='margin-bottom: 3px;'/></a><br/><a href="http://www.aloweis.co.cc/2011/02/membuat-addfollow-me-ala-kaskus.html" target="_blank"><span style="font-size: small;">widget by 4-jie</span></a></div>
Semoga Bermanfaat....
Anda sedang membaca artikel tentang Membuat Vertikal Menu Blogspot Ala Kaskus dan anda bisa menemukan artikel ini dengan url http://vickryshare.blogspot.com/2012/09/membuat-vertikal-menu-blogspot-ala.html. Jika anda ingin menyebarluaskan artikel ini mohon cantumkan link sumbernya! Terima kasih.
1 komentar:
Komentar Anda Merupakan Komitmen Dari Saya..
------------------------------------------------------------------------------------------------------*/
Catatan :
✓ Link Aktifkan di sini kawan : © OFFICIAL PARTNER
☀ Dilarang promosi / meng-iklankan suatu produk dll
✓ Berkomentar dengan bahasa yang sopan
------------------------------------------------------------------------------------------------------*/
Terimakasih Atas Kunjungannya...
Semoga Bermanfaat :D
------------------------------------------------------------------------------------------------------*/
Catatan :
✓ Link Aktifkan di sini kawan : © OFFICIAL PARTNER
☀ Dilarang promosi / meng-iklankan suatu produk dll
✓ Berkomentar dengan bahasa yang sopan
------------------------------------------------------------------------------------------------------*/
Terimakasih Atas Kunjungannya...
Semoga Bermanfaat :D
tutor nya mantap mantap...
BalasHapus