Rabu, 16 Oktober 2013
cara membuat 1 kolom layout di bawah Posting
- Login ke dashboard anda
- Masuk ke "TEMPLATE" lalu klik " Edit HTML "
- Cari code ]]></b:skin>
- Copy Code script CSS dibawah ini, pastekan diatas code ]]></b:skin> tadi atau bila template blog anda memakai </style> silahkan pastekan kode CSSnya tepat diatas </style> template anda
Name : 1 kolom layout dibawah postingan
******************************************/
#BD-bawahmain h2{
font-size:13px;
font-weight:bold;
color:#990000;
border-bottom: dashed #999999 1px;
padding-left:5px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-style: italic;
}
#BD-bawahmain{
width:100%;
border:solid #CCCCCC 1px;
background-color: #99FF00;
}/*** Blog Design CSS and ***/
]]></b:skin>
5. Coba cari dan perhatikan kode dibawah ini
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>..</b:widget>
</b:section>
</div>
Kode diatas adalah adalah kode " Posting Blog " ( Blog1 ) dibagian main wrapper kode tersebut dimiliki oleh blog dari blogspot . Misi kita adalah membuat 1 kolom layout dibawah postingan blog.
Setelah ketemu dan anda perhatikan kode diatas silahkan anda copy kode dibawah ini lalu pastekan tepat diatas kode </div> seperti kode diatas
Maka menjadi
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>..</b:widget>
</b:section>
<!-- BDRS layout 1 kolom tart -->
<div id='BDRSLAYOUT-footerkolom'>
<div id='box1' style='width:940;float:left;margin:10px; '>
<b:section class='BDKOLOMFOOTER' id='FOOTER-column-1' preferred='yes'>
<b:widget id='HTML99' locked='false' title='1 Kolom Dibawah Posting' type='HTML'>
<b:includable id='main'>
<!-- BDRS only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div><div style='clear:both;'/>
</div>
<!-- BDRS layout 1 kolom end -->
</div><div id='BDRSLAYOUT-footerkolom'>
<div id='box1' style='width:940;float:left;margin:10px; '>
<b:section class='BDKOLOMFOOTER' id='FOOTER-column-1' preferred='yes'>
<b:widget id='HTML99' locked='false' title='1 Kolom Dibawah Posting' type='HTML'>
<b:includable id='main'>
<!-- BDRS only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div><div style='clear:both;'/>
</div>
<!-- BDRS layout 1 kolom end -->
6. Save Template
Semoga berhasil
Read more » Rate this posting:
{[["☆","★"]]}
SHARE THIS POST
Author: Abufajri
Langganan:
Posting Komentar (Atom)
0 comments: