Membuat Efek Pelangi Pada LINK Blog


  • Masuk ke Blogger dengan akun anda 
  • Setelah masuk ke Dashboard pilih Rancangan > Tata Letak > Add Widget 
  • Lalu pilih Html/javascript 
  • kemudian copy paste kode berikut:
<script src='http://sabarmuanas.googlecode.com/files/infonetmu.blogspot.com.mousepelangi.js' type='text/javascript'> </script>
  • Lalu Simpan Template.

Cara Membuat Chat Box Melayang


Hallo sobat Blogger hari ini saya akan membahas tentang cara membuat Cbox atau lebih dikenal sebagai buku tamu merupakan hal yang tidak asing lagi di dunia blogger, sudah banyak tutorial-tutorial yang membahas tentang cara pemasangan Cbox, baik dengan cara standar maupun dengan cara pengubahan kode CSS.




Ok langsung saja ke Cara Membuat Chat Box di bawah, atas, kanan, kiri Blog : 

Login terlebih dahulu ke blog sobat 

Klick Design -> Pilih tata letak -> Tambah Gadget -> Pilih HTML/Java Script. 




Copy Code di bawah ini setelah itu paste di HTML/Java Script .








Get your own Chat Box! Go Large!




Anda ingin membuat buat Buku Tamu seperti ini?
Klik  
disini


[tutup]









Klik Simpan / Save dan lihat hasilnya.

Anti Klik Kanan Dengan Gambar

Ini dia, trik yang sudah lama dinanti para blogger. Anti Klik Kanan Dengan Gambar (Right Click With Image). Meskipun trik ini sudah selesai saya sempurnakan tahun lalu, tetapi baru sempat saya posting, alasannya, membuat trik ini memang butuh pengorbanan. Saya gak mau kalo trik ini diplagiatin juga ama blogger lain. Untuk membuat trik ini, scriptnya sangat simple. Cuman, aku butuh waktu 4 bulan untuk menyempurnakan trik ini (November 2010 - Februari 2011). Jadi tolong hargailah usaha saya ==v
Anti klik kanan dengan gambar itu seperti apa? Untuk demonya, silahkan kalian klik kanan di blog ini. Maka yang keluar adalah gambar. Seperti itulah triknya.
Dengan di postingnya trik ini, artinya saya gak punya hutang janji lagi ya :D Maaf kalo saya menunda-nunda sampai berbulan-bulan untuk janji bagi-bagi trik ini.
Berikut ini petunjuk singkat untuk menggunakan trik Anti Klik Kanan Dengan Gambar.
  1. Masuk ke account Blogger kamu, lalu masuk ke Tata Letak / Design.
  2. Kemudian masuk ke bagian Edit HTML.
  3. Lalu cari kode berikut ini:
    ]]></b:skin>
  4. Jika sudah ketemu, kamu copy kode dibawah ini, lalu letakkan diatas kode tadi.
    #dmrc{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZw6L8f2ExGRCESrOORuEC1AlTHwq35HDtjzQrLYD-QrP73GlX-9g_L5KiTI2w_FzjwPmOqsKuw1feiEvoNNrgXinK_YE-xOzg1fsnOllvcd5eXr9MaH-UlMhkmNT0A0bv7tpZ2vWtM9s/s400/DADrc.jpg);}
    Kamu ganti yang berwarna biru dengan URL gambar kamu sendiri. Ukurannya? Terserah kamu. Asal jangan terlalu besar agar blog kalian tidak berat. Format boleh mengunakan JPG, GIF, PNG, maupun BMP. Jika nanti gambar munculnya lama, itu artinya size gambar kalian terlalu besar. Coba dikecilin lagi.
  5. Kemudian cari kode:
    <body>
    Jika tidak ditemukan, berarti kamu sudah pernah mengeditnya. Jadi cari saja kode:
    <body
  6. Lalu ganti kode <body> tersebut dengan kode dibawah ini:
    <body oncontextmenu='dmantirightclick();return false;'>
  7. template kamu.
  8. Selanjutnya kembali ke halaman Rancangan / Design.
  9. Kemudian klik Tambah Gadget / Add Gadget, lalu pilih HTML / JavaScript
  10. Kemudian masukkan kode dibawah ini:
    <script type="text/javascript" src="http://dickeymaru.googlecode.com/files/dmantirightclick"> </script>
    Langsung isikan kode tersebut saja. Gagdet tidak diberi judul juga tidak apa-apa.
  11. Lalu .
