Selasa, 07 September 2010

Membuat Post & Comment Counter Di Blog

Membuat Post & Comment Counter Di Blog
Hay...Jumpa lagi dengan sobat blogger, kali ini saya akan share salah satu cara memodifikasi blogspot tepatnya memasang Blog Accessories pada blog sobat.

Salah satu Blog Accessories yang saya maksud tadi adalah cara Membuat Post & Comment Counter Di Blog dengan menggunakan kode script. 

Dengan menggunakan kode script yang saya tampilkan dibawah, dengan otomatis jumlah posting yang telah dipublikasikan akan muncul pada tempat yang anda inginkan di blogspot sobat, misalnya di sidebar blog soba. Sama halnya dengan comment counter, dengan otomatis jumlah comment akan muncul di Blog sobat.

Langsung saja ikuti langkah-langkah berikut :
  • Seperti biasa Log in ke Blogger anda [klik] disini.
  • Pilih Tata Letak/Layout.
  • Pada halaman Page Element/Elemen Laman.
  • [Klik] Add a Gadget.
  • Pilih HTML/Javascript.
  • Copy code di bawah ini dan paste ke dalam HTML/Javascript tersebut.

Script Post Counter
<script style="text/javascript">
function showpostcount(json) {
document.write('Total Posts : <b>' + parseInt(json.feed.openSearch$totalResults.$t,10)
+ '</b><br>');}</script>
<script src="http://namablogsobat.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>

Script Comment Counter
<script style="text/javascript"></script>
<script style="text/javascript">
function numberOfComments(json) {
document.write('Total Comments : <b>' + json.feed.openSearch$totalResults.$t +
'</b><br>');}</script>
<script src="http://namablogsobat.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>

  • Ganti tulisan yang berwarna merah "http://namablogsobat.blogspot.com/"  dengan URL Blog sobat.
  • Kemudian Save hasil kerja sobat,,,, Coba sobat lihat hasilnya..!!
Semoga bermanfaat...


EnaL Rhay SyahRinggan Next..>>
READ MORE - Membuat Post & Comment Counter Di Blog

Kamis, 02 September 2010

Menghilangkan Judul Blog Di Header

Judul blog memberikan informasi tentang blog kita dan sangat penting dalam search engine. Namun jika kita membuat background header yang unik, bagus dan keren tapi di blogger judul blog tampak di header menurut kita akan mengganggu pemandangan background header kita.

Nah...Dalam posting kali ini saya akan share cara Menghilangkan Judul Blog Di Header
Ach...mda usah panjang lebar....Langsung aja ikuti langkah-langkahnya :

  • Seperti biasa Log in ke Blogger anda. => Blogger.com
  • Pilih Tata Letak/Edit HTML.
  • Cari Kode dibawah ini : (Gunakan saja pencarian cepat => Ctrl + F)

#header h1 {
font:$pagetitlefont;
letter-spacing:0;
margin:0;
padding:21px 20px 3px;
text-shadow:0 1px 0 #000000;
text-transform:none;
}


Nach.. tambahkan kode CSS visibility:hidden; ke dalam kode CSS di atas sehingga hasilnya akan terlihat seperti di bawah ini :


#header h1 {
font:$pagetitlefont;
letter-spacing:0;
margin:0;
padding:21px 20px 3px;
text-shadow:0 1px 0 #000000;
text-transform:none;
visibility:hidden;
}

Nach...Kamu simpan dech, dan lihat hasilnya...!!

EnaL Rhay SyahRinggan Next..>>
READ MORE - Menghilangkan Judul Blog Di Header

Comments Via Facebook

| Enal | Trik-Trik Blogger | SEO Blogspot