Membuat 3 kolom dibawah header

1. log in
2. template
3. Edit HTML
4. Letakkan kode dibawah diatas kode warna merah ]]></b:skin>

<div id="box3" style="float: left; margin: 0; text-align: left; width: 35%;"> <b:section class="box-widget" id="col3" preferred="yes" style="float: left;"> </b:section></div>

]]></b:skin>

5. Letakkan kode warna biru di antara kode warna merah


 <header>
    <div class='header-outer'>
    <div class='header-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left header-fauxborder-left'>
    <div class='fauxborder-right header-fauxborder-right'/>
    <div class='region-inner header-inner'>
      <b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='NAMA BLOG (Header)' type='Header'/>
</b:section>
<div id='box-kolom-widget'> <div id='box1' style='width: 35%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col1' preferred='yes' style='float:left;'/> </div> <div id='box2' style='width: 30%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col2' preferred='yes' style='float:left;'/> </div> <div id='box3' style='width: 35%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col3' preferred='yes' style='float:left;'/> </div> <div style='clear:both;'/> </div>
    </div>
    </div>
    </div>
    </header>

6. Save
7. Liat hasil di Tata Letak

Sumber : Sarjana Copy Paste

Marquee dengan javascript

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" align="center"> 

<img src="URL BANNER" height="130" width="190" /> 
<br/><br/>
<img src="URL BANNER" height="130" width="190" /> 

</marquee> 



Tulisan yang berwarna merah diganti sesuai keinginan
bila ingin gambarnya lebih banyak tambahkan saja lagi kodenya yang ada garis bawahnya

SUmber : http://jaya-example.blogspot.com/

Menambah Gadget di Bawah Header

1. Login
2. Klik " Template "
3. Klik " Edit HTML "
4. Centang " Expand Template Widget "

5. Pada kode di bawah yang berwarna biru ada angka yang sebelumnya adalah angka " 1 " dan dirubah           menjadi angka " 2 " dan kata " yes " yang sebelumnya " NO "

" <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>  "

6. Save
7. Liat hasil pada Tata Letak

Menambah Kode Script Scroll Pada Arsip Blog

1. Sign in

2. Klik  " Template "

3. Klik " Edit HTML "

4. Beri tanda centang pada kotak " expand Widget template "

5. Cari kode " <div id='ArchiveList'> "

6. Tambahkan kode " <div style='overflow:auto; width:ancho; height: 150px;'> " diatas kode nomor 5, warna merah adalah pengaturan ketinggian yang diinginkan 

Kode asli pada Edit HTML :

<div style='overflow:auto; width:ancho; height:150px;'>

<div id='ArchiveList'>

<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>

<b:if cond='data:style == &quot;HIERARCHY&quot;'>

<b:include data='data' name='interval'/>

</b:if>

<b:if cond='data:style == &quot;FLAT&quot;'>

<b:include data='data' name='flat'/>

</b:if>

<b:if cond='data:style == &quot;MENU&quot;'>

<b:include data='data' name='menu'/>

</b:if>

</div>

</div></div>

Warna Merah pada kode script diatas adalah penambahan

Sumber : MYP BLOG

;

Iklan Random

1. Login ke akun blogger

2. Tata Letak >>>> Tambah gadget >>>> HTML/Javascript

3. Copas script dibawah

<script language="JavaScript"><!--

images = new Array(3);

images[0] = "<a href = 'http://..........................com/' target='_blank'><img title='title01' src='url kode gambar.'></a>";

images[1] = "<a href = 'http://..........................com/' target='_blank'><img title='title02' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1ySKcE8b4jTIfmDOwVFgN32ngM_Jn5GxGbW-JkD6xM28FmE8nVT919BDoOjNdCL1JG5v7iq8oORw1uRrp6jz3TE5sm4w2GU49yGOCBTXKZGaprC7GnBbdeuqevdbno2x1rpURRelx2vI/s1600/125x125.gif'></a>";

images[2] = "<a href = 'http://..........................com/' target='_blank'><img title='title03' src='url kode gambar.'></a>";

images[3] = "<a href = 'http://..........................com/' target='_blank'><img title='title04' src='url kode gambar'></a>";

images[4] = "<a href = 'http://..........................com/' target='_blank'><img title='title05' src='url kode gambar'></a>";

index = Math.floor(Math.random() * images.length);

document.write(images[index]);

//done

// --></script>

4. Saving 

contoh

Contoh Script Iklan 

<!--  Start kliping-catatan.blogspot.Com Service Code --><br /><div style="line-height: 1px;color:black;padding:1px;"><br /><a

 href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmpupYBDfm_p5pIGpMuQe8NdHEsgZQZCKJAGOg0Os5tf7HU2GK_C3WjIpmpea7NT0bOd01boc32AB9EZQ_FMUzj_tigix19YSZ-32B0NwLHE6cTZ7w42vQmZHJU0c7DMte7r9tJGiI4N9O/s950/iklan950x80px.jpg" style="float: left; margin-right: 1px;color:black"><img src=

"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmpupYBDfm_p5pIGpMuQe8NdHEsgZQZCKJAGOg0Os5tf7HU2GK_C3WjIpmpea7NT0bOd01boc32AB9EZQ_FMUzj_tigix19YSZ-32B0NwLHE6cTZ7w42vQmZHJU0c7DMte7r9tJGiI4N9O/s950/iklan950x80px.jpg" width="885" height="80" alt="kliping-catatan.blogspot Ads" 

