Cara Membuat Related Post Dibawah Postingan Blog


Apakah Sobat pernah melihat blog yang ketika membuka sebuah artikel atau posting, dan sobat akan melihat di bawah artikel ada artikel terkait dengan artikel tersebut.dengan widget ini sehingga pembaca atau pengunjung blog akan tertarik untuk membaca artikel" sobat yang lain.
jadi ya pengunjung sobat akan lebih lama bertahan di blog sobat, apalagi sobat
mempunyai posting2 yang menggugah.
pasti deh pengunjung sobat ga' akan langsung kabur.hehe 
 
untuk melakukannya ikuti langkah-langkah berikut:
1.Login ke blogger dengan id anda
2. Pilih menu layout
3.Pilih Edit HTML
4. dan jangan lupa centang "Expand Template Widget"
5.Coba cari <data:post.body/> kode berikut, dan tempatkan kode berikut di bawahnya.



<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>
 
Terakhir, Save tempplate sobat..

NB :jika sobat  membaca kode <data:post.body/> memiliki dua, kemudian menempatkan kode di bawah kode yang pertama


…Semoga Bermanfaat… !.Semoga Sukses.!


Sumber : http://fajarnoverdi.blogspot.com/2011/02/cara-membuat-related-post-di-bawah.html

Cara Memasang Yahoo Messenger Di Blog



Hm.. Apakah sobat ingin tahu Cara pasang Yahoo! Mesengger di Blog atau Forum? Jika Ingin Tahu Bacalah Lebih Lanjut! ;-)


Pertama Bukalah Situs ymgen.com .




Lalu Masukkan ID Yahoo! Messenger sobat di Kolom yang telah disediakan lalu Pilih Gaya Yahoo! Messenger yang sobat sukai, setelah itu klik Submit.

setelah itu tinggal Copy Kode yang disediakan.



Kode yang diatas adalah kode untuk Blog atau Website sedangkan yang dibawah kode untuk Forum.

setelah itu Paste Kode tersebut di Widget > Teks untuk WordPress sedangkan Page Elements > Add Gadget > klik opsi HTML /Javascript untuk Blogspot.

Sekian,Selamat Mencoba dan Semoga Bermanfaat! :-)

Sumber : http://naufalhisyam.wordpress.com/2012/05/31/cara-memasang-status-yahoo-messenger-di-blog-atau-forum/

Cara Memasang Emoticon Di Komentar Blog



Memasang Emoticon Di Kotak Komentar Blogger. Emoticon, mungkin inilah yang sering terdengar di telinga kita ketika kita sedang melakukan kegiatan chatting untuk mengungkapkan ekspresi emosi kita terhadap lawan chatting kita.

Emoticon bisa dipasang dikomentar blog dengan cara menambahkan beberapa kode saja pada template kita dan walla emoticon pun sudah bisa kita nikmati keberadaannya di blog kita. Emoticon ini bermanfaat bagi pengunjung yang ingin berkomentar dan ingin mengekspresikan emosinya pada tulisan komentar-nya. Tentunya dengan kita memfasilitasi kotak komentar blog kita dengan emoticon, maka kita akan mengetahui ekspresi pengunjung kita setelah membaca artikel kita. Berikut ini contoh emoticon-nya.

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Nah bagaimana apakah sobat juga mau memasang-nya di bog sobat? Jika ya, silahkan ikuti langkah-langkah  Memasang Emoticon Di Kotak Komentar Blogger berikut ini.

1.Log in ke blogger dengan akun yang anda miliki.
2.Klik rancangan » edit HTML » centang kotak Expand Template Widget. Bagi yang menggunakan tampilan blogger yang baru, klik template » edit HTML » centang kotak Expand Template Widget.
3.Cari dengan menggunakan control+f kode </body> dan kalau sudah ketemu, pastekan kode di bawah ini tepat di atasnya.

<script src='http://colorfullink.googlecode.com/files/smiley_comment.js' type='text/javascript'/></script>

4.Cari kode <p class='comment-footer'> dan kalau terdapat dua kode yang sama pilihlah kode yang pertama, dan letakkan kode di bawah ini tepat dibawahnya.

<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: #ffffff; border: 1px solid #cccccc; padding: 5px; text-align: left;">
<b>
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" width="18" /> :))
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif" width="18" /> ;))
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif" width="18" /> ;;)
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" width="18" /> :D
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" width="18" /> ;)
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif" width="18" /> :p
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif" width="22" /> :((
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" width="18" /> :)
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif" width="18" /> :(
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif" width="18" /> :X
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif" width="18" /> =((
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif" width="18" /> :-o
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif" width="20" /> :-/
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif" width="18" /> :-*
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif" width="18" /> :|
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif" width="24" /> 8-}
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif" width="31" /> :)]
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif" width="44" /> ~x(
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif" width="30" /> :-t
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif" width="18" /> b-(
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif" width="18" /> :-L
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif" width="34" /> x(
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" width="30" /> =))
</b>
</div>

