Tutorial : Letak icon Facebook dan twitter bahagian tepi Blog

Korang nampak tak tepi blog hiphiphorray ni ada 2 icon berhuruf F dan T?? haa tulah rupa icon untuk facebook dan twitter aku.. Caranya mudah je rupanya.. aku belajar pun daripada Emas Putih.. Terima kasih kak Uzu.. Oklah kalau sembang banyak pun tak menjadi, so aku bagi step nye.. Lepas tu, korang just follow jee.. Steps : 1. Buka Dashboard > Layout > Add a Gadget > Html/Javascript 2. Korang copy je code kat bawah ni dan pastekan dekat ruang Html tadi.

<div style="display:scroll; position:fixed; top:200px; left:0px;">
<a class="linkopacity" href="http://www.facebook.com/facebook ID" target="_blank" rel="nofollow" title="Facebook" imageanchor="1" style="margin-left: 1em; margin-left: 1em;"><img border="0" src="URL icon/image" /></a><br />
</div>

Info :

Merah : Kedudukan icon di blog korang.. Jarak daripada atas blog (tidak perlu diubah sebab sudah standard))

Oren Kuning : Kedudukan icon sama ada di kanan atau kiri.. Jika ingin icon itu berada di kanan, anda cuma tukar dari left kepada right (Tidak perlu diubah)

Hijau : Jarak daripada kedudukan icon tadi sama ada dari kiri atau kanan blog (JUga tidak perlu diubah)

Biru : Facebook ID korang (Buka wall facebook kawan-kawan dan copy linknya dengan highlight kuning tu)

Hijau Tua : Nama icon (Tidak perlu ditukar)

Purple Pink : url gambar icon yang korang nak (cari yang korang berkenan)

3. Korang dah boleh save..

Tapi kalau lepas tu, korang nak tambah icon untuk twitter pulak.. Korang ikut step kat bawah ni.. Copy dan pastekan di bawah html tadi..

<a class="linkopacity" href="https://twitter.com/umieyana94" target="_blank" rel="nofollow" title="Twitter" imageanchor="1" style="margin-left: 1em; margin-left: 1em;"><img border="0" src="URL icon/image" /></a><br />

Merah : Tukar ID twitter korang (ubah ikut link twitter kawan-kawan)

Hijau : url icon Twitter (Yang anda suka)

Lastly, korang pastekan sebelum </div> pada html facebook tadi..

**Hasilnya jadi macam kat bawah ni setelah digabungkan kod facebook dan twitter
Nilah hasil codingnya.. Aipp, ni aku punya coding tau..
Kalau tak boleh jugak, korang copy code kat bawah ni dan just tukarkan mana yang aku highlight okay?? Lagi senangkan??

<div style="display:scroll; position:fixed; top:200px; left:0px;">
<a class="linkopacity" href="https://www.facebook.com/umieusd" target="_blank" rel="nofollow" title="Facebook" imageanchor="1" style="margin-left: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3nla07wv2_kKzkf8IMCDRa22vZFYEgRqP8GrpKvQEG8Fgw8RW-1smQvec0A26joWodv41PWwfF6NXqfkfAvN4Q1Ex3kAYFor6EPECL59SD8-4tjab8ZjOoy0JiS_qb0vfAUq8PndkE2A/s1600/pinkfb2.png" /></a><br />

<a class="linkopacity" href="https://twitter.com/umieyana94" target="_blank" rel="nofollow" title="Twitter" imageanchor="1" style="margin-left: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ0gYWIzui-hMN2k32WS2aCMCEL-ejYa7XHIIV_LZjRO-n-GtKcD5nZywqvbi2aQYzHmnCGV0dGijXREM_bsvSTeQyyN9I8pTr0hrbS1Q1YjXhdqVNDO2nh3SFh9u8qCG4sWgmBx1XsJ4/s1600/pinktwitter2.png" /></a><br />
</div>