Sekarang trik Anti Klik Kanan Dengan Gambar telah sukses dipasang di blog kalian. Untuk mengetest nya, cukup klik kanan saja di blog kamu. Selamat menikmati inovasi baru tentang Anti Klik Kanan
Dimohon untuk Blogger lain, dilarang mengcopy trik ini untuk diposting di blog kalian. Apalagi kalau ngaku-ngaku kalian yang membuat trik ini. Hargailah orang lain jika ingin di hargai. ^^

cara mengganti kursor penunjuk di blog

Cara Mengganti Kursor Penunjuk di Blog - Cara merubah kursor penunjuk di blog - Cara ini merupakan salah satu teknik dalam menghias blog kita. Saya juga banyak tutorial bagaimana kita bisa memodifikasi blog kita, salah satunya adalah cara memberi burung twitter terbang di blog. Kali ini Blogaul akan posting artikel dengan judul cara mengganti kursor penunjuk di blog.
Kursor Penunjuk Blog
Pada kesempatan saya akan menjelaskan cara merubah kursor di blog. Biasanya sebuah kursor pada satu blog hanyalah berbentuk panah. Namun, buat kamu yang bosan dengan tampilan kursor bawaannya, dapat menggunakan gambar lain sebagai kursor penunjuk untuk blog mu. Selain dapat mempercantik tampilan blog, pengunjung akan lebih mudah untuk meng-klik apapun apa yang ada didalam blog mu.
Oke, kita langsung ke caranya:

1. Login ke akun blogger sobat.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
Carilah kode yang kurang lebih seperti berikut ini:
body {
margin:0;
background:#cccccc;
color:#000000;
text-align: center;
}

a:link {
color:$linkcolor;
text-decoration:none;
}

a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}

a:hover {
color:#000;
text-decoration:underline; }
3. Kemudian tambahkan kode Kode di bawah ini Kemudian tambahkan kode cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmFdC4Z-3eVbimlWANN-snNBWAZVRsFVbN0Z-Jv_l4a06Nmuc8kJlRavItO3gnfKZR-Ko1S6qj00-BHcs6nyJIADXQrKh4Ln-NLN8FEyiWkOe8a8AaV22C0uwmKjZo7ckeav6SVA2NGV4O/s1600/cursorblue.png), progress; sehingga menjadi seperti ini:
body {
margin:0;
background:#cccccc;
color:#000000;
text-align: center;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmFdC4Z-3eVbimlWANN-snNBWAZVRsFVbN0Z-Jv_l4a06Nmuc8kJlRavItO3gnfKZR-Ko1S6qj00-BHcs6nyJIADXQrKh4Ln-NLN8FEyiWkOe8a8AaV22C0uwmKjZo7ckeav6SVA2NGV4O/s1600/cursorblue.png), progress;
}

a:link {
color:$linkcolor;
text-decoration:none;
}

a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}

