Membuat 3 menu tab di blog

copy paste code dibawah ini;
masukkan kedalam ruangan html/javascript

semoga berhasil .. .  .

save dan lihat hasilnya

<style>


.tabmenu1 {


text-align:center;


width:260px;


color:#333333


}


a.tabmenu {




background: pink;


width:84px;


text-decoration:none;


color:#333333;


display:inline-block;


padding-top:10px;


padding-bottom:10px;


text-align:center;


font:12 georgia;


letter-spacing:2px;


-webkit-transition-duration:0.5s;


}


a.tabmenu:hover {


background: #000;


color:#fff;


-webkit-transition-duration:0.5s;


}


#menu img { max-width:260px;}


 </style>


<center><div class="tabmenu1">


<a class="tabmenu" onclick="document.getElementById('menu').innerHTML=document.getElementById('nav1').innerHTML" >PAGE 1</a>


<a class="tabmenu" onclick="document.getElementById('menu').innerHTML=document.getElementById('nav2').innerHTML" >PAGE 2</a>


<a class="tabmenu" onclick="document.getElementById('menu').innerHTML=document.getElementById('nav3').innerHTML" >PAGE 3</a>


<div id="menu" style="width:260px;color:#333333;font:12px verdana;">


WELCOME


</div>


<div id="nav1" style="display: none;">


ISI 1


</div></div>


<div id="nav2" style="display: none;">


ISI 2


</div>


</div>


<div id="nav3" style="display: none;">


ISI 3,p.
j<p>
asdaqw<p>
sd


</div></div>

</div></div>

Animasi text berjalan di bagian sidebar (marquee)

silakan masukkan code berikut taruh didalam ruangan html/javascript


<marquee style="background-color:FFDDFF; border: 3px solid pink; color:#FF0000; font-family:verdana; font-size:9pt; width:100px; height:25px; " direction="left" behavior="scroll" scrollamount="5" >TEXT BERJALAN ADA DISINI</marquee>

kemudian save dan lihat hasilnya

Menampilkan satu postingan dihalaman depan blogspot

lari ke dashboard

ikuti langkah berikut pada gambar . ganti dengan 1 / posting di laman utama

semoga berhasil . . . ..

Membuat kelompok link navigasi menu

copy code berikut masukkan kedalam ruangan html/javascript
<br/><center>
<a href="LINK">About Me</a> | <a href="LINK">Profile</a> | <a href="LINK">Facebook</a><a href="LINK">Twitter</a> | <a href="LINK">Youtube </a> | <a href="LINK">Tips-Trick</a>
<center><a href="LINK">Google Plus</a></center>
</center>


jika berhasil , maka hasilnya kan seperti dibawah

Meletakkan script iklan banner bergerak di blog

cari ruangan html/javascript
masukkan code berikut
<center><center><div style=' background: #fff; border: 2px solid #fc0c92; padding: 2px; width: 710px;'><div style='text-align: center;'><marquee behavior='alternate' direction='right' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3'><a href="LINK1"><img src="http://icons.iconarchive.com/icons/tanitakawkaw/simple-cute/128/box-icon.png" alt="" width="125" height="125" /></a><a href="LINK2"><img src="http://icons.iconarchive.com/icons/petalart/free-shopping/128/shipping-box-icon.png" alt="" width="125" height="125" /></a><a href="LINK3"><img src="http://icons.iconarchive.com/icons/double-j-design/ravenna-3d/128/Box-icon.png" alt="" width="125" height="125" /></a><a href="LINK4"><img src="http://icons.iconarchive.com/icons/mymovingreviews/3d-movers/128/boxes-brown-icon.png" alt="" width="125" height="125" /></a></marquee></div></div></center></center>


save dan lihat hasilnya
semoga berhasil  . . . .   ,