-->

Minggu, 18 September 2011

Cara Membuat RSS, Facebook, dan Twitter Melayang

author photo
sebelum sayamemperkenalkan menu ini, saya ingin bertanya pada sobat-sobat yang sedang membaca posting ini, apakah kalian sudah pernah berjalan-jalan ke kaskus? sebagian besar dari kalian pasti sudah pernah bukan.... nah, dari kaskus itu saya mendapatkan ispirasi tentang bagaimana cara membuat menu melayang tersebut. akhirnya setelah mencoba-coba berhasil juga. tetapi diblog saya, menu itu saya hapus karena saya lebih memilih memakai kolom menu facebook, twitter, dan RSS fixed di sidebar kanan blog saya. namun hasilnya sudah saya screen short. ada pula menu terapung, tetapi itu sudahsaya jelaskan dulu. nah, screen short tersebut berada di kiri kalian. bagaimana? bagus tidak? pasti bagus ya.... untuk membuat menu melayang tersebut silahkan ikuti tutorial di bawah ini   :
  • seperti biasa login dulu ke blog
  • kemudian pilih rancangan
  • klik tambah gadget kemudian HTML/Java Script
  • Copas kode di bawah ini dan pastekan di widget tadi
<div style="display:scroll; position:fixed; bottom:80px; right:0px;">

<a class="linkopacity" href="LINK-URL-FACEBOOK" target="_blank" rel="nofollow" title="Add me your facebook" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i239.photobucket.com/albums/ff304/cxoluvme/facebook_32.png" /></a><br />
<a class="linkopacity" href="LINK-URL-TWITTER" target="_blank" rel="nofollow" title="Add me your Twitter" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i239.photobucket.com/albums/ff304/cxoluvme/twitter.png" /></a><br />
<a class="linkopacity" href="LINK-URL-RSS" target="_blank" rel="nofollow" title="Newslater" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i239.photobucket.com/albums/ff304/cxoluvme/feed.png" /></a><br />
</div>
ganti tulisan yang berwarna merah sesuai link yang kamu tujukan. 
  • langkah terakhir, simpan templatenya

This post have 0 komentar


EmoticonEmoticon

Next article Next Post
Previous article Previous Post