a:hover {
color:#000;
text-decoration:underline;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmFdC4Z-3eVbimlWANN-snNBWAZVRsFVbN0Z-Jv_l4a06Nmuc8kJlRavItO3gnfKZR-Ko1S6qj00-BHcs6nyJIADXQrKh4Ln-NLN8FEyiWkOe8a8AaV22C0uwmKjZo7ckeav6SVA2NGV4O/s1600/cursorblue.png), progress;
}
Kode cursor yang berada pada tag body { adalah untuk mengganti cursor default pada blog kita, sedangkan kode cursor yang berada pada tag a:hover { adalah untuk cursor pada link. kamu bisa merubah url ( kode warna Merah ) gambar untuk cursor pada blog sobat sesuai dengan keinginan kamu,  bisa cari url cursor di:

4. Kemudian simpan template sobat dan lihat hasilnya.

Nah, sekian posting saya mengenai cara mengganti kursor penunjuk di blog. Semoga bermanfaat.

cara memberi burung twitter terbang di blog

Cara Memberi Burung Twitter Terbang di Blog - Cara memasang widget burung twitter terbang di blogspot
Burung Twitter Terbang
Cara membuat burung twitter terbang di blog adalah sebuah cara bagaimana membuat sebuah burung yang bisa terbang di dalam blog. Dan mempunyai banyak manfaat selain menambah kelucuan dan keunikan yaitu dapat menambah jumlah follower akun twitter Anda.
Menambah burung twitter di dalam blog sebenarnya tidak selalu memberikan banyak manfaat bagi blog yang ingin dikunjungi banyak orang. Mungkin ada juga pengunjung yang merasa risih dengan kehadiran burung di dalam halaman blog. Tetapi terlepas dari ini semua, saya sangat senang jika ada sebuah burung terbang di halaman posting blog (heheheehe meskipun di dalam blog ini tidak aku pasang).
Ok, langsung kita persingkat saja dan langsung kita bahas langkah-langkahnya,

Langkah-langkah membuat burung twitter terbang di blog.

1. Buka akun blogger Anda.
2. Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.
3. Copy dan Paste kode javascript berikut kedalam widget HTML/Javascript
<!-- floating twitter Bird -->
<script type="text/javascript" src="http://p4r46h-blog.googlecode.com/files/twitterfloat.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDVvC-q1eWObQqTvNajhe8dDIcytLBQXz5ofdzGVTVKCCvoY942GDLuAfv1mgdu-ZwmXhcVVZqQnysR0KL6MlwFoe8Ay3UEX2E5VT_c6ZCRgUExJhlpfTCvTeaIAOoULgGOsvE_ZdAGgn6/s1600/original.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/sifatcwe_ID";var tweetThisText = "Twitter - sifatcwe_ID http://like-botcoment.blogspot.com/";tripleflapInit();
</script>
4. Ganti tulisan berwarna biru http://twitter.com/sifatcwe_ID dengan akun twitter Anda.
5. Ganti tulisan berwarna ungu sifatcwe_ID dengan id twitter Anda.
6. Ganti tulisan berwarna coklat http://like-botcoment.blogspot.com/ dengan alamat URL blog Anda.
7. Save.
8. Selesai >> Lihat dan peliharalah burung kesayangan Anda!

Nah, sekian dulu posting mengenai cara memberi burung twitter terbang di blog. Semoga bermanfaat untuk semua.

Cara Membuat Related Post atau Artikel Terkait

Cara Membuat Related Post atau Artikel Terkait - Cara memberi related posts di blog atau cara menambahkan artikel terkait di blog - Jika Ada yang belum tahu artikel terkait itu apa silahkan lihat di blog ini pada bagian akhir artikel saya ini ada tulisan Artikel Menarik Lainnya. Fungsinya selain untuk SEO, related post / artikel terkait ini juga membantu pengunjung untuk membaca yang lain mungkin yang belum di ketahuinya. Hal ini menyebabkan pengunjung bisa betah berada di blog kita. Langsung saja cara membuat related post/artikel terkait di blog:
1. Masuk blogger >> Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
2. Cari kode </head> kemudian letakkan script di bawah ini tepat di atas kode </head>

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;}}}}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];}}
relatedTitles = tmp2;
relatedUrls = tmp;}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' +
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;}
i++;}
document.write('</ul>');}
//]]>
</script>
3. Cari kode <data:post.body/> kemudian letakkan script berikut ini di bawah kode <data:post.body/>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
4. Simpan template. Cukup mudah bukan cara membuat related post / artikel terkait. :D

Cara Membuat Judul Blog Bergerak

