Downlod game terbaru full vertion dan download software anti virus: teknik blog

Showing posts with label teknik blog. Show all posts

Tuesday, March 5, 2013

Cara Menampilkan Postingan Blog Di Google+

Menampilkan Postingan Blog Di Google+ - Blogspot atau blogger merupakan salah satu produk buatan Google yang ditujukan sebagai media bagi para pengguna yang ingin melakukan blogging secara gratis. Selain blogspot, Google juga kembali meluncurkan produk barunya di bidang jejaring sosial bernama Google+ untuk menyaingi popularitas Facebook. Dalam postingan kali ini kita tidak akan mendiskusikan bagaimana kehebatan kedua produk Google tersebut, tetapi akan membahas bagaimana cara menampilkan postingan blog yang baru saja kita buat di blogspot agar segera muncul di halaman Google+ milik kita karena kedua produk ini sudah terintegrasi.

Kemudahan menampilkan postingan blog di halaman Google+ akan memberikan keuntungan bagi kita. Kita dapat mempromosikan konten blog terbaru tersebut di Google+ secara singakt dan cepat, sehingga kemungkinan mendapat kunjungan dari teman yang melihat update konten blog terbaru kita tersebut semakin besar. Kita tidak perlu repot menuliskan link postingan blog secara manual di Google+ seperti sebelumnya. Dengan demikian, promosi blog akan semakin mudah dilakukan dan menghemat waktu.

Semakin banyak media yang digunakan untuk mempromosikan blog maka peluang blog kita untuk dikenal banyak orang dan mendapatkan banyak kunjungan akan semakin besar.

Adapun cara untuk menampilkan postingan terbaru blogspot di Google+ milik kita adalah sebagai berikut.

1. Buat akun Google+.
2. Masuk ke akun blogspot > Google+ > tingkatkan versi ke.

3. Contreng persyaratan penggunaan > beralih sekarang juga.
4. Google+ > pilih halaman profil atau laman yang akan menampilkan update postingan terbaru blog kita.

5. Entri baru > buat postingan terbaru di blog > ketika selesai dipublikasikan akan muncul pop up konfirmasi > atur sesuai keinginan kita > bagikan.

Setelah kita melakukan pengaturan ini, penggunaan profil blogger kita sebelumnya akan digantikan dengan profil Google+. Dengan demikian, jika sebelumnya ada komentar yang menggunakan profil blogger milik kita di postingan blog maka ketika diklik tidak akan menampilkan informasi profil blogger kita lagi. Akan tetapi, secara otomatis kita akan dialihkan langsung menuju profil Google+ milik kita. Hal ini tidak hanya berlaku bagi satu blog, tetapi berlaku bagi semua blog yang telah kita buat menggunakan satu akun Google tersebut.

Monday, March 4, 2013

Cara Menampilkan Foto Di Pencarian Google

Menampilkan Foto Di Pencarian Google – Jika kita memiliki sebuah blog, halaman blog kita pasti akan muncul di halaman hasil penelusuran mesin pencari terutama Google. Meskipun kemunculan halaman blog tersebut tergantung pada SEO dan keyword yang diinginkan, tetapi kemungkinan kemunculan halaman blog kita di hasil penelusuran tetap ada. Secara default, tampilan halaman blog yang muncul hanya berupa teks. Agar lebih menarik minat pembaca untuk berkunjung, kita dapat menambahkan gambar di samping teks halaman blog kita tersebut dengan cara yang mudah.

Blog yang memiliki foto pada tampilan halaman blognya di halaman hasil penelusuran Google akan menarik minat pembaca untuk berkunjung karena kesan menarik serta sugesti bahwa blog tersebut populer dan terpercaya.

Adapun cara untuk menampilkan foto di pencarian Google adalah sebagai berikut.

1. Masuk ke akun Google+ > profil > edit profil > tentang > ganti kontributor dan tautan dengan judul dan URL blog kita.

2. Masuk ke akun blogger > dasbor > template > edit HTML.
3. Contreng Expand Template Widget dan tekan tombol Ctrl+F pada keyboard untuk menampilkan kotak penelusuran.
4. Cari kode <head> dan masukan kode berikut dibawahnya.

5. Ganti ID Profil Google+ berwarna merah dengan ID Profil Google+ milik kita masing-masing dengan cara melihatnya pada address bar.
6. Untuk memastikan keberhasilan dalam menampilkan foto pada pencarian Google, masukan URL blog kita pada Google Richsnippet.

Jika dalam tampilan preview di Google Richsnippet halaman blog kita sudah berhasil menampilkan foto, bukan berarti foto tersebut langsung muncul di halaman hasil penelusuran Google yang sebenarnya. Hal ini dimungkinkan Google perlu melakukan pengaturan khusus terkait proses penambahan foto yang telah kita lakukan. Gunakan foto profil yang akan ditambahkan dengan foto yang sopan dan mudah diingat karena bukan tidak mungkin foto tersebut akan menjadi branding bagi blog kita.

Saturday, January 28, 2012

Cara Ubah Jenis dan Ukuran Font Di Postingan Blog

Cara Ubah Font Di Postingan Blog – Blog adalah media yang pas untuk menuangkan ide dan gagasan yang kita miliki selama ini. Blog menjadi pilihan tempat yang pas karena dengan media blog kita dapat mengekspresikan ide dan gagasan tersebut dalam bentuk tulisan yang kemudian dapat dilihat serta dibagi-bagikan kepada teman-teman kita lainnya. Tidak hanya itu, kita juga bisa mendapatkan komentar sebagai umpan balik dari teman dan pembaca yang perlu untuk kita tanggapi atas tulisan yang telah kita buat dan publikasikan.

Sebagian besar orang menggunakan blog sebagai media untuk menulis. Akan tetapi, kita juga dapat menggunakannnya untuk keperluan lainnya. Bagi kita yang terbiasa untuk menulis dan mempublikasikan tulisan tersebut di blog, kita tentu akan merasa senang jika tulisan tersebut juga mendapatkan respon yang baik dari para pembaca. Salah satu bentuk respon yang baik tersebut seperti bagusnya komentar yang masuk baik dari segi kualitas maupun kuantitasnya.

Adakah trik untuk mendapatkan semua itu? Tentu saja ada berbagai faktor yang perlu untuk kita pertimbangkan agar banyak pengunjung yang membaca tulisan kita hingga akhirnya membaca dan memberi komentar dengan baik. Salah satu faktor mendasar yang penting untuk kita perhatikan adalah jenis tulisan yang kita gunakan dalam postingan blog kita. Baca kembali artikel tentang memilih huruf yang pas dalam postingan blog dan baca artikel yang masuk dalam kategori tips menulis untuk meningkatkan kemampuan menulis kita.

