0 Cara membuat read more otomatis untuk blog

Jika template bawaan anda belum ada fitur Read more atau Baca selengkapnya tidah usah bingung tambahkan saja Script yang akan disajikan dalam Tutorial kali ini. Berikut cara membuat Read More otomatis untuk blog.

Pertama anda masuk dasbord blogger >> lalu pilih rancangan >> Pilih Edit HTML.
Jangan lupa centang Expand Template Widget.
Lalu cari kode </head>  untuk mempermudah pencarian tekan F3.

Masukan kode berikut tepat ditas </head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>

<script type='text/javascript'>

//<![CDATA[

function removeHtmlTag(strx,chop){

if(strx.indexOf("<")!=-1)

{

var s = strx.split("<");

for(var i=0;i<s.length;i++){

if(s[i].indexOf(">")!=-1){

s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);

}

}

strx = s.join("");

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+'...';

}

function createSummaryAndThumb(pID){

var div = document.getElementById(pID);

var imgtag = "";

var img = div.getElementsByTagName("img");

var summ = summary_noimg;

if(img.length>=1) {

imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';

summ = summary_img;

}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';

div.innerHTML = summary;

}

//]]>

</script>

Belum selesai, cari lagi kode :  <data:post.body/>

Ganti kode  <data:post.body/>, dengan kode di bawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

</script>

<span class='rmlink' style='float:right;padding-top:20px;'>

<a expr:href='data:post.url'> <b>Read more</b> &#187;&#187;&#160;&#160; </a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>

</b:if>

Sampai disini lalu save template anda.

Selesai deh, untuk memastikannya coba lihat hasilnya.

Kata Read more warna merah dapat anda ganti dengan kata-kata selera anda, misalnya : Baca selanjutnya.

Demikianlah Tutorial cara Membuat Read More Secara Otomatis di Blog, semoga bermanfaat. Jangan lupa Like-nya.

0 Cara Membuat Link Download Pada Blogger Terbaru 2013

Pada postingan kali ini kita akan membahas bagaimana cara membuat link download di blog. Sebenarnya ada cara sederhana untuk membuat hyperlink yang mengarah ke file yang telah disimpan. Dalam tulisan ini akan saya berikan contoh membuat link download di web atau blog Anda tanpa membebani space hosting domain web atau blog yang Anda miliki.Tetapi kali ini kita akan membahas bagaimana cara membuat link download di blog menggunakan mediafire.com
biasanya link download ini di munculkan pada bersebelahan dengan Tombol player,untuk pasang lagu Anda bisa baca disini Cara pasang lagu / video di blog jika sudah baca kita lanjutin.
berikut langkah langkahnya :

1. Silakan buka Mediafire.com dan sign up jika Anda belum punya account di sana.
2. Jika sudah punya account lakukan login ke account Anda tersebut. Ingat bahwa username yang dipakai adalah nama email yang telah Anda masukkan sebelumnya saat sign up.
3. Siapkan file yang akan diupload.pada bagian kiri atas ada Tulisan upload
 Lanjutkan saja
4.Jika sudah proses upload selesai saatnya untuk membuat link downloadnya.dengan mengarahkan pointer   mouse ke arah file yang sudah sobat upload tadi.Kemudian klik yang ada gambar roda bergerigi  --> share --> copy link.

5.copy dan paste kode dari mediafire ke postingan sobat pada mode Html klik publikasikan selesai .
Catatan : Tambahkan kode berikut sebelum dan sesudah kode dari media fire.
Saya ambil contoh File yang sudah saya upload di mediafire ..Download
Perhatikan kode berikut :

<a href="http://www.mediafire.com/?t1ql6ne4eynfn66"><blink>Download</blink></a>

lalu bagimana cara memberi icon pada file download anda ?..

anda juga dapat mengganti tulisan download dengan icon / gambar contoh :


klik icon di atas untuk dowload filenya

nah di atas seperti berikut ini html tag nya :

<a href="http://www.mediafire

0 Cara Membuat Link Download di Blog Terbaru 2013

Assalamu'alikum Wr Wb
Gimana kabar sobat cang-ci-pret ...
Ok, kali ini cangcipret akan meng-Share " Cara Meng-Link ke FILE donwload ...
Dalam dunia blog selain artikel ada juga yang di sebut link, link sebagaimana kita ketahui adalah tautan yang menghubungkan antara halaman satu dengan halaman lain, situs dan situs lain termasuk link download yang tentuhnya mengarah ke situs file sharing tertentu.

Kali ini masih seputar link, saya akan share tentang cara bikin link download gratis di blogspot. Untuk membuat link download yang pertama harus kita miliki adalah file dan tentunya akun di file sharing ( seperti ziddu, googlecode, 4shared dll ). File yang ada di komputer sobat nantinya kan di upload ke salah satu file sharing tadi guna mendapatka url dari file tersebut. Kali ini kita akan membahas di file sharing ziddu saja.

1. Sign up di ziddu.com ( Jangan lupa untuk Daftar ke ziddu dulu )
2. Silahkan sobat meng-upload file ke ziddu untuk mendapatkan link downloadnya.
3. Link download dari ziddu kira - kira seperti gambar berikut.

