Cara Membuat Komentar Facebook di Samping Komentar Blog

Cara Mem buat Komentar Facebook di Samping Komentar Blog. Fitur ini sangat bagus dan mudah untuk pengunjung memberikan komentar. Selain itu fitur ini memperbagus tampilan blog.

Berikut Cara Mem buat Komentar Facebook di Samping Komentar Blog. :

1. Login ke Blogger cari Dashboard pilih Akun kemudian Template ( Jangan lupa membackup template     terlebih dahulu )
2. Centang Expand Widget di atas pojok kiri .
3. Cari kode di bawah ini ( Gunakan Fitur CTRL+F  agar memudahi pencariaan )
         ]]></b:skin>
4. Letakan kode dibawah ini di atas kode   ]]></b:skin>
         comments-page { background-color: #f2f2f2;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px;
cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;} 

5. Cari kode dibawah ini

          </head> 

     Kemudian copas kode dibawah ini diatas kode    </head> 

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='https://www.facebook.com/alsepriadha' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();
}
</script>

Perhatikan tulisan yang saya kasih warna hijau

Ganti kata https://www.facebook.com/alsepriadhadengan nama id facebook anda.

6. Kemudian cari kode  <div class='comments' id='comments'> kalau ada dua , maka kode di bawah ini letakan di bawah kode <div class='comments' id='comments'> dua dua nya .

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/><data:post.numComments/> Comments
</div><div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>

Perhatikan tulisan yang saya kasih warna hijau

Angka 2 adalah untuk menampilkan komentar dan anda bisa mengubah nya.
Angka 400 adalah lebar kotak komentar facebook dan anda juga bisa mengubah nya .

7. Selanjutnya Save.

Jangan lupa Like dan Comentnya...

Sekian tutorial Cara Mem buat Komentar Facebook di Samping Komentar Blog.

    

Mengganti Header Blog dengan Image.

Pertama sekali orang melihat header blog mencerminkan isi konten dan keseluruhan Blog, tmapilan header pakai gambar dan hanya tulisan saja biasanya tergantung dari template yang di gunakan.Namun gambar dan header tidak sesuai dengan isi blog kita.Jika demikian kita perlu mengganti header agar sesuai dengan konten.

Untuk mengganti header blog ada beberapa cara yang bisa kita lakukan. Cara termudah adalah melalui  pengaturan add ang range page element.Untuk mengganti header bloger adalah:

1. Login ke Bloger > dasbor> tab Tempalte> edit html (centang expand template widget)
2. Cari kode #header-wrapper. Supaya mudah untuk mencarinya, tekan Ctrl+F ketikkan #header-wrapper lalu tekan Next
3. Jika sudah ketemu biasanya ada kode width dan height disekitarnya. Misalnya seperti ini:

#header-wrapper {
width:975px;
height:130px;
margin:0px;
padding:0px;
text-align:left;
background:#FFF url("http://i977.photobucket.com/albums/ae258/SPN_photo/HeaderMaskolis-New.jpg") no-repeat right ;
}

Keterangan:

width:975px; adalah panjang header

height:130px;adalah lebar header.

Agar gambar Anda sesuai dengan ukuran header template, maka gambar Anda harus diresize menjadi 975x130 pixel. Untuk merizenya Anda bisa menggunakan program pengolah gambar seperti Ms Paint, ACD See, Photoshop atau lainnya.

4. Setelah selesai. Masuk ke Dashboard Blogger Anda lagi, pilih tab layout (tata letak) => Page header> klik edit.

5. Kemudian akan muncul halaman baru, pilih Browse from your computer, jika gambarnya disimpan dikomputer atau Browse from the web, 

6.Setelah itu klik save.

Catatan:

Tidak semua template bisa dipasang gambar, karena ada yang hanya menggunakan teks saja oleh karena itu pilihlah template yang sesuai kebutuhan.

Jika cara di atas sulit diterapkan pada blog Anda, isi kotak komentar yang ada di bawah siapa tau saya bisa bantu.

Demikian tadi tutorial memasang header dari saya semoga dapat bermanfaat bagi teman-teman semua.

DOWNLOAD LAGU ODY MALIK

Free Download Lagu Ody Malik berformat mp3. bagi Pecinta lagu minang silahkan download dengan gratis. 




Berikut Link Downloadnya Dibawah ini :

• ody malik - badai di lauik ah biaso
• ody malik - Baru Malayok dihalau Urang
• ody malik - tulisan salamaik datang
• ody malik - dandam tak sudah
• ody malik - sayang bialah tabang
• ody malik - ombak rindu - untuk kamu
• ody malik - cinto tasisiah
• ody malik - cinto tak sampai
• ody malik - minang kabau bukan kubungan kabau
• ody malik - bungo nan hilang
• ody malik - sangketo barumah tanggo
• ody malik - tangih dipalaminan
• ody malik - ratok gunuang pasaman

Cara Download :

Klik judul lagu, tunggu 5 detik, klik SKIP ADD dipojok kanan atas untuk melanjutkan download

Selamat Mendownload..!!