Tutorial : Letak icon Facebook/Ig/Tw di Sidebar Blog

4/02/2015 12:58:00 PTG Fara Lumière 0 Comments

Hai! Tutorial membuat icon Fb/Ig/Blog di blog bagi memudahkan blogger lain follow segala updates dari anda. Contoh tutorial dibawah merupakan icon dibahagian kiri sidebar blog.




Step 1 :

Dashboard > Layout > Add A Gadjet > HTML/Javascript

Step 2 :

Copy dan pastekan code dibawah dalam kotak javascript tadi

<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; right:-12px;'>

<a class='linkopacity' href='https://www.facebook.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://png-2.findicons.com/files/icons/1669/hearting_social/64/facebook.png" /></a><br />
<a class='linkopacity' href='https://instagram.com' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='instagram'><img border="0" src="http://www.imageupload.co.uk/images/2015/05/29/a.png" /></a><br />
<a class='linkopacity' href='http://blogspot/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='blog'><img border="0" src="http://png-2.findicons.com/files/icons/1980/heart_v2/64/blogger.png" /></a><br />  </div>

Tukarkan URL Biru dengan URL Fb/ig/tw korang
Tukarkan Warna Merah tu dengan gambar Fb/ig/tw yg korang suka.