Nah, setelah kita mendapatkan lin downloadnya, sekarang waktunya untuk membuat link downloadnya. setahu saya, ada 2 cara untuk membuat link download, yang pertama dengan mengunakan teks biasa dan kedua dengan menggunakan / menyisipkan gambar pada link download. Berikut penjelasannya.

1. Link Download Biasa

<a href="http://www.ziddu.com/download/19044499/tatelustyle.rar.html" target="_blank"><b>DOWNLOAD</b></a>

Hasilnya :

DOWNLOAD


2. Link Download Dengan Gambar

<a href="http://www.ziddu.com/download/19044499/tatelustyle.rar.html" target="_blank"><img alt="Download Button" src="http://2.bp.blogspot.com/-d94UwjQPxh8/T3plWl6fZNI/AAAAAAAAAyw/W_EAtXrMGY0/s1600/download-button.jpg" /></a>

Hasilnya :

Tambahan:
Tulisan yang di cetak tebal dan berwarna merah adalah link download ( url file ) yang diambil dari file hasil upload di ziddu.

0 Cara cepat menghapus pertemanan di facebook kronologi/timeline

Hai sobat blogger ! sudah hampir 1 bulan nih belum update postingan, maaf dikarenakan banyak halangan. Seiring dengan berjalannya waktu, tampilan Kronologi , terobosan dari facebook memang ada sisi positif dan negatifnya pula. Sisi Positifnya, lebih menarik, lebih bagus, keren , dan fitur yang ditawarkan lebih mudah dan praktis. Namun, ada beberapa hal yang tidak ada dalam facebook kronologi, termasuk yaitu penghapusan teman melalui fitur tandai .  

Kali ini saya akan menyempatkan diri untuk memposting sebuah artikel yang cukup penting dan kabar gembira bagi anda yang memiliki terlalu banyak teman di facebook dan ingin menghapus sebagian dari mereka secara otomatis. Beda halnya dengan fasilitas facebook yang hanya memberikan fitur one by one delete yang cukup menyita waktu, tenaga, dan biaya. Kali ini saya akan berbagi ilmu yang membuat penghapusan teman facebook 5x lebih cepat dan tak memakan waktu banyak. Oke, kita akan bahas bersama-sama disini.

FIX UPDATE ( Work 100 % ) 28 Desember 2012

1.) Pertama, Baca Basmallah

2.) Pastikan browser yang anda gunakan adalah browser yang paling baru ( update )

3.) Download add ons / plugins sesuai dengan browser yang sobat gunakan
a. Untuk Mozila Firefox    : Greasmonkey

 

( Klik Tombol Download Now )

b. Untuk Google Chrome  : Tampermonkey

(Klik Tombol Tambah ke Chrome )

4.) Setelah itu, klik download / tambah ke chrome untuk proses pengunduhan dan penginstallan

5.) Jika sudah terinstall, lalu pasang script yang berguna untuk mengaktifkan fitur hapus pertemanan otomatis, silahkan klik Disini

( Klik tombol Install )

6.) Jika sudah , klik Oke 2x sesuai jendela persetujuan pop-up muncul

7.) Jika sudah, silahkan masuk ke daftar pertemanan anda , atau klik disini 

8.)  Setelah itu akan tampil daftar teman anda. Sekarang, anda tinggal mencentang teman yang ingin dihapus dalam kotak yang tersedia di sebelah kiri nama teman anda. Anda dapat menghapus lebih dari 1 sekaligus
9.) Pilih tombol Select All dibagian atas tampilan ( sebelah kanan cari teman ) untuk mencentang semua teman anda
Pilih Tombol Delete Selected Friends untuk menghapus teman yang anda centang ( manual ) tadi
12.) Setelah anda mengeklik Delete Selected Friends Tunggu hingga proses penghapusan selesai ( semakin banyak teman yang dicentang, semakin lama waktu yang dibutuhkan )

13.) Setelah mendapat pesan seperti ini, Klik Oke dan Refresh atau silahkan buka profil anda dan lihat hasilnya

Kalu WORK , jangan lupa coment dan LIKE Fans Page nya iia sobat, Followers nya juga deh sob...

Makasih sobat cang-ci-pret ...

0 Cara Memasang Jam dan Kalender Pada Blogger Terbaru 2013

Time is Money = waktu adalah uang. kali ini cang-ci-pret mau memberi tahu tentang bagaimana memasang jam di blog. agar blog kita mempunyai jam ada banyak cara untuk memasang jam di blog. Ada sebuah situs yang menyediakan berbagai bentuk jam apalagi di situs tersebut kita tinggal mengcopy dan paste kodenya tanpa harus registrasi terlebih dahulu ke situs tersebut situs-situs tersebut sangatlah banyak tetapi yang banyak di pakai adalah :

www.clocklink.com

Berikut cara memasang widget Jam di blogger