Berkaitan dengan pemilihan huruf yang pas bagi postingan blog kita, bagaimana cara untuk mengubah ukuran dan jenis font dalam postingan blog kita? Berikut ini akan dijelaskan cara mengubah jenis font dan ukuran font di dalam postingan blog kita.

Pertama masuk ke dalam akun blogger kita masing-masing.

Klik rancangan.

Klik edit HTML.

Contreng expand template widget.

Cari kode berikut.

.post-body{ atau .post-body {

Untuk mengubah jenis font di postingan blog kita, masukan kode berikut di dalam kode di atas.

font-family:georgia

Untuk mengubah ukuran font di postingan blog kita, masukan kode berikut di dalam kode di atas.

font-size:15px;

Contoh kode untuk mengubah jenis dan ukuran font.

.post-body{font-family:georgia;font-size:15px;

Klik simpan template dan selesai.

Keterangan:

Ganti georgia dengan jenis font yang kita sukai.
Ganti 15px dengan ukuran font yang kita sukai.
Gunakan tombol Ctrl+F pada keyboard untuk mempercepat proses pencarian kode yang kita inginkan di dalam template blog.
Unduh dan simpan template blog kita terlebih dahulu sebagai langkah antisipasi jika kita mengalami kegagalan ketika proses editing berlangsung.

Pada dasarnya tujuan utama pengunjung datang ke blog kita adalah untuk membaca. Karena itu, berikanlah tampilan jenis font yang selaras dengan desain template blog kita dan mudah serta nyaman untuk dibaca. Atur juga ukuran font agar tidak terlalu besar atau terlalu kecil. Sehingga, dengan pengaturan jenis dan ukuran font di postingan blog yang pas akan membuat pengunjung semakin betah untuk berlama-lama membaca setiap halaman postingan di blog kita.

Friday, January 13, 2012

Cara Membuat Read More Otomatis

Read More Otomatis – Read more dalam blog sangat berperan penting bagi tampilan halaman depan blog tersebut. Pemasangan read more dapat meringkas kalimat dalam satu postingan yang panjang menjadi lebih pendek. Sehingga, dengan adanya read more yang meringkas tulisan ini dapat membuat halaman depan blog kita menjadi lebih rapi dan nyaman dilihat.

Jika kita memiliki blog yang menggunakan template bawaan dari blogspot, kita tentu tidak akan memiliki template yang dilengkapi fungsi read more di dalamnya. Blogspot memang tidak menyediakan fasilitas read more dalam template blognya. Sehingga, jika kita ingin menggunakan fasilitas read more ini di dalamnya maka kita perlu memasangnya secara manual. Read more memiliki banyak fungsi seperti meringkas tulisan dari sebuah postingan yang muncul di halaman depan blog, meningkatkan pageviews dan durasi berkunjung di blog, hingga manfaat utamanya yaitu membuat tampilan halaman depan blog menjadi lebih ringkas dan rapi ketika dilihat.

Untuk memudahkan dalam proses penggunaannya, kita dapat memasang read more yang bersifat otomatis. Pemasangan read more otomatis ini berbeda dengan read more biasa karena read more otomatis akan meringkas dan melakukan fungsi read more dalam setiap postingan di halaman depan blog kita tanpa perlu memasukan kode HTML tertentu ketika menerbitkan postingan blog secara manual. Sehingga, pemasangan read more otomatis ini tentu lebih mudah dan menguntungkan daripada read more biasa.

Pemasangan read more otomatis di blog ini juga mudah dilakukan. Kita hanya perlu memasukan javascript dan kode lainnya dalam template blog kita. Adapun cara untuk memasang read more di blog selengkapnya adalah sebagai berikut:

Pertama, masuk ke dalam akun blogger kita masing-masing.

Klik rancangan.

Klik edit HTML.

Klik expand template widget.

Cari kode berikut.

</head>

Masukan kode berikut di atasnya.

Cari kode berikut.

<data:post.body/>

Hapus dan ganti dengan kode di bawah ini.

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more</b></a></span>
</b:if>
</b:if>

Klik simpan template dan selesai.

Keterangan:

Download template terlebih dahulu sebagai backup jika kita mengalami kegagalan dalam proses editing.
Gunakan tombol Ctrl+F pada keyboard untuk mempercepat proses pencarian kode yang kita inginkan di dalam template blog.
summary_noimg merupakan jumlah karakter yang ditampilkan tanpa menggunakan gambar dalam postingan blog.
summary_img merupakan jumlah karakter yang ditampilkan ketika dalam postingan blog terdapat gambar.
img_thumb_height merupakan tinggi gambar yang ditampilkan.
img_thumb_width merupakan lebar gambar yang ditampilkan.
Kita juga dapat mengganti tulisan Read more sesuai keinginan kita.

Pemasangan read more dalam blog juga bermanfaat untuk meningkatkan jumlah pageviews. Jika blog kita sudah terpasang read more tentu setiap pengunjung tidak bisa membaca artikel di halaman depan blog kita secara tuntas karena ada fungsi read more yang hanya menampilkan sepenggal tulisan awalnya saja. Sehingga, untuk bisa membacanya sampai selesai pengunjung tersebut harus klik read more untuk membuka halaman artikel secara keseluruhan. Nah, alasan inilah yang kemudian membuat jumlah pageviews atau jumlah halaman postingan blog kita yang dibuka oleh pembaca menjadi bertambah banyak.

Manfaat lainnya dari pemasangan read more adalah kita dapat menampilkan jumlah postingan yang lebih banyak di halaman depan blog karena setiap posting yang ditampilkan merupakan hasil ringkasan dari fungsi read more yang membuat postingan tersebut menjadi semakin pendek. Ketika postingan yang tampil di halaman depan menjadi lebih banyak maka pengunjung akan memiliki lebih banyak lagi pilihan untuk membuka dan membaca artikel dalam blog kita.

Monday, January 9, 2012

Cara Menghilangkan Tombol Tang dan Obeng Di Blog

Hilangkan Tombol Tang dan Obeng Di Blog – Tombol tang dan obeng yang muncul di halaman blog saat kita sedang dalam keadaan login berfungsi untuk melakukan edit pada bagian tertentu secara cepat. Fungsi ini memang penting bagi kita yang sering melakukan editing dan ingin melakukannya dengan cepat. Karena dengan hanya mengklik ikon tombol tang dan obeng tersebut kita akan langsung diarahkan menuju ke bagian elemen laman yang dituju untuk diedit atau dimodifikasi.

Meskipun demikian, ada juga blogger di antara kita yang tidak suka dan merasa kurang nyaman dengan tampilan tang dan obeng ini. Jika kita termasuk dalam salah satu blogger yang tidak begitu suka dengan tampilan tang dan obeng saat kita berada dalam keadaan login, kita dapat menghilangkannya dari tampilan blog milik kita. Caranya cukup mudah karena kita hanya perlu menambahkan kode yang fungsinya untuk menghilangkan tampilan tang dan obeng tersebut.

Adapun cara untuk menghilangkan tang dan obeng di blog ini antara lain sebagai berikut:

Masuk ke dalam akun blogger kita masing-masing.

Klik rancangan.

Klik edit HTML.

Klik expand template widget.

Cari kode berikut.

]]></b:skin>

Masukan kode berikut di atasnya.

.quickedit{
display:none;
}

Klik simpan template dan selesai.

Keterangan:

Unduh template blog kita terlebih dahulu sebagai backup jika kita mengalami kegagalan ketika proses editing berlangsung.
Gunakan tombol Ctrl+F pada keyboard untuk mempercepat proses pencarian kode yang kita inginkan.

Saat ini ikon tang dan obeng tidak akan tampil kembali di halaman blog ketika kita dalam keadaan login. Keuntungannya adalah tampilannya akan menjadi lebih rapi dan nyaman dilihat, sedangkan kelemahannya kita tidak dapat melakukan editing terhadap blog kita secara cepat. Padahal, tampilan tang dan obeng ini tidak akan terlihat oleh pengunjung lainnya meskipun kita sedang dalam keadaan login karena hanya kita sendiri sebagai admin yang bisa melihatnya.

Monday, December 26, 2011

Cara Tambah Scroll Di Komentar Blog

Tambah Scroll Di Komentar Blog – Menambahkan fungsi scroll di kotak komentar blog merupakan salah satu alternatif yang bisa dilakukan bagi pemilik blog yang ingin meringkas tampilan komentar yang muncul di setiap halaman postingan blognya. Dengan meringkas tampilan kotak komentar tersebut tentu akan membuat tampilan halaman blog menjadi lebih rapi dan hemat ruang. Pembaca juga diberikan kemudahan ketika ingin menuliskan komentar tanpa harus kesulitan membaca dan melewati komentar pembaca lain satu per satu.

Kadang ada di antara kita yang ingin tampilan semua komentar di setiap postingan blog sengaja ditampilkan semua untuk memberikan kesan ramai dan memberikan sugesti pada pembaca lainnya untuk berkomentar. Akan tetapi, ada juga sebagian di antara kita yang ingin menyembunyikan semua komentar yang telah diberikan pembaca dalam postingan blog kita dengan hanya menampilkannya sebagian komentar melalui tampilan kotak komentar yang diberi fungsi scroll.

Cara menampilkan fungsi scroll pada komentar blog merupakan alternatif bagi kita yang ingin meringkas tampilan komentar dari pembaca terhadap postingan blog kita. Dengan penambahan fungsi scroll maka tampilan kotak komentar akan menjadi lebih ringkas dan hemat ruang. Selain itu, tampilan komentar yang berbeda dari biasanya ini juga bisa menimbulkan kesan menarik bagi para pembaca kita.

Cara untuk menampilkan fungsi scroll pada komentar blog kita ini juga relatif mudah. Kita hanya perlu menambahkan fungsi scrolling di HTML template blog kita pada bagian komentar. Adapun cara untuk menambahkannya adalah sebagai berikut:

Masuk ke akun blogger kita masing-masing.

Klik rancangan.

Klik edit HTML.

Klik expand template widget.

Cari kode berikut.

#comments-block{

atau

#comments-block {

Jika pada template terdapat kode untuk menampilkan border dalam komentar blog kita, hapus terlebih dahulu. Contoh kode bordernya adalah sebagai berikut.

border:0px dotted #ccc;

Kemudian tambahkan kode berikut setelahnya.

max-height:300px;border:1px solid #eee;overflow:auto;

klik simpan template dan selesai.

Keterangan:

Ganti angka 300px pada height untuk merubah tinggi kotak komentar.
Ganti angka 1px pada border untuk mengubah ketebalan garis border.
Ganti solid untuk mengubah jenis border yang ditampilkan. Silakan lihat postingan Buat Border Dalam Postingan Blog untuk referensi jenis border yang kita sukai.

Pemasangan fungsi scroll dalam komentar blog ini juga memberikan kerugian bagi para pembaca yang selalu membaca komentar pembaca lainnya sebelum berpartisipasi memberikan komentar. Hal ini dikarenakan keterbatasan ruang baca dalam membaca komentar untuk postingan blog kita oleh pembaca. Karena, sebaiknya pemasangan fungsi scroll dalam komentar blog kita ini juga memperhatikan aspek kenyamanan, kerapian, dan kesan elegan yang ditinjau dari beberapa sudut pandang.

Monday, December 12, 2011

Cara Menghapus Atribusi Blogger

Hapus Atribusi Blogger – Menghapus atribusi blogger (salah satu situs pembuat blog) merupakan sebuah tindakan yang sudah banyak dilakukan oleh sebagian besar blogger (orang yang melakukan blogging). Hal ini tercermin dari template yang kita gunakan sudah tidak lagi mencantumkan atribusi blogger yang terletak di bagian footer. Penghapusan atribusi blogger ini kebanyakan memang disengaja dengan alasan ingin mempercantik tampilan blog.

Menghapus atribusi blogger itu sendiri bisa dikaitkan dengan adanya pelanggaran terhadap syarat dan ketentuan penggunaan blogger. Info selengkapnya silakan lihat halaman Persyaratan Layanan Blogger. Akan tetapi, pada kenyataannya blogger tidak begitu banyak mempedulikan pelanggaran seperti ini. Buktinya adalah sekarang kita sering menjumpai sebuah blog berbasis blogspot yang sudah tidak lagi mencantumkan atribusi blogger dan tetap eksis tidak terkena banned oleh blogger.

Kebanyakan template yang disediakan oleh pihak ketiga memang sudah tidak lagi mencantumkan atribusi blogger. Akan tetapi, jika kita masih menggunakan template bawaan dari blogger maka template tersebut akan secara otomatis terpasang atribusi blogger yang tidak bisa dihilangkan secara manual. Permasalah muncul ketika ada blogger yang masih ingin menggunakan template bawaan blogger tetapi juga ingin menghapus atribusi blogger di templatenya tersebut untuk beberapa alasan.

Contoh tampilan atribusi blogger.

Meski tidak dapat dihapus secara manual, tetapi kita masih dapat menghapus atribusi blogger pada template bawaan dengan menambahkan kode untuk menyembunyikan widget atribusi ini melalui editing HTML template secara langsung. Adapun cara untuk menghapus atribusi blogger pada template bawaan blogger adalah sebagai berikut.

Masuk ke dalam akun blogger masing-masing.

Klik rancangan.

Klik edit HTML.

Contreng expand template widget.

Cari kode berikut.

]]></b:skin>

