Facebook Toolbar

byChrist •
5

Suatu malam ketika mencari template  blog baru pacar.Tak sengaja terdampar di blog sobat blogger Hapia Mesir.Dan menemukan tutorial membuat facebook toolbar.Tutorialnya cukup sederhana dan jelas.Hitung-hitung nyenengin pacar(he..he..)tak ada salahnya dicoba.Setelah dicoba ternyata mudah dan berhasil.Bagi yang ingin mencoba memasang facebook toolbar di blogger,berikut langkahnya:

1.Login Blogger.
2.Tata letak>Edit HTML.
3.Beri tanda cek "Expand Template Widget".
4.Copy paste script berikut di bawah <HEAD>

<script src='http://inzacky.indrawebmaster.com/1.js' type='text/javascript'/>
<link href='http://inzacky.indrawebmaster.com/style-fb.css' rel='stylesheet' type='text/css'/>
<link href='http://www.mosquitomagazine.com/facebook-toolbar/modules/mod_fbtoolbar/fbtoolbar.css' rel='stylesheet' type='text/css'/>

5.Copy paste kode berikut di atas </BODY>

<div id='footerbanner'>
</div>
<div class='moduletable'>
<div class='dhmbox' id='dhmbox1'>
<div class='dhmbox-content' id='dhmbox-content1' style='width:200px'>
</div>
</div>
<div class='dhmbox' id='dhmbox2'>
<div class='dhmbox-content' id='dhmbox-content2' style='width:200px'>
<div class='dhmbox-content-title' style='width:200px'>
<div class='dhmbox-content-title-close' onclick='showDHMPopup(2);'/>
<div class='dhmbox-content-title-main'>Friends Link</div>
</div>
<div class='dhmbox-content-item'>
<div style='border: 1px solid #000000; padding: 5px; overflow: auto; width: 215px; height: 200px; background-color: #ffff;'>
<a href='http://URL_FRIENDS_ANDA/' target='_blank'></a>NAMA_BLOG<br/>
<a href='http://URL_FRIENDS_ANDA/' target='_blank'></a>NAMA_BLOG<br/>
</div>
</div>
</div>
</div>
<div class='dhmbox' id='dhmbox3'>
<div class='dhmbox-content' id='dhmbox-content3' style='width:250px'>
<div class='dhmbox-content-title' style='width:250px'>
<div class='dhmbox-content-title-close' onclick='showDHMPopup(3);'/>
<div class='dhmbox-content-title-main'>Chat</div>
</div>
<div class='dhmbox-content-item'>
<div>
<center>
<br/>
<iframe frameborder='0' height='300' scrolling='auto' src='http://www6.shoutmix.com/?fransiska' title='fransiska' width='250'>
<a href='http://www6.shoutmix.com/?fransiska'>View shoutbox</a>
</iframe>
</center>
</div>
</div>
</div>
</div>
<div class='dhmbox' id='dhmbox4'>
<div class='dhmbox-content' id='dhmbox-content4' style='width:230px'>
<div class='dhmbox-content-title' style='width:230px'>
<div class='dhmbox-content-title-close' onclick='showDHMPopup(4);'/>
<div class='dhmbox-content-title-main'>Artikel Terbaru</div>
</div>
<div class='dhmbox-content-item'>
<br/>
<div style='border: 1px solid rgb(102, 102, 102); background: rgb(255, 255, 255) none repeat scroll 0% 0%; overflow: auto; width: 220px; height: 250px; text-align: center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;'><script src='http://blogergadgets.googlecode.com/files/recentpostswidgetv1.js'/><script>var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 50;var standardstyling = true;</script><script src='http://BLOG_ANDA/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts'/>
</div>
</div>
</div>
</div>
<div class='dhmbox' id='dhmbox5'>
<div class='dhmbox-content' id='dhmbox-content5' style='width:230px'>
<div class='dhmbox-content-title' style='width:230px'>
<div class='dhmbox-content-title-close' onclick='showDHMPopup(5);'/>
<div class='dhmbox-content-title-main'>Komentar Terbaru</div>
</div>
<div class='dhmbox-content-item'>
<br/>
<div style='border: 1px solid rgb(102, 102, 102); background: rgb(255, 255, 255) none repeat scroll 0% 0%; overflow: auto; width: 220px; height: 250px; text-align: center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;'><script src='http://blogergadgets.googlecode.com/files/recentcommentswidgetv1.js'/><script>var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 25;var standardstyling = true;</script><script src='http://http://BLOG_ANDA/feeds/comments/default?&amp;alt=json-in-script&amp;callback=showrecentposts'/>
</div>
</div>
</div>
</div>
<div id='dhm-bar'>
<div id='dhm-bar-container'>
<div class='dhm-title'>
<a href='http://URL_TERSERAH_ANDA' target='_blank'>
<div>Menu</div> </a>
</div>
<div class='dhm-title'>
<a href='http://URL_FACEBOOK_ANDA ' target='_blank' title='Follow us in Facebook'>
<img border='0' src='http://static.ak.fbcdn.net/favicon.ico?8:132011'/>
<div>Facebook</div> </a>
</div>
<div class='dhm-title'>
<a href='http://URL_TWITTER_ANDA' target='_blank' title='Follow us in Twitter'>
<img border='0' src='http://twitter.com/favicon.ico'/> </a>
</div>
<div class='dhm-title'>
<a href='http://URL_MULTIPLY_ANDA/' target='_blank'>
<img border='0' src='http://www.multiply.com/favicon.ico'> </img> </a>
</div>
<div class='dhm-title'>
<a href='http://www.wordpress.com' target='_blank'>
<img border='0' src='http://s.wordpress.org/favicon.ico?3'/>
</a>
</div>
<div class='dhm-button' id='dhm-button-1' onclick='showDHMPopup(1);'>
<img src='http://l.yimg.com/a/i/us/msg/emoticons/pirate_2.gif'/><div><a href='ymsgr:sendIM?ID_YM '><b>ADMIN</b></a></div>
</div>
<div class='dhm-button' id='dhm-button-2' onclick='showDHMPopup(2);'>
<img height='17' src='http://b.static.ak.fbcdn.net/images/icons/group.gif?8:25796'/>
<div>Friends Link</div>
</div>
<div class='dhm-button' id='dhm-button-3' onclick='showDHMPopup(3);'>
<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif'/>
<div><blink><b>Chat Klik Disini</b></blink></div>
</div>
<div class='dhm-button' id='dhm-button-4' onclick='showDHMPopup(4);'>
<div><blink><b>Artikel Terbaru</b></blink></div>
</div>
<div class='dhm-button' id='dhm-button-5' onclick='showDHMPopup(5);'>
<div><blink><b>Komentar Terbaru</b></blink></div>
</div>
</div>
</div>
</div>

