5 Cara Mengganti Logo Blog

Kalian pasti sudah tau dong logo Blog, itu tuh yang ada di bagian kiri atas pada Tab Browser. Dan mungkin Kalian mau menggantinya. Untuk mengganti logo Blog sangatlah mudah, tinggal Kalian ikuti langkah-langkah berikut ini :


[1]. Seperti biasa login dulu ke Blog Kalian
[2]. Trus cari Rancanga --> Edit HTML
[3]. Kemudian cari code </head>
[4]. Kalo sudah ketemu, Copy dan Paste-kan Code di bawah ini tepat di atas Code tadi  </head>

<link href='http://dc483.4shared.com/img/A1xgPIbB/0.7383929885741486/Logo_JmK.jpg' rel='shortcut icon'/>

NB :
- Tulisan yang berwarna Biru adalah Link Logo-nya, Kalian bisa ganti dengan Logi yang Kalian inginkan.

Contoh

<link href='http://dc483.4shared.com/img/A1xgPIbB/0.7383929885741486/Logo_JmK.jpg' rel='shortcut icon'/>
</head>

[5]. Lalu Save dan lihat hasilnya

 Untuk Mengcopy Kode Tersebut Gunakan CTRL + C  / Dan Anda Bisa Pastekan Dengan CTRL + V 

Selamat Mencoba...!!!

4 Cara membuat Blog agar tidak Bisa Di Copas

Walaupun Cara Membuat Blog Agar Tidak Bisa Di Copy Paste ini sebenarnya sudah banyak dibahas di beberapa blog sahabat, tapi rasanya tidak lengkap apabila Pandaanku.com tidak memiliki postingan sederhana namun banyak manfaat ini. Untuk Cara Membuat Blog Agar Tidak Bisa Di Copy Paste ini sebetulnya merupakan trik menggunakan script khusus yang dipasang pada blog.

Cara kerja daripada script ini yaitu membuat fungsi blok (blok teks/gambar) menjadi tidak berfungsi sehingga hal itu bisa mengurangi aksi pencurian konten/postingan oleh blogger yang suka copas membabi buta.
Ok, untuk caranya langsung saja kita pratekkan...
1. Login ke blogger, klik rancangan dan pilih Tab Edit HTML
2. Centang Expand Widget Template
3. Cari kode </head> (gunakan ctrl+f)
4. Copy script berikut lalu paste tepat di bawah kode </head>

<SCRIPT type="text/javascript">if (typeof document.onselectstart!="undefined") {document.onselectstart=new Function ("return false");}else{document.onmousedown=new Function ("return false");document.onmouseup=new Function ("return true");}</SCRIPT>

5. Jangan lupa di save..
6. Selesai..:)

>>__Selamat Mencoba Boleh Copas Tapi Ingat Sumber Nya__<<

2 Cara membuat scrool label pada Blog Terbaru

Update Cara Membuat Scrool Label

Berikut langkah-langkahnya:

1. Login pada blog anda
2. Pilih Rancangan -> Edit HTML -> centang Expand Template Widget
3. Cari kode berikut:

<b:widget id='Label1' locked='false' title='Category' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<div style='overflow:auto; width:ancho; height:300px;'> <b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>

4. Warna hijau adalah nama widget Label atau Kategoru blog anda, kode Biru adalah kode yang harus disisipkan, sedangkan kode warna merah adalah tinggi widget yang bisa anda atur sesuai dengan keinginan
5. Lalu Simpan


Semoga bermanfaat....

0 Tips Cara mengganti background Blog

Background memiliki fungsi penting bagi sebuah blog atau website. Selain kenyamanan pembaca, keindahan dan eye catching blog juga tergantung dari background. Untuk kostumisasinya sendiri sebenarnya sangat fleksibel, sobat bisa memberinya warna, menaruh gambar, hingga dengan efek gradient.

Berikut cara cara mengganti background blog..

Untuk langkah paling awal, langsung ke dashboard blog yang akan di edit => rancangan => edit html. Pada edit html, sobat harus menemukan dulu, selector body di htmlnya. Caranya tekan CTRL + F, kemudian cari body, biasanya terletak di awal. Strukturnya seperti ini..

body {propertycss}

atau bisa juga seperti ini..

body {
propertycss
}

ditulisan berwarna merah itulah terdapat property css, misalnya background, width, dan property lainnya. Karena yang ingin diedit adalah background, maka yang diedit adalah value dari property background. Kalau selector body belum ada, cukup ditambahkan saja.Hasilnya akan seperti ini..

body {background:ini value yang akan di rubah;property lain:value lain;}

atau bisa seperti ini ..

