-->
© 29-Nov-2011
About the Author
11:18 WIB
Snippet
Tampilkan postingan dengan label avatar. Tampilkan semua postingan
Tampilkan postingan dengan label avatar. Tampilkan semua postingan

Menambahkan No Urut komentar pada blog

  1. Log in blogger
  2. Masuk ke menu Rancangan, Edit Html,
  3. Centang Menu Expand Template Widget
  4. Simpan kode berikut Diatas kode ]]></b:skin> :
/* ---------------
Comment Numbering
---------------------------------- */
.numberingcomments a:link, .numberingcomments a:visited {
color: white !important;
text-decoration: none !important;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjlJSEfL_OWp0DowTg6zvFWFqGJbqY8SZwAqReoJ0QAn4edCOzFwgHfwxqZwRSHL08UqvxkYwdADRlvwVhfjcO8zCWY9WTChrHDFA06qJ9qrWD5fFJogBuUh3XOpTxA3E_ucwQO-WB_b8/s1600/CloudNumb.jpg) no-repeat;
width: 50px;
height: 48px;
float: right;
display: block;
margin-right: 5px;
margin-top: -15px; /*comments-counter position*/
text-align: center;
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 15px;
font-weight: normal;
}

.numberingcomments a:hover, .numberingcomments a:active {
color: gray !important;
text-decoration: none !important;
}

karena memang banyak cara yang yang saya baca di artikel2 blog lain tentang cara memberi no urut komentar, dan memang karena template blogger yang berbeda-beda, jadi silahkan dicoba sesuai template kawan atau yang ada persamaan.


Cara Pertama :
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
Simpan kode ini di bawah kode diatas
        <script type='text/javascript'>var CommentsCounter=0;</script>
          <b:loop values='data:post.comments' var='comment'>
            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>
              <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/>
simpan kode ini dibawah kode diatas
              <span class='numberingcomments' style='float: right; font-size: 18px;'>
<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>
            </dt>

Simpan template..

Cara Kedua :

<dl id='comments-block'>
Simpan kode ini dibawah kode diatas
<script type='text/javascript'>var CommentsCounter=0;</script>
 
<b:loop values='data:post.comments' var='comment'>
<dt style='clear: both;' class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<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/>
Simpan kode ini di bawah kode diatas
<span class='numberingcomments' style='float: right; font-size: 18px;'>
<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>

</dt>
<dd class='comment-body'>
Simpan template..............



Cara Ketiga :
<b:loop values='data:post.comments' var='comment'>
Simpan kode ini dibawah kode di atas
<script type='text/javascript'>var CommentsCounter=0;</script>

kemudian cari kode:
<data:commentPostedByMsg/>
Simpan kode ini dibawah kode di atas
<span class='numberingcomments'>
<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>
Simpan template............

Selamat mencob kawan.... silahkan pilih mana yang sesuai,, dan jangan pantang menyerah...  he.. saya tunggu kabar baiknya, trimakasih...
Read More Sabtu, 03 Desember 2011 0 komentar

Membuat tampilan blank/default avatar image di menu komentar

Sekarang yang saya post adalah bagaimana caranya kita menambahkan Membuat tampilan blank/default avatar image di menu komentar atau jelasnya jika sobat blogger yang membuat menu komentar dengan setting Siapa pun - termasuk Pengguna Anonim yang berkomentar, saat pengomentar menggunakan Name/URL pastinya image avatarnya tidak akan tampil, yang tentunya mengurangi keindahan dari menu komentar tersebut.



Untuk bisa membuat dari user anonim itu memiliki avatar Default caranya simpel saja, coba ikuti langkah-langkah berikut:


  1. Login blogger
  2. Rancangan, Edit Html
  3. Download Template Lengkap
  4. Centang menu Expand Template Widgets
  5. Cari kode ]]></b:skin> dan simpan CSS berikut diatasnya :
/* Avatar Img Default */
.avatar-image-container img {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCu6rjxtKl0kZ6tY0jnbJm_73uuG6WA84wKIwATHQhdvqH9S_wkUmOnpHOz46rHAp_Z1WF7zEaDgnGRnqavc8MY9Z46DZD43NgC2gLczHjiCusrnT4zBsxxqQfNLZjk_uW4mqt7_zQmCWp/s320/AvatarBlogger.png);
width:35px;
height:35px;
}

6. Selanjutnya cari kode <a expr:name='data:comment.anchorName'/> dan ganti dengan :
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>


7. Simpan template dan lihat hasilnya.
Read More 0 komentar

Cara Membuat Avatar yang Mudah

Hampir semua sosial media atau jejaring sosial menyediakan bagi penggunanya untuk mengunggah photo profil, atau juga dikenal avatar. Selain nickname atau nama, photo profil atau avatar adalah identintas yang harus ditampilkan.

Saya itu tidak bisa bermain photoshop, tidak punya photo keren yang bisa diupload untuk dijadikan avatar. Sudah beberapa teman saya mention untuk membuatkan avatar, sebagian besar tidak bisa atau tidak mau ya :x

Tentunya ada alasan orang lebih memilih membuat avatar, daripada mengupload photonya sendiri. Bisa berarti ia tidak ingin wajah aslinya dipublish atau dilihat banyak orang, tidak percaya diri. Tapi sepertinya kebanyakan yang terakhir, yaitu tidak percaya diri sehingga lebih suka membuat avatar yang mewakili karakter wajahnya atau sifatnya. Lalu apa alasan kamu? :D

Karena tidak bisa mengolah photo pake software apapun itu selain paint, yang saya gunakan untuk membuat avatar adalah layanan web. Yaitu membuat avatar secara online di faceyourmanga.com. Langsung saja..

Cara Membuat Avatar yang Mudah
1. Ke TKP yaitu faceyourmanga.com
2. Lalu klik Create dan pilih jenis kelaminmu
3. Lanjut dengan kreasimu sendiri, memilih bentuk wajah, rambut, mata, mulut, pakaian dan sebagainya dengan mengklik menu-menu disampingnya.
4. Klik Save jika sudah kamu rasa cocok dan selesai.
5. Lalu akan muncul jendela untuk mengisikan email, nickname, tanggal lahir dan sebagainya lalu klik Save
6. Avatar akan dikirim ke email kamu, dan bisa didownload deh.

Masih ada banyak lagi web yang memberikan layanan pembuatan avatar dengan mudah secara online, semisal; Yahoo! Avatars, Simpsonize Me dan lain-lain. Setelah punya avatar yang mewakili karaktermu, lalu bisa diupload deh, di berbagai sosial media yang kamu punya, twitter, gravatar, facebook, plurk, koprol dan lain-lain. Avatar yang konsisten kita pake itu juga mampu mendukung personal brand kita loh.. Orang bisa mudah mengingat siapa kita. :r
Read More 0 komentar