Saturday, May 14, 2011

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/AVvXsEhDElHqM8f6fEWXyApqGmd_DIt37Ki3euKqKYWy1RIH0K5stpdqKDoNcqV3Z91b1dS_1Fg4cCdfdjaJ16h8NkGizcOtTUOdETvJ5DjvoXDXht6o50euQcMDA23oLH9370-6REQRd-EwfCk/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/AVvXsEg8zngGXblHQAsv5IJ9je-dzKX4C-1WzU2gBm0h9xC9rlykRFSFEBmhxX0ODre6u_uIf-59VFX4mgK4KK-QiP8app_rwl3pCFIgYFjfcxmqbtByHi99eOWtPaaC4PvCBXlCnhxsoy-hhoE/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/AVvXsEiDppoiwizR0fnpOXMK-kC5Welhk_Gd8E9iM7kMUmWXXsQW2cMxmGufSBLH2B0-7WZEuV0SvWAt7JyDoPhdGlcAP-8fifUFMHmfHMH5PKlhh9co8nXMbUPuLpVbh0tYNR8ee3odSPyEtFw/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

No comments:

Post a Comment

Gambar Belangkas