0 Cara Memasang Tombol Like di Setiap Postingan

Cara Memasang Tombol Like di Setiap Postingan | Cirebon-Cyber4rt - Tombol Like langsung terhubung dengan jejaring sosial Facebook, sehingga apabila da seseorang yang mengklik tombol like maka secara otomatis postingan diblog kita ajan tershare ke beranda orang tersebut.

Like Button

Dengan kata lain Tombol Like adalah cara alternatif untuk mempromosikan blog kita ke khalayak ramai. Jika sobat tertarik untuk memasang tombol like, caranya cukup mudah kok. Sobat hanya perlu mengikuti tahap-tahapnya yang akan saya share kali ini.

Screenshoot :

Cara Memasang Tombol Like di Setiap Postingan :

1. Login Blogger
2. Masuk ke Menu Template - Edit HTML - Lanjutkan
3. Beri Tanda Centang Expand Template Widget
4. Cari Kode :

<data:post.body/>

     5. Letakan kode berikut tepat dibawah kode <data:post.body/>

<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=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:310px; height:31px;'/>

     6. Simpan Template.

Catatan :
Jika dalam pencarian kode <data:post.body/> sobat menemukan lebih dari 1 kode, maka pilih saja kode yang kedua.

Sekian saja postingan saya tentang Cara Memasang Tombol Like di Setiap Postingan, semoga dapat bermanfaat bagi sobat :)

0 Cara Membuat Artikel Terkait dengan Gambar

Cara Membuat Artikel Terkait dengan Gambar | Cirebon-Cyber4rt - Artikel Terkait atau related post sangatlah penting dalam sebuah blog yang sangat mengutamakan SEO. Karena dengan adanya artikel terkait, pengunjung tidak akan bosan membaca artikel blog kita. Sehingga Bounce Rate akan semakin kecil.

Dan kali ini saya akan share bagaimana cara membuat artikel terkait dengan gambar, Berikut langsung saja kita simak bersama-sama :)

Screenshoot :

Cara Membuat Artikel Terkait dengan Gambar :

1. Login Blogger
2. Masuk Menu Template - Edit HTML - Lanjutkan
3. Centang pada Expand Template Widget
4. Cari kode </head> Gunakan tombol CTRL + F untuk mempermudah pencarian.
5. Lalu Copy kode berikut dan letakan tepat diatas kode </head>

<!--Start Related Posts-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:90%;
min-height:90%;
padding-top:0px;
padding-left:8px;
}
#related-posts h2{
font-size: 1.0em;
font-weight: bold;
color: white;
font-family: Rockwell,Georgia,Serif;
margin-bottom: 0.8em;
margin-top:0em;
padding-bottom:0em;
}
#related-posts a{
color:white;
}
#related-posts a:hover{
color:white;
}
#related-posts a:hover {
background-color:#080;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA3Imz6-nG10eOqj1Dx9AbHiqbhC3UaKLrUOa4hLQf7-r4edmYumqnO9VvjnAtNwmyW1XpNFrCXyHoFPmK9zcVse9H9WdfTL6RhlY-t9v8055rcCA7BiaXsPrflDMSsGZJRZwKlyNWYBg0/s1600/No+Image.jpg&quot;;
var maxresults=6;
var splittercolor=&quot;#000000&quot;;
var relatedpoststitle=&quot;Silahkan Baca Ini Juga:&quot;;
</script>
<script src='http://yourjavascript.com/22811210832/RelatedPoststhumb3.txt.js' type='text/javascript'/>
</b:if>
<!--End Related Post-->

    6. Selanjutnya cari kode berikut ( Jika ada dua kode, pilih bagian yang kedua ) :

<data:post.body/>

 
    7. Kalau kode diatas sudah ketemu, Sekarang copy'lah script berikut :

<!-- Start Related Posts-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=7&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
</b:if>
<!-- End Related Posts-->

    8. Paste'kan kode script diatas tepat dibawah kode :

