Thursday, April 10, 2014

Tutorial: Letak Button Facebook, Twitter & Instagram


Assalamualaikum w.b.t

hai ! lepas seronok mengedit blog rasa macam nak buat tutorial pulak..

macam mana nak letak button facebook, twitter, dan instagram macam kat tepi tu ye?

contoh :


okayy..

mula-mula..


lepas tu copy code bawah ni guna ctrl+c tauu...


<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' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="URL gambar" /></a><br />
    <a class='linkopacity' href='URL Twitter' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="URL gambar" /></a><br /> 
    <a class='linkopacity' href='URL Instagram' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='instagram'><img border="0" src="URL gambar*" /></a><br />

     </div>
okay...
hijau tu korang boleh adjust position dia whether korang nak letak sebelah kiri or kanan..
then jangan lupa tukar yang merah tu dengan URL korang..

gambar or icon korang boleh cari kat photobucket
and kalau korang nak google pastu edit sendiri pun boleh.. :))

kalau dah siap.. preview dulu..
dah puas hati baru save!

selamat mencuba ^_^

2 comments:

  1. wah,comelnya.nt ad masa kita try :)

    ReplyDelete
  2. wahh,thank youu for the tutorial. nak try jugak ;)

    ReplyDelete

Related Posts Plugin for WordPress, Blogger...