5. Save template anda.

Sekian Tutorial cara Memasang Emoticon Di Kotak Komentar Blogger kali ini. Mudah-mudahan bisa bermanfaat bagi anda.


Sumber : http://bdigg.blogspot.com/2012/03/memasang-emoticon-di-kotak-komentar.html

Cara Memasang Like BOX Di BLOG

untuk memasang like box pada halaman blog, maka terlebih dulu Anda harus membuka Halaman Pengembang Facebook untuk mendapatkan kode plugin like box Anda. Dimana langkah-langkahnya adalah sebagai berikut:
  1. Buka halaman pengembang Facebook, dalam hal ini adalah dengan membuka URL https://developers.facebook.com/docs/reference/plugins/like-box/
  2. Masukkan URL Halaman Facebook atau Fans Page yang Anda kelola kemudian tentukan setelan untuk tampilan like box. Dalam hal ini misalnya: mengatur ukuran lebar dan tinggi, warna, maupun elemen yang akan ditampilkan pada like box. Dan untuk lebih jelasnya perhatikan gambar di bawah ini.
    Ilustrasi Konfigurasi Like Box
    Screenshot: facebook.com

  3. Klik tombol ‘Get Code’ untuk mendapatkan kode plugin like box Anda, seperti tampak pada gambar di bawah ini.
    Ilustrasi Dapatkan Kode Plugin
    Screenshot: facebook.com

  4. Salin kode plugin untuk like box Anda, kemudian masuk ke ‘Dasbor Blogger’, klik menu ‘Tata Letak’ (Layout), dan selanjutnya klik ‘Tambah Gadget’. Dimana untuk gadget yang ditambahkan adalah ‘HTML/JavaScript’. Untuk lebih jelasnya perhatikan gambar di bawah ini.
    Ilustrasi Tambah Gadget
    Ilustrasi Tambahkan Gadget
    Screenshot: blogger.com

  5. Tulis judul gadget, sisipkan kode plugin like box Anda di kotak ‘Konten’, dan kemudian klik tombol ‘Simpan’, seperti yang tampak pada gambar di bawah ini.
    Ilustrasi Konfigurasi Kode Untuk Gadget
    Screenshot: blogger.com

Sehingga dengan menggunakan cara di atas maka akan muncul sebuah gadget baru untuk halaman blog Anda, dimana gadget yang dimaksud akan ditampilkan sebagai Facebook Like Box yang akan menghubungkan Facebook Fan Page dengan blog yang Anda kelola.

Sumber: http://eltelu.blogspot.com/2012/03/cara-memasang-facebook-like-box-pada.html

Cara Memasang Like Facebook Di Blog

Ini semacam widget yang sudah banyak dgunakan para blogger untuk promosi atau membuat blog cepat naik rank dengan salah satu widget facebook ini.
Keuntungan memasang tombol like ini adalah pembaca dapat dengan mudah berbagi postingan yang mereka sukai kepada teman facebook mereka hanya dengan satu klik. Dan sebagai pemilik blog, anda juga mendapat keuntungan berupa tambahan trafik dari pembaca yang mengelink artikel anda di profil Facebook mereka.
Nah bagi anda yang tertarik memasang tombol like ini, silahkan ikuti langkah- langkah dibawah ini:
1. Buka Blogger. Masuk ke menu Design -> Edit HTML
2. Beri centang pada "Expand Widget Templates"
3. Cari kode <data:post.body/>
4. Jika anda menemukan dua kode <data:post.body/> maka pilih yang pertama
5. Letakkan kode berikut ini dibawah <data:post.body/> jika anda ingin memasang tombol like dibawah posting atau letakkan diatas <data:post.body/> jika anda ingin memasang tombol like diatas posting
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' height='30' scrolling='no' style='border:none;overflow:hidden; '/>
6. Lalu Save template anda.
Hasilnya akan seperti ini

Kalau anda ingin membuat tombol like dalam bentuk ini
 
maka ganti standard dengan button_count
Anda juga dapat mengganti warna background tombol menjadi gelap dengan mengganti light menjadi dark.
Selamat mencoba dan sukses selalu


Sumber : http://tanyajawabsemua.blogspot.com/2012/04/cara-memasang-tombol-like-facebook-di.html

Cara Memasang Widget Alexa Di Blog

Cara Pasang Alexa Traffic Widgets,Alexa,Alexa Traffic Widgets,cara buat widget alexa,Alexa.com