Cara Membuat Judul Blog Bergerak - Cara membuat marquee pada judul blog atau cara memodifikasi judul blog agar bisa bergerak dan berjalan. Beberapa waktu lalu saya telah posting artikel mengenai cara membuat teks bergerak di blog, dan kali ini saya akan posting artikel yang sejenis tapi beda dan penerapannya kali ini ini pada judul blog dengan judul artikel cara membuat judul blog bergerak. Judul/Title blog secara default, berada dalam keadaan statik. Namun, kita bisa memberikan efek pada judul blog kita dengan kode JavaScript, sehingga bisa bergerak dari kanan ke kiri. Langsung saja berikut ini cara memodifikasi judul blog agar bisa bergerak dan berjalan:
  • Login ke dashbor blog sobat.
  • Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.
  • Copy dan paste code berikut di HTML/Javascript
<script language=javascript>
msg = "Test Blog ...Test Blog ...";

msg = "..." + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0,

pos);
pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
</script>

Note: Ganti 'Test Blog ...Test Blog ...' dengan teks yang diinginkan.
  • Save/Simpan, dan lihat hasilnya.
Saya kira cukup penjelasan mengenai cara membuat judul blog bergerak kali ini. Semoga bermanfaat.

Cara buat Google Translate Bendera

Kali ini saya memposting tentang Cara buat Google Translate Bendera .Fungsi nya tetap sama untuk menerjemahkan , tapi cara buat google translet bendera ini juga bertujuan mempermanis / memperindah tampilan blog anda

tutorial nya cukup sederhana


translate bendera
 Translate Bendera


Sebelum kalian membuat google translate bendera ini silahkan masuk ke blog anda --> biasa tambah gadget --> tambah javascript --> lalu copy paste kode ini
<style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style> <div style="text-align:center"> <a class="translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtUK2zFuPLhLVrGihrLavVaM4QaOCEhlIsdQlHfo3Ryf7ptYDy7GYozA0B_GsUcs9V_xueP_eZBLwgJfrVNGjMjNLBgflugTzM7evrVrMGwylpPMaf-WeLTEK1PAEq4-SCTJdh9EdOJFRx/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTYPp9tajiNcZWMgaLCsiL9Iqfa88gYigYPD09Cx9mbtYoC4qKToNrPg-vOjb2YLk93LJ5TdCnefHGqDbTBd2Nk3TXaM8RZfNrGkI4esNtXYRZrDtIuTIhsr4LlwHwlf8A6fFe2ot6z3VA/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdStKCQ23F5HwgMHe6o7staIa9DgSw9okQ4k1UHJKHk7J6SVJO_awmk-M5ulqy95I3085YIRy1K-LBba5BCzarocyVWGhpKVOePrcrC9RzOnM-PCmvwtZBhGHwd6dDwvOCYjAtE9Tb2FNa/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnXONJ3Ib8pGcCNZhaInTUZ1JRuT1yQ0pCyFMgKmS29hsln51dj_OhzDQw2C-kmOCdI_XEXtxsZJeG3iqy1tRtco32yvPR8cFW7gnFGXayamGml7eYMGzP82F4wxY9JWdKmT9TB8IFpyg9/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgahyphenhyphenvktO5U1MvRxBIIrrnpr1oIz4XPLYjZ-KwnYfuwVKrS46fzifxcgrVRyGzO7YQFGGl9dIBVnQQ7eULDJOFS_zDpVGprSHU0C19_LZ74HxT3xWHHnLTZF4VXr5YdsMGxK67ZnRfXM5SX/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH2_3y8WykUXgHn-P1yrhdIYKZktuRDWvPDMo7iMKTga0L-KXSYJiyx4qCmw1HYgB2kGMN12bkEXO1Uxa3UokTEe7wxl4dDaNyvqiwnWaBif4SkU3ZzOAC5lROo_w-abWd6O_fftT5gvCM/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <br/><br/> <a class="translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlSQrDkR3vN8LakHhKOydW7dRuEnoFSuBXIMn3X-IeS0atdc3dbxl9TfvkUsvDOWCyzQLOhLSbGBjjDu-9vz7ZhR2gYgNzoydN9FZfvXPyc8yxhJvhHwqBloCg5dvCYtKyGQr4cDtChash/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3qlEGJ3R-f3CQkSeVSdZwZktoBrR492hq8AILUkPD42rx_xRwW1iI09wLMEL81nthwBHQNDWnGfcIGUg7GoziGwx-UknX4OmF2TFPKuN93IWKrzgF2kLFGjbh45ShliBe7fIOps9jgAE2/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8enVNBkt23m1RWnqTJ2Zb2q2A5uZQ_LV3m5tJwkJZDXOQ7egupxuVSr0LKkD2iDc7mVFuyBIf1rAYooaQ8AP6qVCg1UJ9rxNLLVNIW-XvHbLsOo-K5Tm5LnQ6tWPCpMnGoE5IXPG7cPml/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4k8o3NGF1mQVp4D_2MUqTYC-Eco7M_FuXYZU29-XqywIa_BI-T0xCKEkrBl_I1lHbA-S6udg_ehizRir7iw1sq5vQT4fRrs7khXwAe64TuFjQ3VNmrCyPU5lAB-EfWoaZV01xIGE3iKye/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_FBmUu9EKzrmbCBNAVktbomCBbvnvxulFC_xXkFzsDhm2bATEfM71h5ajKltHlD8klSA7reoLsFXkDMoudAGy-aMSO4OaiBXNxEnCxLc4zttpuRpe-1Zg5eCSPCC15KhJExGfcUocVCq0/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikgfptP6qKbsTF5HzwtMjA2i_yIt8q7hHM42_frdXj5pZiE36MsD6ZTh_zdwpGgCXnV9y1g7TWYIYdH4SwUk-sd1-IC2ykcbWxh5CSzqTrlO74jXX79EsHruAg2n6viRGMw23TaL7XoYbV/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <div style="font-size:9px; padding:8px 0px 0px 0px"> <a href="www.info-terkini2013.blogspot.com" title="translate widget"/>Translate Widget</a> by Google </div></div>

