Cara Menampilkan Avatar Pada Kotak Komentar

Kemaren pada saat google ulang tahun ke-10 pada blogger buzz meluncurkan Show Your Face pendek katanya blogspot sekarang sudah support sama komentar yang beravatar seperti punya wordpress, sehingga para pengunjung bisa ngasih comment dan nitip fotonya deeh disitu jadi bisa foto kita bisa nebeng, dengan adanya avatar komentar ini para blogger dan pengomentar semakin asyik saja deh.

Kaya'nya blogspot ngga' mau ketinggalan sama penyedia blog gratisan seperti wordpress yang memberikan fasilitas - fasilitas yang sangat membantu bagi dunia blogging, sehingga tidak mengherankan kalau blogspot selalu update tool - tool nya yang semakin memdudahkan kita dalam menulis dan mengelola blog gratisan ini.

Untuk Menampilkan Avatar / gambar pada kotak komentar blogspot simak penjelasan singkat ini :
1. Masuk User Id Blogspot
2. Pada tab Layout >> Edit HTML atau Tata Letak >> Edit HTML kasih tanda centang pada expand template widget
3. Copykan kode berikut di atas kode ]]></b:skin>

.avatar-image-container img{
background:transparent url(http://i33.tinypic.com/24b9na8.jpg)no-repeat;
height:35px;
position:absolute;
width:35px;
}

4. Cari kode berikut ini

<dl id='comments-block'>

atau

<div id='comments-block'>

5. Ganti kode diatas dengan kode berikut

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

Atau kode ini untuk yang memakai kode div id

<div expr:class='data:post.avatarIndentClass' id='comments-block'>

6. Cari kode kira - kira seperti ini

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

7. Kemudian ganti kode diatas dengan kode berikut

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

8. Klik Save dan selesai.

Salam Ngeblog ...

Baca Juga Artikel Lainnya untuk Tutorial Blogspot :

• Cara Membuat Blog Gratisan Pada Blogspot
• Cara Memposting Artikel Pada Blog
• Cara Mensetting Blog
• Cara Menyisipkan Link pada Blog
• Free Download Template Blogspot
• Update Blog Ke Post Editor Terbaru
• Cara Menambahkan Read More / Baca Selengkapnya Pada Blog
• Cara Membuat Komentar Seperti Pada Wordpress
• Cara Menyisipkan Emotion Pada Blog
• Menambahkan Status Yahoo Masangger Pada Blog

Read full post »

Cara Membuat Komentar Blogspot Seperti Pada Wordpress

Mungkin sebagian temen - temen yang baru belajar blog dan ingin membuat kotak komentar yang user fiendly atau ramah pengunjung jadi bisa seperti pada wordpress yang setiap artikel yang kita posting dibawahnya ada kotak/form komentar, tapi sayang untuk blogspot saat ini belum menyediakan kotak komentar pada wordpress. agar kotak komentar pada blog kita seperti pada blog pada wordpress yang menyediakan form dibawah postingan. hal ini merupakan faktor yang menetukan apakah nantinya artikel sobat ada yang mau comment atau tidak meskipun semua itu tergantung dari manfaat dari isi artikel itu sendir akan tetapi faktor ini juga sangat memudahkan pengunjung jika pengen ngasih komentar.
Untuk cara membuat kolom komentar seperti pada wordpres berikut langkah - langkahnya :

- Pertama sobat masuk pada user id blog sobat.
- Kemudian pilih tab layout / tata letak.
- dan pada tab Edit HTML beri tanda centang pada pilihan Expand Template Widget, cari kode berikut (untuk memudahkan pencarian klik tombol Ctrl + F secara bersamaan)

<b:include data='post' name='comments' />

- Kemudian Copy dan Patekan kode berikut persis dibawah kode diatas

<b:include data='post' name='comment-form'/>

- Klik Save untuk menyimpan.
- Setelah itu masuk pada tab Format / Setting >> Comments
- Pada pilihan comments = show, who can comment = anyone supaya semua orang bisa berkomentar, comment form placement = embeded bellow post /sematkan dibawah entri, dan pada comment mederation = never / tidak termoderasi supaya para pengenjung bisa komentar sesuka hati, tanpa harus dimoderasi yang justru akan membuat males untuk berkomentar
- klik Save dan selesai.

Salam Ngeblog ...

Baca Juga Artikel Lainnya untuk Tutorial Blogspot :

• Cara Membuat Blog Gratisan Pada Blogspot
• Cara Memposting Artikel Pada Blog
• Cara Mensetting Blog
• Cara Menyisipkan Link pada Blog
• Free Download Template Blogspot
• Update Blog Ke Post Editor Terbaru
• Cara Menambahkan Read More / Baca Selengkapnya Pada Blog
• Cara Menampilkan Foto Profile Pada Kotak Komentar
• Cara Menyisipkan Emotion Pada Blog
• Menambahkan Status Yahoo Masangger Pada Blog

Read full post »

Membuat Readmore Pada Blogspot Baru

Sebelumnya blogspot belum memberikan tombol Jump Break atau Readmore untuk memenggal artikel agar tidak terlalu panjang dalam tampilan diblog kita nantinya. Untuk melengkapi ulang tahun google yang ke 10 kemaren meluncuncurkan beberapa fiture tambahan yang salah satu diantaranya menambahkan menu jumbreak pada Menu Posting. Sebelumnya sobat harus update terlebih dulu ke post editing terbaru yang caranya sudah saya postingkan dan silahkan baca disini.

Tombol jumpbreak ini fungsinya untuk memotong artikel agar tidak tampil semua pada tampilan awal disetiap artikel, untuk menghindari kesan yang terlalu panjang pada halaman blog kita nantinya. Untuk menggunakan tombol readmore/jumpbreak ini sobat harus dalam posisi Compose kemudian letakkan Jumbreak antara paragraf, namun tombol jumbreak/readmore ini tidak lansung muncul pada tiap - tiap artikel, sobat harus menambahkan kode HTML. Berikut langkah - langkahnya :

1. Masuk Pada Dasboard blog ID anda
2. Pilih Layout/Tata Letak
3. klik Tab Edit HML
4. Centang pada Pilihan Expand Template Widget
5. Cari Kode kurang lebih seperti ini, untuk lebih cepat dalam pencarian klik tombol CTRL + F pada keyboard.
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Copykan kode berikut persih dibawah kode diatas tadi.
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
</div>
</b:if>
6. Pilih Simpan Template / Save Template dan selesai.

Salam Ngeblog...

Baca Juga Artikel Lainnya untuk Tutorial Blogspot :

• Cara Membuat Blog Gratisan Pada Blogspot
• Cara Memposting Artikel Pada Blog
• Cara Mensetting Blog
• Cara Menyisipkan Link pada Blog
• Free Download Template Blogspot
• Update Blog Ke Post Editor Terbaru
• Cara Membuat Komentar Seperti Pada Wordpress
• Cara Menampilkan Foto Profile Pada Kotak Komentar
• Cara Menyisipkan Emotion Pada Blog
• Menambahkan Status Yahoo Masangger Pada Blog

Read full post »

Cara Memposting Artikel Pada Blog

Bagi seorang pemula dalam dunia blogging mungkin istilah ini yang muncul di benak pikiran sobat, gimana cara memposting artikel kita agar keliahatan dan enak dibaca oleh para pengunjung blog nantinya. Untuk memposting / menampilkan artikel yang sudah kita siapkan alangkah baik nya temen - temen mengenal tampilan menu dari blogspot terlebih dahulu. Untuk masuk memulainya Sobat masuk di www.blogger.com kemudian masukkan username dan paswordnya pada saat mendaftarkan blog, pada dasboard pilih Tab Posting >> New Post, maka akan muncul halaman untuk posting yang mempunyai menu seperti yang tampak pada gambar seperti berikut ini :

Untuk keteranganya sebagai berikut :

Preview : Perintah untuk melihat artikel sebelum tampil diblog
Edit HTML : Untuk membuat/mengedit artikel dalam format HTML
Compose : Untuk membuat / mengedit artikel dalam format biasa
A. Undo : Perintah untuk membatalkan perintah
B. Redo : Membatalkan Perintah Undo
C. Font : Memilih Jenis Font
D. Font Size : Memilih Ukuran Font
E. Bold : Menebalkan Huruf
F. Italic : Memiringkan Huruf
G. Strikethrouht : Memberikan Efek Coret pada Huruf
H. Text Color : Memberi Warna pada huruf
I. Text Bacgroud Color : Memberikan Warna pada bacground text
J. Link : memberikan link ke alamat lain
K. Insert Image : Memasukkan gambar kedalam artikel
L. Align Left : Perataan paragraf disebelah kiri
M. Align Center : Perataan paragraf di center / tengah
N. Align Center : perataan paragraf di sebelah kanan
O. Justify : Perataan paragraf disebelah kanan dan kiri
P. Numbered List : Menyisipkan No pada artikel
Q. Bullet list : Menyisipkan Bullet kedalam artikel
R. Quote : Menyisipkan kuota khusus dalam artikel
S. Remove Formating : menghapus semua format yang telah ada
T. Insert Jump Break : Menyisipkan kode readmore / baca selengkapnya dsb.

Baca Juga Artikel Lainnya untuk Tutorial Blogspot :

• Cara Membuat Blog Gratisan Pada Blogspot
• Cara Mensetting Blog
• Cara Menyisipkan Link pada Blog
• Free Download Template Blogspot
• Update Blog Ke Post Editor Terbaru
• Cara Menambahkan Read More / Baca Selengkapnya Pada Blog
• Cara Membuat Komentar Seperti Pada Wordpress
• Cara Menampilkan Foto Profile Pada Kotak Komentar
• Cara Menyisipkan Emotion Pada Blog
• Menambahkan Status Yahoo Masangger Pada Blog

Read full post »