Jumat, 29 Juni 2012

Cara Membuat Facebook, dan Twitter Melayang


Cara Membuat RSS, Facebook, dan Twitter Melayang. sebelum saya memperkenalkan 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 di blog 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 sudah saya 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="http://www.facebook.com/putraediting" target="_blank" rel="nofollow" title="Add me your facebook" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBLOGbJ-r6HnKj-xzLvsDR4U95l1Gl-Up4K4ZNC9U-1FQMi77L8IFFY0AeAcewHUBBWIIeGXJsax24c_SaqLRNm-F4hgIpzH1pPFTIPQFRCemnqZcZ94WOe2gphpbtJWkrJNM-CyeA3a9S/s1600/DF+Dedi+Setiawan+syahputra2.jpg" /></a><br />
<a class="linkopacity" href="http://www.facebook.com/dedi.setiawan1994sep26" target="_blank" rel="nofollow" title="Add me your facebook" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinUiH3Df-PFHCq1oF3Q04m9iy7sTRYmTOOzjYC0MAo5WIfEOaAsXjEwWUJbcDxOtu6XFkJtz0cWOQ488jWYsZOBIKdEA2NbLEg84PowP5-TsSLOWkDFHcwc4FRyl_h09w-d21eivWg6C74/s1600/DF+Dedi+Setiawan+thehacker2.jpg" /></a><br />
<a class="linkopacity" href="https://twitter.com/#!/PutraDom" target="_blank" rel="nofollow" title="Add me your Twitter" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg44liYkqBonhnC0JLzrBh0eHcarPUOiiIl9_YfI-uLyc9SwAAiTbn0Hip5BszE9yUvn9NJBZuo28uqf6z5pFmq88IFDrUv_KwdFF7FjieXwVikNB2ZnOcOGRCn-1AlgBkWf3kbAEnVZ5pK/s1600/twitter.jpg" /></a><br />

</div>ganti tulisan yang berwarna merah sesuai link yang kamu tujukan. 
  • langkah terakhir, simpan templatenya

Artikel Terkait

Perbaikan JavaScript