Cara Memasang Emotion Pada Kotak Komentar

Nih ane punya tips blogging lagi, yaitu Cara Memasang Emotion Pada Kotak Komentar.

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

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




1. login blog
2. rancangan --> Edit HTML (centang pada expand widget template)
3. lalu masukkan kode dibawah ini diatas kode </body>

<script src='http://oom.blog.googlepages.com/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. Simpan.

Lihat hasilnya dengan cara membuka salah satu artikel sobat lalu pada kotak komentar akan muncul emotion"nya..... Nah Klo Tidak Kluar????? Komentar dulu ntar ane bantu... hihihihihihihi

Good luck....

Baca selengkapnya »

Cara Membuat Daftar Isi Otomatis Berdasarkan Label

Nih ane punya tips lagi nih... yaitu Cara Membuat Daftar Isi Otomatis Berdasar Label

yups langsung saja ea....


langsung aja deh di copy scriptnya....

<script src="https://sites.google.com/site/secretofzeroblogspotcom/secretofzero/daftarisi.js">
</script><script src="http://secretofzero.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>

sekian dari saya.. semoga bermanfaat bagi sobat".....

Ganti tulisan http://secretofzero.blogspot.com dengan alamat blog sobat....

good luck... ^_^

Baca selengkapnya »

Cara Membuat Link dengan Efek Pelangi

Halo sobat semua..... waaah,,,, blogq ane jadi jarang update nih gara" PTC mulu.... hehehe

Ok deh langsung aja ya sob.... kali ini seperti pada judualnya ane share tentang Cara Membuat Link dengan Efek Pelangi.

Mungkin bagi sobat" yang suka memperindah dan mempercantik blognya, bisa mencoba tips ini.



Cara Membuat Link dengan Efek Pelangi langkah-langkahnya :
1. Login Blog
2. Rancangan >> Edit HTML
3. Cari kode <title><data:blog.pageTitle/></title>
4. Lalu taruh kode dibawah ini dibawah kode <title><data:blog.pageTitle/></title>

<script src='https://sites.google.com/site/secretofzeroblogspotcom/secretofzero/rainbowlink.js'/>

5. simpan dan lihat hasilnya....

Good Luck...

Baca selengkapnya »

Cara Membuat Tulisan Berjalan

Bagaimana agar bisa membuat tulisan berjalan?

Seperti Ini ??

Bergerak kekanan !

Bergerak kiri !

Ke Kanan dan Kekiri ??

Bergerak kekanan Perlahan !

Ke Kanan dan Kekiri Dan Bisa Di stop??

Bergerak Ke Atas


Bergerak Ke Atas dan Ke bawah


Oke ini kode nya :

Untuk Yang bergerak kekanan
<marquee direction="right"><span style="color: rgb(255, 0, 0); font-weight: bold;">Bergerak kekanan !</span></marquee>

Untuk Yang Bergerak kekiri ! : Tinggal ganti kata "right" menjadi "Left"


Untuk Yang Ke Kanan dan Kekiri
<marquee direction="left" behavior="alternate"><span style="color: rgb(255, 0, 0); font-weight: bold;">Ke Kanan dan Kekiri ??</span></marquee>


Untuk Yang Bergerak kekanan Perlahan : Note : nilai scrolldelay menentukan cepat atau lambatnya tulisan bergerak.Direction = menentukan arah bergerak
<marquee direction="right" scrolldelay="500"><span style="color: rgb(255, 255, 0); font-weight: bold;">Bergerak kekanan Perlahan !</span></marquee>


Untuk Yang Ke Kanan dan Kekiri Dan Bisa Di stop
<marquee direction="left" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" width="95%"><span style="color: rgb(255, 0, 0); font-weight: bold;">Ke Kanan dan Kekiri Dan Bisa Di stop??</span></marquee>


Untuk Yang Bergerak Ke Atas
<marquee align="center" direction="up" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100" width="95%"><span style="color: rgb(0, 255, 0); font-weight: bold;">Bergerak Ke Atas</span></marquee>


Untuk Yang Bergerak Ke Atas dan Ke bawah
<marquee align="center" direction="up" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100" width="95%"><span style="color: rgb(255, 0, 255); font-weight: bold;">Bergerak Ke Atas dan Ke bawah</span></marquee>

Note : Anda bisa merubah warna tulisan dengan mengubah angka pada :
rgb(255,0,0)=menjadi merah
rgb(0,255,0)=menjadi Hijau
rgb(0,0,255)=menjadi Biru
Atau dikombinasi....Coba-coba aja ya....

Update 25 agustus 2009:
Karena ada pertanyaan soal bagaiamana cara agar gambar bisa bergerak kekanan atau kekiri, maka sy perlu tambahkan sedikit disini ...
caranya pertama anda bikin dulu image yang anda inginklan, lalu anda upload image tsb ke photobucket.com
Kemudian nanti dari photobucket anda akan mendapatkan URL dari image yg anda upload tsb.
Kemudian masukkan ke dalam scrip marque(Berjalan) seperti yg ada diatas.
Berikut contoh script utk image Photo saya yg bergeraK Kekanan;

<marquee direction="right"><img src="http://i420.photobucket.com/albums/pp281/goldenphoto_2009/Iconulum.jpg" /></marquee>

dan ini contoh image yg bisa bergerak kekanan


dan ini contoh image yg bisa bergerak kekanan


ganti URL http://i420.photobucket.com/albums/pp281/goldenphoto_2009/bubble.gif dgn URL image milik anda

Semoga membantu

Baca selengkapnya »

Cara Membuat Recent Post dengan Menu Scroll

Tutorial ini membahas bagaimana cara membuat Recent Post dengan menu scroll down sehinggga bisa ditarik naik turun kayak punyaku itu, caranya sederhana kok, tingal copy paste aja, nah seperti ini lho langkah langkah nya :

1. Pertama Login dulu ke blogger
2. Pilih Layout ( Tata Letak ) >> Page Element ( Elemen Halaman )
3. Add a Gadget ( Tambah Gadget )
4. Pilih HTML/JavaScript dan copy aja kode ini didalamnya:

<div style="overflow:auto;width:320px;height:250px;padding:10px;border:1px solid #eee">

<script src="http://anas.ku93.googlepages.com/post-terakhir.js"></script>
<script>var numposts = 15; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://Secretofzero.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>

</div>

yang tak kasih kode warna unggu dan tulisan miring merupakan kode untuk recent post nya , Secretofzero.blogspot.com diganti nama blog kamu ya.
Sedang yang tak kasih warna hijau merupakan kode untuk membuat menu scroll nya, kamu tinggal copy paste aja dan nama blog nnya diganti nama blog kamu. gitu aja gampang kan teman...

Baca selengkapnya »