Cara Pasang Pasang Burung Twitter Terbang Di Blog

Ada yang punya twitter? kalo ada ya berarti bisa digunakan untuk komunikasi tapi kalo belum punya ya bikin . Lol ..
Tapi yang saya akan share disini bukan soal akun twitternya melainkan gimana sih caranya install atau pasang ikon burung twitter bisa terbang di blog. Saya pikir ini bukan trik yang baru karena sudah banyak yang bisa melakukannya tapi gak salah kalo saya ingin kembali mengulasnya karena barang kali ada yang belum tau, Oke gak usah panjang lebar langsung saja ...

Pertama-tama silahkan login di Blogger

• Klik Layout > Add Gadget > Html/Javascript
• Copy paste kode di bawah ini ke kolom Html/Javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="https://googledrive.com/host/0B7X69YyzZu-IZjFKQ19VVi10RlE/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh71qfsWPU2sInbkq81xJWujvCaiS569DPAhM-0BihSoo6mc2gsjX96zHbEUUSbmLFvqHDBvR8i3EPSwvsm8NgJ9NCUXXa6gDFQzFXitDUdtzuOKeCIGyAnI5nwrefkljK8nfgf9PJJn1Y/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Username";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

• Ganti kode yang berwarna biru dengan nama pengguna (username) akun Twitter sobat
• Simpan dan lihat hasilnya

Untuk Warna, anda bisa sesuaikan sesuai selera anda, silahkan copy script di bawah:

Warna Kuning

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2OSYOj28VvZjjB9yRfhJpxNDaUvmGOY9pANMXkp_gqOP3pWWl9lheVV1TCxUmA6BLUf_voEW1wLSGH3pjxP45exYLYosFsOm-IU7lqPGWirUfKQsDJF2747nnrD9Vi1TUiR5gT4QqYY8/s1600/yellow+bird.png

Warna Hitam

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1iTjWzUmUBjO7qJE8RxOxQezfed3nw_go7mG3wVUkMBsMWrZxiI01om4zINFY-vUj3rlskT9WC8PhrLp6q0TmLBRQT41aknXZw4tSid6E3vQsRI_s8Vo4cK3MZ49QB_YG5Ku8q_Jygts/s1600/black+bird.png

Warna Biru

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqqUUJcU1U4uDtIcDAS6PHc4aHanbN6E8wwS-IgWnhh4nYw2aV7fYd1IC2ebnURFSfG0We4J2qBrScb3wdYzA9zyhDdsq8Z-LKmNjnx7-iZ0rMtxlMCSDHCWZzuzvJDGnVYeD7oP2GWyw/s1600/Blue+bird.png

Warna Coklat

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcjKefhBDVfEwvV71W45RZqS7KjnczTfqhRkVU5QPeXFIR2GYvGGQ-D2bgOQPJVgLcmS0YjGOv-Rn6Rrk5adOmdm6hbun-awKdzARVm8BfGEfQ46ZNmvpL4wRSPGaZ4kX14PCNRCZhb8E/s1600/brown+bird.png

Warna Hijau

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvNGsE7W6cbc9FtQv-_qKWtuVWPCaflU25EXED8wqre22i3S7rcP3xruqJIJqByJZ6xtO7aZyOQBCTFlUhX_AfruY8bHjW587Wsl03b90WUErdGWdqevFP79Y1uiM4gSRfX1ifVnaoOK8/s1600/Green+bird.png

Warna Ungu

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCWzWLprdxidGQnOTXRkwPRvG1dLD7-fmXf9aKzhyphenhyphenLvkyFKOzVit6VHsCrpwwltSJy-tyzuyGHNcKUXLqddpXnQ3bUORV5Ic_cN1-WEt7k9K9tq4G35DP7kDP2fDCdBOGJhtEI9YTCh5A/s1600/purple+bird.png

