0 memasang animasi hamster

Halo sobat blogger Indonesia. Sudah hampir 2/3 hari blog ini tidak ada artikel terbaru nih, dari pada sepi kaya kuburan mending saya kasih aja tutorial cara memasang/menambah widget animasi hamster mengikuti arah mouse. Sebenarnya gimana sih kegunaannya? Simpel saja, kegunaan dari satu widget ini adalah sebagai sarana penghilang GALAU aja buat visitor di blogmu. Kan tidak semua visitor/pengunjung di blog itu sedang senang atau happy ketika membuka blog kamu? Ya nggak?.

untuk anda yang memang suka dengan animasi mengikuti arah mouse ini sebenarnya anda dapat langsung memasang widget ini pada blog anda, dan pada kesempatan kali ini Jin Botol's Blog akan menjelaskan kepada anda cara memasang animasi mengikuti mouse tersebut khusus di blogger. Animasi-animasi beregerak mengikuti mouse ini memanglah sangat cocok untuk anda yang gemar menghias blog dengan berbagai atribut.

Daripada ngebacot mulu mending langsung aja yukk kita masuk kepada pokok pikiran yaitu cara memasangnya di blogger:

• Masuk ke akun bloggermu.
• Klik 'Opsi Lainnya' atau 'More Options'
• Pilih 'Tata Letak' atau 'Layout'
• Kemudian klik lagi yaitu di 'tambah gadget' atau 'a gadget'
•  Pilih widget HTML/JavaScript
• Masukkan kode berikut

<a href="http://zootodays.blogspot.com/2012/06/cara-pasang-widget-animasi-hamster.html" target="_blank" title="Click here to get more"></a><object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object><a href="http://zootodays.blogspot.com/2012/06/cara-pasang-widget-animasi-hamster.html" target="_blank" title="mau pelihara hamster kaya gini di blogmu?"></a>

• Kemudian yang terakhir klik 'simpan' atau 'save'
• Dan lihat pada blog anda apa yang akan terjadi?

0 cara memasang follow me di blogger

Cara membuat/menambah tombol follow twitter di blog atau cara membuat/menambah twitter follow button di blog.

Twitter merupakan salah satu jejaring sosial yang cukup banyak peminatnya, oleh karena itu tak heran jika banyak orang telah menggunakan twitter untuk berbagai keperluan, misalnya memasarkan produk, mencari pelanggan, tukar pengalaman, dan lain sebagainya. Dan kita sebagai blogger pun harus mampu memanfaatkan jejaring sosial yang satu ini untuk mengoptimalkan traffic di blog kita. Bagaimana caranya? Oke langsung saja jelaskan sedikit. Bila kita sudah punya banyak follower, lalu setiap update posting artikel blog kita kita masukkan di twitter, maka tentu artikel kita tersebut akan bisa dilihat banyak orang dan pastinya akan banyak yang tertarik yang mengunjungi blog kita. Lantas bagaimana cara mendapatkan banyak follower tersebut? Sebenarnya ada banyak cara, diantaranya mencari follower secara mudah. Baca: cara cepat menambah follower twitter. Selain dengan cara tersebut, kita juga bisa menambah follower twitter kita dengan cara memasang tombol follow twitter di blog kita. Jadi setiap pengunjung yang tertarik untuk mengikuti kita di twitter bisa langsung mengklik tombol ini dan dia otomatis menjadi follower kita. Lantas bagaimana caranya? Mudah saja, silahkan ikuti cara membuat twitter follow button di blog berikut ini:

1. Silahkan masuk ke akun blog kalian

2. Copy kode di bawah di bagian blog mana saja, terserah sobat, misalnya di header, sidebar, footer atau yang lainnya.

<a href="https://twitter.com/amronbadriza" class="twitter-follow-button" data-show-count="false">Follow @amronbadriza</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

3. Silahkan ganti kode yang berwarna biru dengan id twitter sobat

4. Selesai

Source: http://amronbadriza.blogspot.com/2012/07/cara-memasang-tombol-follow-twitter-di.html#ixzz2B69KY7tH

0 membuat efek petir di blog

1 login di blogger

2 rancangan

3 tambah gadget

3 pilih HTML/JAVASCRIPT

4 copas script dibawah ini

<style
type="text/css">body { background-image:
url(http://i958.photobucket.com/albums/ae69/putrablidz/storm.gif);
background-color:transparent; }</style> 

5 save
6 semoga bermamfaat

0 cara membuat artikel terkait

Kemaren buat template baru yang bersih dari modifikasinya dari aslinya, ya saya tambahin aja tentang artikel terkait, dapat nyari jalan-jalan dari mbah google eh dapat script dari tetangga sebelah bagaimana Cara Membuat Widget artikel terkait dengan Gambar.
contohnya gambar :

Dan setelah sekian lama, akhirnya sayapun berhasil menemukannya bagaimana cara mari kita lihat tutorial caranya di bawah ini untuk tampilan blogger yang berbahasa indonesia:
 

1. Pertama masuk ke Akun Blogger anda

2. Masuk Template kemudian edit HTML,

Langsung mengedit HTML dapat memengaruhi cara kerja fitur dan hanya direkomendasikan untuk pengguna tingkat lanjut. Mengedit template HTML secara tak terduga dapat memengaruhi fitur Blogger lainnya. Kami merekomendasikan menggunakan Perancang Template terlebih dahulu, di mana Anda dapat Tambahkan CSS di bawah bagian Lanjutan. 

dan klik lanjutkan maka akan tampil halaman edit html.

3. Centang kotak kecil di kiri atas Expand Template Widget

4. Untuk menghindari kesalahan sebaiknya download template anda dulu dengan backupnya pada halaman kanan atas dan cadangkan template.

Nb.untuk lebih cepatnya dalam pencarian code htl silahkan tekan Ctrl + F secara bersamaan dan masukan kata kunci yang ingin di cari pada tampilan pencarian dan akan muncul kata yang sesuai dengan pencarian atau kata yang di cari banyak klik selanjutnya atau sebaliknya.

5. Setelah itu letakkan kode di bawah ini di atas </head>

<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: #585858;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:#FFFFCC;
}
#related-posts a:hover{
color:#000000;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://sastrablog.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

