Kamis

Tips and Trick BlogSetelah lama tidak mengupdate tutorial di blog ini, kini admin memiliki tutorial keren buat para pengunjung yang terutama pecinta naruto.
yakni Cara Memasang Emoticon Naruto di atas kotak Komentar


Keterangan :
Jika kamu lihat, link gambar di postingan ini menggunakan nama TeoriNgeblog, itu adalah alamat Blog lama saya yang kini berpindah ke Blog ini, sehingga link gambar tersebut dapat di pastikan bukan hasil copy paste.


silahkan nih di lihat-lihat dulu contoh emoticonnya
















kalau kamu tertarik...
ikuti aja langkah-langkah di bawah ini :

1. Log in ke blog kamu
2. Pilih tata letak
3. Pilih Edit HTML
4. Beri centang pada expand Widget template
5. lalu cari kode </body> pada template
6. Letakkan Kode HTML dibawah ini sebelum kode </body>



<script src='http://mohammadiqbal.fileave.com/chibi_naruto_teoringeblog.js' type='text/javascript'/>



7. Setelah selesai dengan Script diatas cari kode berikut :


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


8. Setelah itu silahkan Copy-paste kode Script dibawah ini sebelum Kode Script diatas



<b><img height='50' src='http://lh4.ggpht.com/_QwvI2Zom950/TAdYX8-5gQI/AAAAAAAAAu0/2ng4u2V9-1Y/s128/naruto.gif' width='50'/>
:1:
<img height='50' src='http://lh6.ggpht.com/_QwvI2Zom950/TAdYgKoW_XI/AAAAAAAAAvE/8QOta-g4o9Q/s128/sasuke.gif' width='50'/>
:2:
<img height='50' src='http://lh5.ggpht.com/_QwvI2Zom950/TAdYgBJZsMI/AAAAAAAAAvA/bSRnT8vD0Os/s128/sakura.gif' width='50'/>
:3:
<img height='50' src='http://lh3.ggpht.com/_QwvI2Zom950/TAdYXor1AmI/AAAAAAAAAus/nUXPDKeRG9I/s128/gaara.gif' width='50'/>
:4:
<img height='50' src='http://lh5.ggpht.com/_QwvI2Zom950/TAdYX9NuJmI/AAAAAAAAAu4/xUd6PonxD8Y/s128/neji.gif' width='50'/>
:5:
<img height='50' src='http://lh3.ggpht.com/_QwvI2Zom950/TAdYYB8LcXI/AAAAAAAAAu8/AJYPM0wJmvM/s128/rock%20lee.gif' width='50'/>
:6:
<img height='50' src='http://lh6.ggpht.com/_QwvI2Zom950/TAdYXoPI-NI/AAAAAAAAAuw/vZkJen7rZFU/s128/kakashi.gif' width='50'/>
:7:
</b>


9. lalu klik Save Template

selamat mencoba semoga berhasil
Buat para blogger yang memiliki pengalaman buruk, yakni telah berminggu-minggu telah menghabiskan waktu hanya untuk mencari template yang sesuai dengan tema blog kita, eh ternyata pada saat ada pengunjung yang berkomentar pada salah satu postingan kita, foto dari komentator itu gak keluar,melainkan hanya di gantikan dengan sebuah button....pasti gak puas kan, karena foto ganteng dan cantiknya para blogger yang berkomentar tidak terlihan..hehehehe

nah kalau masih bingung tentang masalah foto komentator itu..lihat aja nih contoh di bawah ini....



gimana ? udah ngerti kan apayang di namakan dengan foto komentator.
nah langsung aja.
buat kamu yang tertarik, langsung aja ikuti tutorial di bawah ini :

1. Login ke akun Blogger anda

2. Plih Layout --> klik Edit HTML, lalu centang Expand Widget Template

3. Cari kode





<dl id='comments-block'>,


ganti kode tersebut dengan kode di bawah ini:





<dl expr:class='data:post.avatarIndentClass' id='comments-block'>


Keterangan: Jika di template kamu code comments-block berada di dalam tag div, maka kamu harus mengganti tag dl pada <dl expr:class='data:post.avatarIndentClass' id='comments-block'/> dengan tag div.
maka hasilnya akan menjadi:
<div expr:class='data:post.avatarIndentClass' id='comments-block'/>.

4. lalu cari kode


<a expr:name='data:comment.anchorName'/>,



lalu paste kode berikut ini di atasnya:


<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' width='35px' style='margin-bottom:-2px;' />
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>


5. nah sekarang tinggal klik Save Template.
6. lalu cek hasilnya

Selamat mencoba,Semoga berhasil.