Cara Membuat Recent Comment Di Blogspot Dengan Mudah

Cara Membuat Recent Comment Di Blogspot Dengan Mudah - Update artikel Tutorial Blogger kali ini akan membahas bagaimana cara membuat recent comments atau komentar terakhir di blogspot dengan mudah. Dengan adanya fitur Recent Comments ini di blog Anda maka Anda bisa mengetahui siapa saja yang telah memberikan komentar di blog Anda dan mengomentari tentang artikel/postingan apa.

Berikut ini kami berikan cara membuat Recent Comments di blogspot dengan mudah:

• Pertama adalah kita tentu harus masuk ke akun blogger kita.
• Klik rancangan.
• Klik add gadget dan pilih HTML/JavaScript.
• Masukan script recent comment di bawah ini dan simpan.

<script style="text/javascript" src="http://amen24.googlepages.com/showrecentcomments.js ">
</script><script style="text/javascript">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script> <script src="http://kumenarik.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Keterangan;
Ganti namablogkita dengan alamat blog kita masing-masing.
var numcomments : menunjukan jumlah komentar yang akan ditampilkan.
var showcommentdate : menunjukan tanggal komentar di publikasikan.
var showposttitle : menunjukan judul dari postingan yang dikomentari.
var numchars : menunjukan jumlah karakter dari komentar yang akan dimunculkan dalam recent comment ini.

Itulah Tutorial Blogger tentang bagaimana cara membuat Recent Comments / Komentar Terakhir di blogspot dengan mudah semoga bermanfaat buat Anda para Blogger.

READ MORE >>>

Cara Pasang Feedburner di Blogspot Dengan Mudah

Cara Pasang Feedburner di Blogspot Dengan Mudah - Postingan kali ini kami akan membahas tentang Tutorial Blogger yaitu bagaimana cara pasang Feedburner di blogspot. Sebagaimana kita ketahui bahwa Feedburner sekarang sudah di miliki oleh Google sehingga nanti untuk pemasangan kotak Feedburner akan menjadi lebih mudah.

Sebelum kami jelaskan bagaimana caranya, kami beritahukan pada Anda bahwa kolom Feedburner ini berfungsi untuk menangkap email pengunjung yang mengunjungi blog Anda. Jika pengunjung blog Anda melakukan subscribe email di kolom Feedburner dan berhasil di verifikasi maka otomatis Anda mempunyai list email pengunjung tersebut. Nanti setiap ada posting artikel baru maka otomatis akan di informasikan juga kepada seluruh list email pengunjung yang Anda dapatkan lewat Feedburner. Jadi fungsinya seperti autoresponder otomatis.

Dengan adanya fitur Feedburner di blog Anda maka, peluang blog Anda dikunjungi orang akan lebih besar, karena setiap orang yang subscribe lewat Feedburner di blog Anda otomatis akan mendapatkan update artikel terbaru di blog Anda. Lalu bagaimana cara memasang Feedburner di blogspot?. Sebenarnya caranya mudah sekali.

Berikut ini cara pasang Feedburner di blogspot dengan mudah:

1.Silakan kunjungi http://feedburner.google.com. Jika Anda sedang dalam posisi login di akun gmail maka nanti akan langsung di redirect.

2.Setelah masuk kemudian Anda tulis alamat blog Anda kemudian klik "Next".

3.Kemudian klik "Next" lagi.

4.Kemudian Anda isi Feed Title dan Feed Address, kemudian klik "Next'.

5.Setelah jadi kemudian langsung klik Feed Title Anda untuk mengambil kode scriptnya untuk di pasang ke blog Anda.

6.Setelah itu klik "Publicize".

7.Kemudian klik "Email Subscriptions" untuk memasang form kotak berlangganan artikel.

8.Kemudian Anda bisa copy paste kode formnya atau bisa juga klik "Go" nanti akan di arahkan ke Blogger.

9.Kemudian untuk memasang jumlah reader/subscriber di feedburner Anda klik "FeedCount".

