hapus ruang kosong dibawah kotak komen

Kebiasaannya pada  bahagian bawah kotak komen blogger meninggalkan ruangan kosong yang agak luas .Jika anda ingin merapatkan sedikit jaraknya ikutilah langkah dibawah ini:

Log in ke blogger,masuk ke dashboard--Pilih template---Edit HTML

kemudian cari  kod seperti dibawah pada template:

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>,m,ndsb
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <h4 id='comment-post-message'><data:postCommentMsg/></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>/div>

ketinggian iframe ditandakan dengan warna oren seperti  diatas iaitu 410.Untuk merapatkan anda boleh cuba ubah jarak  ke 250 atau ukuran lain yang disukai.
selamat mencuba

update 9/5/2013

Link animasi pada senarai label

Artikel kali ini ialah cara bagi membuat senarai label yang bergerak kaerah kanan bila mouse kursor melintasinya.Animasi begini boleh dilihat pada kebanyakan blog dan ia menggunakan jquerry.

Langkah bagi membuatnya:

Pada dashboard klik pada template-->>edit HTML.

kemudian cari kod ini:

</head>

salin kod dibawah ini dan letakkan sebelum kod </head>

<!-- start animated label--><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var dur = 450;
$(document).ready(function() {
$('a.linknudge, .Label ul li a').hover(function() {
$(this).animate({
paddingLeft: '20px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
});</script><!--End Animated Label -->

kemudian save template anda

update 9/5/2013

Hapus labels pada bawah posting

Mungkin anda ingin menghapuskan label dari terpapar pada bahagian bawah posting.Misalnya anda ingin meletakkan label dibahagian bawah tajuk posting seperti artikel saya sebelum ini.

Berikut adalah caranya:

Log in ke blogger
Klik pada Template--edit HTML

Kemudian cari kod seperti dibawah ini pada template:
Untuk memudahkan pencarian gunakan Ctrl+F(klik dalam ruang template dan tekan butang Ctrl+F) dan taipkan <span class='post-labels'>

<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span> </div>

kemudian delete kod yang berwarna merah.
Seterusnya simpan template anda.

update 9/5/2013

Letak ikon label,author dan tarikh dibawah tajuk posting

Kebiasaannya ikon ikon ini berada dibawah posting.Posting kali ini akan menerangkan cara meletaknya dibawah tajuk posting

Masuk kedashboard-klik pada template---edit HTML



 Cari kod ini pada templates

<div class='post-header-line-1'>

dan kod ini dibawahnya:

<font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb6QdrNZQe17jSqL4mFweSVaTq0Sma4u5FDg1gkk3oxOUngXjtW6W1zvoFZcJwKCHxc5smgCFj_H6bFlxd6BEoXpa9C0Aymj_8ResYOSlodO_oRrCBDba_Z4UWIMcPxmWZQG0lF4-yto8/s1600/editor-icon-16x16.png) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.author/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7Ix6X9Rg9lYa-3e7-jg2dz9crG9oEzmFhNSbJuUq55Yh0k_MWdjrNu4V-6Q7QMZ2W4_r3uLdXDjCmlyv-bDigF1JGekVzDhAbNrIZnAwlHgp6f9egifOwQIg8yliSXew9kVdZWM11OKA/s1600/PostDateIcon.png) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.timestamp/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaUvpmuqNtNDVRvRZE35VW5ddZlc15-pIJ_SL6eMA78BntSpz9kirL14lANY-a_nsquaNpShWpHgc-61wgEfKLy10nf0ZJmIle_jJk2utt9zw9zhdEnpoHiX2CnVnFp5Ge303pLMNKNiA/s1600/label+Icon.jpg) no-repeat scroll top left;padding-left:25px;font-size:11px;'><b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + &quot;?max-results=8&quot;' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'></b:if>
</b:loop>
</b:if></font>

kemudian klik save

update 9/5/2013