1. Pertama kunjungi www.clocklink.com
2. lalu klik pada menu Gallery (disitu kita bisa memilih kategori-kategori yang ingin kita pilih)
3. sebagai contoh kategori analog kita pilih,
4. kemudian klik view html tag pada kotak di bawah jam yang kita pilih lalu akan timbul halaman baru di window baru. disitu nanti kita ada ketentuan-ketentuan yang memakai bahasa inggris,
5. langsung aja kita pilih accept
6. Selanjutnya kita diminta memilih warna (color), {time zone untuk Waktu Indonesia Bagian Barat sebaiknya memilih JOG : Jogyakarta Indonesia Time (GMT + 07.00)} serta jangan lupa tuliskan ukuran (size) jam agar sesuai dengan sidebar tempat meletakan jam itu nantinya. Dapat juga diatur kemudian.
7. Copy seluruh kode HTML kemudian disimpan di komputer kita contoh pada notepad.

Langkah selanjutnya kita menuju blog kita

1. Silahkan login ke blogger dengan ID anda
2. Klik Tata Letak
3. Klik tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik tanda plus (+) untuk HTML/Javascript
6. Copy paste kode yang kita taruh di notepad tadi ke dalam kolom konten yang tersedia
7. selesai

ada beberapa situs lain yang menyediakan widget jam untuk blog secara gratis diantaranya adalah :

www.mytictac.com

Semoga berhasil..

0 Tempe Bacem Enak dan Gurih

Salah satu makanan tradisional Indonesia yang disuka adalah bacem tempe. Panganan manis ini terasa manis gurih dan enak disajikan hangat.
Bahan:
500 gram tempe, iris sesuai selera
2 cm lengkuas, memarkan
1 batang serai, memarkan
2 lembar daun salam
Sedikit asam jawa
500 ml air (bisa juga air kelapa untuk rasa yang lebih gurih)
Bumbu Yang Dihaluskan:
4 butir bawang merah
2 siung bawang putih
1 sdt ketumbar
1 sdt garam
2 butir kemiri
2 sdm gula merah (bisa ditambah sesuai selera)
Cara Membuat:

1. Tuang air dalam wajan, campur dengan semua bumbu, aduk hingga rata.
2. Masukkan tempe, rebus hingga bumbu meresap dan kuah menyusut. Sesekali balik tempe agar meresap rata. Angkat tiriskan.
3. Goreng tempe bacem hingga berwarna kecokelatan, angkat tiriskan.
4. Sajikan selagi hangat.

0 Cara Membuat Alert Pada Blogger Terbaru 2013

Sobat Informasi maya sebelumnya kang salman telah 2 kali membahas text alert yaitu Text Alert Ucapan Selamat Datang, yaitu kata sambutan muncul saat pengunjung datang ke blog kita. Lalu yang ke dua adalah Text Alert Ucapan Terima Kasih atau Kata Penutup "Say Good Bye", yaitu kata-kata penutup saat pengunjung meninggalkan blog kita, dan sekarang berhubung ada yang bertanya "cara bikin alert text masukin nama" kang salman sekalian buat aja ke dalam sebuah artikel untuk melengkapi koleksi yang tadi.

Text Alert adalah sebuah perintah yang diberikan kepada komputer untuk memberi peringatan. namun seiring berjalanya waktu text alert kita banyak dimanfaatkan oleh kalangan blogger sebagai pemanis blog kesayangannya. Yah awalnya sih emang kang salman akui saat pertama ngeblog dulu hal ini sangat keren dan butuh 1 minggu bagi kang salman dulu untuk mempelajari text alert ini. Hm so, text alert ini harus digunkan sesuai dengan kebutuhan jangan sampai terlalu berlebihan tar pengunjung pada minggat. hehe sewajarnya saja Oke ^_^

Sekedar Review saja ini adalah kode dasar, Text Alert Kata Sambutan

1. Login ke account blogger masing-masing

2. Klik Layout >> Edit Html

3. Cari kode </head> (untuk mempermudah pencarian gunakan tombol F3 pada keyboard)

4. Copy script dibawah ini tepat diatas kode </head>

<SCRIPT language='JavaScript'>alert("Selamat datang di Blog ini)");</SCRIPT>

NB : Pada tulisan yang berwana merah silahkan ganti dengan tulisan yang kamu mau...

5. Simpan template dan lihat hasilnya

Text Alert Berupa Pertanyaan Untuk Visitor

Cara membutnya tidak terlalu berbeda dengan script di atas, hanya sedikit modifikasi saja. 

1.  Cari kode </head> Copy script dibawah ini tepat diatas kode </head>

<script type="text/javascript">var yourName = prompt("Selamat Datang ", "Tulis Nama Kamu?");</script>

NB :  Pada Kata TULIS NAMA KAMU bisa diganti sesuai dengan keinginan masing masing..misalnay Namamu siapa?

Simpan dulu template lalu liat hasilnya. sebagai gambaran, anda barusan sudah melihat Demonya saat masuk ke halaman ini.

Kalau kamu mau yang Exstrime mirip polisi lagi intrograsi tersangka gunakan kode di bawah ini dan taruh tepat di bawah </head>  :

 