6.Simpan Template.

Facebook toolbar diatas hanya sekedar contoh modifikasi kecil.Disini cara memodifikasi feeds recent comments dan recent posts,jika kesulitan menampilkan feeds update.Untuk lebih  mudahnya anda modifikasi yang bertanda biru.Hasilnya dapat dilihat disini.Selamat berkarya dan semoga berhasil.

Technorati Tags: ,,,
Tags:
Christ

Anak kampung yg mempunyai hobi browsing dan surfing di Internet.Sangat mencintai dan hobi dunia IT meskipun tanpa basic IT sama sekali.

5 Komentar

  1. UnknownKamis, 02 Desember, 2010

    contoh hasil nya mana ya,...

    BalasHapus
  2. Blogger ReviewSelasa, 07 Desember, 2010

    sori gan udah di hapus :D

    BalasHapus
  3. celana dalam selebriti disini !Senin, 24 Desember, 2012

    hasilnya mana neh?

    BalasHapus
  4. erectile dysfunction causesKamis, 26 November, 2020

    This is really interesting, You're a very skilled blogger. I have joined your rss feed and look forward to seeking more of your wonderful post. Also, I've shared your site in my social networks!

    BalasHapus
  5. best erectile dysfunction pillsKamis, 26 November, 2020

    I'm gone to convey my little brother, that he should also go to see this webpage on regular basis to obtain updated from latest reports.

    BalasHapus
Posting Komentar
Lebih baru Lebih lama