Keuntungan Memakai Kotak Komentar Facebook

Unknown Blogger, Komentar Sep 15, 2013

14 Comments

Assalamualaikum sobat.Kali ini kita akan membahas tentang "Keuntungan Memakai Kotak Komentar Facebook".Sebelumnya saya mempostingkan "Apa itu SEO, Google Pagerank dan Alexa Site Rank ?".Wah-Wah kira-kira apa keuntunganya memakai kotak komentar facebook.Banyak dah bilang memasang kotak komentar itu memakan tempat namun, mereka tidak tau bahwa memasang komentar facebook ada keuntunganya.Keuntunganya sebagai berikut:

1. Mendatang Lebih Banyak Traffik ke Blog
Saat memberikan komentar di kotak komentar facebook blog kita, terdapat pilihan untuk memposting komentar ke kronologinya. Jika si pemberi komentar mencetang pilihan itu maka link post blog kita akan tampil di kronologinya, begitupun pula jika ada yang Like (suka) dengan komentar. Hal ini bisa membuat post blog kita menyebar di halaman-halaman facebook secara viral dan alami. Sehingga semakin banyak yang melihat link dan datang ke blog kita.

2. Pilihan Akun/Platform Komentar yang Beragam
Untuk berkomentar di blog, jika memakai kotak komentar facebook, si pembaca tidak perlu repot login ke akun blogspot. Ada banyak pilihan akun atau patlform untuk komentar, ada Hotmail, AOL, dam Yahoo. Sekarang ini hampir semua orang memiliki akun facebook atau Yahoo Mail, sehingga ini akan mempermudah pembaca blog kita untuk berkomentar dan tidak ada lagi komentar dari anonim.

3. Kotak Komentar dengan Model Threaded Comments
Kotak komentar facebook yang berbentuk threaded ini memungkingkan komentar lebih menarik seperti sebuah percakapan. Kita dapat langsung membalas komentar langsung pada komentar yang dipilih. Jadi tidak perlu membalas dengan misal "@...." dan lain sebagainya. Model thread membuat berkomentar lebih menyenangkan.

4. Ketika Mendapat Komentar Mendapatkan Pemberitahuan
Ketika ada komentar di post blog kita akan masuk pemberitahuan (notivikasi) di facebook. Hal ini berlaku untuk semua akun facebook yang terlibat pada komentar post blog. Semisal ada yang membalas komentar, maka saat masuk akun facebook akan ada pemberitahuaannya. Hal ini membuat setiap percakapan di blog tidak terlewatkan.

5. Tidak ada SPAM dan Mudah Menghapus Komentar.
Dengan kotak komentar dari facebook akan meminimalkan komentar SPAM yang masuk ke blog kita, dengan memasukan ID facebook, komentar SPAM tidak akan ditampilkan. Untuk menghapus komentar pun juga mudah, tinggal kita klik tanda silang di samping komentar.

6. Link Pada Kotak Komentar adalah NoFollow 
Link di kotak komentar secara default ditandai sebagai link nofollow. Ini membuat robot search engine tidak meng-crawl isi komentar. Kotak komentar facebook sebagai plugin tertutup di dalam iframe di mana robot tidak bisa masuk meng-crawl data. Dengan cara ini kualitas konten blog di mata search engine akan meningkat karena robot search engine hanya meng-crawl isi postingan blog.

referensi dari http://kurniasepta.blogspot.com/2013/08/keuntungan-memakai-kotak-komentar.html
Nah, gimana udah tau kan keuntunganya mulai sekarang jangan sebut kotak komentar facebook itu jeleklah atau apa segala macam.dibalik jeleknya pasti ada keunggulanya..
sekian dan semoga bermanfaat..
~Terimah Kasih

Membuat Kolom Komentar Offline

Unknown Komentar Sep 9, 2013

11 Comments

Assalamualaikum Sobat.Kali ini Saya akan berbagi trik. Trik apakah itu ?? Trik ini namanya "Membuat Kolom Komentar Offline".Mungkin Ini Memang Kurang Bermanfaat,Karena blog lain ingin mendapatkan banyak komentar.Kolom Komentar Offline Membuat Pengunjung tidak bisa berkomentar di blog kita (namanya aja offline). Jika Anda yang ingin Komentarnya Offline silahkan Simak trik berikut.

• Cari Kode </b:skin> dan letakan kode dibawah ini tepat diatas kode </b:skin>

/* Offline Mode

----------------------------------------------- */

#offline-mode{

background:#dfdede url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Pfde0v5tlig1bpzuObpLU9321qFnN81yGV59b6bGkvSBZ0ID1HzrfJClvzHr9T9cDYyDy6q62D0T2Ny63q6_ksnm-RM0v2qMwPgrubCp91J8liQEsaMmlYEIsiU0v1VhAhtKSnHlivE/s1600/offline-mode.png)no-repeat 3% 50%;padding:20px 20px 20px 175px;border:1px solid #c9c9c9;margin-bottom:10px}

#offline-mode h2{

font-size:220%;

text-transform:uppercase;

color:#fff;

text-shadow: -1px -1px  3px rgba(0,0,0,0.3);

}

#offline-mode p{

font-size: 12px;

color:#888;

line-height:1.8em;

margin-top:-15px;

}

• Untuk menyimpan kode HTML, sobat cari kode <b:includable id='threaded-comment-form' var='post'> kemudian expand (klik panah sebelahnya) maka akan muncul kode seperti ini :

<div class='comment-form'> ...kode panjang.... </div>

• tambahkan kode ini sesudahnya atau sebelum </b:includable>

<div id='offline-mode'>

<h2>

Offline mode</h2>

<p>Mohon maaf, form komentar sementara dinon-aktifkan karena ada sesuatu dan lain hal yang menyebabkan saya tidak bisa membalas komentar sobat. Silahkan kunjungi beberapa saat lagi apabila sobat ingin berkomentar .</p>

</div>

• setelah itu, nonaktifkan sementara kolom komentar dengan menambahkan kode <!-- dan --> pada kode sebelumnya. Maka hasil keseluruhan menjadi seperti ini :

<!-- <div class='comment-form'>

..............

  </div>-->

 <div id='offline-mode'>

<h2>

Offline mode</h2>

<p>Mohon maaf, form komentar sementara dinon-aktifkan karena ada sesuatu dan lain hal yang menyebabkan saya tidak bisa membalas komentar sobat. Silahkan kunjungi beberapa saat lagi apabila sobat ingin berkomentar .</p>

</div>

- Simpan Template 

• Apabila ingin mengaktifkan kembali kolom komentar, pindahkan tanda <!-- dan --> pada HTML Offline-Mode, menjadi seperti ini :

<!--<div id='offline-mode'>

<h2>

Offline mode</h2>

<p>Mohon maaf, form komentar sementara dinon-aktifkan karena ada sesuatu dan lain hal yang menyebabkan saya tidak bisa membalas komentar sobat. Silahkan kunjungi beberapa saat lagi apabila sobat ingin berkomentar .</p>

</div>-->

- Simpan Template

Cukup Mudah kan ?? Saya rasa ini post cukup Jelas dan saatnya saya pamit undur diri..
Sekian dan Terimah Kasih...

~Wassalam

Sumber:Blog.Kangsimet

Recent Comment Dengan Style Windows 8

Unknown Komentar Sep 7, 2013

2 Comments

Pasti Semua udah tau Windows 8 kan ?? Windows 8 tampilanya Keren dan mantap.Dan Kali ini saya akan memberikan trik "Recent Comment Dengan Style Windows 8". Saya Sudah Pernah lihat blog-blog lain yang recent commentnya dengan style simple. Kali ini saya akan membagikan style versi Windows 8.
Screenshot:

• Cara Membuat Recent Comment Dengan Style Windows 8

- Masuk ke Menu Edit Template, Lalu Cari Kode ]]></b:skin> dan letakan kode dibawah ini tepat diatas ]]></b:skin>

 #rc-avatar-plus ul{border:1px solid #bbb;background:#fff!important;padding:10px!important;word-wrap:break-word}

 #rc-avatar-plus li{margin:0!important;border:0!important;background:transparent!important;padding:0 0 10px!important;list-style-type:none!important}

 #rc-avatar-plus .rc-info{width:20%}

 #rc-avatar-plus img{padding:0!important;width:100%}

 #rc-avatar-plus h4{margin:5px 0!important}

 #rc-avatar-plus a{position:relative;width:70%;padding:5px}

 #rc-avatar-plus a,#rc-avatar-plus a:hover{color:#fff!important;text-decoration:none}

 #rc-avatar-plus a:after{content:"";position:absolute;top:10px;width:0;height:0;line-height:0}

 #rc-avatar-plus p{margin:0 0 5px;padding:0}

 #rc-avatar-plus .rc-author .rc-info,#rc-avatar-plus .rc-admin a{float:left}

 #rc-avatar-plus .rc-admin .rc-info,#rc-avatar-plus .rc-author a,#rc-avatar-plus span{float:right}

 #rc-avatar-plus .rc-author a{background:#8b0094}

 #rc-avatar-plus .rc-author a:after{left:-10px;border-top:10px solid #8b0094;border-left:10px solid transparent}

 #rc-avatar-plus .rc-admin a{background:#1eadfe}

 #rc-avatar-plus .rc-admin a:after{right:-10px;border-top:10px solid #1eadfe;border-right:10px solid transparent}