<data:post.body/>

 
    9. Jika sudah, klik Simpan Template.

Catatan :
Berikut ini adalah kode yang bisa sobat ganti sebelum menyimpan template, gantilah tulisan berwarna merah sesuai keinginan sobat.

• Menampilkan jumlah artikel terkait yang muncul max-results=7
• Judul artikel terkait var relatedpoststitle=&quot;Silahkan Baca Ini Juga:&quot;;
• Warna Tulisan var splittercolor=&quot;#000000&quot;;

Ok, Sekian saja postingan saya kali ini tentang Cara Membuat Artikel Terkait dengan Gambar, semoga dapat bermanfaat.

0 Cara Membuat Auto Refresh/Reload Otomatis Untuk Blogspot

Cara Membuat Auto Refresh Untuk Blogspot -  Kali ini saya akan posting tentang cara membuat auto refresh untuk blogspot. sobat pasti sudah tahu tentunya apa yang dimaksud dengan auto-refresh, ya betul...

yaitu me-load halaman blog berulang-ulang sesuai dengan waktu yang di tentukan oleh pemilik blog. Tidak usah basa-basi lagi, langsung aja dipraktekan cara membuat auto refresh untuk blogspot.

Cara Membuat Auto Refresh Untuk Blogspot :

1. Login ke Blogger
2. Pilih  Design > Edit HTML
3. Cari kode </head>
4. Letakan kode dibawah ini setelah kode </head>
5. <meta content='200' http-equiv='refresh'/>

Keterangan : Yang berwarna merah berarti blog sobat akan me-refresh setiap 200 detik. Bisa diganti sesuai dengan keinginan sobat. Sekian posting saya kali ini, semoga bermanfaat buat sobat blogger semua.

0 Cara Membuka Disable Klik Kanan Pada Blog yang Diproteksi

Cara Membuka Disable Klik Kanan Pada Blog yang Diproteksi - Pastinya sobat kesal dengan blog yang ingin sobat copas tidak bisa mengklik kanan, Nah sebenarnya ada cara mudah untuk membuka disable klik kanan di blog. 

Mendisable klik kanan menggunakan javascript pada browser. Kalau browsernya di disable javascriptnya?

Otomatis fitur disable klik kanan tidak akan bisa digunakan lagi. Nah cara membuka disable klik kanan pada blog yaitu dengan mendisable javascript pada browser sobat. Nah berikut disable javascript untuk membuka disable klik kanan pada blog pada browser - browser tertentu :

Membuka Disable Klik Kanan di Chrome

1. Klik Options > Under the Hood > Content Settings
2. Pilih opsi Do not allow any site to run JavaScript

Membuka Disable Klik Kanan di Mozilla Firefox

1. Klik Alat > Pengaturan > Isi
2. Hapus centang Aktifkan JavaScript

Membuka Disable Klik Kanan di Opera

1. Klik Menu > Settings > Preferences
2. Klik Tab Advanced
3. Di Content hapus centang Enable JavaScript

Hanya 3 browser yang saya tahu, kalau di Internet Explorer atau Safari coba saja cari sendiri untuk disable javascript. Begitulah Cara Membuka Disable Klik Kanan Pada Blog yang Diproteksi, yang intinya hanya disable javascript. Sekian saja postingan saya kali ini semoga bisa bermanfaat, Salam Olahraga !

0 Cara Memasang Meta Tag Di Postingan Secara Otomatis

Pada postingan kali ini saya akan membahas tentang Cara Memasang Meta Tag Di Postingan Secara Otomatis, karena MetaTag sangat berguna sekali untuk Optimasi On Page.

Cara Memasang Meta Tag Di Postingan Secara Otomatis

karena setiap postingan akan memiliki meta deskripsi yang berbeda, antara satu postingan dengan postingan lainnya tanpa perlu repot-repot menambahkan satu-satu pada setiap postingan secara manual. 