10.Kemudian Anda copy paste kodenya di bawah kode form kotak berlangganan di blog Anda.

11.Selesai dh, akhirnya blog Anda sudah mempunyai form kotak berlangganan artikel dari feedburner.

Itulah info menarik tentang Tutorial Blogger yaitu bagaimana cara pasang Feedburner di blogspot, semoga bermanfaat buat Anda semua.

(sumber: http://www.masrahmat.com/2011/08/cara-mudah-memasang-form-berlangganan.html) 

READ MORE >>>

Cara Mudah Pasang Alexa Widget Di Blog

Alexa Widget merupakan widget dari Alexa.com yang bisa Anda gunakan untuk memantau traffic blog Anda. Alexa Widget ini juga bisa berfungsi sebagai patokan rangking blog Anda. Jika Alexa Rank Anda ramping/sedikit maka itu bagus karena menandakan trafficnya lumayan besar. Tapi sebaliknya jika Alexa Rank Anda gemuk/besar maka itu menandakan traffic blog Anda masih sedikit.

Nah, artikel kali saya akan menjelaskan bagaimana cara pasang Alexa Widget di blog Anda. Bagaimana caranya?. Caranya mudah saja, berikut ini cara mudah pasang Alexa Widget di blog Anda:

1.Buka link http://www.alexa.com/siteowners/widgets

2.Kemudian Anda pilih Alexa Widget sesuai keinginan Anda. Biasanya pilih widget yang Site Info.
Anda tinggal masukkan alamat URL blog Anda.

3.Setelah itu nanti otomatis muncul kode scriptnya yang bisa Anda pasang di blog Anda. Anda tinggal copy script tersebut dan paste di blog Anda.

4.Selesai.

Itulah cara mudah pasang Alexa Widget di blog Anda, semoga bermanfaat buat Anda yang masih newbie.

READ MORE >>>

Cara Membuat Daftar Isi Di Blogspot Berdasarkan Kategori

Anda sudah punya blog dan ingin membuat sebuah daftar isi dari blog Anda?. Daftar isi di blog cukup penting bagi kita untuk menampilkan content atau isi posting dari blog kita secara urut sesuai abjad. Saya juga sudah membuat daftar isi untuk blog saya ini. Bagaimana cara membuatnya ?

Berikut ini cara membuat Daftar Isi di blogspot berdasarkan kategori/label:

1.Login ke Blogger

2.Buat posting baru kemudian tulis judul dengan Daftar Isi, kemudian copy paste kode di bawah ini di halaman posting blog Anda.

<script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script>
<script src="URL Blog kamu/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

3.Kemudian klik Publish Post.

Semoga bermanfaat..

READ MORE >>>

Cara Membuat Like Facebook dan Subscribe Feedburner Di Bawah Postingan Blog

Jika Anda ingin menjaring member di halaman Facebook fan page dan ingin mendapatkan data pengunjung blog sobat maka salah satu cara yang paling mudah dan cepat adalah meletakkan tombol like facebook dan subscribe di bawah postingan blog sobat selain di sidebar.

Dan kali ini saya akan share pada Anda sekalian bagaimana caranya, karena saya sudah mencobanya dan berhasil.

Ok, langsung aja beginilah caranya:

1.Login ke Blogger kemudian klik Edit HTML dan ceklist "Expand Template Widget"

2.Kemudian cari kode  <data:post.body/><br/>.

3.Setelah ketemu langsung aja pasang kode facebook like dan subscribe di bawah kode   <data:post.body/><br/>. Anda bisa tambahkan kode  <br/> untuk memberikan baris spasi.

Contohnya seperti ini:

<data:post.body/><br/><br/>
 <div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<font face='arial' size='2' color='blue'>Temukan Blognya Masrahmat di Facebook dengan klik tombol Like sekarang juga!</font>
<div class="fb-like-box" data-href="http://www.facebook.com/pages/Blognya-Masrahmat/180019168685425" data-width="292" data-show-faces="false" data-stream="false" data-header="true"></div>
     <form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BlognyaMasrahmat', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p><font face='arial' size='2' color='blue'>Silahkan masukkan email Anda untuk mendapatkan Gratis artikel terbaru dari Blognya Masrahmat langsung ke email Anda:</font></p><p><input type="text" style="width:180px" name="email"/></p><input type="hidden" value="BlognyaMasrahmat" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p></form>




Keterangan:
Warna merah: Kode facebook like
Warna ungu: Kode subscribe Feedburner 

Silahkan bisa langsung sobat coba..

READ MORE >>>

Cara Mengganti Jenis Font Postingan Di Blog

Jika Anda mempunyai blog di blogspot yang jenis font hurufnya tidak sesuai dengan keinginan Anda maka Anda bisa mengganti jenis font huruf yang ada di blog blogspot Anda.

Bagaimana cara mengubah jenis font huruf yang ada di blogspot ?

Berikut ini Cara mengganti/mengubah jenis huruf postingan di blog:

1.Login ke Blogger Anda.

2.Klik Bagian Rancangan dan klik "Edit HTML".

3.Kemudian cari kode seperti di bawah ini:
.post-body {

 margin:0 0 .75em;
 line-height:1.6em;
Setelah ketemu kemudian sisipkan kode font-family:verdana; tepat di bawah kode .post-body {, sehingga nanti hasilnya menjadi seperti ini:

.post-body {
 font-family:verdana;
 margin:0 0 .75em;
 line-height:1.6em;

Anda juga bisa mengubah jenis huruf yang ada di sidebar blog dengan menambahkan kode jenis huruf seperti di atas.

4.Setelah itu klik SIMPAN.

Itulah cara mudah mengganti jenis font huruf yang ada di blog blogspot, semoga bermanfaat.

READ MORE >>>

Cara Membuat Scrollbar Pada Arsip Blog Di Blogspot

Mungkin jika Anda mempunyai banyak postingan di bulan ini maka tampilan arsip blog akan bertambah panjang ke bawah. Untuk menghemat tempat dan agar lebih praktis maka Anda bisa membuat scroolbar di bagian arsip blog seperti pada tampilan blog ini yang judulnya sudah di ubah menjadi Artikel Terbaru.

Bagaimana cara mudah membuat scrollbar pada arsip blog di blogspot?. Caranya mudah, oke langsung saja berikut ini langkah-langkahnya:

-Login dulu ke blogger.com

-Pilih menu "Design"

Klik "Edit HTML"

buat jaga-jaga kalo terjadi kesalahan, sebaiknya backup dulu template yang kita gunain, caranya klik "Download Full Template"

Beri tanda centang pada "Expand Template Widget"

-Cari kode ini <div id='ArchiveList'> (supaya lebih gampang, tekan ctrl+f ‘n masukan kode yang dicari)

Kalo udah ketemu, copy/paste kode di bawah ini tepat sebelum kode <div id='ArchiveList'>

<div style='overflow:auto; width:ancho; height:100px;'>

Kalo udah, tambahin kode </div> di atas kode <b:include name='quickedit'/>

Supaya lebih jelas, coba perhatiin beberapa kode yang ada dibawah ini deh !!

<div style='overflow:auto; width:ancho; height:100px;'>

<div id='ArchiveList'>

<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>

<b:if cond='data:style == &quot;HIERARCHY&quot;'>

<b:include data='data' name='interval'/>

</b:if>

<b:if cond='data:style == &quot;FLAT&quot;'>

<b:include data='data' name='flat'/>

</b:if>

<b:if cond='data:style == &quot;MENU&quot;'>

<b:include data='data' name='menu'/>

</b:if>

</div>

</div></div>

<b:include name='quickedit'/>

-Klik "Save Template"

Catatan:

Teks warna merah adalah posisi dimana kode harus diletakkan

Teks warna hijau adalah ukuran dari tinggi kotak arsip blog yang udah kita tambahin scroll button.

Itulah cara mudah membuat scrollbar pada arsip blog di blogspot. Semoga bermanfaat..

READ MORE >>>