Browse » Home » » Toolbar Footer Ala Facebook

Toolbar Footer Ala Facebook


@- Login Blog seperti biasa dengan ID Blog milik Anda.
@- Terus Klick TATA LETAK / LAYOUT.
@- Klick EDIT HTML, Lalu cari Kode </head>
@- Silahkan Copy kode Script dibawah ini kemudian Pastekan di atas kode </head>

<script src='http://iyang.googlecode.com/files/toolbarFB.js' type='text/javascript'/>
<link href='http://iyang.googlecode.com/files/FBtoolbar.css' rel='stylesheet' type='text/css'/>
<link href='http://www.mosquitomagazine.com/facebook-toolbar/modules/mod_fbtoolbar/fbtoolbar.css' rel='stylesheet' type='text/css'/>

@- Dan Langkah berikutnya Anda cari kode </body>
@- Copy Kode berikut di bawah ini lalu Paste persisi di atas Kode </body>

<script src='http://h1.ripway.com/iyang111/per2per.txt' type='text/javascript'/>
<div class='moduletable'>
<div class='dhmbox' id='dhmbox1'>
<div class='dhmbox-content' id='dhmbox-content1' style='width:250px'>
<div class='dhmbox-content-title' style='width:250px'>
<div class='dhmbox-content-title-close' onclick='showDHMPopup(1);'/>
<div class='dhmbox-content-title-main'>About Me</div>
</div>
<div class='dhmbox-content-item'>
<div class='mod_twitter'>

<!-- Isi About Me -->

</div>
</div></div></div>

<div class='dhmbox' id='dhmbox2'>
<div class='dhmbox-content' id='dhmbox-content2' style='width:250px'>
<div class='dhmbox-content-title' style='width:250px'>
<div class='dhmbox-content-title-close' onclick='showDHMPopup(2);'/>
<div class='dhmbox-content-title-main'>Chat Shout Mix</div>
</div>
<div class='dhmbox-content-item'>
<div>
<center><br/>

<!-- ISI Chat Shout Mix -->

</center></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'>Link Friend</div>
</div>
<div class='dhmbox-content-item'>

<!-- ISI Link Friend -->

</div></div></div>

<div class='dhmbox' id='dhmbox4'>
<div class='dhmbox-content' id='dhmbox-content4' style='width:200px'>
<div class='dhmbox-content-title' style='width:200px'>
<div class='dhmbox-content-title-close' onclick='showDHMPopup(4);'/>
<div class='dhmbox-content-title-main'>Comment Visitor</div>
</div>
<div class='dhmbox-content-item'>

<!-- ISI Comment Visitor -->

</div></div></div>

<div id='dhm-bar'>
<div id='dhm-bar-container'>

<div class='dhm-title'>
<form action='http://NAMA BLOG ANDA.blogspot.com/search' method='get'>&#160;<input class='textinput' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Cari artikel &#9679;&#9679;&#9679;&#9679;&quot;;}' onfocus='if (this.value == &quot;Cari artikel &#9679;&#9679;&#9679;&#9679;&quot;) {this.value = &quot;&quot;}' size='15' type='text' value='Cari artikel &#9679;&#9679;&#9679;&#9679;'/><input class='buttonsubmit' name='submit' type='submit' value='search'/>&#160;</form></div>

<div class='dhm-title'>
<a href='http://www.blogger.com' title='Login Blog'>
<img src='http://1.bp.blogspot.com/_zAAY5TLuWGg/S0zYC_3zHGI/AAAAAAAAA6k/vmc0OF9TGpA/s200/lock.png'/> <div>Login Blog</div></a></div>

<div class='dhm-title'>
<a Title='Home' expr:href='data:blog.homepageUrl'><img src='http://4.bp.blogspot.com/_zAAY5TLuWGg/S01KRnOyjpI/AAAAAAAAA7k/OpU-EU7jW4w/s320/house.png'/> <div>Home</div></a></div>