Kalau sudah, cari kode berikut

<div class='post-footer'>

Dan letakkan kode di bawah ini di atas kode di atas, Atau bagi sobat yang pandai ngutak-atik pasang code yang seperti ini silahkan taruh dimana saja yang berdekatan dengan code diatas post-footer tersebut agar dalam menata tampilan halman yang sesuai kemauan anda sobat, ya seperti blog m-fahrin.com ini saya taru ditempat berbeda untuk tampilannya sedikit posisinya lebih baik,he

<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=8;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

Nb_untuk perlu diketahui tanda dari code ( Var maxresults=8 ) adalah jumlah artikel terkait yang muncul berpa banyak yang akan tampil, silahkan di sesuaikan, Anda bisa mengganti warna tulisan sesuka anda dengan mengganti code warna ( color:#FFFFCC;) dan untuk mengganti warna tampilan halaman artikel terkait ketika mau di klik dan warnanya berubah sesuai warna ini( background-color:#d4eaf2;) background anda. Untuk warna hitam code warnany ( #000000 ).

6. Simpan Template dan lihat Hasilnya bisa klik Pratinjau atau langsung buka halaman blog anda.

Sekian Sobat Tentang Bagaimana Cara Membuat Widget artikel terkait dengan Gambar, 

Semoga Berhasil dan Bermanfaat . . .

0 cara membuat fanpage melayang

Cara Cepat Membuat Facebook Fanpage Melayang Di Tengah Blog dan yang penting dengan tombol close agar pengunjung bisa menututup fanpage melayang tersebut. Sobat sekalian yang mau tau cara bagaimana, Cara Cepat Membuat Facebook Fanpage Melayang Di Tengah Blog Seperti blog ini, bukan iklan, tapi Facebook Fanpage, namun bisa Anda modifikasi sendiri nantinya untuk lainnya di blog Anda atau tidak lah cuma untuk fanpage.

Langsung saja yaa.

1. Login ke Blogger> Rancangan> elemen / tata letak > Add gadget/widget,  pilih HTML/Javascript.
2. Masukkan kode di bawah ini :

<style type="text/css">
#topbar{
position:absolute;
padding-left:260px;
background-color: transparancy;
width: 300px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
 barheight=document.getElementById("topbar").offsetHeight
 var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
 var d = document;
 function ml(id){
  var el=d.getElementById(id);
  if (!persistclose || persistclose && get_cookie("remainclosed")=="")
  el.style.visibility="visible"
  if(d.layers)el.style=el;
  el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
  el.x = startX;
  if (verticalpos=="fromtop")
  el.y = startY;
  else{
  el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
  el.y -= startY;
  }
  return el;
 }
 window.stayTopLeft=function(){
  if (verticalpos=="fromtop"){
  var pY = ns ? pageYOffset : iecompattest().scrollTop;
  ftlObj.y += (pY + startY - ftlObj.y)/8;
  }
  else{
  var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
  ftlObj.y += (pY - startY - ftlObj.y)/8;
  }
  ftlObj.sP(ftlObj.x, ftlObj.y);
  setTimeout("stayTopLeft()", 10);
 }
 ftlObj = ml("topbar");
 stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="topbar">
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5sfiTz6oOca9yKNG8YoUQXwlTaOaZj9EqWiYad-3jGreqWQClfqE91l4Lmpoe6rIVDPjV8GgL_-d4T7E6CqZ6dn64Cnf4ypGr01FPRlxoMFbBSBppPsPrG_TlaBu1KL-EllGxYIUkvxwD/s1600/close3.png" /></a></div>
<center>
<div style="background: #fff;">

SIMPAN KODE HTML FACEBOOK  / lainnya

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

3.  Masukkan kode yang dinginkan pada tempatnya, klik save.
4.  Selesai dan lihat hasilnya.
 5. Iklan akan muncul jika blog sudah selesai diloading. Saya sarankan templatenya yang ringan aja agar tidak memberatkan terlalu berat template,
 

Sekian Sobat Cara Cepat Membuat Facebook Fanpage Melayang Di Tengah Blog.
Semoga berhasil dan bermanfaat.

0 primbon ramalan jodoh

<!-- Begin: PRIMBON RAMALAN JODOH -->
<center>
<iframe src="http://www.primbon.com/primbon.htm" name="ramalan" width="414" height="200" marginwidth="0" marginheight="0" frameborder="no"></iframe>
</center>
<!-- End: PRIMBON RAMALAN JODOH -->

0 numerologi rahasia cinta