Membuat navigasi bar di blogspot

masukkan code berikut kedalam ruangan html/javascript
save dan lihat hasilnya

semoga berhasil . .. . . .

<style>

.tingtong{

margin-right:-0px;

margin-left:-0px;

background: url(LINK BACKGROUND);top:0px;

left:0px;

text-align:center;

padding-top:10px;

padding-bottom:10px;

border: #e69fba 3px solid;

}

a.blabla{

background:#e69fba ;

text-decoration:none;

color:#fff;

padding:5px;

font:12px arial;

margin-left:5px;

margin-right:5px;

-webkit-transition:All 0.4s ease;

-moz-transition:All 0.4s ease;

-o-transition:All 0.4s ease;

display:inline-block;

padding-right:10px;


padding-left:10px;


}




a.blabla:hover{background:#fff;

color:#000;

</style>

<br />

<div class="tingtong">

<a class="blabla" href="YOUR LINK">PAGE 1</a>

<a class="blabla" href="YOUR LINK">PAGE 2</a>

<a class="blabla" href="YOUR LINK">PAGE 3</a>

<a class="blabla" href="YOUR LINK">PAGE 4</a>

<a class="blabla" href="YOUR LINK">PAGE 5</a>


</div>

Memberikan border style di sidebar blog

masuk kedalam edit html
cari code berikut ]]></b:skin>
kemudian paste code berikut ini tepat diatas code yang dicari tadi
.sidebar .widget {
background: #FFF;
border: 2px solid #000;
  margin:5px 5px 1.0em;
  padding:0px 5px 1.0em;
border-radius: 10px; }

simpan template dan lihat hasilnya ..

yang diblok hijau itu adalah lengkungan border

Menempatkan Hover Over banner link didalam blog

copy paste code berikut ini, letakkan diruangan html/javascript
save dan lihat hasilnya

semoga berhasil

<style>

#bannerdiv {

    z-index: 9999;

    position: fixed;

    bottom: -300px;

    right: 20px;

    -webkit-transition: all 1s ease-in-out;

    -moz-transition: all 1s ease-in-out;

    -o-transition: all 1s ease-in-out;

    transition: all 1s ease-in-out;

    background-color: #000000;

padding: 5px;

margin: 4px;

border-radius: 10px 10px 0px 0px;

}

#bannerdiv:hover {

    bottom: -5px;

}

#bannertitle {

    text-align: center;

    font-size: 11px;

    font-family: verdana;

    letter-spacing: 1px;

    color: #ffffff;

    padding: 3px 5px 15px 5px;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}

 </style>




<br />

<div id="bannerdiv">

<div id="bannertitle">

GIVEAWAY</div>

<center>

<a href="LINK ANDA"><img height="70" src="http://icons.iconarchive.com/icons/tanitakawkaw/simple-cute/128/box-icon.png" width="70" /></a></center>

<center>

<a href="LINK ANDA"><img height="70" src="http://icons.iconarchive.com/icons/double-j-design/ravenna-3d/128/Box-icon.png" width="70" /></a></center>

<center>

<a href="LINK ANDA"><img height="70" src="http://icons.iconarchive.com/icons/petalart/free-shopping/128/shipping-box-icon.png" width="70" /></a></center>

<center>

<a href="LINK ANDA"><img height="70" src="http://icons.iconarchive.com/icons/mymovingreviews/3d-movers/128/boxes-brown-icon.png" width="70" /></a></center>

</div>

Memberikan border style di sidebar dengan warna lebih dari satu

cari edit html template
cari code berikut  ]]></b:skin>

masukkanm code berikut ini tepat diatas code yang dicari

.sidebar .widget {
background: #FFF;
border-top: 4px solid #F5A9BC;
border-bottom: 4px solid #A9BCF5;
border-left: 4px solid #A9BCF5;
border-right: 4px solid #F5A9BC;
  margin:5px 5px 1.0em;
  padding:0px 5px 1.0em;
border-radius: 10px;
 }

yang tebal >> menentukan warna border style colour
blok hijau >> menentukan lengkungan border


save template . .. , dan lihat hasilnya . .. . ...

Pasang Breaking News

.newspic {background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggrQtIuqOvcAnRx6iQGV6yJbCyidZxIDURsjNmtQck_CeZiYEbpDYFrGGl5zlVzLzsUL8-8EpTc57otqTp6ptJFmrKhFX6hqlvobETtdbRMg0CHctq805TKCQsQAamr7m7gwjwIhnHaR0/s1600/BRK+NW.png) no-repeat top left;width:979px;margin:0 auto;padding:0 auto; height:24px;color:#fff;}
.news {width: 979px;margin:0 auto;padding:0 auto;line-height: 1.2em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
.news a:link, .news a:visited{color:#000000;text-decoration:none;}
.news a:hover {color:#ddd;text-decoration:underline;}
---------------------------------------------------------------

Letakkan kode berikut diatas  </head>