<SCRIPT LANGUAGE=javascript>window.alert('Hello World......')window.alert("Welcome to JavaScript...")namaMu = window.prompt("Selamat Datang! Masukkan nama Anda","Masukkan nama Anda:")alamatMu = window.prompt("Alamat:","Masukkan alamat Anda:")umurMu = window.prompt("Usia","Masukkan usia Anda:")emailMu = window.prompt("E-Mail","Masukkan Email:")window.alert("Hello " + namaMu)window.alert("You live in " + alamatMu)window.alert(namaMu + " is " + umurMu + " years old")window.alert("Your Email : " + emailMu)konfirmasi = window.confirm("Klik OK untuk lanjut. Klik Stop untuk berhenti.");if (konfirmasi){window.alert("Please wait...")document.write('<h1><b>Report</b></h1><hr>')document.write('Nama : ' + namaMu + '<br>')document.write('Alamat : ' + alamatMu + '<br>')document.write('Usia : ' + umurMu + '<br>')document.write('Email : <a href=mailto:'+ emailMu +'>'+ emailMu +'</a><br>')} else {window.alert("Kamu sudah mengklik Stop")document.write('Terimakasih.. ' + namaMu + ' Datang kembali.<br>')document.write('<a href=tutormessageboxjs.html>Try again?</a>')}</SCRIPT>

Oke Sobat Informasi maya semoga tips alert text name ini bermanfaat and selamat beraktifitas. ^_^
Assalamualaikum
.

0 Cara Menambahkan Efek Hujan Pada Blogger Terbaru 2013

Memperindah tampilan blog memang tidak ada habisnya, pada kesempatan yang berbahagia ini saya akan membahas mengenai panduan dan cara membuat blog khususnya membuat efek hujan salju di blog. Mungkin bagi Anda yang belum pernah melihat secara langsung efek hujan salju diblog ini sedikit bingun, seperti apa sih? Sedikit penjelasan dari saya, efek hujan salju ini pada realitasnya seperti hujan yang berbentuk butiran salju yang melayang pada layout blog yang kita miliki. Namun jika Anda memiliki background blog yang putih, efek ini tidak kelihatan, karena efek hujan salju ini juga berwarna putih layaknya salju. Dengan demikian sebelum Anda mengaplikasikan tutorial membuat efek hujan salju yang akan saya jelaskan, pastikan dulu warna backround blog Anda berwana sedikit gelap, sehingga efek hujan salju kelihatan.

Jika Anda tertarik mengaplikasikan efek hujan salju pada blog Anda, maka perhatikan tutorial yang akan saya jelaskan berikut ini.

1. Seperti biasa, Login ke account blogger Anda

2. Pilih rancangan, lalu klik Edit HTML yang berada disebelah atas kiri dasbor blog Anda, akan tetapi jika Anda menggunakan dasbor blogger baru pilih Template kemudian klik edit HTML dan klik lanjutkan.

3. Langkah selanjutnya adalah cari kode </head> (Gunakan ctrl + f atau F3 untuk mempermudah pencarian)

4. Kemudian, sisipkan kode berikut ini diatas kode </head>

<script src='http://super-bee-life-for-give.googlecode.com/files/hujan%20salju.js'/>

Contoh :

<script src='http://super-bee-life-for-give.googlecode.com/files/hujan%20salju.js'/>
</head>

5. Selanjutnya save pekerjaan Anda dan lihat hasilnya.

Demikianlah tutorial cara membuat efek hujan salju di blog yang dapat saya sampaikan, semoga bermanfaat. Pastikan bahwa Anda tetap mengunjungi blog Super-Bee ini sebagai panduan untuk memodifikasi blog yang anda miliki.

0 Cara Meberi Hewan Peliharaan Pada Blogger Terbaru 2013

Buat para blogger yang suka memelihara hewan dirumah, pas banget ma widget/gadget hewan satu ini yang saya dapatkan dari situs penyedianya http://abowman.com/. Widget/gadget hewan ini insya'allah akan membuat kalian serasa memelihara hewan di rumah seperti bermain-main dan memberi makan hewan. Untuk cara bermain dan memberi makan kalian jajal sendiri aja dengan coba-coba mengarahkan kursor kalian ke widget/gadget hewan.

Hewan Peliharaan Blog

Berikut script beberapa hewan yang saya ambil dari situs penyedianya untuk kalian copas ke sidebar kalian.

Fish/Ikan

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Hamster

<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>

Tree Frog/Kodok

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/treefrog.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/treefrog.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Dog/Anjing

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/102399522366632716596/dog.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/102399522366632716596/dog.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="bgcolor" value="FFFFFF"/></object>

Turtle/Kura-kura

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/turtle.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/turtle.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Saya hanya mengambil script hewan yang bisa diberi makan untuk selebihnya kalian bisa mengunjungi situs penyedianya

Untuk pemasangan ikuti langkah-langkah berikut

1. Login  ke akun blogger kalian
2. Pilih Rancangan >> Klik Elemen Laman >> Klik Tambah Widget/Gadget
3. Kemudian pilih HTML/JavaScript
4. Tentukan salah satu hewan peliharaan kalian, lalu copas code di bawah nama hewan ke kolom konten dan isi kolom judul dengan nama yang kalian inginkan. Kolom judul dikosongkan juga boleh.
5. Terakhir klik Simpan/Save dan lihat

Saya bingung mau postingan apaan hahay