Dengan kata lain, meta deskripsi dan keyword pada setiap posting akan ter-generate secara otomatis. Hal ini tentu menjadi solusi bagi sobat yang mengalami duplikasi meta deskripsi.

Berikut Tutorial Cara Pasang Meta Tag di Setiap Postingan :

1. Langkah pertama login ke blogger.com terus ke tata letak >> edit html.
2. Setelah itu sobat cari kode dibawah ini (Gunakan CTRL + F untuk memudahkan pencarian)

<title><data:blog.pageTitle/></title>

     3.  Kalau kode diatas sudah ketemu, hapus lalu ganti dengan kode berikut :

<b:if cond='data:blog.url == &quot;http://ALAMATBLOGSOBAT.blogspot.com/&quot;'>
<title><data:blog.pageTitle/></title>
<meta name='DESCRIPTION' content='ISI DENGAN DESKRIPSI UNTUK HOMEPAGE BLOG SOBAT'/>
<meta name='KEYWORDS' content='ISI DENGAN KATA KUNCI UNTUK HOMEPAGE'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
</b:if>

     4. Jika sudah, Save Template.

Nah, demikianlah Cara Memasang Meta Tag Di Setiap Postingan Secara Otomatis. Semoga setelah ikutin cara diatas sobat-sobat semuanya gak direpotkan lagi dengan harus memasang meta tag deskripsi di setiap postingan secara manual.

0 Cara Membuat Warna Komentar Admin Berbeda dengan Pengunjung

Cirebon-Cyber4rt - Warna komentar admin berbeda dengan pengunjung maksudnya adalah kotak komentar dari pemilik blog akan berbeda dengan kotak komentar milik pengunjung apabila memberikan komentar.

Cara Membuat komentar admin berbeda dengan pengunjung adalah sebagai berikut :

• Langkah pertama yang harus sobat lakukan adalah Log in ke blogger dan masuk menu Layout kemudian masuk menu Edit HTML
• Jangan Lupa centang "expand widget templates"
  Kemudian pasang kode dibawah ini tepat diatas kode ]]></b:skin

.comment-body-author {
background: #FFFF29; /* Warna Background */
border:1px dotted #FF2929; /*Border*/
margin:0;
padding:0 0 0 20px;
}

• Silahkan Edit Code CSS diatas sesuai kreasi sobat sehingga tampilannya semakin menarik.
• Langkah selanjutnya masih di menu Edit HTML dan tanda "Expand Widget Templates" masih tercentang Kemudian Cari Code dibawah ini,

<dl id='comments-block'>

<b:loop values='data:post.comments' var='comment'>

<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>

<a expr:name='data:comment.anchorName'/>

<b:if cond='data:comment.authorUrl'>

<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

<b:else/>

<data:comment.author/>

</b:if>

<data:commentPostedByMsg/>

</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>

<b:if cond='data:comment.isDeleted'>

<span class='deleted-comment'><data:comment.body/></span>

<b:else/>

<p><data:comment.body/></p>

</b:if>

</dd>

</b:if>

<dd class='comment-footer'>

<span class='comment-timestamp'>

<a expr:href='data:comment.url' title='comment permalink'>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</span>

</dd>

</b:loop>

</dl>

• Perhatikan kode yang berwarna ungu itu adalah code yang harus kamu tambahkan diantara kode yang berwarna putih diatas
  Ingat penempatan kode yang berwarna ungu harus benar maka perhatikan kode yang berwarna biru itu adalah tagsnya.
  
  
  Kalau sudah kemudian Simpan dan lihat hasilnya.
  
  

0 Cara Membuat Navigasi Breadcrumb di Blogspot

Cirebon-Cyber4rt - Navigasi Breadcrumb dapat membuat blog kita lebih SEO Friendly, karena akan mempermudah search engine menemukan artikel-artikel kita. Tidak hanya itu dengan adanya  Navigasi Breadcrumb maka pembaca dapat dengan mudah melihat posisi artikel yang dibaca serta mencari artikel dalam satu kategori.

