Dalam tutorial pasangan pada subjek komentar Anda telah belajar bagaimana membuat area komentar yang lebih baik.
Sekarang Anda dapat mengubah gaya default dari bentuk komentar, Anda dapat memiliki komentar berulir di blog Anda, tetapi ketika posting komentar Anda terbatas hanya untuk 3 cara untuk memformat komentar anda: berani, tag italic dan jangkar. Dalam tutorial berikutnya Anda akan belajar bagaimana untuk memformat komentar Anda lebih baik.
Setelah tutorial ini Anda dan pengunjung Anda akan dapat menambahkan foto dalam tubuh komentar, untuk menambahkan teks marquee atau teks dengan warna yang berbeda, dengan ukuran berbeda.
Juga anda akan dapat pusat teks, untuk membuat kotak di sekitarnya dan format pasangan lain.1. Login ke dashboard -> Template--> Edit HTML
2. Klik pada "Expand Template Widget"
3. Cari "Ctrl + F" dan menemukan </ body>. Sebelum menyisipkan kode:<script type='text/javascript'>
//<![CDATA[
/*developed by neechalkaran@gmail.com*/
a=document.getElementById('comments');
if(a){b=a.getElementsByTagName("DD");for(i=0;i<b.length;i++){_str=b.item(i).innerHTML.replace(/\[im\]/gi,"<img src=' ");
_str=_str.replace(/\[im\#\]/gi,"<img width='100%' src='");_str=_str.replace(/\[\/im\]/gi,"' class='image'/>");
_str=_str.replace(/\[ma\]/gi,"<marquee>");_str=_str.replace(/\[\/ma\]/gi,"</marquee>");_str=_str.replace(/\[si\=\"/gi,"<font size='");
_str=_str.replace(/\[\/si\]/gi,"</font>");_str=_str.replace(/\[co=\"/gi,"<font color='");_str=_str.replace(/\[\/co\]/gi,"</font>");
_str=_str.replace(/\"\]/gi,"'>");_str=_str.replace(/\[ce\]/gi,"<center>");_str=_str.replace(/\[\/ce\]/gi,"</center>");
_str=_str.replace(/\[ma\+\]/gi,"<marquee direction='right'>");_str=_str.replace(/\[\/ma\+\]/gi,"</marquee>");_str=_str.replace(/\[box\]/gi,"<table frame='box'><tr><td>");
_str=_str.replace(/\[\/box\]/gi,"</td></tr></table>");_str=_str.replace(/\[mark\]/gi,"<table align='center' frame='vsides' width='70%'><tr align='center'><td>");
_str=_str.replace(/\[\/mark\]/gi,"</td></tr></table>");_str=_str.replace(/\[line\]/gi,"<hr/>");
_str=_str.replace(/\[card\=\"/gi,"<table align='center' border='1' width='75%'><tr><td align='center' bgcolor='");_str=_str.replace(/\[\/card\]/gi,"</td></tr></table>");
_str=_str.replace(/\[hi\=\"/gi,"<span style='background-color:");_str=_str.replace(/\[\/hi\]/gi,"</span>");b.item(i).innerHTML=_str}}
//]]>
</script>
/*For adding video in comments body*/
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("multimedia");
theText = bodyText.innerHTML;
theText = theText.replace(/\[youtube\]http:\/\/www.youtube.com\/watch\?v=/gi, "<iframe width='480' height='390' src='http://www.youtube.com/embed/");
theText = theText.replace(/&feature=/gi, "?rel=0' '");
theText = theText.replace(/\[\/youtube\]/gi, "?rel=0' frameborder='0' allowfullscreen></iframe>");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>
</b:if>
5. Bagaimana menambahkan gambar Anda dan seluruh format teks? Cukup gunakan tag di samping membuatnya tampak pada komentar Anda.
Untuk mendapatkan Gambar [im] ..... [/ im]
Untuk mendapatkan efek bergulir [ma] .... [/ ma]
Untuk menentukan ukuran font yang Anda dapat mengubah nomor} [si = "2"] ... [/ si]
Untuk memutuskan warna font [co = "merah"] ... [/ co]
Untuk memusatkan teks [ce] ... [/ ce]
Untuk mendapatkan efek bergulir di sisi kanan [ma +] ... [/ ma +]
Untuk kotak komentar [kotak] ... [/ box]
Untuk menandai komentar [tanda] ... [/ mark]
Untuk mendapatkan efek latar belakang [kartu = "biru"] ... [/ kartu]
Untuk mendapatkan gambar sesuai kolom (lebar = 100%) [im #] ... [/ im]
Untuk Sorot kata [hi = "kuning"] ... [/ hi]
Untuk menambahkan video hanya dari YouTube [youtube] link dari video [/ youtube]
PENTING: Ganti "..." dengan teks atau link ke gambar.
SANGAT PENTING:Ada kemungkinan bahwa di beberapa blog trik ini tidak akan bekerja. Sepertinya blog tersebut tidak memiliki tagname 'DD'. Anda harus mengubah template Anda atau menambahkan nama tag yang untuk div komentar. Bagaimana melakukannya? Ini sederhana, hanya menemukan kode berikutnya:<p><data:comment.body/></p>
... dan menggantinya dengan yang berikutnya:
<p><dd class='comment-body collapseable'><data:comment.body/></dd></p>
Gw Disuruh Komeng Mulu Capek Gw :'(
BalasHapusjiaah,,belagu amat -_________________-
Hapuswahh bagus niee Sobb
BalasHapusBlogwalking Sobb
BalasHapuswahh mantapss niee Sobb
BalasHapusThanks
Hapus