body {
background:ini value yang akan di rubah;
property lain:value lain;
}

Kedua contoh di atas berbeda karena penempatan dan optimasi saja, hasilnya tetap sama.
Sobat tidak perlu mengindahkan property dan value yang berwarna hijau , karena saya anggap dalam selector body terdapat banyak property. Fokus hanya pada property dan value background.

1. Warna.
Untuk merubah background menjadi warna tertentu, sobat hanya perlu memasukkan kode warna sebagai valuenya. Bisa berupa kode hex, rgb maupun color name yang bisa dibaca browser,misalnya:whitesmoke,grey atau silver. Hasilnya seperti ini..

body {
background:whitesmoke;
property lain:value lain;
}

Pada contoh di atas, saya menggunakan whitesmoke. Untuk warna lain bisa dilihat di color generator.

2. Gambar.
Jika ingin menggunakan gambar tertentu sebagai background, sobat harus menghostingnya terlebih dahulu. Setelah itu copy dan pastekan direct link gambar ke property background. Sobat harus menambah url sebelum link gambar. Link harus dibuka dan ditutup dengan tanda kurung "(....)".Hasilnya seperti ini.

body {
background:url (link gambar);
property lain:value lain;}

Silahkan ganti link gambar yang berwarna merah dengan link gambar yang sudah di hosting tadi.

3. Warna + Gambar.
Mungkin sobat bingung kenapa harus kedua duanya. Bukankah itu menghabiskan bandwidth?? Penggunaan warna dan gambar sekaligus dimaksudkan untuk mengantisipasi jika suatu saat gambar gagal loading ataupun link salah. Hal ini sangat berpeluang jika gambar yang sobat gunakan bukan dihosting sendiri atau tempat hosting gambar background sedang down. Jadi, saat gambar tidak muncul, maka warna akan menggantikan. Contohnya seperti ini..

body {
background: #f5f5f5 url (link gambar);
property lain:value lain;}

Warna yang digunakan sebaiknya mengikuti warna dominan dari gambar background agar tidak menghilangkan identitas blog. Silahkan ganti warna merah dengan warna dan link gambar anda sendiri.

4. Gradient.
Saat ini gradient banyak digunakan karena bisa menampilkan banyak warna, secara visual mirip dengan gambar. Padahal itu adalah perpaduan warna yang memerlukan css khusus yaitu gradient. Selain itu, memasang efek gradient sebagai background cenderung lebih cepat ketimbang gambar. Untuk penggunaanya, agak sedikit rumit.

background-image: -webkit-linear-gradient([kode warna] [ukuran pixel], [kode warna] [ukuran pixel]); 

Contohnya seperti ini..

body {
background-image:  -webkit-linear-gradient(#cccccc 80px, #f5f5f5 20px)
property lain:value lain;}

Warna merah bisa diganti dengan selera masing masing..Untuk konfigurasi lebih mudah silahkan ke Gradient Generator.

Semoga cara cara di atas dapat membantu sobat dalam mengedit blog agar tampil lebih baik di mata pengunjung. Penggunaan dan pengkostumisasian gradien maupun css hanyalah sebagai layout. Dont forget the king. No shortcut way to become success.

4 Cara membuat auto reply di komentar blog

Cara membuat auto reply di komentar blog
Dengan membuat tombol balas atau reply di komentar blog akan lebih memudahkan admin blog apabila ingin membalas komentar yang ada pada blog. template default blogger atau blogspot kebanyakan tidak menyediakan tombol balas otomatis untuk komentar. ada beberapa keuntungan yang didapat dengan membuat tombol reply, diantaranya memudahkan untuk membalas komentar dan memberikan sedikit hiasan untuk blog. buat yang masih belum tau caranya bagaimana membuat tombol reply atau balas otomatis di blog silahkan ikuti langkah-langkah berikut:

1. Login - Rancangan - Edit HTML
2. Centang "Expand Template Widget
3. Cari Kode dibawah ini ( Gunakan Ctrl + F , utk pencarian cepat )

<b:include data='comment' name='commentDeleteIcon'/>

4. Letakkan Kode berikut ini dibawah kode diatas

<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=Letakkan blog ID Disini&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'><img alt='Reply To This Comment' src=' LETAKAN URL image Reply komen Disini'/></a></span>

5. Simpan template - Selesai

Keterangan:

• Tulisan Letakkan blog id ganti dengan ID blog masing-masing. Cara mengetahui ID blog, pada saat log in pada account dan hendak menulis postingan baru, perhatikan tampilan kotak atas tempat URL pada browser (Id Blog hanya angka). contoh:

• Tulisan URL image Bisa diisi dengan URL dibawah ini atau URL image sendiri, ingat URL image harus diawali dan ditutp dengan tanda " atau '

URL image tombol balas Komentar di blog:

http://lh5.ggpht.com/_5yyQgf23Pco/S_hrcrv-1oI/AAAAAAAABx8/VaBcE416Xr8/replyblue_thumb1_thumb1.png?imgmax=800



http://lh4.ggpht.com/_5yyQgf23Pco/S_hret-JTBI/AAAAAAAAByE/cCQDCC00b4A/replygray_thumb1_thumb1.png?imgmax=800



http://lh3.ggpht.com/_5yyQgf23Pco/S_hrgcoFzpI/AAAAAAAAByM/m7gOzD2ZKGg/replygreen_thumb1_thumb1.png?imgmax=800



http://lh5.ggpht.com/_5yyQgf23Pco/S_hril5mmSI/AAAAAAAAByU/hUIUeK2qZX0/replypink_thumb1_thumb1.png?imgmax=800



http://lh6.ggpht.com/_5yyQgf23Pco/S_hrksR_oKI/AAAAAAAAByc/X03osypysZY/replyred_thumb1_thumb1.png?imgmax=800

2 Membuat komentar admin berbeda Di blog

kali ini saya akan berbagi tips blog, Sharing kali ini tentang bagaimana cara membedakan komentar admin dengan komentar pengunjung. Tips ini sangat berguna karena   pengunjung lain dapat mengetahui mana Admin blog dan mana pengunjung atau komentator. Screen Shootnya ada di bawah ini:

Oke, langsung saja ke TKP, Berikut ini langkah - langkah tersebut :

1. Login blogger
2. Rancangan, Edit Html, Centang menu Expand Template Widget
3. Simpan Kode berikut diatas kode ]]></b:skin>