0 Cara Menambahkan Musik MP3 di blogger Terbaru 2013

Siang Semua... Wah Akhirnya Admin Bisa Share Artikel Tentang Tutorial Blogger. Soalnya Selama Ini Admin Belum Bisa Share Tutorial Blogger Karena Internet Di Rumah Sedang Putus-putus. Ok Langsung Saja Ke Materi. Mungkin Cara Ini Tidak Terlalu Penting. Namun Jika Anda Ingin Membuat Blog Anda Lebih Berwana Dengan Ada Musik, Ikutilah Tips Ini. Musik Autoplay Di Sini Maksudnya Yaitu Jika Visitor Membuka Blog Anda, Entah Itu Di Homepage Atau Di Dalam Artikel, Musik Akan Sendirinya Play. Berikut Caranya :

1. Login Blogger Dulu Ya...
2. Buka Situs Ini.
3. Carilah Artis / Band Yang Lagunya Ingin Anda Pasang Di Blog Anda.
4. Jika Telah Dapat, Klik Nama Artisnya. Maka Anda Akan Diberi Beberapa Pilihan Lagu Yang Tersedia.
5. Akan Ada Textbox Disana, Copy Semua Kodenya.
6. Masuk Ke Tata Letak > Tambah Gadget > HTML/Javascript.
7. Paste Kode Yang Tadi Telah Di Copy.
8. Simpan. Cek!

Adakan? Nah Itu Dia. Saya Menyediakan Beberapa Lagu Yang Sedang Populer.

Owl City - Fireflies

<center>

<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>

<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>

<br><br><b>

<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music</a> at divine-music.info</b><br>

<EMBED SRC="http://divine-music.info/musicfiles/Owl City - Fireflies(1)(1).swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

Eminem - Not Afraid

<center>

<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>

<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>

<br><br><b>

<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music</a> at divine-music.info</b><br>

<EMBED SRC="http://divine-music.info/musicfiles/Eminem - Not Afraid (prod. Boi-1da)(1).swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

Flo Rida - Low

<center>

<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>

<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>

<br><br><b>

<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music</a> at divine-music.info</b><br>

<EMBED SRC="http://divine-music.info/musicfiles/Flo Rida - Get Low (Clean).swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

Pitbull - Give Me Everything

<center>

<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>

<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>

<br><br><b>

<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music</a> at divine-music.info</b><br>

<EMBED SRC="http://divine-music.info/musicfiles/01 Give Me Everything (feat. Ne-Yo,.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

Maroon 5 - Moves Like Jagger

<center>

<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>

<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>

<br><br><b>

<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music</a> at divine-music.info</b><br>

<EMBED SRC="http://divine-music.info/musicfiles/01 Moves Like Jagger (feat. Christin.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

Maroon 5 - Payphone (feat. Wiz Khalifa)

<center>

<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>

<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>

<br><br><b>

<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music</a> at divine-music.info</b><br>

<EMBED SRC="http://divine-music.info/musicfiles/01 Payphone (feat. Wiz Khalifa).swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

Sekian Dulu Ya... Thanks!

0 Cara Mengganti Cursor Pada Blogger Terbaru 2013

sobat CB yang ingin mengganti cursor sobat dengan gambar yang sobat suka silahkan ikuti cara berikut ini

cara mengganti cursor di blog:

1.login ke blog sobat
2.Template -> Edit HTML

pastekan kode berikut ini diatas kode </head>

<style type='text/css'>
HTML,BODY{cursor: url(&quot;http://cur.cursors-4u.net/toons/too-11/too1008.png&quot;), auto;}
</style>

3.save template

ganti url yang berwarna Merah dengan url cursor anda

berikut ada beberapa contoh cursor yang bisa anda gunakan:

URL : http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif

URL : http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif

URL : http://downloads.totallyfreecursors.com/thumbnails/tail2.gif

URL : http://downloads.totallyfreecursors.com/thumbnails/banana1.gif

URL : http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif

kalau ada pertanyaan silahkan tulis di komentar :) Description: Cara mengganti cursor di blog Rating: 4.5 Reviewer: Cara Badut - ItemReviewed: Cara mengganti cursor di blog

1 Cara Memasang Emoticon Pada Kotak Komentar Terbaru 2013

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Pada beberapa waktu yang lalu saya pernah posting tentang cara memasang emoticon chat di chatt box atau buku tamu, nah pada kesempatan ini saya akan mencoba berbagi dengan sobat semua mengenai tips cara memasang emoticon pada kotak komentar, nah contohnya dapat sobat lihat di bawah postingan blog saya ini.

Tips ini tentunya akan membuat blog sobat menjadi lebih seru, komentator pun menjadi lebih bisa mengekspresikan perasaannya melalui icon-icon (emoticon).

Nih langsung aja saya share Cara Memasang Emotion Pada Kotak Komentar.

1. Login blog Sobat.

2. Template --> Edit HTML (centang pada expand widget template)

  

3. Lalu masukkan kode dibawah ini diatas kode </body>

 <script src='http://vikrymadz.googlecode.com/files/smiley.js' type='text/javascript'></script>

4. Lalu cari kode yang seperti ini.

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

5. Nah lalu taruh kode dibawah ini tepat dibawah kode <p class='comment-footer'>

<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))
</b>

 6. Kemudian yang terakhir simpan dan lihat hasilnya pada salah satu postingan sobat.