Masukan kode berikut di atasnya.

#Attribution1 {
height:0px;
visibility:hidden;
display:none
}

Klik simpan dan selesai.

Keterangan:

Klik tombol Ctrl+F pada keyboard untuk mempercepat proses pencarian kode yang kita inginkan di template blog.
Download template blog terlebih dahulu sebagai backup jika proses editing template mengalami kegagalan.

Menghapus atribusi blogger memang bisa dibilang melanggar syarat dan ketentuan penggunaan blogger layaknya menghilangkan navbar pada blog. Meskipun demikian, blogger sendiri tidak memberikan hukuman atas pelanggaran seperti ini. Kita bisa melihat kebanyakan blogger seperti kita masih menghilangkan navbar dan atribusi dan tidak terkena banned.

Salah satu kemungkinan yang mendasari blogger tidak terlalu kejam dalam menindaklanjuti pelanggaran ini adalah pelanggaran jenis ini tidak terlalu berbahaya terhadap aktifitas blogging secara umum. Selain itu, kebanyakan blog yang dibuat seorang blogger menggunakan layanan blogger merupakan tulang punggung Google yang sekaligus pemilik blogger sebagai media pemasaran iklan dari para advertiser mereka. Sehingga, apabila banyak blog dibanned Google dan kemudian berujung pada minimnya minat seorang blogger untuk menggunakan layanan blogger kembali, bisa dipastikan jika hal ini akan mempengaruhi pemasaran iklan Google secara keseluruhan dan membawa kerugian yang besar.

