Menandai Komentar Kita (Highlight Author Comment)

Sebagai pemilik blog kita harus respon terhadap komentar yang masuk pada blog kita. Kita bisakan dikatakan sebagai moderator di dalam blog kita. Sekarang kita kan belajar membuat Highlight Author Comment, atau menandai komentar kita sendiri (pemilik blog) sehingga akan membedakan dengan pengunjung yang lain.

Komentar yang muncul akan ditandai dengan background yang berbeda denagn komentar yang lain, dan akan muncul jika kita login dulu ke blogger.

Cara Menandai Komentar Kita (Highlight Author Comment)
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Taruh (copy paste) kode berikut ini diatas kode  ]]></b:skin>

.comment-body-author {
background: #E6E6E6; /* Warna Background */
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px;
}

6. Kemudian cari kode-kode seperti berikut. Mungkin kode yang ada di HTML kamu akan beda, tapi walaupun beda usahakan semirip mungkin dengan kode berikut ini :

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<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>
said...
</dt>

<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'>
<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>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

7. Kode yang TebalMiring adalah kode yang harus kamu tambahkan di HTML kamu. Dan posisinya harus benar.
8. Simpan Template jika sudah selesai

selengkapnya>>

Pasang Iklan

125 x 125 atau 468 x 60

Hanya Dengan Rp 10.000 per bulan atau paket Rp 50.000 per 6 bulan. Iklan banner anda (125 x 125) atau (468 x 60) akan tampil 1500 kali perhari di blog-blog di bawah ini:

1. http://kurniasepta.blogdetik.com/
2. http://kurniasepta.blogspot.com/ 
3. http://kurniasepta.wordpress.com/
4. http://kurniasepta.multiply.com/
5. http://kurniasepta.tumblr.com/
6. http://sekolah-dasar.blogspot.com/

Dan jika anda berminat hubungi
Kurnia Septa dengan E-mail kurnia.septa@gmail.com atau
SMS ke 085646457900

selengkapnya>>

Mengecek Berapa Berat Blog Kita

Dalam membuat blog tentunya kita ingin blog kita terlihat menarik. Karena dengan tampilan yang menarik kita berharap orang akan semakin betah berlama-lama di blog kita. Ada yang juga kita harus perhatikan selain tampilan yang menarik dari blog kita, apakah itu?

Iya jawabannya adalah Berat (size) blog kita dan kecepatan (speed) berapa waktu yang dibutuhkan untuk membuka blog kita. Tampilan yang menarik tetapi blog kita sangat berat, sehingga butuh lama untuk membuka halaman satu dengan halaman yang lain di blog kita, juga akan membuat pengunjung atau pembaca blog kita menjadi tidak betah.

Kita harus membuat blog kita dengan tampoan yang menarik tapi dengan loading page yang cepat. Sehingga nanti blog kita menjadi ramai dan page viewnya juga semakin banyak. Bagaimana usaha kita untuk menyeimbangkan antara tampilan dengan loading page (berat blog), yaitu dengan mengurangi pernak-pernik atau widget yang kita anggap tidak terlalu penting.

Jika blog kita Berat (Size) lebih dari 100 KB maka itu merupakan sudah sangat berat, dan harus ada beberapa widget yang harus kita korbankan (hapus) karena usahakan berat blog kita di bawah 100 KB. Lalu caranya adakah sebagai berikut. Masukkan alamat blog kita didalam kotak lalu klik Check kemudian alat ini akan menampilkan 3 hasil yaitu size, loading time, dan avg speed per KB. Yang harus kita perhatikan adalah sizenya sedangkan untuk loading time, dan avg speed per KB ini akan berubah-rubah tergantung dari speed internet pada saat tes. Jadi tidak terlalu penting. Untuk kode widget untuk mengetes berat blog kita dapak kita dapatkan di sini yaitu i web tool

Your domain(s): Enter each address on a new line (Maximum 10) (eg. iwebtool.com)

selengkapnya>>

Menampilkan Avatar Komentar dengan MyBlogLog

Setelah dulu kita pernah belajar membuat atau menampilkan avatar komentator di kotak komentar, yang itu adalah standar atau bawaan dari blogger. Dan merupakan fitur baru. Sekarang ganti menampilkan avatar dari MyBlogLog di kotak komentar blog kita.

