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;
}



Arsip Trik Kami Yang Lainnya



3 comments:

  1. gitu ya kawan caranya. makasih kawan mau saya cb dl nih...

    ReplyDelete
  2. saya mo pelajarin ini sob... biar paham...:D

    ReplyDelete

Next previous home