cara memasang wedget follow dashbor di blog

 cara memasang wedget follow di blog
 cara ini adalah untuk memudahkan pengunjung untuk mengikuti blog anda seperti ini tampilanya



berikut langkahnya
  1.  login ke blog kesayangan anda
  2.  kemudian option > tata letak / layout
  3.  tambah HTML java script 
  4.  dan copy script di bawah ini
<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=12345678902154664232" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-N61PPu_1haE/TtOSBZgZikI/AAAAAAAAHvc/vIEC_dYpIVo/dashboard.png" /></a></div></div>

ganti ID berwarna HIJAU dengan ID anda 
dan yan berwarna  BIRU adalah ukurun yang anda inginkan

KOMENTAR DISINI

ARTIKEL TERBARU:

cara membuat dan memasang tombol share di blog

cara memasang tombol share di blog , cara ini memudahkan agar kita tidak perlu copas url
penampakanya kaya gini




langkah pertama  login ke blogger
lalu masuk ke templates dan kemudian edit HTML
sebelum anda mengedit saya sarankan untuk backup/download templates anda untuk jaga2 kalo nanti error
cari kode  <data:post.body/> agar lebih mudah tekan CTRL+F
mungkin ada 3-4 kode <data:post.body/>  tapi saya menggunakan yang nomer 2
kemudian copy script warna biru di bawah ini

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='border-top:3px dotted #ccc;border-bottom:1px solid #b8b8b8;width:100%;height:25px;text-align:left;font:normal 11px Arial;color:#333;margin:10px 0;padding:10px 0 5px'>
<div style='float:left;padding:1px 0;margin-right:15px;font:bold 13px Arial;color:#777'>
<strong>Share this article</strong> :
</div>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' style='color: #fff; background: #3b5998; text-decoration: none; border: 1px solid #313c7d; padding: 3px; border-radius: 3px; font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 20px;' target='_blank' title='Share to Facebook'>Share on FB</a> <a expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' style='color: #fff; background: #4099FF; text-decoration: none; border: 1px solid #3a8be8; padding: 3px; border-radius: 3px; font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 20px;' target='_blank' title='Share to Twitter'>Tweet</a> <a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' style='color: #fff; background: #c0361a; text-decoration: none; border: 1px solid #9c2c15; padding: 3px; border-radius: 3px;font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 20px;' target='_blank' title='Share to Google+'>Share on G+</a>
<a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url' style='color: #fff; background: #808080  ; text-decoration: none; border: 1px solid #808080; padding: 3px; border-radius: 3px;font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 20px;' target='_blank' title='Submit to Digg'>Submit to Digg</a>
</div>
</b:if>


dan PASTE di bawah <data:post.body/>   
seperti ini




kemudian save template dan lihat hasilnya. kalo ada yang ga bisa silahkan komentar

KOMENTAR DISINI

ARTIKEL TERBARU:

cara membuat dan memasang wedget buku tamu/chating di blog

 cara membuat buku tamu di blog agar bisa chating dengan pengunjung ,pertama anda daftar cbox dulu
 kalau belum punya daftar kesini



<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://2.bp.blogspot.com/-mrsZX_-WDkk/Te5tiGXpqNI/AAAAAAAAAZg/hDLjMWDN6_U/s1600/bukutamu.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www6.cbox.ws/box/?boxid=801977&amp;boxtag=kq6nr7&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain6-801977" style="border:#ababab 1px solid;" id="cboxmain6-801977"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www6.cbox.ws/box/?boxid=801977&amp;boxtag=kq6nr7&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform6-801977" style="border:#ababab 1px solid;border-top:0px" id="cboxform6-801977"></iframe></div>
</div>
<!-- END CBOX -->


<div style="text-align:right">
<a href=" http://www.bantoel.com/">[get this widget]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

copy script di atas dan masuk ke rancangan/layout di dasbor blog anda tambah HTML java script dan paste script di atas.
script warna merah ganti dengan script anda. dan save

KOMENTAR DISINI

ARTIKEL TERBARU: