Senin, 13 Januari 2014

Cara membuat Widget Facebook dan Twitter di Blog

pada artikel kali ini HASBI BLOG, akan memposting widget Facebook dan Twitter di blog, tampilan widgetnya seperti gambar disamping!! :D, fungsi widget facebook twitter ini,, jadi jika gambar/logo facebook or twitter nya di Klik ntar otomatis ke Facebook atau Twitter kita ^.^, Widget ini posisinya bisa di Kiri atau Kanan Blog, jadi langsung ajaa Widgetnyaa!!!! ^o^
dan jangan lupa Komentarnyaa ya!! ^^

<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='https://www.facebook.com/HASBIBLOG' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Like !'><img border="0" src="http://2.bp.blogspot.com/-WjBJ-pGNEUY/UeKmSujrYqI/AAAAAAAAAyM/B3sN25SWHKE/s315/Facebook.png" /></a><br />

    <a class='linkopacity' href='https://www.twitter.com/HASBIBLOG' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Follow !'><img border="0" src="http://2.bp.blogspot.com/-nmuQKESPs20/UeKmWNXh_mI/AAAAAAAAAyY/8kyhL9ohNR8/s1600/Twitterr.png" /></a><br />


  
    </div>


Copy Script atau Kode diatas :D

dan sebelum dipasang widgetnya,, ganti teks yg ada di kode yang berwarna Biru yaitu HASBIBLOG yg satu dengan Facebook sobat dan yg satunya lagi dengan Twitter sobat!! :D

dan bila sobat juga ingin mengatur posisi widgetnya kekanan, sobat cukup mengganti teks yang berwarna merah yaitu "left" ke "right",,,, Left = Kiri - Right = Kanan :D

ketika sudah di diganti-ganti atau disetting sama sobat, lalu pasang deh,

bila tidak tau cara memasang widgetnya, perhatikan cara berikut,,
- ke BLOG anda
- Tata Letak
- Add Gadget/Tambah Gadget
- lalu pilih Html/JavaScript
- Lalu Paste kode script yg tadi!! ^^
- Simpan!!


dan Widget Facebook Twitter sudah terpasang di Blog sobat!!^^

bila masih ada yg tidak mengerti, silahkan berkomentar!! :D

SEMOGA BERMANFAAT :D

0 komentar:

Posting Komentar