Selasa, 07 Juni 2011

0 Cara Memberi Background pada Komentar Admin Blogger.com

Apakah tampilan komentar pada blog anda sama saja antara anda sebagai admin dengan para pengunjung? Sehingga pengunjung yang baru mampir ke blog anda dan ingin mengikuti alur diskusi jadi bingung menebak siapa sebenarnya pemilik dari blog anda. Begitu juga mereka yang ingin melilhat balasan anda jadi sulit melihat secara sepintas dibaris mana balasan dari komentar anda. Tapi dengan membedakan backgroundnya, maka dengan sekilas pandang baik pengunjung apalagi anda akan sangat mudah menebaknya.

Nah, jika anda tertarik, anda bisa ikuti beberapa langkah dibawah ini:

1. Masuklah ke halaman
Dasbor blog anda lalu klik Rancangan.

Cara Memberi Background pada Komentar Admin Blogger.com

2. Kemudian klik pada
Edit HTML.

Cara Memberi Background pada Komentar Admin Blogger.com

3. Untuk berjaga-jaga jika terjadi kesalahan sebaiknya backup dulu template anda dengan mengklik
Download Template Lengkap.

Cara Memberi Background pada Komentar Admin Blogger.com

4. Kemudian carilah kode:
]]></b:skin>
6. Kemudian copylah kode dibawah ini tepat di atas kode tersebut:

.comment-body-admin{background:#edf0f3;border:0px solid #dddddd;margin:0.3em 0;padding-top:1px;padding-right:15px;padding-bottom:3px;padding-left:35px;font-weight:normal;font-size:11px;color:#000000;line-height:15px;text-align:justify;letter-spacing:-0.02em;}

8. Jika sudah jangan lupa klik SIMPAN TEMPLATE dan tunggu hingga proses selesai.

Cara Memberi Background pada Komentar Admin Blogger.com

9. Sekarang anda sudah bisa melihat hasilnya dengan mengklik
Lihat Blog.

Cara Memberi Background pada Komentar Admin Blogger.com

9. Sebagai contoh hasilnya akan terlihat seperti di bawah ini:

Cara Memberi Background pada Komentar Admin Blogger.com

Selamat mencoba dan semoga berhasil!

2 Cara Memasang Tombol Share Facebook dan Twitter pada Blog

Tombol share ini sangat penting artinya pada sebuah blog. Jika tulisan anda sangat bermanfaat dan berarti bagi pengunjung, maka refleks biasanya mereka juga akan tertarik untuk mensharenya pada teman-temannya yang ada di situs jejaring sosial yang dia ikuti (Facebook dan Twitter). Maka semakin banyak pengunjung yang melakukan hal ini maka juga akan semakin banyak kemungkinan pengunjung masuk ke blog kita.

Secara default sebenarnya blogger,com sudah menyediakan tombol share ini. Tapi ketika blog kita sudah ganti template dari pihak ketiga, ada kalanya pada template tersebut tidak menampilkan tombol share. Untuk itu bisa kita akali dengan cara melakukan penyisipan ke dalam template tersebut. Caranya adalah sebagai berikut:

1. Masuklah ke halaman
Dasbor blog anda lalu klik Rancangan.

Cara Memasang Tombol Share Facebook dan Twitter pada Blog

2. Kemudian klik pada
Edit HTML.

Cara Memasang Tombol Share Facebook dan Twitter pada Blog

3. Untuk berjaga-jaga jika terjadi kesalahan sebaiknya backup dulu template anda dengan mengklik
Download Template Lengkap.

Cara Memasang Tombol Share Facebook dan Twitter pada Blog

4. Kemudian jangan lupa centang pada


Cara Memasang Tombol Share Facebook dan Twitter pada Blog

5. Kemudian carilah kode:
<data:post.body/>
6. Agar lebih mudah mencarinya tekan (Ctrl + F) pada keyboard lalu tekan Enter. Maka akan muncul kotak Find. Ketiklah kode yang akan dicari pada kotak tersebut lalu tekanEnter, maka secara otomatis akan muncul kode yang dicari dalam keadaan terseleksi dengan warna hijau.


7. Kemudian copylah semua kode di bawah ini tepat di bawah kode tersebut:

<br><a expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+data:post.url' expr:title='&quot;click to share on facebook: &quot;+data:post.title' rel='nofollow' target='_blank'><img alt='share on facebook' border='0' src='http://2.bp.blogspot.com/_RCYaNaIoU-I/TOzT8h2K4zI/AAAAAAAAAkQ/OMe39hFQEYw/s1600/jiox-fshare.gif'/></a><a class='twitter-share-button' expr:data-url='data:post.url' expr:title='&quot;share on twitter: &quot;+data:post.title' href='http://twitter.com/share' rel='nofollow' target='_blank'><img alt='share on twitter' border='0' src='http://2.bp.blogspot.com/_RCYaNaIoU-I/TOzVSju-TjI/AAAAAAAAAkU/5wbIYV9DRkI/s1600/jiox-tshare.gif'/></a></br>

8. Sehingga hasilnya menjadi seperti ini:

<br><a expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+data:post.url' expr:title='&quot;click to share on facebook: &quot;+data:post.title' rel='nofollow' target='_blank'><img alt='share on facebook' border='0' src='http://2.bp.blogspot.com/_RCYaNaIoU-I/TOzT8h2K4zI/AAAAAAAAAkQ/OMe39hFQEYw/s1600/jiox-fshare.gif'/></a><a class='twitter-share-button' expr:data-url='data:post.url' expr:title='&quot;share on twitter: &quot;+data:post.title' href='http://twitter.com/share' rel='nofollow' target='_blank'><img alt='share on twitter' border='0' src='http://2.bp.blogspot.com/_RCYaNaIoU-I/TOzVSju-TjI/AAAAAAAAAkU/5wbIYV9DRkI/s1600/jiox-tshare.gif'/></a></br>

9. Jika sudah jangan lupa klik SIMPAN TEMPLATE dan tunggu hingga proses selesai.

Cara Memasang Tombol Share Facebook dan Twitter pada Blog

10. Sekarang anda sudah bisa melihat hasilnya dengan mengklik
Lihat Blog.

Cara Memasang Tombol Share Facebook dan Twitter pada Blog

11. Sebagai contoh hasilnya akan terlihat seperti di bawah ini:

 Cara Memasang Tombol Share Facebook dan Twitter pada Blogborder=


Selamat mencoba dan semoga berhasil!