border="0" /><br /><br /><br /><a href="http://www.kliping-catatan.blogspot.com/webtools/classified/" style="font-size: 10px; color:black;"> by kliping-catatan.blogspot.com

</a><br style="clear: left;" /><br /></a

></div><br /><!-- End kliping-catatan.blogspot.Com Service Code -->

Cara pasang iklan melayang di bawah

1. Login ke akun blogger.com
3. Klik Tata Letak
4. Klik Tambah Gadget, setelah itu muncul jendela munculan dan pilih opsi
    HTML/Javascript
5. Copy kan Kode Dibawah ini

<div id="floating_banner_top" style="position:fixed; bottom:0; background:none; width:900px; height:80px; z-index:100; ">  

<div style="width:900px; height:20px; text-align:center;">

<a href="#" onclick="document.getElementById('floating_banner_top').style.display='none';return false;">

<img border="none" src="http://www.damorelaw.com/images/wingdings/closeButton.gif"/>

</a>

</div>

<div style="width:885px; height:80px; background:#FFFFFF;">

..... iklan .....

</div>

</div>

6. Lalu Simpan



Contoh Script Iklan :

<!--  Start kliping-catatan.blogspot.Com Service Code --><br /><div style="line-height: 1px;color:black;padding:1px;"><br /><a

 href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmpupYBDfm_p5pIGpMuQe8NdHEsgZQZCKJAGOg0Os5tf7HU2GK_C3WjIpmpea7NT0bOd01boc32AB9EZQ_FMUzj_tigix19YSZ-32B0NwLHE6cTZ7w42vQmZHJU0c7DMte7r9tJGiI4N9O/s950/iklan950x80px.jpg" style="float: left; margin-right: 1px;color:black"><img src=

"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmpupYBDfm_p5pIGpMuQe8NdHEsgZQZCKJAGOg0Os5tf7HU2GK_C3WjIpmpea7NT0bOd01boc32AB9EZQ_FMUzj_tigix19YSZ-32B0NwLHE6cTZ7w42vQmZHJU0c7DMte7r9tJGiI4N9O/s950/iklan950x80px.jpg" width="885" height="80" alt="kliping-catatan.blogspot Ads" 

border="0" /><br /><br /><br /><a href="http://www.kliping-catatan.blogspot.com/webtools/classified/" style="font-size: 10px; color:black;"> by kliping-catatan.blogspot.com

</a><br style="clear: left;" /><br /></a

></div><br /><!-- End kliping-catatan.blogspot.Com Service Code -->

Yang berwarna merah diganti sesuai dengan keinginan






Tambahan lagi dengan script yang kedua :


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
</script><br />
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='btm_banner' style='height: 90px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 6px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrXkGCzbB0ZEJVbnyn4Ps2UQTjtH6Ib7iwWSmwqojTNVaChJfoRcIaZjvl4ROgL32Jwn1FgZk4SaHUGedfVnFx1bCjrDhuDqKY-cXqWrlS5gpdNjOADStwWEhqrybyL7uu1UueVMg5JiEb/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="http://www.kliping-catatan.blogspot.com/2012/10/advertise.html" target=" blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmpupYBDfm_p5pIGpMuQe8NdHEsgZQZCKJAGOg0Os5tf7HU2GK_C3WjIpmpea7NT0bOd01boc32AB9EZQ_FMUzj_tigix19YSZ-32B0NwLHE6cTZ7w42vQmZHJU0c7DMte7r9tJGiI4N9O/
/iklan950x80px.jpg" /></a>
</center></p>
</p>
</div>

Iklan melayang kiri & kanan

• Pertama-tama masuk ke akun blogger milik anda
• Selanjutnya masuk ke Tata Letak >> Tambah Gadget >>HTML/Javascript
• Kemudian copy kode Berikut ini dan pastekan pada kolom yang telah disediakan

<script type='text/javascript'>

$(document).ready(function() {

$('img#closed').click(function(){

$('#btm_banner').hide(90);

});

});

</script>

<script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};

</script><script type="text/javascript">

if (window.jstiming) window.jstiming.load.tick('headEnd');

</script>

<!--start: floating ads-->

<div id="teaser2" style="width:160px; height:600; text-align:left; display:scroll;position:fixed; top:50px;left:50px;">

 <div><a id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs6wquHaqsNWGWj73aN3KWLluF7oRFKcxy24N-2my-SpJXOMLO2cIhgVw9QdHl-1fvnoaNqsUKJsPSBDCGxp84AwO0duMnA0JW4k2rdl8n69c0AAgGvaDYu5eSSwde81agXxp7Nz9TMuhF/s1600/PhoXo2.png'/></center></a></div>

<!--Mulai disini-->

..... IKLAN .....

<!--Akhir disini-->

</div>

<!--end: floating ads--

  <!--start: floating ads-->

<div id="teaser3" style="width:160px; height:600; text-align:right; display:scroll;position:fixed; top:50px;right:50px;">

 <div><a id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs6wquHaqsNWGWj73aN3KWLluF7oRFKcxy24N-2my-SpJXOMLO2cIhgVw9QdHl-1fvnoaNqsUKJsPSBDCGxp84AwO0duMnA0JW4k2rdl8n69c0AAgGvaDYu5eSSwde81agXxp7Nz9TMuhF/s1600/PhoXo2.png'/></center></a></div>

<!--Mulai disini-->

..... IKLAN .....

<!--Akhir disini-->

</div>

<!--end: floating ads-->

• Tanda hitam panjang ganti dengan kode iklan

Sumber : http://ardiyantobay.blogspot.com