Bagaimana sob? mudah bukan cara membuatnya. Monggo dicoba, kalau ada kesulitan, koment aja, insyaalloh saya bisa bantu, ya segini dulu yah postingan kali ini, semoga bermanfaat n good luck ^_^

0 Cara Mudah Bikin Blogger dengan cepat Terbaru 2013

Cara Mudah Membuat Blog Pribadi Gratis di Blogger | Tulisan kali ini saya khususkan buat sobat2 yang masih awam tentang cara mudah membuat blog gratis untuk pribadi di blogger.com. Jadi jika sobat sudah expert dalam hal membuat blog, mau baca silahkan mau mengabaikan juga silahkan,, karena cara ini khusus untuk yang benar-benar belum paham membuat blog gratis.
Sebenarnya ada banyak sekali layanan blog gratis yang bisa kita pakai, tetapi untuk yang belum bisa membuat blog lebih baik membuat blog di blogger.com saja, karena menurut saya blogger.com sangat cocok sekali untuk yang baru belajar. Untuk cara membuat blog gratis di layanan seperti wordpress dan blogdetik insya Allah akan saya bahas ditulisan yang lainnya.
OK, sekarang kita mulai saja bagaimana cara mudah membuat blog pribadi gratis di blogger.com :
1. Syarat pertama yang harus sobat lakukan untuk membuat blog di blogger.com adalah mempunyai akun email di gmail.com. Dengan mempunyai email di gmail.com bukan blogger.com saja yang bisa diakses tapi semua fasilitas dari google bisa di pakai. untuk membuat akun email gmail silahkan ketikkan gmail.com dibrowser sobat, atau klik disini.
Lalu klik buat akun.

2. Setelah sobat klik akan muncul formulir untuk diisi dengan data-data sobat termasuk no handphone sobat. Setelah semua data di isi klik langkah selanjutnya.

3. Setelah itu pilih pesan teks, negara indonesia, dan klik kirim kode verifikasi. Selanjutnya sobat akan menerima sms kode verifikasi dari google untuk di isi dilangkah berikut ini.

Setelah dimakukka kodenya klik verifikasi.
4. Selanjutnya memasukkan foto profil sobat, tapi dalam tahap ini optional. sobat bisa langsung memasukan foto profil atau tidak. kalau ingin melewatinya langsung saja klik Langkah berikutnya.

5. Pada langkah selanjutnya langsung saja klik Lanjutkan ke Gmail.
6. Maka akan langsung muncul tampilan depan akun gmail sobat seperti ini.

7. Sampai tahap ini akun gmail sobat telah selesai dibuat. kini saatnya untuk membuat blog pribadi pertama sobat.. sudah siap ?? silahkan Klik Blogger.com untuk memulai membuat blog.
8. Sobat akan diminta kembali password yang masukkan di gmail tadi. Lalu klik Masuk.

9. Selanjutnya sobat akan diminta mengisi data untuk profil blog sobat. Disini ada dua pilihan, pilihan 1 jika sobat ingin membuat profil blog dari profil google +. pilihan 2 jika sobat hanya ingin membuat profil untuk blog saja tanpa dihubungkan dengan akun google +.
Google + adalah layanan google yang lumayan baru, akun ini seperti halnya facebook. Saya sarankan pilihan 1 saja. 

10. Pada langkah berikutnya langsung saja klik tingkatkan untuk melanjutkan.

11. Klik tombol Ikuti jika sobat ingin bergabung dengan laman tersebut. Setelah itu klik Lanjutkan

12. Masukkan data dan foto profil sobat, tapi tidak diisipun  tidak apa2. Lalu klik Selesai.

13. Pada tahap selanjutnya klik Lanjutkan ke blogger.

14. Setelah itu sobat akan langsung ke halaman dashboard blog sobat.. tapi blog belum dibuat.

untuk memulai membuat blog, silahkan sobat klik Blog Baru yang ditunjukan di nomor 1 pada gambar diatas, pada nomor 2 akan tampil blog yang sudah sobat buat. pada nomor 3 adalah tempat mengatur blog sobat. salah satunya adalah untuk mengubah tampilan dashboard ke tampilan lama. Ok selanjutnya setelah sobat klik Blog Baru akan muncul form baru seperti dibawah ini.

terlihat pada gambar diatas ada beberapa nomor, sengaja supaya mudah untuk dijelaskan.
pada no 1 Masukkan nama untuk blog sobat, untuk ini terserah mau di isi apa, nama pribadi pun bisa. untuk nomor 2 ini adalah untuk alamat blog sobat, seperti contoh diatas adalah blogger-naz.blogspot.com. pada pengisian nomor dua tunggu hingga ada tanda checklist berwarna biru seperti diatas. untuk nomor 3 adalah pilihan desain halaman blog sobat, silahkan pilih sesuai selera. selanjutnya klik Buat blog.
15. Setelah selesai maka blog sobat sudah dibuat. 

