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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqk3RSUkKMMsRmKw90XmQUl26He4AqAawoG_oZdZU-6tvIuNgbHFBK_hntdSm42MR6zUmfxaPn5u2gJn-9oYVB6NKy6Y0kpxR7jVkVuZdRBZZY-RJ7tV6ApcUMmfJE7FXH483fdW8a7q8/s200/lock.png'/> <div>Login Blog</div></a></div>

<div class='dhm-title'>
<a Title='Home' expr:href='data:blog.homepageUrl'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh1wWu227JjaTq-N2KRbKGrKQ6-0V4l_kDOOdm1WIoyqZf0zc8ke0xNeDqvB0VpcDUmq03eV8EChcW2wsUKyaCHDJpjwi17PmtMZFTkwZBtY4l3UKXxeyYZDZNQe-C4p-qFFJBtx-Jv8Y/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg84mZkjuvSmQ2ijR5KQCOfalgSXSFGPDaNkimQWBVizZQPQicGxC18gPT49nobWgZy97UAMxkmsYGWD02C1F_-V-SWGsBAeLbtiQF2-mba9HdjycKlXw8u9w-2da6SPyu72N7LThW6TCQ/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp2D2suclQu8Z_OcM1_9qBluHa2YTI9N8QlbBQaq2dXESM6o-kxSrdbouFQ7IjQeP9A__fK0wvbNtIFlKiLZSiVxr5ZX3vzfNosaPBa_GXqhgyXKejoZLqm7gOiMx-f-26A3o5aayBnXg/s200/Twitter-icon.png'/> <div>My Twitter</div></a></div>

<div class='dhm-title'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyjP4InuZpeuFx1rvr5jNrZlFg1_WiKMJ5E3zwC714Ojr8ZNfowQCWk9q0w92cQ7mOY9ANJ8Qz3T50DV1MjvouOA5wWjOnkynQpDfVxd9M15Bvp5Wo7WOR-uv6Qwf0EIa3CgYehVSwbFI/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMB2FqwRyRXkokOrVXdstFtjuGmwtADfedVmHzMUro3iLYiTLBjEKYXwn8DsBnEyV4t6wSBmgM5enrm9ocMFkG25CD9uSebMM8ATOo1z9_87Lo9l1Ko800XRRjI0PgrX-C2ZkcaOaS5RA/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg50ZzaXTm18ykozD-us6YNt-wgzUW9oz_71J2vlMcV59ZfbUc6wBl9J_X9Tij7fhi0hCnaiP8MxPVKSBkunTL66kG2XNvHmbE9FRU0l6Dl0V0u7Zvtr-empv2KIqC7NMwMG6OSMTUx9fI/s200/group.png'/> <div>Chat Shout Mix</div></div>

<div class='dhm-button' id='dhm-button-3' onclick='showDHMPopup(3);'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijvmf-GAo91lXj6YJUk28MfMaSNSKAYF5PVt2Q2ha82IOQc9Xd8P-dKKKwEfvWL_0vsSf4RHOk0zny_OBECGc7DwibHzz1cl_WOv-2ctGWHgmDu4Mm3ICU4gaT1JqemBm6UUC5EzAK-tM/s200/link_add.png'/> <div>Link Friend</div></div>

<div class='dhm-button' id='dhm-button-4' onclick='showDHMPopup(4);'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoyg9_9cD6ns8hLpe3jHidbd3ZxtkydrlNOmPfLZJKxFP-rKmGur7vH-fr195Fab4nyzV4IC07PY5e5S9YEns5SWeKMJksrWV8zbzg8BuqGduCTK8l9YyPoHXouLvwByzlA4qfHlbMjVU/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°
Uray Firdaus mengatakan pada
 
°l||l°
udah tak bisa tuh bro
°l||l°
Uray Firdaus mengatakan pada
 
°l||l°

Send Your Comment Here

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