/* ---------------
Admin Comment
---------------------------------- */
.comment-body-author {
background: #051547;
border:1px solid #999;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
margin-left:0;
margin-right:20px;
padding:7px;
color:#ffffff;
width: 500px;
}

Selanjutnya cari kode :

<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>

dan simpan kode berikut tepat diatas kode tadi:

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

terakhir tambahkan kode </b:if> tepat dibawah kode yang dicari tadi sehingga kodenya menjadi seperti ini:

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
</b:if>

Sumber cah dabloeng

Setelah itu silahkan simpan dan lihat hasilnya. Selamat mencoba...
Untuk demonya silahkan komentar di bawah ini. hahaa....

0 Cara membuat pesan terima kasih Kepada komentar Pengunjung blog

Nih ane juga share tips blog, Bagaimana cara membuat Pesan terima kasih kepada pengunjung yang berkomentar di blog secara otomatis. langsung lihat saja di screen shoot di bawah ini atau bisa juga kalian lihat demo nya, Anda komentar di blog ini pasti ada contohnya.

1. Login blogger
2. Rancangan, Edit Html, Centang menu Expand Template Widget
3. Cari kode ]]></b:skin>
4. Dan Simpan kode CSS berikut diatasnya :

/*comment messages*/
.visitormessages {
text-align: right;
color: #F90;
padding-right: 3px;
font-style:italic;
}
.visitormessages a:link{
color: #F90;
font-style:italic;
}
.visitormessages a:hover{
color: #F90;

border-bottom: solid 1px
}
.visitormessages a:visited{
color: #F90;
}

5. Cari kode <data:comment.body/> dan simpan kode berikut tepat dibawahnya:

<div class='visitormessages'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
Terimakasih sudah berkomentar di &#187;
<span><a expr:href='data:post.href'><data:post.title/></a></span>
</div>

Catatan : Untuk kode CSS nya silahkan kalian sesuaikan dengan template kalian .

6. Simpan Template dan lihat hasilnya pada Artikel blog kawan yang ada komntarnya.. :)

Sumber Cah dabloeng

--==SELAMAT MENCOBANYA==--

4 Cara Mudah Memberi Scroll Pada Archive Blog

Cara Mudah Memberi Scroll Pada  Archive Blog - Mungkin sudah banyak blog di luar sana yang posting tentang  tips ini, namun tips ini saya berikan kepada temen saya yang kemarin tanya tentang bagaimana cara untuk memberi scroll pada Blog Archive.

Bayangkan jika pada suatu blog yang disitu sudah banyak artikelnya dan di situ dipasang widget Arsip Blog, tentu itu akan sangat memakan ruang di sidebar blog anda kan.?? nah, dengan memberi batasan tinggi pada widget blog arcive tersebut ini akan membuatnya lebih simpel dan tidak memakan ruang di sidebar, dan tentunya akan ada fasilitas scroll kebawah untuk melihat seluruh isi arsive blog tersebut.