Monday, November 28, 2011

Cara Menampilkan Avatar Pada Komentar Blog

Menampilkan Avatar Di Komentar Blog – Salah satu cara untuk mempromosikan blog kita adalah berkomentar di blog milik orang lain. Karena dengan hal tersebut paling tidak bisa membuat pemilik blog yang telah kita komentari sebelumnya berkenan untuk berkunjung balik hingga terciptalah jalinan pertemanan dengannya.

Ada beberapa hal yang dapat kita lakukan untuk menarik minat pembaca agar berkenan meninggalkan komentarnya di blog kita. Untuk pembahasan lengkapnya, silakan baca artikel 7 Tips Meningkatkan Jumlah Komentar Di Blog. Salah satu upaya yang kita lakukan adalah dengan memberikan tampilan form komentar yang menarik dan memikat pembaca.

Akan tetapi, dalam melakukan tips tersebut kita akan sedikit menemukan kendala karena pada tampilan komentar default blogger tidak memunculkan avatar untuk pilihan profil komentar selain berkomentar menggunakan profil akun google.

Coba lihat tampilan di bawah ini.

Bagaimana cara menampilkan avatar pada komentar blog ?

Masuk ke dalam akun blogger masing-masing.

Klik rancangan.

Klik edit HTML.

Klik expand template widget.

Cari kode berikut ini.

atau

Kemudian hapus dan ganti dengan kode berikut ini.

Cari kode berikut ini.

Kemudian hapus juga dan ganti dengan kode berikut ini.

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>

Cari kode berikut ini.

]]></b:skin>

Tambahkan kode berikut ini di atasnya.

#comments-block .avatar-image-container img {
background: #fff url(URL Avatar) no-repeat left top;
width:32px;
height:32px
}

Klik simpan dan selesai.

Keterangan:

Unduh dan simpan template blog kita terlebih dahulu sebagai antisipasi jika terjadi kegagalan dalam proses editing template.
Tekan tombol Ctrl+F pada keyboard untuk mempercepat proses pencarian kode yang kita inginkan dalam template blog kita.
Ganti URL Avatar dengan alamat gambar avatar yang ingin kita tampilkan untuk mengisi kekosongan gambar profil di tampilan komentar blog.
Ganti ukuran tinggi (height) dan lebarnya (width) sesuai keinginan kita.

Ini adalah contoh tampilan komentar blog yang sudah kita pasangi avatar untuk profil komentar selain akun google.

Dengan pemasangan avatar pada komentar blog ini akan membuat tampilan komentar menjadi lebih attraktif dan menarik, sehingga diharapkan akan memancing banyak pembaca untuk meninggalkan komentarnya di postingan blog kita. Semakin banyak pembaca yang aktif memberikan komentarnya di postingan blog kita, maka akan membuat blog menjadi lebih hidup karena tingginya intensitas komunikasi antara pemilik blog dengan para pembacanya.

Wednesday, November 23, 2011

Inilah Cara Termudah Untuk Mengatasi Kotak Kode Verifikasi Komentar Yang Tidak Muncul Di Blog

Cara atasi kode verifikasi komentar blog - Blogwalking adalah aktifitas yang menyenangkan. Selain bermanfaat karena menambah pengetahuan baru, kita juga dapat menjalin ikatan silaturahmi dengan blogger lain sekaligus promosi blog milik kita dengan cara berkomentar di blog mereka.

Akan tetapi, ada juga blogger yang memberikan kode verifikasi di sebelum kita memberikan komentar di blog mereka untuk mencegah munculnya SPAM. Sehingga, kadang kala kegiatan berkomentar untuk menyambung silaturahmi dan promosi blog ini sedikit terganggu ketika kotak atau bingkai kode verifikasi komentar yang diberikan tersebut tidak muncul sepenuhnya.

Akibatnya, kita tidak bisa memasukan kode verifikasi komentar tersebut ke dalam kotak yang disediakan hingga akhirnya komentar pun tidak dapat kita berikan.

Penyebab tidak munculnya kotak untuk mengisikan kode verifikasi karena ukuran form komenar itu sendiri yang terlalu kecil. Sehingga, kita tidak bisa memasukan kode verifikasi pada kotak yang sudah disediakan dan tidak dapat melihat tombol untuk mengirim kode verifikasi tersebut.

