.:: Blogging - Cara memasang widget "Add My Facebook" di atas Blog BLAZTERROR rwxr-xr-x 3 9:41 PM

Filename	.:: Blogging - Cara memasang widget "Add My Facebook" di atas Blog
Permission	rwxrw-r--
Author	BLAZTERROR
Date and Time	9:41 PM
Label
Action

Mungkin dia antara sobat blogger ada yang penasaran , gimana sih caranya membuat widget  "Join Facebook" di blog seperti pada tampilan atas blog ini ??

Sebenarnya caranya cukup mudah bro daripada anda bingung, langsung saja ikuti langkah langkah berikut ini :

• Login ke Akun Blogger sobat.
• Masuk ke Tata Letak/ Rancangan lalu pilih tab Edit HTML.
• Klik Download Full Template, untuk mem-backup template sobat, jika terjadi kesalahan.
• Beri tanda centang pada Expand Template Widget.
• Copy kode di bawah ini persis di atas kode ]]></b:skin>

/*-- (mta bar) --*/ #mta_bar{background:#181818; border-bottom:1px solid #4c83af; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; z-index:100; top:0; left:0; width:100%; overflow:auto; position:fixed; margin-left:0; margin-right:0; margin-top:0; margin-bottom:4px; padding-left:0; padding-right:0; padding-top:7px; padding-bottom:4px; z-index:10000;opacity: 0.9;filter: alpha(opacity: 90);} * html #mta_bar{position:absolute; /*IE6 hack*/width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px":body.clientWidth+"px")} #mta_bar .center{float:left; text-align:center; font-family:Verdana,Arial; font-size:13px; font-weight:bold; font-style:normal; color:#4c83af; width:65%} #mta_bar .left{float:left; text-align:left; font-family:Verdana,Arial; font-size:13px; font-weight:normal; font-style:normal; color:#4c83af; width:20%} #mta_bar .right{font-family:verdana,Arial,Helvetica,sans-serif; float:right; text-align:center; font-weight:normal; font-size:10px; letter-spacing:0; width:30px; white-space:nowrap} #mta_bar .right a{font-size:10px; color:#4c83af; text-decoration:none} #mta_bar .right a:hover{font-size:10px; color:#4c83af; text-decoration:none} #left_bar a{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUa1exJGxK5xRwsTxZ1DQeYVw0VUWK3eAs0sbAm_M3rn_9Xior7q27jFmgqvqhHt9h3sfVn3TFwcarH-9UlcCB75rnMyfO-XOH3alC7CfXSZhZ_qF3Fkpnoo5TV_HycqMjjfvZe5ud7IX4/s1600/button_blue_facebook_social2.png') no-repeat; text-decoration:none; color:#FFFFFF; padding-left:23px; padding-right:0; padding-top:0; padding-bottom:0} #left_bar a:hover{text-decoration:none; color:#4c83af} #left_bar2 a{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUa1exJGxK5xRwsTxZ1DQeYVw0VUWK3eAs0sbAm_M3rn_9Xior7q27jFmgqvqhHt9h3sfVn3TFwcarH-9UlcCB75rnMyfO-XOH3alC7CfXSZhZ_qF3Fkpnoo5TV_HycqMjjfvZe5ud7IX4/s1600/button_blue_facebook_social2.png') no-repeat 2px; text-decoration:none; color:#FFFFFF; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0} #left_bar2 a:hover{text-decoration:none; color:#4c83af} #to_top{background:transparent url(http://www.filipinosabroad.com/wp-content/uploads/2012/04/button_blue_facebook_social2.png) no-repeat scroll 0%; position:absolute; /*this replaces float - fixes thanks to Larry ofhttp://blog.lroot.com*/height:18px; width:19px; margin:0 0 0 900px; /*this was updated*/padding:9px 5px} #anima_sudut2 a:link { color:#000000; } #anima_sudut2 a:visited { color: #FFFFFF; text-decoration:none; } #anima_sudut2 a:hover { color: #000000; } #to_top a{padding:8px} a.tip {position:relative} a.tip span { display:none; padding:5px; z-index:100; background:#000; color:#fff; text-decoration:none; width:200px; /* lebar tooltip */ height:auto; -moz-border-radius:2px; -webkit-border-radius:2px } a:hover.tip { font-size:99%; cursor:pointer } a:hover.tip span { display:block; position:absolute; -moz-opacity:0.7; opacity:0.7; top:-40px; left:auto; right:-2px; bottom:auto; line-height:14px; font-size:12px; font-weight:normal; } .menu{ border:none; border:1px; margin-left:35px; padding:0px; font-size:13px; } .menu ul{ background:#181818; height:2px; list-style:none; margin:0; padding:0; } .menu li{ float:left; padding:0px; }

• Kemudian tambahkan kode Java Script di bawah ini, persis di atas kode </head>

<script src="http://strip-ads.googlecode.com/files/strip-ads-versi2.js" type="text/javascript">
</script>

• Lalu letakkan kode di bawah ini persis di bawah kode </body>

<div id='mta_bar'> <div id='left_bar2'> <span class='left'> <a href='http://www.facebook.com/Armourpoizoneii' target='_blank'>Add Me On Your Facebook</a></span></div> <div id='left_bar'> <span class='center'><a href='http://www.facebook.com/groups/283441548402946/' target='_blank;'>Join Warhacknet di Facebook!</a></span></div> <span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;o-om.com.com&apos;;return true;'> <img align='absmiddle' border='0' height='20px' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibx_s9izZSiQfhNZkMCtAortvUfoiCgzUhQJj-TFcv0dLHKfGTR049mssr09hQQ_X5AtE8jslOgPijh8Z-lezsFWu4qg-BSrTreCAYoF8Dw3r4YmUWE8lx44uhYd1ivOw9Ly_cO_hL5Lda/s1600/skull.png' style='cursor:hand;cursor:pointer;'/></span></div> 

Simpan Template dan lihat hasilnya.

Catatan :

 Jangan lupa untuk mengganti teks yang bercetak tebal miring tersebut dengan link anda

Masih bingung?? Silahkan tinggalkan komentar di bawah ini ☻

Terima kasih telah berkunjung di blog saya mampir lagi ya,,

Sumber : http://www.ibllezboy.co.cc

Author : BLAZTERROR
Posting : .:: Blogging - Cara memasang widget "Add My Facebook" di atas Blog
Time : 9:41 PM
Label :
Get The c0de and feel your soul ~ Indonesian c0ders

Baca Juga yang ini :