BLOG KANG AAB

Dari sekian banyak artikel yang kita posting di blog kita, pastinya ada 1 atau lebih artikel yang paling popular. Artinya artikel kita yang sering dibaca ma pengunjung yang datang ke blog kita.

Buat blogger yang memakai blogspot, layanan ini mungkin belum ada..belum ada di pilihan panel control kita. Klo yang memakai wordpress, layanan ini pastinya udah ada. Jadi g usah repot-repot lagi

Nah, caranya buat bikin popular artikel di blog kita yaitu copy paste aja kode di bawah ini :
Bagi yang ingin jadi teman saya, copy kode di bawah ini :

Kamu liat yang kode namablog.blogspot.com, itu kamu ganti pake alamat blog kamu. Trus yang warna merah num=10 menunjukkan klo kamu bakalan nampilih 10 popular artikel di blog kamu, klo mau ganti y silahkan..misalnya jadi angka 5..dst.
Cara pasangnya :
1. log in di blogger.

2. Masuk ke Layout - Add Page A Element

3. Kemudian pilih HTML / Javascript - copy pastekan deh kodenya disitu..

4. Mission Complete

Selamat Mencoba....

Readmore »»

Akhirnya datang juga....
Setelah lama ditunggu-tunggu oleh para penggemar setianya, akhir blogger/blogspot menerbitkan juga comment box atau kotak komentar yang langsung muncul berada dibawah postingan. Kalau dulu hanya berupa link "Post a Comment", maka yang sekarang lain, yg sekarang kotak komentarnya langsung muncul persis dibawah postingan (seperti kotak komentar dibawah ini). Dengan adanya kotak komentar yang seperti ini, akupun rela mengganti kotak komentarku yang dulu (haloscan) dengan comentbox yang ini. Walaupun kotak komentar ini masih dalam draft tapi sudah bisa dinikmati.


Begini nih cara membuat kotak komentar blogger yang berada dibawah postingan.



1. Login ke http://draft.blogger.com, Ingat yang http://draft.blogger.com bukan blogger.com.
2. Trus ke menu Setting-->Comments. Kemudian ganti "Comment Form Placement" menjadi "Embedded below post" (lihat gambar dibawah)



3. Kemudian klik "Save Setting"

Sekarang coba kamu lihat blogmu dan coba di klik salah satu postinganmu kemudian lihat hasilnya, apakah sudah ada kotak komentarnya yg dibawah postingan atau belum. kalau sudah berarti langkahnya cukup disini. Kalau belum ikuti langkah berikut ini.
(ini karena kode HTML tiap2 template itu berbeda. Untuk template default dari blogger yang baru, kode HTMLnya sudah berubah, sedangkan template yg lama atau ambil dari luar ada yg belum dan ada juga yg sudah).

4. Selanjutnya pergi ke menu "Layout-->Edit HTML"
5. Beri tanda centang kotak "Expand widget templates".
6. Trus cari kode berikut ini :

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>
</b:if>



7. Kemudian ganti kode tersebut dengan kode dibawah 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> </b:if>

8. Lalu simpan template kamu.

Lihat deh hasilnya, coba kamu klik salah satu postingan kamu, maka dibawahnya akan muncul kotak komentar seperti punyaku ini (Bagi yang berhasil).

Readmore »»

Sebenarnya Widget ini diciptakan untuk Wp tapi untuk blogger pun bisa setelah dimodifikasi scriptnya, saya hanya copy paste di bloggerbuster, jika anda ingin melihat artikel aslinya kunjungin aja bloggerbuster, tapi bahasa inggris lho�.. . Nah untuk Lebih jelasnya mari kita praktek langsung saja�



Untuk pertama kalinya masuklah pada Pengaturan HTML , nah sekarang carilah script ini / yang hampir sama dengan ini
<b:section class='sidebar' id='sidebar' preferred='yes'>
Bila sudah ketemu pastekan kode dibawah ini dibawah kode diatas,
<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2>< data:title/>< /h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by < a href='http://www.roytanck.com/'>Roy Tanck< /a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani< /a>< /div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency


//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", " < tags>< b:loop values='data:labels' var='label'>< a expr:href='data:label.url' style='12'>< data:label.name/>< /a>< /b:loop>< /tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Jangan terburu buru SAVE, privew dulu apakah ada kesalahan script atau tidak
Dalam mode default spesifikasih widget tadi seperti ini
Width is set to 240px
Height is set to 300px;
Background color is white
Test color is grey
Font size is "12"
Jika anda menghendaki lain anda bisa merubah panjang dan lebar dengan mengubah kode dibawah ini
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
Jika anda ingin merubah warna latarbelakangnya berubah cari kode ini
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
Untuk merubah warna textnya cari kode ini
so.addVariable("tcolor", "0x333333");
untuk merubah besar textnya cari kode ini
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
�Note:Widget ini akan bekerja menggunakan FlashPlayer 7 keatas

Readmore »»

Ada sebuah cara yang dapat anda gunakan untuk mempercantik blog, yaitu dengan menambahkan sebuah gambar dibalik judul artikel, caranya gimana? Mudah saja pertama yang anda harus siapkan adalah:
1.Sebuah design , boleh anda design menggunakan Photoshop, CorelDraw, atau mungkin windows Paint juga boleh.
2.Secangkir kopi hangat
3.dan cemilan.
Nah bila sudah lengkap semuannya, mari kita mulai�


1. Pertama login ke blogger.com
2. Masuklah pada menu Layout
3. Lalu klik menu Edit HTML
4. Setelah itu carilah kode seperti ini
.post h3 {
margin-top: 13px;
margin-$endSide: 0;
margin-bottom: 13px;
margin-$startSide: 0;
padding: 0;
color: $postTitleColor;
}
5. Nah bila belum ketemu cari yang hampir mirip, kalo sudah tambahkan kode ini
.post h3 {
margin-top: 0px;
margin-$endSide: 0;
margin-bottom: 0px;
margin-$startSide: 0;
padding-left: 10px;
padding-top: 18px;
color: $postTitleColor;
font: $posttitlefont;
background: url(http://www.serveranda.com/gambaranda.gif) no-repeat;
height: 80px;
}

Mudah kan, silahkan mencoba�



Readmore »»