Rabu, 6 Februari 2013

TUTRORIAL : Floating Button

hai u all. . .
today yana nk share dan nk bgi tutorial
blog. .  yana psti byk yg dh thu tntg tutorial
floating button. . 
so bgi yg xthu..
korang boleyh try..
ini lha floating button bgi
fb. tweet dan blog. . 
nampak comel kn..
floating button nieyh,,memudahkan readers2 nk connection sosial network dgn korang. . .
actuallt klw pakai floating button nieyh jgk dye jimat ruang..
bkn 3 button nieyh aje,,korang boleyh letak pelbagai lgi sosial network kt sini..
jom2 yana ajar..
  • sign up akaun blog
  • dashboard-->design-->page element-->add a gadget-->html/javascript
  • copy paste kod di bawah dalam ruang html/javascript tdi
<style type='text/css'>a.linkopacity img {filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;-khtml-opacity: 0.5;}
a.linkopacity:hover img {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;-khtml-opacity: 1.0; }</style>
<div style='display:scroll; position:fixed; top:140px;left:-12px;'>
<a class='linkopacity' href='URL FACEBOOK ANDA' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/232.png" /></a><br />
<a class='linkopacity' href='URL TWITTER ANDA' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/432.png" /></a><br />
<a class='linkopacity' href='URL BLOG ANDA' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" /></a><br />

</div>



  • pada tulisan biru,,korang masukkan URL fb , tweet dan blog korang
  • tulisan merah pulak..masukkan URL  button yg korang nk..klw nk guna yg sedia ada pown xda masalah..biarkan aje ,,xperlu letak ape2 kt situ
  • tulisan purple pulak..boleyh tukar ikut kesesuaian blog,,mcm left boleyh ditukar kepada right
  • akhir sekali . .save dan lihat hasilnya..
mudahkan...selamat mencuba

3 ulasan:

  1. NICE..NNT KAK BUI LETAK KALAU RAJIN..NGEEEE

    BalasPadam
  2. pena buat dulu..tp smnjak renew blog...takdah dah..hehehe

    BalasPadam

tinggalkan komen anda kat sini. . InsyaAllah CikCappuccinoLatte akan sentiasa membalas kunjungan

Related Posts Plugin for WordPress, Blogger...

NEWS !