Warna Putih

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ4icP1dkvnH3zWGrMFnq1IFnkUlnBaEgExnh9s0i2Nz1cx0g1Uo952yjlS2mKBMRtqzwStvcxWEz9mFimfhuEw3Xd0k7USMPIwXeUQTtBW202Mwd3QxeWe8IVqa2dWPcjlqgOPu8c4AQ/s1600/white+bird.png

Warna Merah

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiigMePU_gxs7kdx7H8uXBWPgpb4BNYe61uBjP3TAWodAWsAZEc93cRxGzlN6fIw9Dz6PmLHmD7lz0m3CurMjHKpR_VIMHWYH4mEz4XNbXOX1Z6jXP1Ejgbrj-5HmxI_x_5zY0_pNPfo1A/s1600/red+bird.png

Itu lah sedikit artikel yang bisa saya share ke teman teman semua semoga bermanfaat untuk kita semua...

Read More

Cara Buat Breadcumb Index Google

Assalamualaikum warrahmatullahi wabarrakatuh, Teman Teman semua kali ini saya akan membagikan sedikit pengetahuan saya di blog ini , kali ini saya akan coba sharing tentang gimana caranya supaya blog kita terlihat di pencarian google.....
memang kawan sejatinya tidak mudah agar blog kita masuk index pencarian google tapi itu tidak menjadi halangan karena disini saya akan coba beri caranya ... cek this out

Perhatikan !!!!!!!!!!!!!!

• Login di Blogger
• Pilih Template
• Pilih Edit HTML (lebih baik back up template dulu untuk menghindari kesalahan)
• Centang Expand Widget Templates
• Kalau sebelumnya anda sudah memasang breadcrumbs silahkan dihapus dulu kode breadcrumb yang lama
• Kemudian cari kode ]]></b:skin>
• Copy kode di bawah ini dan paste tepat di atas kode ]]></b:skin>

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}

• Kemudian cari kode <b:includable id='main' var='top'> gunakanlah CTRL+F untuk mempermudah pencarian
• Ganti kode <b:includable id='main' var='top'> dengan kode yang dibawah ini

<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

Terakhir Simpan dan blog anda sudah terindex di google, sekian sharing singkat singkat saya kali ini semoga bermanfaat bagi kita semua, terimakasih ...

Read More

Cara Agar Artikel Di Blog Gak Bisa Di Copas

Selamat Pagi sahabat, jumpa lagi bersama saya.........
oke kali ini saya ingin sedikit sharing mengenai gimana caranya supaya Artikel kita di blog gak bisa di copas oleh orang lain. Loh Kok bisa? ya jelas bisa , bagi anda yang ingin tulisan di blog anda tidak diambil atau ditiru orang lain dan anda menganggap tulisan anda sangat privascy ...

okelah tanpa panjang lebar langsung saja tutorialnya , cek this out

1. Login terlebih dahulu ke Blogger.com
2. Dari halaman Dashboard, silahkan Sobat menuju ke Tata Letak > Edit HTML
3. Lalu cari kode <body> atau <body (dengan bantuan tekan Ctrl+F atau F3)
4. Tambahkan kode dibawah ini ke dalam kode <body> atau <body tadi, atau bisa juga di ganti sekalian

Gunakan Script di bawah untuk meletakan sumber,

Letakkan script berikut di atas kode <body> kemudian di save.