Lalu save template anda , sangat mudah cara buat translate google bergambar bendera .. silahkan nikmati tampilan translate google bendera ini selamat menikmati .

Cara Membuat Animasi Recent Post

Mau???
Gini Caranya...


1. Log in ke BLOG
2. Rancangan -> Elemen Laman -> Add Gadget -> HTML/Java Script
3. CoPas kode ini

<center><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>
<script language='javascript'>

imgr = new Array();
imgr[0] = "https://lh3.googleusercontent.com/-KdP3RAeN7hQ/TsCt3mqIS_I/AAAAAAAAA5U/H4Q8wl_1hgY/s199/no_image.gif";
imgr[1] = "https://lh3.googleusercontent.com/-KdP3RAeN7hQ/TsCt3mqIS_I/AAAAAAAAA5U/H4Q8wl_1hgY/s199/no_image.gif";
imgr[2] = "https://lh3.googleusercontent.com/-KdP3RAeN7hQ/TsCt3mqIS_I/AAAAAAAAA5U/H4Q8wl_1hgY/s199/no_image.gif";
imgr[3] = "https://lh3.googleusercontent.com/-KdP3RAeN7hQ/TsCt3mqIS_I/AAAAAAAAA5U/H4Q8wl_1hgY/s199/no_image.gif";
imgr[4] = "https://lh3.googleusercontent.com/-KdP3RAeN7hQ/TsCt3mqIS_I/AAAAAAAAA5U/H4Q8wl_1hgY/s199/no_image.gif";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";

thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://yazipromdn.blogspot.com/";
limitspy=4
intervalspy=4000
</script>

<div id="spylist">
<script src='http://masterendi.googlecode.com/files/animasi%20recentpost.js' type='text/javascript'></script>
</div>
</center>
<small><a href="http://yazidpromdn.blogspot.com/2012/03/cara-membuat-animasi-recent-post.html" target="_blank">Dapatkan Widget Ini</a></small>

