Cara Membuat Like Box di Sisi Kanan Kiri Blog Cara Membuat Like Box di Sisi Kanan Kiri Blog

Buat yang lagi pusing ingin menaruh Like Box nya ngumpet di sisi Kiri/kanan. Ni ane akan kasih tau caranya ..
Petama kamu buat dulu Halaman atau Fans Page nya .
Kemudian kamu masuk ke sini Like Box Fans Page
Kalau sudah jadi klik Get Code, Kemudian pilih yang IFrame terus Copy atau diamkan dulu
Terus tinggal masukin ke Blogger dech, Ingat buka New Tab
1. Login Ke Akun Blogger Sobat
2. Pergi ke tab Template, kemudian Klik Edit Html
3. Centang Expand Widget
4. Cari kode </head> ( biar mudah nyarinya, gunakan Ctrl+F)
5. Taruh kode yang di bawah ini, tepat di atas </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

6. Klik Save Templates
7. Kemudian masuk ke menu Tata Letak
8. Klik Add Gadget/Tambah Gadget
9. Pilih Html/JavaScript

Untuk sebelah Kanan Blog, Masukan Kode di bawah ini

<script type="text/javascript"> //<!-- 
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate ({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 
500);}); //--> </script> 
<style type="text/css"> 
.w2bslikebox{background: url("http://1.bp.blogspot.com/-UuBsjDC5vSc/TuiSd0g9bHI/AAAAAAAAAyk/MqKt8IpiIVM/s1600/facebook1.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} 
.w2bslikebox div{border:none;position:relative;display:block;} 
.w2bslikebox span{bottom: 10px;font: 9px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} 
.w2bslikebox span a{color: #FF9D00;text-decoration:none;} 
.w2bslikebox span a:hover{text-decoration:underline;} 
</style><div class="w2bslikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FIndonesia-Team-Crew%2F348796771903019%3Fref%3Dhl&amp;width=250&amp;height=290&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=true&amp;appId=365638396863390" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:290px;" allowtransparency="true"></iframe></span></div></div>

Dan Untuk yang di sebelah kiri Blog, Masukan kode di bawah ini

<script type="text/javascript"> //<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate ({left: "0"}, "medium");}, function() {$(this).stop().animate({left: "-295"}, "medium");},
500);}); //--> </script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWLNSnqiOoQNa-hIStJwoMenDjiwYAbDHjOw7ZwQWo1-_ecVM0GpOWhNkEeEyTEWgc61ljvIcNxRYKd5PHveL4vsOPG8razldaORSVgzW9Ys1ZdcJXMV4Me2NOjohWx4HZ1mjhVW4VyscC/s1600/facebook1.png") no-repeat scroll right center transparent !important;display: block;float: left;height: 280px;padding: 0 50px 0 46px;width: 245px;z-index: 99999;position:fixed;left:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 10px;font: 9px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;left: 6px;text-align: left;z-index: 99999;}
.w2bslikebox span a{color: #FF9D00;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FIndonesia-Team-Crew%2F348796771903019%3Fref%3Dhl&amp;width=250&amp;height=290&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=true&amp;appId=365638396863390" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:290px;" allowtransparency="true"></iframe></span></div></div>

Catatan : Kode yang berwarna merah ganti dengan kode IFrame Plugin Like Kamu ....

10. Klik Simpan/Save dechh ...

Taraa jadi Dech ...

Read More --►

Cara Membuat Scroll Bar di Postingan Blog Cara Membuat Scroll Bar di Postingan Blog

Cara Membuat Scroll Bar di Postingan Blog sebenar nya sangatlah mudah ..

Langsung aja buat yang belum tau...
  Ni sekarang saya kasih tau cara-cara nya ..

Langsung aja ..

Namun yang paling penting adalah jangan lupa sobat copy/paste atau Tulis Kode script di bawah ini pada mode Edit HTML di bagian posting blog.
Berikut Kode Script Scroll Bar Posting Blog :

<div style='padding: 5px; overflow: auto; width: auto; height:200px;border:1px solid #ff0000'>

LETAKKAN TULISAN SOBAT ATAU APAPUN DISINI.
(Tulisan ditulis di Compose, sedangkan Kode di Tulis pada mode Edit HTML)

</div>

Selasai Dechh ..!!
Mudah kan !!

Read More --►

Cara Membuat Permalink Otomatis Di Blog Cara Membuat Permalink Otomatis Di Blog

Permalink adalah istilah untuk link aktif permanen pada suatu artikel di halaman posting yang di biasanya di letakan di bawah atau sesudah postingan, fungsinya tidak lain dan tidak bukan yaitu untuk meningkatkan seo on page blog sobat. Biasanya sobat yang newbie menemukan artikel seperti ini dengan keyword cara membuat link tetap atau tambahan detail postingan yang letaknya di bawah artikel, sebelum sobat tahu bahwa namanya adalah permanen link.

Permalink kali ini saya sudah di lengkapi dengan author box dimana di dalamnnya bisa di pasangi foto / gambar milik sobat, juga di lengkapi dengan url artikel yang auto drag ( otomatis ter blok ) . Contohnya bisa sobat lihat di bawah artikel.

Langsung aja lihat caranya di bawah ini :
1. Login ke akun blog sobat.
2. Klik rancangan --> Edit HTML --> Centang kotak expand template widget
3. Letakkan kode berikut di atas kode ]]></b:skin> (untuk cari tekan ctrl+f).