Cara memasang breadcrumb navigation sebagai berikut :

• Login ke akun Blogger sobat
• Klik Tata Letak
• Pilih tab Edit HTML
• Download Full Template untuk jaga-jaga bila terjadi kesalahan
• Kemudian beri tanda centang pada kotak kecil di samping
  tulisan Expand Template Widget
• Silahkan cari kode  ]]></b:skin>
• Copy lalu paste kode di bawah ini persis di atas kode  ]]></b:skin>

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double
#e6e4e3;
}

•  Kemudian cari kode berikut pada template sobat :

          <div class='post hentry uncustomized-post-template'>

•  Lalu pasang kode dibawah ini persis di bawah kode <div class='post hentry uncustomized-post-template'>

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>

Browse &#187; <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>

</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>

• Kemudian Save template

Tunggu beberapa saat sampai template sobat tersimpan. Setelah selesai lihat pada postingan sobat tepatnya di atas judul artikel untuk menentukan berhasil tidaknya sobat memasang Navigasi Breadcrume. Good Luck!

0 Cara Membuat Tepi Gambar Bershadow Dengan CSS 3

Cirebon-Cyber4rt - CSS 3 adalah generasi CSS (Cascading Style Sheet) yang ke 3, banyak keunggulan CSS 3 dibandingkan generasi yang sebelumnya, dan sudah mulai digunakan browser-browser, yaitu diantaranya adalah Mozilla Firefox v 3.6 dan Safari V 3, semoga saja browser-browser lainya menyusul untuk mendukung CSS 3 ini.

Nah sebenarnya topik kita kali ini adalah "Membuat image post blogger berbayang/shadow" dengan menggunakan CSS 3, terlihat seperti gambar di samping kiri. Nah bagaimana caranya? silahkan ikuti langkah-langkah dibawah ini dan buktikan kecanggihan CSS 3.

Setelah Log In ke blogger pada dashboard masuk pada bagian "Design" lalu ke "Edit HTML"

Lalu cari code CSS dibawah ini

.post img {
- - -
- - -
}

Note : 

1. Perhatikan saja code yang berwarna merah diatas, karena garis ( - - - ) yang berwarna hijau adalah definisi CSS yang berbeda-beda setiap template
2. Dan kadang code yang berwarna merah ada tambahanya sehingga seperti ini : .post img, table.tr-caption-container {

Nah kalau sudah ganti code CSS tadi dengan definisi seperti dibawah ini

.post img {
background:#FFFFFF;
border:1px solid $bordercolor;
padding: 7px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}

Nah yang diganti adalah code CSS yang berwarna hijau saja.
kalau sudah lalu SAVE deh, dan lihat hasilnya di browser Mozilla v 3.6, Safari V 3 dan Google Chrome.

Sekian semoga bermanfaat...

0 Cara Menghilangkan Garis Bawah Pada Link

Pernah ada salah satu seorang sobat blogger yang mengirimkan pesan ke facebook saya, dia ini menanyakan cara menghilangkan garis bawah link yang ada pada setiap link. Garis bawah ini menurut beliau sangat mengganggu keindahan tulisan-tulisannya. Memang seperti kata-kata saya terdahulu, lain orang lain keinginan, untuk urusan link pun ada yang suka memakai garis bawah dan ada juga yang tidak suka akan garis bawah tersebut. 

Menurut kebiasan yang berlaku, sebuah tulisan yang berbentuk link biasanya memang mempunyai garis bawah, akan tetapi sebenarnya garis bawah tersebut bisa di hilangkan apabila kita mau. Bagaimana cara menghilangkan garis bawah pada link? untuk menghilangkannya sobat perlu merubah beberapa kode yang ada pada style sheet CSS, kode tersebut biasanya seperti ini :

a:link {
color:#58a;
text-decoration:underline;
}

a:hover {
color:#c60;
text-decoration:underline;
}

a:visited {
color:#969;
text-decoration:underline;
} 

Bagaimanakah cara menghilangkan garis bawahnya? nah, sobat hanya tinggal mengganti kata underline menjadi none. Jika sudah, lihat hasilnya...

Sekian postingan saya kali ini tentang cara menghilangkan garis bawah link. semoga dapat bermanfaat bagi sobat ^_^

0 Cara Mengukur Berat dan Loading Blog

Cirebon-Cyber4rt - Keasyikan mempercantik tampilan blog  dengan memasang segala pernak pernik accessories seperti widget, banner dsb, hingga membuat penampilan blog kita semakin cantik dan elegan, tapi itu harus dibayar mahal dengan loading  yang lama karena blog kita menjadi berat alias gendut bin gembrot, apalagi kalau koneksi internetnya lambat. Itulah yang saya alami hingga lupa Mengukur Berat Dan Loading Blog ini.

Dulu pernah diingatkan tentang berat loading blog ini, saya sudah pernah ganti template kurang lebih 6x dan belum menemukan template yang cocok dan ringan untuk blog saya ini. Dan akhirnya saya memilih template newbie transparent v1.0 ini. yaa... walaupun template ini tidak bersahabat dengan Web browser Mozilla Firefox, mau gimana lagi, wong udah cinta :D

Dulu sebelum saya rombak, template ini beratnya 217 kb, namun setelah saya edit sekarang beratnya hanya 76 kb. tapi itupun hanya berlaku di Web browser Google Chrome.

Sekarang saya punya tools untuk mengukur berat blog ini, agar selalu ingat untuk diet. ya itung-itung di Posyandu aja kan tiap bulan balita itu mesti timbang berat badan biar sehat... hihihi :D

Ada beberapa tools online service yang menyediakan jasa untuk test kecepatan atau Mengukur Berat Dan Loading Blog atau website, namun ingat hal ini tidak termasuk: koneksi internet yang memang lambat, komputer kita yang memang lemot & jadul dan kesalahan alam lainnya , tools tersebut diantaranya :

1. Pakai  Iwebtool Speed Test : Tinggal masukan URL Blog, klik Submit nanti akan tahu seberapa berat Sizenya (kb) dan berapa lama loadingnya (seconds).
2. Tool Pingdom  : Yang ini hasilnya agak komplit dan rinci sebab menampilkan grafik tentang lamanya loading dari semua objek  link yang ada dalam blog kita.
3. Tool Stopwatch  : Namanya juga stopwatch jadi kita akan tahu berapa detik loading blog kita.
4. Pakai WebSiteOptimization.com.  Yang ini hasilnya akan lebih komplit lagi, kita dapat mengetahui seberapa cepat waktu loading sebuah website apabila diakses menggunakan 6 kecepatan koneksi internet. Hasil tes juga disertai dengan analisis website yang dapat dipakai sebagai acuan untuk optimasi website lebih lanjut.

Dari tools diatas, disini saya hanya akan pasang yang no. 1 saja, sedangkan untuk yg lainnya akan saya posting kemudian (jika sempat). Namun agar blog/website kita tidak berat dan loadnya cepat ada beberapa tips yg mesti diperhatikan diantaranya :

1). Hapus Widgert/script yang tidak penting-penting amat, hal ini berdasarkan kepada :

• Apakah widget ini sangat anda butuhkan ?
• Apakah widget ini mempunyai nilai/kegunaan bagi pembaca (jika widget ini tidak ada apakah pembaca akan kesulitan mencari sebuah artikel) ?
• Apakah pembaca anda akan mengeluh jika anda menghapus widget dari tampilan blog anda?

2). Kurangi jumlah atau perkecil gambar yang anda gunakan.

3). Sederhanakan CSS anda.

Sekian postingan saya kali ini tentang Cara Mengukur Berat dan Loading Blog, semoga dapat bermanfaat bagi sobat bloger semua :)

0 Apa Penyebab Blog Sepi komentar ?

Apa Penyebab Blog Sepi komentar? - Apa Penyebab Blog Sepi komentar? Inilah yang sering menjadi pertanyaan banyak blogger terhadap penyebab blog sepi komentar, maka hari ini Deny akan membahasnya.

Apa Penyebab Blog Sepi komentar? Pertanyaan itu sering dilontarkan khususnya blogger-blogger yang masih baru dalam dunia per-bloggeran yang baru memulai blog. Kendala ini seringkali terjadi dan banyak mengeluh, apa yang kurang dari blog saya?

Pengunjung di blog anda sudah banyak, namun komentarnya masih sedikit bahkan ada yang tidak berkomentar sama sekali. Mari kita teliti dari dialog berikut:

Deny: Kenapa kamu tidak mau berkomentar di blog dia?
Anonymous: Saya malas membaca artikelnya.

Deny: Lho kok malas?
Anonymous: Artikelnya gak bermutu, lagian tulisannya juga acak-acakkan.

Deny: Jika tulisannya berkualitas dan gak acak-acakkan, apakah kamu mau berkomentar?
Anonymous: Tidak, blognya berat.

Deny: Jika blognya tidak berat, apa kamu mau berkomentar?
Anonymous: Tidak, karena komentarnya harus dimoderasi dulu.

Deny: Jika komentarnya tidak dimoderasi, apakah kamu mau berkomentar.
Anonymous: Tidak, karena komentarnya pake verifikasi.

Deny: Jika komentarnya tidak diverifikasi, kamu mau berkomentar?
Anonymous: Ya pastinya.

Dari diskusi di atas kita dapat simpulkan bahwa penyebab blog sepi komentar adalah:

1. Pengunjung Blog Memang Sepi

Jika ada kendala yang satu ini, memang sudah untuk anda untuk memiliki komentarnya yang banyak. Penyebab yang satu ini kadang-kadang terjadi karena kurangnya seo blog anda, ataupun kurangnya promosi terhadap blog anda. Saran saya optimasi dulu blog anda ataupun submit artikel ke lintas berita (baca: Cara Mensubmit Artikel ke Lintas Berita) dan direktori seperti dmoz (baca: cara mendaftarkan blog ke dmoz) untuk menambah backlink blog anda.

2. Loading Berat

Loading blog yang berat akan menjadi kendala yang paling utama pengunjung sulitnya berkomentar. Tidak hanya berkomentar, pengunjung pun akan susah untuk berkunjung ke blog anda jika blog anda masih berat. Segera optimalkan kecepatan blog anda untuk memudahkan pengunjung mengakses blog anda. Saran saya gunakan widget yang penting saja (baca: 5 widget pilihan untuk blog) dan buang widget yang tidak penting seperti jam dan kalender atau flash lainnya. Selain itu compress gambar blog anda yang berat itu bisa dengan advanced compressor jpeg ataupun compressor gambar lainnya.

3. Terlalu Banyak Posting Dalam Sehari

Jangan terlalu bernafsu untuk mempublish beberapa posting dalam sehari. Jika anda mempunyai ide posting yang banyak (baca: tips mendapatkan ide posting) segera saja tulis namun jangan dipublish terlebih dahulu. Gunakanlah fitur blogger yang sudah terjamin bagus yaitu dengan mengatur jadwal posting (baca: mengatur jadwal posting). Fitur ini akan membantu anda nantinya untuk menghemat waktu dan tidak membuang waktu yang sia-sia.

Pada beberapa kasus, blog yang memposting berlebihan hingga 5 posting dalam sekali akan memperburuk seo anda karena akan dianggap spam oleh blogger. Selain itu, pengunjung akan bingung untuk berkomentar di postingan mana, karena banyaknya posting pada hari itu. Inilah yang menyebabkan blog anda sepi komentar, perlu diingat anda perlu juga untuk membalas komentar pengunjung di artikel anda, agar pengunjung terus berkomentar dan segan terhadap jawaban anda (baca: pentingnya menjawab setiap komentar di blog).

4. Konten Anda Kurang Menarik dan Kurang Berkualitas