<script type="text/javascript"> if(document.location.protocol=='http:'){ var Tynt=Tynt||[];Tynt.push('cXIEhKYVSr4lJ5adbi-bpO');Tynt.i={"ap":"Sumber :"}; (function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://infonetmu.googlecode.com/files/sumber-otomatis.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(); } </script>

note :
Ubah tulisan berwarna orange sesuai keinginan. misalnya "sumber Batavia Blog"

Tapi jika anda memang tidak rela bila tulisan anda di copas, anda bisa lakukannya dengan cara dibawah

Membuat Artikel Tidak Bisa di Copas 

1. Trik Pertama : 

1. Klik rancangan  >Edit HTML
2. Cari dan ganti kode <body> dengan kode berikut

<body onmousedown="return false" oncontextmenu="return false" onselectstart="return false" >

3. klik save

Sekian Artikel yang saya buat kali ini semoga bermanfaat bagi sobat semua, mohon maaf bila ada kekurangan .....

Read More

Cara Buat Emoticons Yahoo Messanger Tersenyum Di Blog

Assalamualaikum warrahmatullahi wabarrakatuh, Selamat pagi sahabat blogger pada kesempatan kali ini saya ingin share cara "Buat Emoticons Yahoo Messanger Tersenyum Di Blog". Ikon ini sendiri menggambarkan suasana isi perasaan kita saat kita chat dengan orang lain, ikon tersebut bisa bergerak maupun tidak.....

Oke tidak usah panjang lebar langsung saja tutorialnya cek this out :

Secara default form comment Blogger platform tidak dilengkapi dengan emoticons, tapi Kalian jangan khawatir dengan sedikit pengetahuan yang saya miliki kita bisa mengakalinya dengan memasang dan menambahkan sedikit script yang berisi beberapa kumpulan Yahoo messenger emoticons yang sering dipakai dalam chat.
Langkah-langkahnya adalah :

• Login di Blogger > Template > Edit HTML
• Centang pada Expand Widget Templates
• Cari kode dibawah in: 

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>

lalu copy kode dibawah ini tepat diatas kode di atas:

<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #2b2b2b; padding: 5px; height:86'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))
</b>
</div>

Kemudian cari kode </body>

Copy kode dibawah ini dan paste tepat diatas kode </body>

<script src="https://googledrive.com/host/0B7X69YyzZu-IZjFKQ19VVi10RlE/smiley.js" type="text/javascript"/><noscript><a href="http://bloggerpeer.blogspot.com" target="_blank"><span style="font-size: x-small;">Add Smilies</span></a></noscript>

Save, Kemudian Sahabat bisa menggunakan emoticons ini ..

NB:Trik diatas tidak bisa di terapkan di komentar yang baru ..

Terimakasih Semoga Bermanfaat...

Read More

Cara Simple Tambah Ikon "kembali ke Atas"

Selamat Pagi, kali ini saya ingin share sedikit share mengenai cara menambahkan ikon back to top atau kembali ke atas di blog. Ikon ini  memiliki keuntungan karena bisa memudahakan pengunjung dalam membaca blog kalian kalau ingin kembali ke atas dengan kata lain gak perlu lama lama lagi ......

baiklah langsung saja tutorialnya , cekidot.........................

• Silahkan login di Blogger
• Pilih Template > Edit HTML > klik Expand Widget Template
• Cari kode </body>  (gunakan CTRL+F)
• Copy kode dibawah ini dan Paste tepat diatas kode </body>  (jika kode dibawah sudah ada di template sobat, kode dibawah tidak usah dipasang lagi)

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

Kemudian sobat copy lagi script dibawah ini:

 <script src='https://googledrive.com/host/0B7X69YyzZu-IZjFKQ19VVi10RlE/backtotop.js' type='text/javascript'/>
<!-- Back to top designed by Blogger Peer - bloggerpeer.blogspot.com -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD0l-H8PzEJZ6mHM_GXnQioS4uIomkN7dATGNlxojRe6mo7CTI3KIxi1r0_puLx-XITjHKFK-_1CHMlxVsYWDM_3bhs5CNGlKH3JXHBL_guUx0bRFyGAqe9DgNmNUThuT8podIokcZ9jU/s1600/back-to-top.gif'/></a>

Selesai lalu save dan liat hasilnya ....

sekian semoga bermanfaat bagi kita semua...

Read More

Cara Ubah Template Blog Dengan Mudah

Selamat siang ...
hari yang cerah , oke sahabat kali ini saya akan share sedikit mengenai cara mengganti template blog. mungkin bagi pemula masih ada yang bingung gimana cara menggantinya, tapi jangan khawatir disini saya akan beri solusinya, langsung aja cekidot:

  Download Templatenya.

Anda bisa Test ke-SEO-an demo templatnya Disini

2. Jika hasil download berupa file ZIP atau RAR, ekstrak file tersebut. Caranya: 

1. Klik kanan > Exctract to [nama file]) sehingga menjadi file ekstensi XML. 
2. Jika menjadi lebih dari satu file, "amankan" yang berekstensi XML. 
3. File lain biasanya berupa "readme" atau panduan instalasi dan link.

3. Login ke Blogger. Ketik www.blogger.com di address bar browser Anda.
4. Klik menu Template / Tampilan di kiri bawah Dashborad Blog.

5. Klik menu Backup/Restore (Cadangkan/Pulihkan) di kanan atas Dashboard Blog.
6. Klik Choose File / Pilih File. Klik file ekstensi XML yang sudah didownload/diekstrak.

7. Klik Upload (Unggah). Tunggu hingga selesai.

Tunggu, Dan tampilan template anda berubah.....

sekian semoga bermanfaat bagi kita semua...

Read More

Begini Cara Pasang Kalender Di Blog

Hallo sobat kali ini saya ingin sedikit share sedikit tentang cara pasang kalender di blog kita......
Kalender berfungsi sebagai penunjuk tanggal , bulan, tahun. tak cuma dirumah kalender juga bisa di pasang di blog, oke langsung saja cekidott.....

1. Sign in ke akun Blogger kamu.
2. Masuk menu Tata Letak.
3. Klik Tambahkan Gadget di tempat kalender itu ingin kamu pasang.
4. Muncul jendela baru. Pilih HTML/JavaScript.
5. Paste kode kalender di bagian konten.

6. Klik Simpan.

Ini dia html nya , kamu bisa bebas copy dan pastekan di tempat yang kamu mau:
1.<!-My calendar widget - HTML code - mycalendar.org --><div align="center" style="margin:15px 0px 0px 0px">
<noscript><div align="center" style="width:140px;border:1px solid #ccc;background:#fff ;color: #fff ;font-weight:bold;">
<a style="font-size:12px;text-decoration:none;color:#000 ;" href="http://mycalendar.org/Holiday/Indonesia/">Indonesia Calendar</a></div>
</noscript><script type="text/javascript" src="http://mycalendar.org/calendar.php?group=Holiday&calendar=Indonesia&widget_number=3&cp3_Hex=FFB200&cp2_Hex=040244&cp1_Hex=F9F9FF&fwdt=140&lab=1"></script></div>
<!-end of code-->
 

2.<!-My calendar widget - HTML code - mycalendar.org --><div align="center" style="margin:15px 0px 0px 0px">
<noscript><div align="center" style="width:140px;border:1px solid #ccc;background:#fff ;color: #fff ;font-weight:bold;">
<a style="font-size:12px;text-decoration:none;color:#000 ;" href="http://mycalendar.org/Holiday/Indonesia/">Indonesia Calendar</a></div>
</noscript><script type="text/javascript" src="http://mycalendar.org/calendar.php?group=Holiday&calendar=Indonesia&widget_number=1&cp3_Hex=FFB200&cp2_Hex=040244&cp1_Hex=F9F9FF&fwdt=150&lab=1"></script></div>
<!-end of code-->



3.<!-My calendar widget - HTML code - mycalendar.org --><div align="center" style="margin:15px 0px 0px 0px">
<noscript><div align="center" style="width:140px;border:1px solid #ccc;background:#fff ;color: #fff ;font-weight:bold;">
<a style="font-size:12px;text-decoration:none;color:#000 ;" href="http://mycalendar.org/Holiday/Indonesia/">Indonesia Calendar</a></div>
</noscript><script type="text/javascript" src="http://mycalendar.org/calendar.php?group=Holiday&calendar=Indonesia&widget_number=4&cp3_Hex=FFB200&cp2_Hex=040244&cp1_Hex=F9F9FF&fwdt=170&lab=1"></script></div>
<!-end of code-->
 


Sekian semoga bermanfaat... 

Read More