Tips ini saya kasih cara dengan menambahkan kode css, karena lebih mudah Menggunakan Css Tanpa Harus mencari dan menambahkan kode div pada kode widget Archive Blog, seperti pada artikel sebelumya Menambahkan scroll pada Label Blogspot. Yuk langsung aja kita simak.

Membuat Scroll Pada Archive Blog dengan CSS
1. Login ke blogger
2. Sebelumnya buat dulu widget Arsip Blog, yaitu dengan cara menuju ke Tata Letak >> Tambah Gadget >> Pilih Arsip Blog/Blog Archive.
3. Tapi jika sebelumnya sobat udah memasang widget/gadget Arsip Blog pada blog sobat, maka langkah nomer 2 dilewati saja.
4. setelah sesesai membuat widget arsip blognya, Langsung menuju halaman Template >> Edit HTML
5. Cari kode BlogArchive1 dengan menggunakan Ctrl + F, usahakan saat anda cari kode tersebeut harus ada, karena itu adalah ID dari widget yang kita edit, jadi pada CSS harus sama.

6. Setelah itu Cari kode ]]></b:skin>
Kemudian, letakkan kode berikut di atas kode ]]></b:skin>

#BlogArchive1 .widget-content{
height:250px;
width:auto;
overflow:auto;
}

Yang perlu di perhatikan adalah :

• BlogArchive1 adalah ID dari widget BlogArchive1.
• height:250px; adalah tinggi dari widget Arsip Blognya. Ganti dengan ukuran tinggi yang anda inginkan

Tentu cara ini sudah sangat mudah bagi yang udah lama dibidang blog,, namun akan sangat bermabfaat buat yang baru aktif di dunia bloggig, seperti Mawan 89 ini. Semoga Bermanfaat.

2 Cara Membuat Blog Dengan Mudah

Cara Membuat Blog Dengan Mudah – kali admin mawan akan mencoba memberikan tips dan cara membuat blog dengan mudah, Modal pertama yang harus anda miliki adalah akun Gmail. Apakah anda sudah punya. Jika anda blum mempunyai akun Gmail sebaiknya anda mendaftarkan dulu ke sini ke mudian create account. isilah data data anda sesuai petunjuk samapai akun Gmail anda selesai. Jika anda sudah memiliki akun Gmail maka langkah yang harus di lakukan adalah sebagai berikut.

Cara Membuat Blog Dengan Mudah

1. Pertama buka di browser anda dan ketik www.blogger.com
2. Lihat tulisan get started / memulai, lalu klik

3. Kemudian ada tampilan dibawah ini lalu lengkapi semua seperti, email, pasword, nama tampilan, tanggal lahir kalian, verifikasi, sesuai perintah. Lalu centang klik persetujuan lalu tekan tombol lanjutkan.

4. Setelah itu muncul halaman seperti ini, Judul blog isi dengan judul blog kalian, dan url adalah alamat blog kalian di browser silahkan kalian pilih.

5. Setelah buat alamat judul dan url kalian selesai, lalu anda di pilih untuk memilih tema blog kalian sesuai tampilan gambar dibawah ini, pilih salah satu yang kira-kira cocok lalu klik lanjutkan.

6. Tampilan ini adalah memberitahukan bahwa akun cara membuat blog kalian sudah sukses dan berhasil. Tinggal langkah selanjutnya yaitu memulai mengisi blog anda dengan postingan. Langsung klik mulai blogging.

7. Ini adalah tampilan waktu pembuatan posting Anda, apabila judul dan artikelnya sudah terisi tinggal tekan tombol Terbitkan Entri untuk mempublikasikan artikel anda. Naah jadilah artikel pertama anda! Apabila anda ingin merubah tampilan atau merubah settinngan lainnya disitu ada tombol rancangan, setelan dan lain-lainnya. Dan hanya memerlukan sedikit waktu untuk mempelajarinya.

Demikian tips dan cara membuat blog dengan mudah, moga aja dapat bermanfaat.

3 Cara Membuat Share Button Like, Tweet, Google +1 Di Blog

Share Button like Fb, Tweet, Goolle +

Tombol Berbagi atau yang sering di sebut juga Tombol Share, berfungsi untuk memudahkan pengunjung Blog kita untuk Berbagi Artikel yang di telah di baca. Like Facebook, Twitter Tweet, dan Google+1, merupakan layanan berbagi saat ini. OK, yang berbinat, silahkan ikuti langkah-langkah di bawah ini.