Ada dua cara yang dapat kita gunakan untuk mengatasi kotak kode verifikasi yang tidak muncul di blog ini, yaitu dengan memberikan fungsi scroll pada kotak komentarnya dan mengubah ukuran kotak komentar tersebut menjadi lebih besar.

Langkah untuk mengatasi kotak kode verifikasi komentar yang tidak muncul di blog ini dapat kita lihat sebagai berikut:

Pertama, masuk ke akun blogger masing-masing.

Klik rancangan.

Klik edit HTML.

Klik expand template widget.

Cari kode seperti berikut.

Tambahkan fungsi scroll.
Ubah keterangan scrolling sehingga kodenya berubah seperti berikut.

Perbesar ukuran form.
Kita juga dapat mengatasinya dengan cara mengubah ukuran form menjadi lebih besar. Ubah ukuran tingginya (height) sehingga berubah menjadi seperti berikut.

Klik simpan template dan selesai.

Setelah masalah form komentar ini kita perbaiki, jumlah komentar di blog kita yang semula berkurang atau bahkan tidak ada sama sekali bisa bertambah menjadi banyak mulai sekarang. Sehingga, kegiatan blogging pun akan semakin menyenangkan bagi pengunjung dan pemilik blognya.

Friday, November 18, 2011

Bagaimana Cara Buat Thread Komentar Pada Blog ?

Bagaimana cara membuat thread komentar pada blog? Mungkin itulah salah satu pertanyaan yang sering diajukan oleh blogger pengguna blogspot dalam rangka mengoptimalisasi kinerja blognya.

Optimalisasi dalam komentar itu perlu. Coba saja baca kembali artikel tentang 5 alasan menjawab setiap komentar di blog, tips dalam berkomentar di blog, serta 7 tips meningkatkan jumlah komentar di blog. Dengan adanya komentar, maka interaksi antara kita sebagai pemilik blog dengan pembaca akan semakin dekat. Sehingga, hal ini akan membuat suasana dalam postingan blog tersebut menjadi lebih hidup.

Akan tetapi, ada sedikit kendala yang harus dihadapi bagi pengguna blogspot. Fakta yang perlu kita ketahui adalah blogspot memiliki kelemahan dibandingkan wordpress dalam hal fitur komentar. Fitur komentar blogspot terkesan lebih sederhana, sementara fitur komentar wordpress lebih friendly. Hal inilah yang kemudian menjadikan alasan mengapa setiap blog wordpress sering sekali mendapatkan banyak komentar di setiap postingannya.

Blog di wordpress lebih friendly karena adanya fitur reply untuk setiap komentarnya, sedangkan blogspot tidak. Selain itu, setiap komentator juga dapat melakukan balasan untuk komentar tertentu dan komentar balasan tersebut akan langsung muncul pada bagian bawah komentar yang di balas tersebut, bukan pada bagian paling bawah semua komentar.

Untuk itu, bagaimana cara yang harus kita lakukan untuk membuat tampilan komentar pada blogspot agar lebih friendly dengan tampilan fasilitas reply ini? Cara yang dilakukan untuk menyiasatinya adalah dengan membuat thread komentar pada setiap komentar-komentar yang muncul di bawah isi postingan blog kita.

Cara untuk membuat thread komentar pada blogspot akan dijelaskan pada uraian langkah-langkah di bawah ini.

Pertama, masuk ke dalam akun blogger kita.

Klik rancangan.

Klik edit HTML.

Klik expand template widget.

Cari kode berikut.

]]></b:skin>

Masukan kode berikut tepat sebelumnya.

#comments h4 {
font-size: 24px;
font-weight: normal;
margin: 20px 0;
}

.cm_wrap {
clear: both;
margin-bottom: 10px;
float: right;
width: 100%;
}

.cm_head {
margin: 0;
width: 70px;
float: left;
}

.cm_avatar {
margin: 0;
vertical-align: middle;
border: 1px solid #DDD;
padding: 3px;
background: white;
width: 35px;
height: 35px;
}

.cm_reply {
padding-top: 5px;
}

.cm_reply a {
display: inline-block;
margin: 0;
padding: 1px 6px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
}