Kalau yang dulu atau fitur dari blogger avatar yang muncul adalah orang-orang yang punya akun (profil di blogger) tapi dengan avatar yang ini berbeda, yaitu avatar yang dimunculkan adalah dari profil MyBlogLog. Artinya jika saat seseorang itu berkomentar dengan pilihan sebagai itu punya atau dimasukkanke dalam MyBloglognya maka avatar itu akan muncul, tetapi jika tidak punya mybloglog maka juga tidak akan muncul dan digantikan dengan ikon yang foto yang kecil. Untuk lebih jelasnya seperti yang saya gunakan saat ini di avatar komentar blog saya.

Cara Menampilkan Avatar Komentar dengan MyBlogLog
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode </head> setelah ketemu taruh (copy paste) kode dibawah ini diatas </head>

<script type='text/javascript'>
//<![CDATA[
/*
Merlinox and Napolux MyBlogLog Avatar Creator
created by Merlinox (blog.merlinox.com)
helped by Napolux (www.napolux.com)

version 0.1 (20061214)
version 0.2 (20061215)
compatible with all blogger blog
*/

if(typeof(myLayer)!='function'){
function myLayer (x){
//individuo l'oggetto
if(document.layers){ // browser="NN4";
lay=document.layers[x];
}
if(document.all){ // browser="IE";
lay=eval("document.all." + x);
}
if(!document.all && document.getElementById){ // browser="NN6+ or IE5+ if you're willing to dump the !document.all stuff";
lay=document.getElementById(x);
}
return lay;
}
}

//lo prendo da blogger
function myBlogAvatar(codiceCommento,autore,stile){
//scrivo lo span
//var myBlogSpan = "myBlog-" + codiceCommento;
//document.write("<span id='" + myBlogSpan + "'><i>myBlogLog...</i></span>");

//metto tutto minuscolo perchè indexOf è case sensitive

if (autore != ""){
alt="MyBlogLog: " + autore;

myBlog = "<a target='_blank' href=\"http://www.mybloglog.com/buzz/co_redir.php?href=" + autore + "\" rel='nofollow'><img src=\"http://pub.mybloglog.com/coiserv.php?href=" + autore + "\" alt=\"" + alt + "\" title=\"" + alt + "\" border=\"1\" class=\"myBlogAvatar\"></a>";
//myLayer(myBlogSpan).innerHTML = myBlog + myLayer(myBlogSpan).innerHTML;
//myLayer(myBlogSpan).innerHTML = myBlog;
document.write(myBlog);
}
}
//]]>
</script>

6. Cari kode <b:loop values='data:post.comments' var='comment'> dan jika sudah ketemua, taruh (copy paste) kode di berikut ini di atasnya

<div style='border:0;float:left;margin: 0 5px 0 0;'>
<script>
myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div>

7. Simpan Template jika sudah selesai

selengkapnya>>

Mengganti Tulisan Posting Lama, Halaman Muka, dan Posting Lebih Baru

Mungkin kita tidak puas dengan tulisan yang ada di bawah halaman atau postingan blog kita yaitu tulisan posting lama, halaman muka dan postingan lebih baru. Karena tentunya berbagai alasan, mungin karena tidak indah atau ingin lebih menarik lagi dengan caranya mengubahnya menjadi atau dengan ikon gambar.

Cara Menganti Tulisan Posting Lama, Halaman Muka, dan Posting Lebih Baru
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>

<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>

6. Langkah selanjutnya, jika kita menginginkan menganti dengan tulisan yang baru (tulisan kita sendiri) langsung saja ganti yang yang tercetak tebal dengan tulisan kita sendiri. Misalnya <data:homeMsg/> dalam tampilan standar adalah halaman muka kita ganti dengan HOME.

Dan jika kita ingin mengganti dengan ikon gambar kita ganti kode yang bercetak tebal dengan <img src="http://anime7.graphic.googlepages.com/home_post.png"/> untuk tulisan (kode) <data:homeMsg/>

7. Simpan Template jika sudah selsai.

selengkapnya>>