5. Save deh..

Membuat Buku Tamu Tersembunyi

Punya buku tamu???
Pingin di sembunyiin???
Liat ke TKP tutor nya Gan..


  1. Login ke akun Blogger agan.
  2. Pada Tab, pilih Rancangan > Edit Laman.
  3. Kemudian Add Gadget / Tambah Gadget pilih HTML/Javascript.
  4. Jika sudah silahkan masukan kode dibawah ini ke dalam jendela HTML/Javascript.
  5. <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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL4tfSJxEy0CsfFNyYORzT8lLadgDJmPsTK_AdFRUUaxKPrmlUIcFQkzgC18hBCAwLYkgGEK35BgR5uF-YeVEPFIuFWQnvPft8_ji3Mi-YU_EYV06mw8i7w1ZAUH3MKHW55svLhrfJLLBV/') 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"> Letakkan disini kode Shoutbox Anda </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></div>
Terakhir simpan dan lihat hasilnya,untuk tinggi dan lebar bisa anda atur sendiri...
tulisan berwarna merah ganti dengan kode Shoutbox anda.

Semoga Bermanfaat,terimakasih atas kunjungannya and jangan lupa tinggalkan komentar yah..

Cara Membuat Widget Mengetik Sendiri Di blog

Halo gan ?? Apa kabar??? Kali ini ane akan memposting tentang cara Membuat Widget Mengetik Sendiri di Blog. Berikut script nya:


<script language="JavaScript">

var text="TEKS  DISINI";

var delay=10;

var currentChar=1;

var destination="[none]";

function type()

{

//if (document.all)

{

var dest=document.getElementById(destination);

if (dest)// && dest.innerHTML)

{

dest.innerHTML=text.substr(0, currentChar)+"<blink>_</blink>";

currentChar++;

if (currentChar>text.length)

{

currentChar=1;

setTimeout("type()", 5000);

}

else

{

setTimeout("type()", delay);

}

}

}

}

function startTyping(textParam, delayParam, destinationParam)

{

text=textParam;

delay=delayParam;

currentChar=1;

destination=destinationParam;

type();

}

</script>

<b></b><br />

<div #ff0000;="" 0px;"="" 10px="" arial;="" color:="" font:="" id="textDestination" margin:="">

</div>

<script language="JavaScript">

javascript:startTyping(text, 50, "textDestination");

</script>

Cara pasangnya Sprt biasa.
Untuk warna Merah bisa di ganti kalimatnya

Kode Berwarna HTML

KODE WARNA HTML Contoh:Putih =>#ffffff;