.cm_reply a:hover {
text-decoration: none !important;;
background: #ccc;;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #eeeeee),color-stop(1, #cccccc));;
background: -moz-linear-gradient(center top,#eeeeee 20%,#cccccc 100%);;
}

.cm_entry {
padding: 16px;
background: #F7F7F7;
border: 1px solid #E4E4E4;
overflow: hidden;
}

.cm_arrow {
display: block;
width: 9px;
height: 18px;
background: url(http://4.bp.blogspot.com/-8luuqzWL1do/Tl9RmQ6dG6I/AAAAAAAAB6I/1ZxWKOXXlxE/s1600/comment-arrow.png) no-repeat;
position: absolute;
margin-left: -25px;
}

.cm_info {
margin-bottom: 5px;
}

.cm_name {
font-weight: bold;
font-size: 12px;
float: left;
}

.cm_date {
font-size: 10px;
float: right;
font-style: italic;
color: #CCC;
}

.cm_entry p {
margin: 0;
font-size: 13px;
color: #666;
}

.cm_pagenavi {
font-size: 10px;
text-transform: uppercase;
color: #666;
text-shadow: 1px 1px white;
font-weight: bold;
}

.cm_pagenavi a {
color: #666;
text-decoration: none;
padding:10px;
}

.cm_pagenavi a:hover {
text-decoration: underline
}

.cm_pagenavi span {
color: #888;
background: white;
padding: 4px;
border: 1px solid #E0E0E0;
}

Cari kode berikut.

</body>

Masukan kode berikut tepat sebelumnya.

Cari kode berikut.

<b:includable id='comments' var='post'>

terdapat banyak sekali kode

</b:includable>

Hapus kode berwarna merah yang terletak antara <b:includable id='comments' var='post'> dengan </b:includable>, kemudian ganti dengan kode berikut ini.

<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments > 0'>
<b:if cond='data:post.numComments == 1'>
<span id='cm_total'>1</span> comment
<b:else/>
<span id='cm_total'><data:post.numComments/></span> comments
</b:if>
</b:if>
</h4>

<div id='cm_reply_css'></div>

<div class='cm_pagenavi' id='cm_page'></div>

<div id='cm_block'>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.isDeleted'>
<b:else/>

<div expr:id='data:comment.anchorName'>
<div class='cm_wrap'>
<a expr:name='data:comment.anchorName'/>
<div class='cm_head'>
<div class='cm_avatar'>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
</div>
<div class='cm_reply'>
<a expr:href='"https://www.blogger.com/comment.g?blogID=154513103004606848&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;'>Reply</a>
</div>
</div>

<div class='cm_entry'>
<span class='cm_arrow'></span>
<div class='cm_info'>
<div class='cm_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
<data:comment.author/>
</a>
<b:else/>
<b><data:comment.author/></b>
</b:if>
</div>
<div class='cm_date'>
<data:comment.timestamp/>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<div class='clear'/>
</div>

<p><data:comment.body/></p>
</div>
</div>
</div>
</b:if>
</b:loop>
</div>

<div class='cm_pagenavi' id='cm_page_copy'></div>

<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</b:if>
</div>

Klik simpan dan selesai.

Keterangan:

Gunakan tombol Ctrl+F untuk mempermudah pencarian kode HTML template yang kita inginkan.
Unduh dan simpan template blog kita terlebih dahulu untuk mengantisipasi terjadinya kegagalan saat proses editing berlangsung.
Ganti angka 154513103004606848 pada blogID sesuai dengan nomor ID blog kita.

Cara mengetahui nomor blog ID kita adalah sebagai berikut.
Masuk pada profil blog kita dan lihat nomor blog IDnya yang tampil pada address bar seperti tampilan gambar di bawah ini.

Menggunakan tampilan komentar thread ini sangat bermanfaat bagi blog kita. Selain tampilannya yang attraktif dan terkesan profesional, penggunaan thread komentar ini akan semakin memudahkan pembaca dalam berinteraksi dengan kita sebagai pemilik blog dan pembaca lainnya dalam menanggapi isi postingan yang sedang di bahas.

Akibatnya, suasana menjadi lebih dekat dan terasa akrab serta kegiatan blogging akan terasa lebih hidup. Cakupan materi juga akan semakin meluas dan lengkap dengan adanya beberapa tambahan yang disampaikan dalam komentar tersebut.

Thursday, November 10, 2011

Rahasia Melindungi Gambar Pada Postingan Blog

Dengan semangat baru pascadeklarasi hari blogger nasional pada 27 Oktober 2007, banyak blogger yang berkomitmen kuat untuk lebih mengutamakan etika dalam dunia blogging. Hal ini sebagai salah satu wujud kepedulian blogger indonesia terhadap klaim dunia internasional jika indonesia adalah surganya pembajakan, mulai dari musik, film, dsb.

Kampanye yang sedang didengungkan saat ini adalah aksi anti copas untuk konten yang diterbitkan dalam sebuah blog. Karena itu, bagi kita yang belum terbiasa untuk blogging secara mandiri dalam hal penerbitan artikel, usahakanlah untuk belajar sejak sekarang untuk mulai menerbitkan artikel sendiri. Jangan pernah copas secara mentah dari blog orang lain dan kemudian kita publikasikan ulang dalam blog kita. Kalaupun kita masih bersikap demikian, patuhilah etika blogging dengan mencantumkan sumber artikel.

Banyak cara untuk mulai belajar menerbitkan artikel secara mandiri, seperti menyadur artikel blog lain hingga menemukan ide untuk bahan postingan di blog.

Berkaitan dengan aksi asal copas, pernahkah kita mengalami kejadian di mana artikel yang susah payah kita buat kemudian dicopas secara diam-diam dan diterbitkan ulang di blog lain? jika hal itu pernah menimpa kita, tentu itu tindakan yang sangat menyesakan bukan? Yang lebih parah lagi, artikel kita itu lebih dihargai ketika di publikasikan ulang di blog lain daripada di blog kita sendiri, sehingga popularitasnya menjadi naik ketimbang blog milik kita sebagai sumber aslinya.

Nah, karena itu banyak blogger yang melakukan berbagai cara guna melindungi hasil karyanya agar tidak dicuri blogger lain. Cara yang biasanya digunakan seperti menonaktifkan klik kanan pada mouse dan menonaktifkan fungsi drag pada pada mouse. Selain itu, ada juga yang menggunakan cara menampilkan jejak keterangan ketika artikel blog dicopas. Penerapan teknik blog itu bisa dibaca kembali pada artikel tentang.

Semuanya dilakukan dengan satu tujuan, yaitu agar artikel sebagai konten blog kita tidak dicuri oleh blogger lain. Solusi teknik perlindungan di atas hanya mampu memproteksi konten blog berupa tulisan saja. Lalu, bagaimana dengan blog yang menampilkan konten berupa gambar-gambar seperti blog yang membahas tentang ilmu desain grafis dan editing foto? Tantu gambar dan foto mereka masih rawan akan pencurian bukan?

Bagi kita yang memiliki blog dengan konten gambar dan tidak mengizinkan pembaca dan pengunjung kita mengambil gambar dan foto tersebut, ada beberapa langkah pengamanan yang bisa kita terapkan.

Cara untuk melindungi gambar pada postingan blog kita agar tidak bisa lagi dicopas oleh orang lain dapat kita coba dengan menerapkan teknik di bawah ini.

1. Menonaktifkan klik kanan mouse pada gambar untuk mencegah copas.

Pertama, masuk ke akun blogger kita masing-masing.
Klik entri baru.
Masukan gambar yang ingin kita terbitkan pada postingan blog.
Setelah itu, klik edit HTML di sebelah kiri compose.
Cari URL untuk gambar tadi.

Kode HTML standar untuk sebuah gambar adalah seperti ini.

Nah, cara untuk menonaktifkan klik kanan mouse pada gambar adalah dengan menambah kode berikut di antara kode di atas.

oncontextmenu="return false;"

Hasilnya adalah seperti ini.

Ini adalah contoh gambar yang sudah dinonaktifkan klik kanan mousenya.

Kode HTML dari tampilan gambar tersebut adalah seperti ini.

Keterangan:

Kode berwarna merah adalah URL gambar.
Kode berwarna biru adalah kode HTML yang harus ditambahkan.

2. Menampilkan gambar kosong saat gambar dalam blog kita diunduh seseorang.

Cara yang digunakan hampir sama dengan cara di atas. Cara untuk menampilkan gambar kosong saat gambar dalam blog kita diunduh seseorang adalah dengan melakukan perubahan pada artibut src dan penggunaan css style.

Kode HTML untuk menampilkan gambarnya seperti ini.

Ini adalah contoh gambar yang akan menampilkan gambar kosong saat gambar tersebut di download atau dibuka di tab baru.

Kode HTML dari tampilan gambar tersebut adalah seperti ini.

Keterangan:

Ganti URL gambar dengan URL gambar yang ingin kita postingkan dalam blog kita.
Ganti angka pada width (lebar) dan height (tinggi) untuk merubah ukuran agar sesuai dengan ukuran asli gambar postingan kita yang sebenarnya.

Dengan penerapan cara melindungi gambar pada postingan blog di atas, diharapkan aksi copas gambar asal-asalan dapat berkurang. Sehingga, para blogger yang ingin menerbitkan karya gambar desain dan foto artistiknya dapat terjamin keamanan karyanya.

Penggunaan trik ini sebaiknya juga disesuaikan dengan karakteristik target pengunjung blog kita. Jangan sampai para pengunjung setia kita mengecam kita pelit karena kita over protective dalam melindungi gambar pada blog kita dari aksi copas. Jangan gunakan trik ini ketika kita ingin berbagi gambar guna mempermudah pengunjung dalam mengunduh dan menyimpan gambar beserta foto dalam blog kita.

Tuesday, November 8, 2011

Bagaimana Caranya Untuk Mentransfer Akun Blogspot ?

Pernahkah terlintas dipikiran kita untuk mengubah email yang digunakan untuk akses masuk ke dalam akun blogspot yang kita kelola? Misalnya kita menggunakan email a untuk masuk ke dalam blog a, tetapi kita ingin mengubahnya menjadi email b yang digunakan untuk masuk ke dalam blog a.

Penyebab pasti kita ingin melakukan transfer akun blogspot ini karena kita merasa terlalu banyak memiliki blog dengan banyak akun email juga untuk memasukinya. Bisa dianalogikan kita memiliki 10 blog dengan 10 email yang berbeda untuk akses masuk ke dalamnya.

Dahulu tujuan kita melakukan diversifikasi akun blogspot ini mungkin didasarkan pada alasan keamanan. Kita berpikir jika kita perlu memecah banyak blog dengan banyak email pula agar jika ada salah satu akun blog yang dibanned oleh google maka tidak akan mempengaruhi akun blog kita yang lain.

Akibatnya, manajemen akun blog ini menjadi susah untuk kita lakukan. Hal terburuk yang mungkin bisa kita alami adalah kita lupa dengan email dan password untuk setiap blog kita itu sendiri. Kalau sudah seperti ini, pasti akan sangat merepotkan bukan karena kita harus menemukan cara untuk mengembalikan email dan password blog yang terlupa.

Nah, karena itu terlintaslah pikiran bagaimana kalau kita gabungkan saja blog milik kita ini dalam beberapa akun email saja agar lebih mudah pengelolaannya.

Pertanyaannya sekarang adalah pernahkan kita praktik melakukan transfer akun blogspot ini? Jika belum karena belum mengetahui caranya, mari kita coba bersama dengan memperhatikan caranya yang dibahas dalam langkah-langkah di bawah ini :

Pada contoh pembahasan ini, kita memiliki email a yang digunakan untuk akses masuk ke blog a. Selanjutnya kita ingin mengganti email a dengan email b untuk masuk ke dalam blog a.

Pertama, masuk ke dalam blog a dengan email a.

Klik setelan/pengauturan.

Klik izin. Setelah itu, akan terlihat halaman untuk menambahkan penulis.

Klik menambah penulis dan masukan email b.

Setelah itu, kita akan menerima pesan undangan untuk menulis yang dikirimkan ke email b.

Masuk ke dalam akun email b dan kita akan menemukan pesan undangan tersebut seperti gambar berikut.

Klik link dalam pesan undangan tersebut.

Kita akan mendapatkan konfirmasi untuk menjadi penulis dalam blog a dengan email b. klik tulisan di sini untuk melanjutkan proses.

Nah, kita kemudian akan masuk ke dalam akun blog email b. Di bagian dasbor akan ditemukan blog baru yaitu blog a, tetapi dengan menu pilihan yang terbatas hanya entri baru, edit entri, dan setelan karena status kita yang baru sebagai penulis undangan.

Lanjutkan proses dengan kembali masuk ke akun blog email a.

Klik setelan.

Klik izin. Akan muncul halaman seperti gambar berikut.

Pada email b yang statusnya masih pengarang, klik link bertuliskan berikan privilese admin.

Selanjutnya ada pop up dan pilih berikan hak istimewa setingkat admin.

Saat ini blog a memiliki dua admin, yaitu email a dan email b. jika kita ingin menggunakan blog a dengan email b saja, maka klik cabut privilese admin untuk email a.

Selanjutnya akan muncul kembali sebuah pop up dan pilih cabut hak istimewa setingkat admin.

Klik hapus diri anda dari blog ini untuk melanjutkan proses.

Selesai.

Sekarang kita sudah mentransfer akun blogspot untuk blog a yang sebelumnya dengan email a kemudian beralih ke email b. sehingga, kita tidak akan dapat login kembali ke blog a menggunakan email a, tetapi login ke blog a menggunakan email b.

Saturday, November 5, 2011

Cara Menyembunyikan Footer Pada Blog

Mendesain template blog kita adalah bagian dari sebuah seni. Selain itu, mendesain template juga dipengaruhi oleh selera individu.

Mendesain template blog sama halnya dengan mendesain sebuah rumah. Baik buruknya tampilan rumah dan template blog tergantung pada cita rasa seni dan selera kita masing-masing. Ada arsitek yang beranggapan rumah dengan eksterior minimalis itu bagus. Tetapi, ada juga yang tidak sependapat dan cenderung lebih suka dengan gaya modern.

Begitu juga dengan template blog. Ada blogger yang suka dengan tampilan footer pada templatenya, tetapi ada juga yang tidak suka dengan tampilan footer. Footer merupakan elemen dari sebuah template blog yang letaknya di bagian paling bawah. Biasanya terdiri dari satu, dua, tiga, hingga empat kolom.

Nah, bagi kita yang tidak suka adanya tampilan footer padahal blog kita saat ini ada tampilan footernya, kita dapat menghilangkannya dengan cara penambahan sedikit kode HTML pada edit HTML template kita.

Cara untuk menyembunyikan footer pada blog milik kita dapat kita lihat sebagai berikut:

Pertama, masuk ke dalam akun blogger kita masing-masing.
Klik rancangan.
Klik edit HTML.
Klik/centang expand template widget.
Cari kode berikut.

]]></b:skin>