Alexa Traffic Widgets adalah widget yang digunakan untuk menampilkan Traffic Rank. Hampir semua blog yang sudah mendaftarkan blognya di Alexa memasang Widget yang cantik ini. Widget Alexa Rank selain menampilkan traffic rank untuk blog kita, juga menampilkan seberapa banyak blog atau situs yang meletakkan link dari blog kita yang disebut oleh Alexa dengan Links In. Secara tidak langsung, kita sebagai Admin dari blog kita sendiri semakin merasa terpancing untuk terus berusaha meningkatkan traffik atau kunjungan ke blog kita dengan adanya Widget Alexa ini. Berikut ini sedikit sugesti atau saran dari Alexa untuk sobat blogger "Place Alexa's widgets on your site and show off your Traffic Rank".

Tiga widget yang ditawarkan oleh Alexa yaitu :

Alexa Site Stats Button
Tampilan yang terlihat seperti gambar di bawah ini!

Cara Pasang Alexa Traffic Widgets,Alexa,Alexa Traffic Widgets,cara buat widget alexa,Alexa.com

Alexa Traffic Rank Button
Widget tampak seperti ini.

Cara Pasang Alexa Traffic Widgets,Alexa,Alexa Traffic Widgets,cara buat widget alexa,Alexa.com

Alexa Traffic Graph
Alexa Traffic Graph menampilkan grafik dari lalu lintas yang mengarah ke blog kita dengan tampilan grafik seperti berikut!

Cara Pasang Alexa Traffic Widgets,Alexa,Alexa Traffic Widgets,cara buat widget alexa,Alexa.com

Cara Pasang Alexa Traffic Widgets
Langkah Pertama :
Cara Pasang Alexa Traffic Widgets,Alexa,Alexa Traffic Widgets,cara buat widget alexa,Alexa.com

  • Di dalam kolom yang sudah disediakan, sobat taruh atau letakkan URL blog sobat. Misalnya lenterablogger.blogspot.com. Satu hal yang harus di ingat, Jangan gunakan http://.
  • Kalau sobat blogger sudah memasukkan URL blog sobat, klik Build Widget.
  • Copy kode yang diberikan tersebut.

Langkah Kedua :
  • Login di akun blogger sobat di  http://www.blogger.com
  • Pada menu Drop Down (Blogger New Interface), Klik Layout
  • Lalu sobat klik Add a Gadget dan pilih HTML Java Script.
  • Paste kode yang diberikan Alexa pada kolom yang tersedia
  • Klik Save.

Semoga tutorial yang mudah ini ada mamfaatnya buat sobat blogger, Terima Kasih atas kunjungannya
 


Sumber : http://lenterablogger.blogspot.com/2012/04/cara-pasang-alexa-traffic-widgets.html

Cara Mengganti Template Blogspot - Paling Mudah

Setelah membuat blog baru dari blogspot kita lanjutkan cara mengganti template blog blogspot. Secara default ketika kita daftar blog baru kita akan menggunakan template bawaan blogspot, dan template pilihannya cuma sedikit. Tentu kita ingin memiliki template yang lain sesuai keinginin kita. banyak template yang bisa gunakan dan banyak yang menyediakan di internet. Silahkan ketikkan Template blogger di google untuk mencari template linnya.

Baiklah berikut Cara Ganti Template Blog Blogspot Terbaru.

1. Buka dashboard blogger sobat, lalu perhatikan gambar berikut.

Perhatikan.
Pada angka 1, klik tombol tersebut dan akan tampil memanjang seperti diatas.
lalu Klik "Template" pada angka 2 tersebut.

2. Akan tampil seperti gambar di bawah ini :


Klik "Backup/Restore" dan akan tampil seperti gambar di bawah:

Angak 1, Klik Choose File untuk upload file Template yang akan dipakai.
template biasanya berformat ".xml" silahkan masukkan file template dari Hard  Drive Laptop sobat, jika belum memiliki template, sobat bisa gunakan tempalte ini untuk sementara,  download di sini templatenya http://www.mediafire.com/?p04ceeduagx3ibd. setelah di downlaod masukkan dengan cara diatas.

Angka 2, jika sobat ingin menyimpan template sebelumnya klik "DOwnload Full Template" .

Angaka 3. Jika sudah masukkan file template tadi, silahkan "Upload" . Tunggu beberapa saat sampai template terinstall.

3. Nanti akan tampil seperti ini jika sudah berhasil :


Nah jika tampilan yang digaris merah itu sudah berubah, itu berarti template sudah berhasil diganti.
Selamat mencoba cuy..


Sumber: http://mankita.blogspot.com/2012/04/cara-ganti-template-blog-blogspot.html