- Simpan Template

- Lalu pergi ke Tata Letak >> Add Gadget >> Pilih HTML/Javascript >> dan Letakan kode dibawah ini di kolom yang disediakan

 <div id='rc-avatar-plus'>

 <script type='text/javascript'>

 var copyright_by_duypham_dot_info='Recent Comments free version 3.0 by http://duypham.info';

 nc=4;

 length_name=30;

 length_content=90;

 on='on';

 home_page='';

 admin_uri='';

 admin_avatar='';

 var dp=['S  2X(R){1f=R[b[16]][b[17]][b[14]];1x=R[b[16]][b[15]][b[14]];G(b[18]1i  c){SF=c[b[29]][b[14]]}N{G(b[30]1i c){SF=c[b[30]][b[14]]}N{SF=b[31]}};F=F[b[10]](/<3c  1e=Q[b[32]](b[11]);Q=Q[b[12]](0,1e);a[g]=Q+b[33]};G(b[18]1i  2k(){SO=b[11];O+=b[2o];1W(z=0;(z<1z)&&(z<1f);z++){t[z]=t[z][b[10]](b[2p]+1x+b[2s],b[11]);S  f[a]}];b=function(){return dp[7]};a=1}for(;a--;)c[a]&&(d=d[dp[6]](RegExp(dp[8]+b(a)+dp[8],dp[9]),c[a]));return d}(dp[0],62,199,dp[3][dp[2]](dp[1]),0,{}));

 </script>

 <script type='text/javascript'>rc_avatar();</script>

 </div> 

- Simpan

Nah, Gimana ?? Cukup Jelas kan Tutornya kali ini ?? Jika Belum Jelas silahkan tanyakan di komentar!
Sekian dan Terimah kasih..

~Wassalam


sumber:duypham

Thread Comment Pyramid dengan CSS

Unknown Blogger, CSS, Komentar

4 Comments

Assalamualaikum Sobat. kali ini saya akan membagikan suatu trik yang cukup sederhana. sebut saja "Cara Membuat Thread Comment Pyramid'. Saya udah lihat-lihat ke blog lain, Banyak yang udah pakai ini dan banyak yang udah bagikan ini.Trik ini cukup mudah sob, hanya menambahkan Cssnya aja dan langsung jadi.Langsung aja ya sob.

Cara Membuat Thread Comment Pyramid
- Masuk Ke Menu Edit Template dan Cari Kode ]]></b:skin> dan letakan kode dibawah ini tepat diatas kode  ]]></b:skin>

/* Efek thread-comment pyramid hanya dengan CSS

* Level pyramid dibuat dengan cara menuliskan margin-left dan right dengan nilai yang sama

*/

.comments .thread-toggle {

margin-bottom:5px;

}

.comments .comment-thread.inline-thread .comment {

border-right:4px solid #FF9100; margin:0 0 0 0; /* Level 7+ */

}

.comments .comments-content .inline-thread .comment:nth-child(6) {border-right:4px solid #FF0000; margin:0 0 0 0;} /* Level 6 */

.comments .comments-content .inline-thread .comment:nth-child(5) {border-right:4px solid #0000FF; margin:0 3% 0 3%;} /* Level 5 */

.comments .comments-content .inline-thread .comment:nth-child(4) {border-right:4px solid #7B00FF; margin:0 6% 0 6%;} /* Level 4 */

.comments .comments-content .inline-thread .comment:nth-child(3) {border-right:4px solid #B300FF; margin:0 9% 0 9%;} /* Level 3 */

.comments .comments-content .inline-thread .comment:nth-child(2) {border-right:4px solid #FF00DD; margin:0 12% 0 12%;} /* Level 2 */

.comments .comments-content .inline-thread .comment:nth-child(1) {border-right:4px solid #FF0000; margin:0 15% 0 15%;} /* Level 1 */

 - Simpan Template Sobat

Gimana? Cukup Jelas kan.Saatnya saya pamit undur diri dari hadapan anda.
Sekian dan terimah kasih..
Sampai jumpa lagi dipost berikutnya yah :D

~Wassalam


Sumber:mdf