Setelah itu, tambahkan kode ini tepat di atasnya.

.footer-outer{display:none;}

Klik simpan dan selesai.

Keterangan:

Tekan tombol Ctrl+F pada keyboard untuk mempermudah pencarian kode HTML yang kita inginkan.
Download template blog terlebih dahulu sebagai backup apabila kita mengalami kegagalan saat proses editing berlangsung.
Cara ini tidak menghapus kolom pada footer, tetapi menyembunyikan tampilannya pada halaman blog.

Penyebab tidak disukainya adanya tampilan kolom footer pada blog kita ada beragam. Mungkin bisa disebabkan karena selera individu itu sendiri, tampilan footer yang tidak sinkron dengan template secara keseluruhan, footer tidak lagi dibutuhkan karena semua pernak-pernik blog yang digunakan sudah ditampung dalam sidebar, dan alasan lainnya.

Sebenarnya tanpa menghapus kolom footer itu sendiri juga footer tidak akan muncul pada tampilan desain blog saat dibuka di browser asal kita tidak menempatkan widget dalam footer tersebut. Akan tetapi, kadang juga ada template yang masih meninggalkan frame dari footer meskipun sebenarnya footer tersebut tidak diisi oleh widget sama sekali.

Monday, October 24, 2011

Cara Buat Warna Komentar Admin Di Blog Menjadi Berbeda

