Tampilkan postingan dengan label Trik blog. Tampilkan semua postingan

Cara buat shoutbox blog

Saya tidak usah bicara saja ya. silakan ikuti cara berikut ini

1. Buka situs Shoutmix, anda harus mendaftar di situs tersebut terlebih dahulu, cara daftarnya mudah.

2. Jika pendaftarannya berhasil, anda lalu bisa memilih type shoutbox yang disediakan, Kalau sudah ditentukan warna dan lainnya. Klik tombol Continue

3. Setelah itu anda akan mendapat ucapan "Terima Kasih" lalu klik link Go to My Control Panel Now

4. Disitu anda bisa mensetting terlebih dahulu shoutbox anda, misalnya Style & Color, Date & Time, dan lain-lain.

5. Jika sudah selesai klik menu Get Codes

6. Jika anda pingin menaruh shoutbox di blog anda pilih "Place Shoutbox on Webpage"

7. Atur lebar dan tinggi shoutbox di kolom widht dan hight

8. Kemudian Copy kode yang ada di dalam kotak "generated Codes"

9. Login ke blogger.com lalu pilih Layout kemudian Add Page Elements

11. Tambahkan element HTML/Javascript.

12. Paste Kode yang telah anda copy dari shoutbox.com tadi di kotak "Content" lalu simpan.

13. Jadi deh.....

Cara buat emoticon yahoo untuk blogger

Kali ini saya akan share bagaimana cara buat emoticon pada blog. dengan emoticon komentar blog kita jadi lebih menarikkan? langsung saja caranya

1. Masuk ke Dashboard blog anda.
2. Klik Template
3. Lalu klik Edit HTML dan pilih lanjutkan
4. Centang Expand Template Widget
5. Cari kode Dibawah

</body>

(Gunakan CTRL+F )

6. Letakan kode Dibawah ini tepat diatas kode </body>

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="Infer21.blogspot.com" target="_blank">Infer21 zone !</a></blink></center>

( ganti tulisan dan link warna merah sesuai yang anda mau )

Bagaimana? apakah berhasil atau tidak..! kalau ada masalah silakan tinggalkan komentar.

Sumber : TutorialSeo.blogspot.com

Cara agar semua judul posting blog berkedip

Tulisan berkedip memang bagus. apalagi jika semua tulisan blog kita berkedip ( baiknya jangan deh ). kita bisa membuat tulisan berkedip hanya dengan text yang di awali dengan <blink> lalu diakhiri dengan </blink> contohnya : <blink><a href="http:URL SOBAT.com/">Link blog anda</a></blink>

Langsung saja sobat ikuti langkah-langkahnya

Berikut caranya:
1. Login ke blogger
2. Lalu Klik Rancangan
3. Klik Edit HTML
4. Download Template (backup selalu template untuk mencegah kesalahan)
5. Kemudian Centang "Expand Widget"
6. Cari kode berikut: ( control-F untuk mempermudah pencarian )

No-1

<b:if cond='data:post.title'>

<h3 class='post-title entry-title'>

<b:if cond='data:post.link'>

<a expr:href='data:post.link'><data:post.title/></a>

<b:else/>

<b:if cond='data:post.url'>

<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</b:if>

</h3>

</b:if>

7. Lalu ganti kode tersebut dengan Kode di bawah ini :

No-2

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><blink><data:post.title/></blink></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

8. Simpan Template
9. Selesai.

Selamat mencoba

( Tambahan )

Jika kode No 1 tidak ada.

<b:if cond='data:post.title'>

<h3 class='post-title entry-title'>

<b:if cond='data:post.link'>

<a expr:href='data:post.link'><data:post.title/></a>

<b:else/>

<b:if cond='data:post.url'>

<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</b:if>

</h3>

</b:if>

Klik control-f lalu copas kode berikut:

Baca selengkapnya »

Membuat reply komentar pada blogger

