Html Kode Part 02

Lanjutan part 01, kode hmtl beserta contohnya..

01. Memberikan scroll pada widget blogspot agar ukurannya bisa disesuaikan dengan keinginan kita

Cari kode yang mirip dengan :

<b:widget id='BlogArchive1' locked='false' title='Archive List' type='BlogArchive'>

     Dimana kode yang berwana merah adalah widget yang kita akan buatkan scroll

Lalu copy paste kode dibawah ini (pastekan diatas kode  ]]></b:skin> :

#Label1 .widget-content{
height:300px;
width:auto;
overflow:auto;
}

#PopularPosts1 .widget-content{
height:auto;
width:auto;
overflow:auto;
}

#HTML3 .widget-content{
height:100px;
width:auto;
overflow:auto;
}

02. Memberikan scroll Postingan blogspot agar ukurannya bisa disesuaikan dengan keinginan kita

Copy Kode ini ;

dibawah
.post {

height:200px;
overflow:auto;



03. Memberikan scroll ditengah-tengah isi Postingan blogspot agar ukurannya bisa disesuaikan dengan keinginan kita

<div class="scrollbox">isi text yang berada dalam kotak scroll.</div>

untuk templete bawaan :

dibawah
.post-body {

.scrollbox {
height:300px;
width:auto;
overflow:auto;
}

04. Cara Menghilangkan Navbar Blogger

Copy kode berikut lalu paste di atas kode ]]></b:skin>


/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

05. Pada halaman homepage (beranda) posting tidak ditampilkan

dibawah ]]></b:skin>

<b:if cond="data:blog.url == data:blog.homepageUrl">
<style type="text/css">
.post, #blog-pager {display:none;}
</style>
</b:if>

<b:if cond="data:blog.url == data:blog.homepageUrl">
<style type="text/css">
body#layout .sidebar {display:inline;margin-top:200px;}
</style>
</b:if>

06. widget Hanya tampil di halaman postingan saja

dibawah ]]></b:skin>

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
#HTML2{display:none}
</b:if>
</style>

Berwana biru adalah nama widget yang akan di tampilkan

Berwarna merah : == adalah terlihat widget pada mode design dan != lawannya

07. Cara Menghilangkan Attribution "Powered by Blogger"

Copy kode berikut lalu paste di atas kode ]]></b:skin>

#Attribution1 {
height:0px;
visibility:hidden;
display:none;
}

Berlanjut pada Html Kode Part 03

Arsip Trik Kami Yang Lainnya