Tidak dapat dipungkiri lagi, kualitas konten dan kurang menariknya dari konten itu sendiri akan merugikan anda. Selain google yang tidak suka terhadap konten yang berkualitas, pengunjung bahkan juga tidak suka sehingga ia malas berkomentar karena kurang tertarik dengan artikel anda yang seharusnya untuk dikomentari. Belajarlah buat artikel yang menarik namun original atau hasil karya anda sendiri. Itu akan lebih menguntungkan.

Selain itu bahasa yang anda gunakan harus se-komunikatif mungkin untuk menjaring pengunjung dan menarik simpati pengunjung untuk berkomentar. Gunakan bahasa indonesia yang baik dan benar, terutama untuk tips dan tutorial-tutorial seperti Blog SEO ini.

5. Kotak Komentar Menggunakan Moderasi dan Verifikasi

Kedua poin di atas yaitu kotak komentar menggunakan moderasi dan verifikasi menjadi masalah yang cukup harus ditangani. Meskipun sisi positifnya baik, yaitu untuk meminimalisir komentar spam yang ditujukan untuk blog kita dari orang-orang iseng, namun jangan lupakan sisi negatifnya. Pengunjung akan malas berkomentar jika kotak komentar blog anda memiliki verifikasi karena secara langsung bagi yang memiliki kecepatan akses rendah akan menyulitkan karena harus menunggu kode verifikasi. Begitu pula dengan moderasi, pengunjung akan malas berkomentar karena komentarnya harus dimoderasi dulu, karena kebanyakan mereka ingin komentarnya terlihat tanpa menunggu lagi.

6. Jarang Blogwalking dan Berkomentar

Tahukah anda bahwa blogwalking dan berkomentar di blog orang lain itu penting? Selain menjaga persahabatan dan menambah ilmu, kita juga bisa mendapatkan komentar balik lho. Namun saya ingatkan untuk tidak menyepam, karena google saja tidak suka apalagi admin blog, ia tidak akan berkomentar balik.
Saya sarankan berkomentarlah yang baik agar pengunjung dan admin blog terkesan dengan komentar anda, sehingga ia tidak merasa rugi jika ingin berkomentar balik di blog anda.

Sumber

0 Cara Membuat Back To Top Dengan Jquery

Kali ini saya akan membahas mengenai Cara Membuat Back To Top Dengan Jquery, Cara Membuat Back To Top Dengan Jquery pada Blogsot. untuk langkahnya anda langsung menuju ke TKP :

Login Ke Blogger
MAsuk ke Rancangan --> Tata Letak --> Add Widget --> Html/Javascript.
Kemudian masukkan kode berikut :

<style type="text/css">
#scrolltotop a
{
display: block;
display: none;
z-index: 999;
opacity: .6;
position: fixed;
top: 100%;
margin-top: -20px;
left: 50%;
margin-left: -150px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
width: 68px;
line-height: 1px;
height: 15px;
padding: 10px 3px;
background-color: #000;
font-size: 12px;
font-weight: bold;
text-align: left;
color: #fff;
}
</style>
<div id="scrolltotop"><a href="#">Scroll to top</a></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
var scroll_timer;
var displayed = false;
var $scrolltotop = $('#scrolltotop a');
var $window = $(window);
var top = $(document.body).children(0).position().top;
$window.scroll(function () {
window.clearTimeout(scroll_timer);
scroll_timer = window.setTimeout(function () {
if($window.scrollTop() <= top)
{
displayed = false;
$scrolltotop.fadeOut(500);
}
else if(displayed == false)
{
displayed = true;
$scrolltotop.stop(true, true).show().click(function () { $scrolltotop.fadeOut(500);
});
}
}, 100);
});
});
</script>

Ganti kode yang berwarna merah sesuai dengan keinginan anda
Kemudian Save.

Dan lihatlah hasilnya, blog anda akan terlihat lebih menarik dan keren dengan Back to top Jquery.