[1]. Pertama, pastinya Login dulu ke Blog Kalian.
[2]. Dari Dasbor, cari Rancangan --> Edit HTML.
[3]. Lalu centang kotak [ Expand Template Widget].
[4]. Cari Code <data:post.body/>. 

[Agar mempermudah pencarian, tekan CTRL + F atau F3 pada Keyboard]. 

menemukan Code <data:post.body/> jika ada 2, [Pilih Yang NO. 2].
[5]. Selanjutnya, Copy dan Paste-kan Code di bawah, tepat di BAWAH Code tadi.

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e8062ca66617053"></script>
<!-- AddThis Button END -->

[6]. Terakhir, tinggal di SAVE dan lihat hasilnya.

Semoga Bermanfaat...!!!

0 Cara memasang fans Page di Blog

Cara Memasang Fans Page Facebook Pada Sebelah Kanan Blog

Langkah 1

Login Blogger Dashboard --> Design --> Add A Gadget --> HTML/Javascript.

Copy dan paste kod di bawah pada content HTML/Javascript.

Copy kod di bawah ini dan pastekan di dalam content html: 

<script src="http://ojel88.googlecode.com/files/slidboxordinary.js" type="text/javascript"></script>

<div id="fbslidebox" style="position: fixed; width: 342px; overflow: hidden; bottom: 20px; right: 10px; background: url(&quot;http://1.bp.blogspot.com/_JUg9QsmKp5s/TORmQZAoYXI/AAAAAAAACAI/cLoCJMP1rGo/s000/bo-bg-html.gif&quot;) repeat scroll 0% 0% transparent; -moz-border-radius: 15px 15px 15px 15px; border: 2px solid rgb(17, 17, 17); display: block;">

     <div style="width: 320px; padding: 10px; margin: 0pt auto; overflow: hidden;">

         <a id="fbcloseslidebox" style="float: right; color: rgb(153, 153, 153); padding: 0pt 3px; border: 1px solid rgb(204, 204, 204); text-decoration: none; font-size: 9px; font-family: Verdana,Geneva,sans-serif;" href="#">Exit</a>

         <strong style="color: rgb(102, 173, 61);">Like Us On Facebook!!</strong>

<iframe scrolling="no" frameborder="0" allowtransparency="true" style="border: medium none; overflow: hidden; width: 300px; height: 250px;" src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Cheater-Indonesia/348851128474798?ref=ts&width=300&colorscheme=dark&show_faces=true&stream=false&header=true&height=250">

</iframe>

<small><a href="http://www.aziesthehackers.blogspot.com/2012/06/cara-memasang-fans-page-facebook-pada.html" target="_blank">Click Here</a></small>

        </div></div>

Langkah 2:

• Tulisan Yang Berwarna "Pink" Adalah Kata Sambutan,Bisa Anda Ubah Sesuka Hati.
• Tulisan Yang Berwarna "Merah" Ganti Dengan URL Lencana Halaman Atau Fans Page Anda.

Langkah 3:

• Klik Save , Lalu Lihat Hasilnya.

NB:Buat Yang Belum Punya Lencana Halaman Silahkan Daftar Di SINI

Source : HERE

1 menambahkan emoticon pada blog

Cara Membuat / Memasang Emoticon Pada Kotak Komentar Blog




Tutorial kali ini akan membahas postingan yang berjudul Cara Membuat / Memasang Emoticon Pada Kotak Komentar Blog. Bukankah unik jika emoticon menghiasi kotak komentar blog sobat?? Apalagi Emoticon ini bisa bergerak seperti emoticon kaskus. Berikut Screenshotnya

Unyu-unyu ya? kalau begitu, langsung saja ke pembahasanya
1. Masuk ke Dasboard lalu klik Blog sobat
2. Pilih ke Template
3. Lalu pilih Edit HTML dan pilih lanjutkan
4. Centang Expand Template Widget
5. Cari kode berikut
</body>
(Gunakan CTRL+F atau F3 Untuk mempercepat pencarian)
6. Letakan kode berikut tepat diatas kode yang tadi

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


7. Setelah itu cari kode berikut
<b:include data='post' name='comment-form'/>
(Gunakan CTRL+F atau F3 Untuk mempercepat pencarian)

8. Jika sudah ketemu letakan kode dibawah ini tepat diatas kode yang tadi

<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>
<center><blink><a href="http://www.densus1989.blogspot.com/2012/06/cara-membuat-memasang-emoticon-pada.html">Pasang Emoticon !</a></blink></center>


9. Simpan
Untuk yang kalimat simpannya tidak terlihat, hilangkan dulu kotak pencariannya