<div class='dhm-title'>
<a href='http://www.facebook.com/ID Facebook Anda' target='_blank' title='My Facebook'>
<img border='0' src='http://static.ak.fbcdn.net/favicon.ico?8:132011'/>
<div>My Facebook</div></a></div>

<div class='dhm-title'>
<a Title='RSS Posts' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><img height='15' src='http://2.bp.blogspot.com/_zAAY5TLuWGg/S01OpueIwoI/AAAAAAAAA78/hcyNedB6gLw/s320/feed.png' width='15'/> <div>RSS Posts</div></a></div>

<div class='dhm-title'>
<a href='http://twitter.com/ID Twitter Anda' target='_blank' title='My Twitter'>
<img border='0' src='http://4.bp.blogspot.com/_zAAY5TLuWGg/S0zkGWPIO4I/AAAAAAAAA7M/WPXjf_F79I0/s200/Twitter-icon.png'/> <div>My Twitter</div></a></div>

<div class='dhm-title'>
<img src='http://2.bp.blogspot.com/_zAAY5TLuWGg/S1G9wEpuVqI/AAAAAAAAA-8/VjMIYy0zcto/s320/user-online.png'/><div><script src='http://fastonlineusers.com/on4.php?d=NAMA BLOG ANDA.blogspot.com' type='text/javascript'/> User Online</div></div>

<div class='dhm-title'>
<a href='#' id='backTop' onclick='MGJS.goTop();return false;' title='Back to Top'><img src='http://2.bp.blogspot.com/_zAAY5TLuWGg/S02VgprsJfI/AAAAAAAAA8M/DpxGN1UQxZk/s320/arrow_up_blue_round.png'/> <div>Back To Up</div></a></div>

<div class='dhm-button' id='dhm-button-1' onclick='showDHMPopup(1);'><img src='http://img269.imageshack.us/img269/4061/notif.png'/> <div>About Me</div></div>

<div class='dhm-button' id='dhm-button-2' onclick='showDHMPopup(2);'><img src='http://1.bp.blogspot.com/_zAAY5TLuWGg/S0zfqSV50WI/AAAAAAAAA68/F_c22GTOnaA/s200/group.png'/> <div>Chat Shout Mix</div></div>

<div class='dhm-button' id='dhm-button-3' onclick='showDHMPopup(3);'><img src='http://2.bp.blogspot.com/_zAAY5TLuWGg/S0zgUS6mGgI/AAAAAAAAA7E/hxhsZ3LK90w/s200/link_add.png'/> <div>Link Friend</div></div>

<div class='dhm-button' id='dhm-button-4' onclick='showDHMPopup(4);'><img src='http://1.bp.blogspot.com/_zAAY5TLuWGg/S01GuvDL08I/AAAAAAAAA7c/5o95LXow8_I/s320/comments_add.png'/> <div>Comment Visitor</div></div>

</div></div></div>

@- Jika Sudah jangan lupa Klick SIMPAN TEMPLATE / SAVE TEMPLATES
@- Kode yang berwarna MERAH silahkan sesuaikan dengan selera Anda.
@- Selamat Mencoba Kawan dan Sukses Selalu.

5 Comments To Toolbar Footer Ala Facebook

makasih tutorial nya mas ... sangat bermamfaat
°l||l°
eRGe mengatakan pada
 
°l||l°
dahsyat sobat..
selama saya belajar disini..
tidak ada masalah..semuanya lancar dan berhsil..
makasih sobat..
°l||l°
rasiqzone mengatakan pada
 
°l||l°
css nya dari fbtoolbar link nya mati gan
°l||l°
Anonymous mengatakan pada
 
°l||l°
udah tak bisa tuh bro
°l||l°
Superdaus mengatakan pada
 
°l||l°
udah tak bisa tuh bro
°l||l°
Superdaus mengatakan pada
 
°l||l°

Send Your Comment Here

Pernak Pernik Blogger | Copyright 2010 | Template Design © By IMS | Powered By Blogger