Blogging adalah aktifitas yang menyenangkan. Salah satunya adalah kita dapat berinteraksi dengan para pembaca kita baik itu secara langsung maupun tidak langsung. Secara tidak langsung, kita dapat menanggapi setiap komentar yang masuk dari pembaca kita untuk postingan blog yang telah kita terbitkan. Entah itu komentar tentang kritik, saran, pertanyaan, permintaan, hingga ucapan salam pertemanan.

Membalas setiap komentar yang masuk dalam blog kita juga sesuatu yang menyenangkan. Selain itu, hal ini juga terbukti mampu untuk membuat jumlah komentar di blog kita lebih banyak. Baca artikel ini terlebih dahulu, 7 Tips Meningkatkan Jumlah Komentar Di Blog serta 5 Alasan Menjawab Setiap Komentar Di Blog.
.
Agar kegiatan komunikasi melalui komentar dengan para pembaca menjadi lebih nyaman, kita dapat melakukan beberapa perubahan terhadap tampilan komentar yang muncul di setiap postingan blog kita. Salah satunya adalah kita dapat memberikan warna untuk komentar kita sebagai admin pemilik blog yang muncul berbeda warnanya dengan komentar dari pembaca yang mengunjungi blog kita tersebut.

Adapun cara untuk membuat warna komentar admin di blog menjadi berbeda dengan komentar dari pembaca adalah sebagai berikut:

Pertama, masuk ke dalam akun blogger kita masing-masing.
Setelah itu klik rancangan.
Klik edit HTML.
Klik/contreng expand template widget.
Cari kode ]]></b:skin> dan tempelkan kode berikut di atasnya.

.comment-body-author {
background: #CCCCCC;
border:1px dotted #FF6600;
margin:0;
padding:0 0 0 20px;
}

Keterangan:

Untuk memudahkan pencarian, gunakan tombol Ctrl+F pada keyboard.
Download dan simpan template lengkap kita terlebih dahulu sebagai langkah antisipasi jika pada saat editing template ini kita mengalami kegagalan.
Background, menunjukan warna pada latar belakang komentar admin.
Border, menunjukan garis tepi. Semakin besar pikselnya, maka akan semakin tebal. Kita juga dapat mengganti warna dari border tersebut.
Baca postingan tentang macam-macam kode HTML warna.

Perhatikan kode HTML di bawah ini.

<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'>

Keterangan:

Kode yang berwarna biru adalah kode HTML yang sudah ada di dalam template blog kita. Sedangkan kode yang berwarna merah adalah kode HTML yang perlu kita tambahkan. Ingat, perhatikan baik-baik letak atau posisinya.
Untuk bisa menampilkan komentar yang berbeda, kita sebagai admin blog harus login terlebih dahulu sebelum berkomentar. Dan pastikan jika profil yang digunakan untuk berkomentar adalah Google account kita masing-masing.

Setelah semuanya selesai, klik simpan dan selesai.

Contoh hasilnya seperti ini.

Pemasangan ini membutuhkan ketelitian dan kehati-hatian yang tinggi. Sehingga, setiap langkah membutuhkan kecermatan dalam penempatan kode HTML agar tidak mengalami kesalahan.

Setelah warna komentar kita berubah menjadi berbeda dengan komentar pembaca, apa yang kita rasakan? Senang bukan? Lebih dari itu, manfaat yang bisa kita peroleh adalah setiap pembaca dapat membedakan dengan jelas mana komentar admin dan mana komentar pembaca lainnya. Hal ini diperlukan bagi pembaca yang ingin melihat bagaimana tanggapan admin untuk pertanyaan, kritikan, saran, atau sapaan yang disampaikan oleh pembaca kepadanya.

Ada yang kesulitan?

Jika masih ada yang bingung dan kesulitan, silakan disampaikan lewat komentar di bawah ini ya.
Salam blogger!

Downlod game terbaru full vertion dan download software anti virus

Tuesday, March 5, 2013

Cara Menampilkan Postingan Blog Di Google+

Monday, March 4, 2013

Cara Menampilkan Foto Di Pencarian Google

Saturday, January 28, 2012

Cara Ubah Jenis dan Ukuran Font Di Postingan Blog

Friday, January 13, 2012

Cara Membuat Read More Otomatis

Monday, January 9, 2012

Cara Menghilangkan Tombol Tang dan Obeng Di Blog

Monday, December 26, 2011

Cara Tambah Scroll Di Komentar Blog

Monday, December 12, 2011

Cara Menghapus Atribusi Blogger

Monday, November 28, 2011

Cara Menampilkan Avatar Pada Komentar Blog

Wednesday, November 23, 2011

Inilah Cara Termudah Untuk Mengatasi Kotak Kode Verifikasi Komentar Yang Tidak Muncul Di Blog

Friday, November 18, 2011

Bagaimana Cara Buat Thread Komentar Pada Blog ?

Thursday, November 10, 2011

Rahasia Melindungi Gambar Pada Postingan Blog

Tuesday, November 8, 2011

Bagaimana Caranya Untuk Mentransfer Akun Blogspot ?

Saturday, November 5, 2011

Cara Menyembunyikan Footer Pada Blog

Monday, October 24, 2011

Cara Buat Warna Komentar Admin Di Blog Menjadi Berbeda

Entri Populer

Daftar Menu