untuk mulai menulis silahkan klik tombol bergambar pensil.

pada contoh diatas judul postingan saya adalah "Post Pertama Ku".. dengan isi postingan " Hallo sekarang saya punya blog gratisan. Ini adalah postingan pertama ku" dan dengan kategori "Coretanku".. sobat bebas mau mengisinya dengan apa saja..
Jangan lupa setelah selesai,, klik Publikasikan untuk menampilkan postingannya..
16. setelah itu coba lihat hasilnya dengan klik Lihat blog.

 Coba kita lihat postingan dari contoh yang saya buat tadi..

gambar yang terakhir adalah tampilan dari blog yang sudah dibuat dengan judul blog "Blogger Naz" dan postingan dengan judul "Post Pertama Ku"...
Nah itulah kira2 langkah membuat blog, membuat postingan sampai mempublikasikan hasil postingan.. Hasil blog ini masih sederhana tampilannya,, jika sobat ingin lebih bagus lagi, silahkan kreasikan sendiri imajinasi sobat. inilah akhir dari tutorial Cara Mudah Membuat Blog Pribadi Gratis di Blogger. semoga sukses

2 Cara Membuat Read More Dengan Mudah dan Otomatis Terbaru

Jika template bawaan anda belum ada fitur Read more atau Baca selengkapnya tidah usah bingung tambahkan saja Script yang akan disajikan dalam Tutorial kali ini. Berikut cara membuat Read More otomatis untuk blog.
Pertama anda masuk dasbord blogger >> lalu pilih rancangan >> Pilih Edit HTML.
Jangan lupa centang Expand Template Widget.
Lalu cari kode </head>  untuk mempermudah pencarian tekan F3.

Masukan kode berikut tepat ditas </head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>

<script type='text/javascript'>

//<![CDATA[

function removeHtmlTag(strx,chop){

if(strx.indexOf("<")!=-1)

{

var s = strx.split("<");

for(var i=0;i<s.length;i++){

if(s[i].indexOf(">")!=-1){

s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);

}

}

strx = s.join("");

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+'...';

}

function createSummaryAndThumb(pID){

var div = document.getElementById(pID);

var imgtag = "";

var img = div.getElementsByTagName("img");

var summ = summary_noimg;

if(img.length>=1) {

imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';

summ = summary_img;

}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';

div.innerHTML = summary;

}

//]]>

</script>

Belum selesai, cari lagi kode :  <data:post.body/>

Ganti kode  <data:post.body/>, dengan kode di bawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

</script>

<span class='rmlink' style='float:right;padding-top:20px;'>

<a expr:href='data:post.url'> <b>Read more</b> &#187;&#187;&#160;&#160; </a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>

</b:if>

Sampai disini lalu save template anda.

Selesai deh, untuk memastikannya coba lihat hasilnya.

Kata Read more warna merah dapat anda ganti dengan kata-kata selera anda, misalnya : Baca selanjutnya.

Demikianlah Tutorial cara Membuat Read More Secara Otomatis di Blog, semoga bermanfaat. Jangan lupa Like-nya.

0 Pantun Jenaka Nan Asyik

Nah, dibawah ini adalah beberapa contoh yang bisa anda pakai atau kembangkan untuk kepentingan anda sendiri.

Ke Balikpapan bawa bendera
di kota Subang berolah raga
walau tak setampan bidadara
bagiku abang sangatlah berharga

jika kamu sedang di lautan
jangan lupa bawa ikan
jika kamu sedang asyik pesbukan
jangan sampai lupa makan

Berdasi pengen lagi nikah
si botak ngajak bertemu
berani ngomong lagi cius miapah
Gue jitak kepalamu !

jika kamu sedang merantau
mampirlah ke kota cilegon
jika kamu sdang merasa galau
minumlah saja obat baygon

kalau kamu mencari berita
jangan baca berita basi
Kalau kamu mencari cinta
Jangan cari cinta yang imitasi

Burung Gelatik terbang di awan
Terbang melayang ke negeri sebrang
Neng cantik memang sungguh menawan
namun sayang sudah jadi istri orang

Makan getuk sambil pakai blangkon
Paling lah enak getuk rasa terasi
Pengen nonton siaran liga champions
tapi nasib gak punya televisi

Sakit gigi
di obati puyer
Selamat pagi
met Ngelap iler

jalan-jalan ke kota semarang
pulangnya membawa buah durian
emang cantik cewek jaman sekarang
tapi sayang matrenya gak ketulungan


Itulah beberapa contoh pantun jenaka yang asyik dan menggelitik. :)

0 Cara Membuat Animasi Bergerak di Sudut Blog

setelah lama berusaha mencari widget-widget animasi lucu bergerak dan menarik dari berbagai situs untuk anda dalam memasang animasi di sudut atau pojok blog dan membuat tampilan blog anda semakin segar dengan adanya animasi yang bergerak di sudut blog, akhirnya ketemu juga widget-widget yang lucu dan unik yang pastinya bergerak atau berformat gif ,pada kumpulan widget animasi bergerak ini anda bisa membuat animasi bergerak di pojok blog anda, mungkin di antara kalian ada juga yang senang dengan animasi - animasi lucu yang bergerak ini untuk di pasang di sudut  blog kalian. tapi tentu saja di setiap situs-situs tersebut tidak semua animasi bergerak sama oleh karena itu dalam postingan kali ini saya akan memberikan kumpulan postingan animasi bergerak yang lucu dan gokil dari berbagai situs yang telah saya kunjungi .silakan kalian kalau mau copas kode-kode script berikut di blog kalian .