.admin-tulisan{
width:auto;
background:#f2f2f2;
border:2px solid #000000;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#000;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#49fc49;
border:none;
border-bottom:1px solid #000000;
color:#fff;
font-family:"julee";
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#000000;}
.admin-tulisan img{
background:#000000;
width:90px;
height:100px;
border:1px solid #000000;
margin:3px 10px 0 0;
float:left;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

4. Cari kode <data:post.body/> ( gunakan Ctrl + F ) dan letakkan kode berikut tepat di bawahnya.

<!-- Permalink Tatelu -->
<b:if cond="data:blog.pageType == &quot;item&quot;">
</b:if><br />
<div class="admin-tulisan">
<h4>
Ditulis Oleh : <b><data:post .author=""></data:post></b> Tips And Trik Komputer | Blogger Indonesia</h4>
<div class="kontainer">
<img alt="Lukman Nurhakim" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW6pX9qJqnn9F1pKjHI5t-8QZlcC0mYvc88i32lNgMD44F8U4jooc3YUdFRbC9Vs_UWxOmRE5fqkVCRd3M58ztMX3vXbQv-QK0EWHpVWKAbKt8x3mjVcjV2854W0hmNEmzaPBAjDjI61jl/s320/548577_309290375837470_320165805_n.jpg" />
Sobat sedang membaca artikel tentang <b><a expr:href="data:post.url" href="https://www.blogger.com/blogger.g?blogID=2146216744443059328"><data:post .title=""></data:post></a></b>Silahkan Sobat mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
<textarea cols="50" id="bloglinking" name="bloglinking" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" readonly="readonly" rows="1"><a href="<data:post.url/>" target="_blank"><data:blog.pageName/></a></textarea>
<br />
<span style="float: right; font: italic 10px Arial, Sans-Serif;">
<a href="http://indonesiateamcrew.blogspot.com" target="_blank">:: Get this widget ! ::</a></span><br />
<div style="clear: both;">
</div>
</div>
</div>
<!-- Permalink Tatelu -->

5. Klik Save Templates, dan lihat hasilnya ...

Read More --►

Free Download Internet Download Manager 6.1 Free Download Internet Download Manager 6.1

Sobat Blogger !!!
Kali ini saya akan memberikan sebuah software yang mampu mendownload hampir semua yang ada di dunia Internet ...
Nama software nya Internet Download Manager atau orang biasa menyebutnya dengan sebutan IDM .
IDM juga mampu mendownload Video yang ada di Youtube.com

Okeh langsung aja liat Screenshot nya :

Langsung aja sedot dan di pergunakan dengan baik :

Read More --►

Free Download Templates Hacker Viciado Free Download Templates Hacker Viciado

Template Hacker Viciado

 

Read More --►

Free Download XUS Launcher Untuk Mempercantik Desktop Free Download XUS Launcher Untuk Mempercantik Desktop

Buat yang mau Tampilan OS mu tambah Ganteng or Cantik .

 Nii saya kasih Software yang mantapp and kerenn .
Nama nya XUS Launcher .

Software ini akan membuat tampilan Desktop mu menjadi llebih menarik ..
Langsung aja Download di bawah ini :

Read More --►

Free Download XUS PC LOCK Free Download XUS PC LOCK

   Nii Dia Software yang Mantapp buat agan yang punya Laptop/Notebook/Netbook/Komputer, yang mau komputer nya aman dan gak bisa di liat-liat sama orang lain pada saat Laptop/Notebook/Netbook/Komputer anda di tinggal.

Nama Software ini adalah XUS PC LOCK.


Software ini sama cara kerjanya seperti Log Off pada Komputer Anda. Yaitu mengunci komputer dengan Password berupa kode garis-garis yang anda buat .

Langsung aja buat yang mau Nyedot Software nya .
Klik Gambar di bawah ini :

Read More --►