kali ini saya akan share cara membuat tombol reply pada blogger. tapi mungkin tidak sesempurna wordpress. namun lumayan untuk mempercantik blog.. langsung aja praktekkan.. ( untuk mencegah hal-hal yang tidak diinginkan. silakan download dulu template )

Login ke Blogger
Klik ''Entri Baru'' untuk mendapatkan nomor blogID kamu.
Lihat alamat pada address bar, copy pada nomor blogID nya.
Contoh nomor blogID dari azqiya21 yaitu
http://draft.blogger.com/post-create.g?blogID=90613626*******
selanjutnya pilih Rancangan lalu Edit HTML
centang pada "Expand Template Widget"
kemudian cari kode <data:commentPostedByMsg/>
Tempatkan script berikut dibawah kode diatas.

<b:if cond='data:blog.pageType != "static_page"'> <a expr:href='"https://www.blogger.com/comment.g?blogID=90613626*******&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E%3A%20#form"' onClick='javascript:window.open (this.href,"bloggerPopup","toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450,"); return false;' style='padding:0px 5px; border:1px solid #ddd;'>Balas komentar</a>
</b:if>
Simpan template

Ganti nomor blog ID saya yang berwarna merah dengan kode blog ID milik kamu. Pada tulisan yang berwarna ungu pada tulisan ''balas komentar'' ( bisa di-ganti dengan gambar ), penulisannya yaitu <img src='http://alamat-gambar-kamu.jpg'/>

jika kamu tidak menemukan kode <data:commentPostedByMsg/> pada template kamu maka cara lainnya adalah tempatkan script yang diatas, dibawah kode berikut : <b:include data='comment' name='commentDeleteIcon'/></span>
Jadi nantinya akan menjadi seperti ini

<b:include data='comment' name='commentDeleteIcon'/></span> Script kode tombol reply Disini ....?....?.....?......?....?....!......?....?......?

Mudah atau sulit membuat reply pada komentar.. Silakan tinggalkan komentar

Artikel dari ( http://www.blogtegal.com )

Cara buat scroll pada widget blog

Pada kesempatan kali ini saya akan share cara membuat scroll widget pada blog. karena blog lebih rapih dan cantik jika widget diberi scroll. terutama arsib blog yang memakan banyak tempat. berikut caranya

Langkah-langkah :

1. login ke account blogger anda dulu

2. Lalu anda akan masuk ke menu Dashboard / Dasbor,Lalu langsung saja menuju ke menu Design / Rancangan. Kemudian, masuklah ke menu Elemen laman.

3. Sebelum anda dapat membuat scroll pada widget, anda harus mencari ID dari widget tersebut. Caranya klik Edit yang berada pada widget

4. Setelah itu akan muncul gambar seperti ini

dan lihat tulisan pada pojok kanan atas

Gambar ini merupakan contoh widget blog archive, setiap Id pada widget pasti berbeda-beda. Contoh:

A. Widget Label = Label1 ; Label2 ; Label3 ; dan seterusnya

B. Widget Blog Arsip = BlogArchive1 ; BlogArchive2 ; BlogArchive3 ; dan seterusnya

C. Widget Profil Blogger = Profile1 ; Profile2 ; Profile3 ; dan seterusnya

D. Widget yang tidak diberi judul = HTML1, HTML2, HTML3 dan seterusnya.

5. Sebagai contoh, saya akan membuat scroll pada widget Label.

6. Masih pada menu Rancangan, lalu klik menu Edit HTML Cari kode
]]></b:skin> dengan menggunakan Ctrl + F
7. Kemudian, letakkan kode dibawah ini dan letakkan di atas kode]]></b:skin>

#ID label.widget-content{

height:200px;

width:auto;
overflow:auto;
}

perlu di perhatikan :

Label1 adalah ID dari widget label. Ganti dengan ID widget yang ingin anda buat scroll
height:200px; adalah tinggi dari widget scroll. Ganti dengan tinggi widget scroll yang anda inginkan