#FOF8F
Aliceblue
#FAEBD7
Antiquewhite
#00FFFF
Aqua
#7FFFD4
Aquamarine
#F0FFFF
Azure
#F5F5DC
Beige
#FFE4C4
Bisque
#000000
Black
#FFEBCD
Blanchedalmond
#0000FF
Blue
#8A2BE2
Blueviolet
#A52A2A
Brown
#DEB887
Burlywood
#5F9EAD
Cadetblue
#7FFF00
Chartreuse
#D2691E
Chocolate
#FF7F50
Coral
#64950
Cornflowerblue
#FFF8DC
Cornsilk
#DC143C
Crimson
#00FFFF
Cyan
#00008B
Darkblue
#008B8B
Darkcyan
#B8860B
Darkgoldenrod
#A9A9A9
Darkgray
#006400
Darkgreen
#8B008B
Darkmagenta
#BDB76B
Darkkhaki
#556B2F
Darkolivegreen
#FF8C00
Darkorange
#9932CC
Darkorchid
#8B0000
Darkred
#E9967A
Darksalmon
#8FBC8B
Darkseagreen
#483D8B
Darkslateblue
#2F4F4F
Darkslategray
#00CED1
Darkturquoise
#9400D3
Darkviolet
#FF1493
Deeppink
#00BFFF
Deepskyblue
#696969
Dimgray
#1E90FF
Dodgerblue
#B22222
Firebrick
#FFFAF0
Floralwhite
#228B22
Forestgreen
#FF00FF
Fuchsia
#DCDCDC
Gainsboro
#F8F8FF
Ghostwhite
#FFD700
Gold
#DAA520
Goldenrod
#808080
Gray
#008000
Green
#ADFF2F
Greenyellow
#F0FFF0
Honeydew
#FF69B4
Hotpink
#CD5C5C
Indianred
#4B0082
Indigo
#FFFFF0
Ivory
#F0E68C
Khaki
#E6E6FA
Lavender
#FFF0F5
Lavenderblush
#7CFC00
Lawngreen
#FFFACD
Lemonchiffon
#ADE8E6
Lightblue
#F08080
Lightcoral
#E0FFFF
Lightcyan
#FAFAD2
Lightgoldenrodyellow
#90EE90
Lightgreen
#D3D3D3
Lightgray
#FFB6C1
Lightpink
#FFA072
Lightsalmon
#20B2AA
Lightseagreen
#87CEFA
Lightskyblue
#778899
Lightslategray
#B0C4DE
Lightsteelblue
#FFFFE0
Lightyellow
#00FF00
Lime
#32CD32
Limegreen
#FAF0E6
Linen
#FF00FF
Magenta
#800000
Maroon
#66CDAA
Mediumaquamarine
#0000CD
Mediumblue
#BA55D3
Mediumorchid
#9370DB
Mediumpurple
#3CB371
Mediumseagreen
#7B68EE
Mediumslateblue
#00FA9A
Mediumspringgreen
#48D1CC
Mediumturquoise
#C71585
Mediumvioletred
#191970
Midnightblue
#F5FFFA
Mintcream
#FFE4E1
Mistyrose
#FFE4E1
Moccasin
#FFDEAD
Navajowhite
#000080
Navy
#FDF5E6
Oldlace
#808000
Olive
#6B8E23
Olivedrab
#FFA500
Orange
#FF100%0
Orangered
#DA70D6
Orchid
#EEE8AA
Palegoldenrod
#98FB98
Palgreen
#AFEEEE
Paleturquoise
#DB7093
Palevioletred
#FFEFD5
Papayawhip
#FFDAB9
Peachpuff
#CD853F
Peru
#FFC0CB
Pink
#DDA0DD
Plum
#B0E0E6
Powderblue
#800080
Purple
#FF0000
Red
#BC8F8F
Rosybrown
#4169E1
Royalblue
#8B4513
Saddlebrown
#FA8072
Salmon
#F4A460
Sandybrown
#2E8B57
Seagreen
#FFF5EE
Seashell
#A0522D
Sienna
#C0C0C0
Silver
#87CEEB
Skyblue
#708090
Slategray
#FFFAFA
Snow
#00FF7F
Springgreen
#4682B4
Steelblue
#D2B48C
Tan
#008080
Teal
#D8BFD8
Thistle
#FF6347
Tomato
#40E0D0
Turquoise
#EE82EE
Violet
#F5DEB3
Wheat
#FFFFFF
White
#F5F5F5
Whitesmoke
#FFFF00
Yellow
#9ACD32
Yellowgreen

cara menambahkan email subscriber di blog

nah, kali ini kita akan membahas tentang bagaimana caranya menambahkan form langganan melalui email atau "email subscriber".
fungsi utama dari subscriber ini ialah, memberikan berita langsung kepada pembaca setia blog anda.

setiap kali ada postingan baru, maka yang telah berlangganan akan mendapat email langsung yang berisi tentang posting anda.
mungkin langsung saja kita ke TKP.
dengan mengikuti langkah-langkah berikut, selamat melanjutkan... 