sebelum kalian meng copas kode kode tersebut .. sebaiknya kalian mengikuti tutorial cara memasang animasi pada blog berikut ini . untuk memasang widget widget animasi bergerak seperti naruto dan onepiece pada blog kalian ..( tepatnya animasi- animasi bergerak  tersebut akan ada di sudut pojok bawah pada blog kalian ).dan kalian dapat merubah lokasi penempatannya/ukuran gambarnya sesuai dengan tempat/ukuran favorit an

lanjut ke tutorial pasang animasi naruto onepiece dll di sudut blog 

adapun langkah-langkah dalam memasang widget animasi bergerak   yaitu :

• masuk atau login ke blog kalian
• klik Rancangan / Design kemudian klik Elemen laman / page Elements
  
• Lalu klik tambah gadget / add gadget , setelah di klik akan muncul banyak pilihan ..
  
• pilih HTML/JAVA SCRIPT
  
• lalu copy pastekan script-script berikut  ini ( sebaiknya jangan di beri judul )
  
  
  script di bawah ini telah di setting sedimikian rupa agar animasi tersebut ada tepat di pojok kiri bawah blog . jika kalian tidak mau animasi tersebut berada di pojok kiri bawah blog kalian .. silakan kalian hapus atau edit kembali script yang berwarna hijau pada contoh di bawah ini setelah gambar animasi ..

Animasi Helikopter Gif

silakan copas :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="widget animasi lucu bergerak atau gif"  alt="animasi bergerak naruto dan onepiece"/></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">animasi bergerak helikopter</a></center></small></div>

setelah itu simpan !!!

                    Ketentuan catatan 

=>untuk mengedit animasi apa yang kalian ingin gunakan silakan edit "Tulisan berwarna biru "( ubah alamat animasi favorit yang anda suka)
=> untuk mengedit tinggi animasi silakan edit : "hegiht : 130px" 
     ( angka dapat kalian atur  sesuai dengan kebutuhan)
=> untuk mengedit panjang gambar : "width : 110px"
     ( angka dapat kalian atur  sesuai dengan kebutuhan)=> untuk mengedit/ mengatur lokasi sesuai kebutuhan misal animasi bergerak ini dapat di
     buat agar tidak ada di pojok/sudut blog . melainkan diam / berada pada  posisi
     yang  kalian ingin kan , jika kalian tertarik untuk mengeditnya .silakan kalian edit   "position : fixed ; bottom:0px;left:10px" 
position fixed : maksudnya adalah posisi animasi akan selalu bergerak . jika andaingi posisi animasi tersebut hanya diam pada satu posisi maka silakan hapus  position : fixed ini
bottom : 0px : maksud bottom 0px ini adalah jarak antara animasi dengan sisi bawah .
 jika kalian ingin membuat animasi tersebut tidak berada di bawah ,misalkan kalian ingin animasi berada di atas silakan kalian editbottommenjadi topleft : 10px :      maksud left :10px ini adalah jarak antara animasi dengan sisi kiri . jika kalian ingin membuat animasi tersebut tidak berada di kiri,misalkan kalian ingin animasi berada di kanan silakan kalian  editleft menjadi right.

saran ..!!!!
jika anda ingin mengedit animasi menjadi di kanan dan di atas sebaiknya edit saja seperti ini"position : fixed ; top:0px;right:10px"

nahhh , sekarang coba kalian lihat hasilnya  ..prok ..prok ..prok ..jadi apa   !!!!

adapun script widget animasi yang lainnya dan bisa anda letakan di pojok blog dan banyak lagi yang telah saya temukan di mbah google , lihat di bawah ini : (cara membuat nimasi bergerak di pojok blog kalian ).
tinggal copy paste'in saja yaa .:

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/742/th/74214.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46606.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1/th/152.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/198/th/19809.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/3/th/312.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://i.mnpls.com/715/71510.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/59/th/5990.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/110/th/11046.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/0/th/72.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/229/th/22949.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/2/th/257.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/740/th/74084.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/197/th/19769.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/458/th/45845.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/2/th/219.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1031/th/103123.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/439/th/43917.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46602.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/438/th/43833.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/485/th/48554.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/212/th/21215.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/243/th/24365.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/102/th/10221.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53966.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/102/th/10235.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/228/th/22801.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/460/th/46008.jpg" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/712/th/71266.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/656/th/65649.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53972.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/461/th/46105.jpg" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/471/th/47146.jpg" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/692/th/69207.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53973.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://sig.graphicsfactory.com/Halloween/a.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

Masih kurang ?? beneran nihh ?? klik iklan di bawah dulu yaa, biar tambah semangat postingin membuat animasi bergerak di pojok blog nya !!! oke ..