Menambahkan widget Live Traffic ke Blogger

Apakah anda Ingin tahu, asal dari pengunjung yang datang ke blog? jika iya, anda bisa menambahkan widget yang sangat bagus ini. dengan widget dari http://feedjit.com, kamu bisa mengetahui asal dari pengunjung blog kamu. caranya mudah, tanpa perlu daftar. cukup copy codenya dan taruh di web/blog anda. berikut step-step untuk menambahkan widget ini ke blogger.


This is the steps to add widget Live Traffic Feed to your blog :

1.Login ke blogger dengan ID anda.
2.di dashboard, click Layout.
3.Click Layout.

Ngasih Read More di Blogger

Sering kali aku jenuh ngeliat bloggerku yang puanjang gak karuan. postingnya panjang-panjang kurang enak dilihat. aku pengennya ngasih read more gitu di blog aku. jadi di halaman utama cuma di tampilin kata2 pendahuluan. kalo mau lebih jelas biar di klik read more. di wordpres udah bisa kayak gitu. tapi di blogger gimana ya caranya? :-?. stelah nyoba nyari2 akhirnya dapet juga caranya.

aku dapet dari
web ini nech, Carnya gini nech

1. Sign in / login di blogger dengan username Anda
2. Klik menu layout
3. Klik Edit HTML
4. Beri centang Expand Template Widget
5. Selanjutnya cari <div class=’post-header-line-1′/> <div class=’post-body’>

, kemudian selipkan kode berikut sesudah tag tadi:
<br /><b:if cond='data:blog.pageType == "item"'> <br /><style> .fullpost{display:inline;}</style> <br /><p> <data:post.body/> </p> <br /><b:else/> <br /><style> .fullpost{display:none;}</style> <br />
6. Selanjutnya cari
<br /><p> <data:post.body/> </p> <br /><div style='clear: both;'/> <!– clear for photos floats –> <br /></div> <br />
, kemudian selipkan kode berikut diantara tag tadi:
<br /><a expr:href='data:post.url'> Baca Selengkapnya....</a> <br /></b:if> <br />
sehingga tag menjadi:
<br /><div class='post-header-line-1'/> <div class='post-body'> <br /><b:if cond='data:blog.pageType == "item"'> <br /><style> .fullpost{display:inline;}</style> <br /><p> <data:post.body/> </p> <br /><b:else/> <br /><style> .fullpost{display:none;}</style> <br /><p> <data:post.body/> </p> <br /><a expr:href='data:post.url'> Baca Selengkapnya....</a> <br /></b:if> <br /><div style='clear: both;'/> <!– clear for photos floats –> <br /></div> <br />
7. Kemudian simpan template
8. Setelah tersimpan, klik menu Pengaturan kemudian klik Format
9. Nah, setelah masuk.. pada kotak isian paling bawah isi dengan kode:
<br /><span class="fullpost"><br /></span> <br />
10. Kemudian klik simpan pengaturan
11. Selesai

Selanjutnya cara penulisan posting agar artikel terpotong adalah sebagai berikut:

1. Klik menu posting
2. Klik menu Edit HTML
3. Kemudian tulislah artikel anda dengan syntax:Artikel yang ada di awal/headline <span class=”fullpost”> artikel sisa sampai selesai</span>
4. kemudian klik mempublikasikan posting
5. selesai

Sekarang lihat postingan Anda!

Smiley di Blogger

Saya lihat-lihat kayaknya kok ada yang kurang ya di blog saya? setelah di lihat - lihat kayaknya kurang ada ekspresinya :D Akhirnya kemarin saya mencoba untuk menambahkan smiley di blogger saya. biasanya para blogger nambahin smileynya dengan cara add image.. tapi kayaknya kurang enak kalo gitu. dan akhirnya saya berhasil nambahin smiley tanpa add image segala :D yaitu dengan cukup ngetik : ama D saya bisa nampilin gambar :D. berikut cara-caranya

Pertama tambahin elemen halaman di blog anda. tambahkan script ini

<script type="text/javascript"> 
<!--

function replaceText() {
// no support
if(!document.getElementById) {
return;
}

bodyText = document.getElementById("body");
theText = bodyText.innerHTML;

// replace
theText = theText.replace(/;\)/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif" alt=";)" /> ');
theText = theText.replace(/;-\)/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif" alt=";-)" /> ');
theText = theText.replace(/:D/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif" alt=":D" /> ');
theText = theText.replace(/:-D/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif" alt=":-D" /> ');
theText = theText.replace(/B\)/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif" alt="B)" /> ');
theText = theText.replace(/B-\)/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif" alt="B-)" /> ');
theText = theText.replace(/:x/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" alt=":x" /> ');
theText = theText.replace(/:X/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" alt=":X" /> ');
theText = theText.replace(/:-x/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" alt=":-x" /> ');
theText = theText.replace(/:-X/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" alt=":-X" /> ');
theText = theText.replace(/:-\(/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif" alt=":-(" /> ');
theText = theText.replace(/:\(/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif" alt=":(" /> ');
theText = theText.replace(/:o/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":o" /> ');
theText = theText.replace(/:O/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":O" /> ');
theText = theText.replace(/:-o/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":-o" /> ');
theText = theText.replace(/:-O/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":-O" /> ');
theText = theText.replace(/:p/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":p" /> ');
theText = theText.replace(/:-p/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":-p" /> ');
theText = theText.replace(/:-P/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":-P" /> ');
theText = theText.replace(/:P/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":P" /> ');
theText = theText.replace(/:-\)/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif" alt=":-)" /> ');
theText = theText.replace(/:\)/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif" alt=":)" /> ');

bodyText.innerHTML = theText;
}

--> 
</script> 
<!--BloggerEmoticons--> 

Langkah kedua :
edit layout anda terus edit HTML nya

cari tag body, ganti tag body menjadi seperti ini nech

< body id='body' onload='replaceText();'>

setelah itu save templates. kalo udah sukses seharusnya dalam blogger anda. jika anda mengetik : dan D seharunya akan muncul gambar ini :D