1. Kunjungi situs ini : http://www.feedburner.com
2. Saat pertama kali datang kamu akan langsung disodori kotak untuk mengisikan alamat feed blogmu yang akan dibakar 
3. Biasanya alamat feed blog kamu seperti ini http://NAMABLOGMU.blogspot.com/feeds/posts/default , ganti tulisan NAMABLOGMU dengan nama alamat blogmu.
3. Isikan nama feed blogmu tadi dalam kotak yang disodorkan tersebut, jika blogmu itu isinya hanya video2 maka beri tanda centang pada kotak "I am a podcaster", jika tidak ya gak usah dicentang. Kemudian klik tombol "next"
4. Setelah itu kamu akan disodori lagi dengan form pendaftaran, isikan data2 yg diperlukan disana, trus klik tombol "Activate Feed"
5. Nha kalo berhasil nanti akan ada informasi "Congrats! your ......".
6. Dibawahnya akan ada tombol "Next" dan link "Skip directly to feed management" kali ini pilih yang link "Skip directly to feed management", sebenarnya lewat tombol "next" bisa sih tapi biar seru kita lewat jalan lain aja.
7 Kemudian nanti akan ada beberapa menu, kali ini pilih menu "Publicize"
8. Setelah itu disebelah kiri akan muncul beberapa menu. PIlih menu "Email Subscriptions".
9. Kemudian klik tombol "Activate"
10. Nha setelah itu nanti akan ada beberapa kotak yang berisi kode2. Nha kalo km pinginnya yang berbentuk form maka pilih kode yang ada di kotak "Subsciption Form Code".
11. Copy kode yang ada dalam kotak tadi, trus klik tombol "Save" untuk mengaktifkan layanan tersebut.
12. Cara pasangnya, Login ke blogger, pilih "layout --> Add a Gadget --> HTMl/Java Script" nha paste kode yang sudah kamu copy tadi disana.

Sekarang coba dilihat blogmu, udah ada kan form untuk "Email Subscriber".

Trus kalo mo nampilin jumlah reder yang berlanganan gini caranya :
- Login ke feedburner kemudian pilih feed blogmu
- Trus masuk ke menu "Publicize --> FeedCount" nha disitu scriptnya yang harus km copy dan pasang di blogmu.


Mudah Kan ,,,, COBA AJA

Cara Memasang Camera CCTV Di Blog

Mau????
Nih script nya


<script language="JavaScript" src="http://js4you.googlecode.com/files/cctv.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0WP0AO-e-LBnJgJr_QREeS2j4OtL-nuZ2D1Rk7D1Kux3PTr1pWOjoWpDwfsPs4CSRsh367NYJjKLgIXj6B__49dS-kwtqbfFVOru0FjqGfG15kPGGihRyhKBrOV6D6wyMtaqL4B2MkJ0/s1600/cctv.gif")</script>

Cara pasang :

1.Buka blog agan
2.Ke rancangan
3.Pilih elemen laman
4.Tambah gadget
5.CoPas script nya tadi

Cara Membuat Judul Blog Bergerak

Mau Tau ??

Langsung Ke TKP :p 


Caranya :

1. Login ke Blogger
2. Klik menu Layout
3. Edit/HTML
4. Lalu cari kode script dibawah ini

<title><data:blog.pageTitle/></title>




kalau sudah ketemu,, kamu cek dulu, ada kode script seperti ini juga tidak

<b:include data='blog' name='all-head-content'/>



dibawah kode script ini

<title><data:blog.pageTitle/></title>



kalau ada,, kode script yang ini

<b:include data='blog' name='all-head-content'/>


kamu hapus juga,, terus Ganti kode script diatas dengan Kode script dibawah ini :

<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="Tulis Teks Kamu Disini";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>



dan yang perlu diedit adalah Tulis Teks Kamu Disini kamu bisa ganti dengan teks sesuka hatimu tapi jangan lupa dihapu s dulu k'lo g' pengen ganti maka scr otomatis judul blog kamu yang asli yang akan bergerak

truz 100 angka ini menunjukkan kecepatan pergerakan kamu juga bisa menggantinya.

5. Simpan...