well this time I'd like to share a bit of the bloggers mania ...on the Tab menu and the placement of her. ..where this menu tab in the place where the only reply is always the same and always did her Horizontal horizontal karna settings ... and more interesting again we don't have to edit the template Or edit HTML which, according to some bloggers make a woozy karna the need to copy and paste back and forth ...check this ...or check that ...backup is either nowhere make a woozy my eyes and our brain ...
hah... pegel juga yah ngetik banyak2..Ya sudahlah kita langsung aja ke TKP tetap Respect dari hati...
Hal pertama yang harus kita lakukan adalah buka akun blog masing2...jangan blog orang yah...hahahahha... kemudian pilih Rancangan..tentuya pilih lagi Layout atau elemen laman...selanjutnya pilih Tambah gadget..dan yang terakhir pilih HTML/Javascript.. pasti para blogger udah tau gimana tampilannya.. setelah muncul kolom HTML/Javascrip Copy Paste code berikit..eh salah ding..berikut maksudnya..ahihihi...
<style type="text/css">
#navcontainer {
background: #ffffff;
border-top: 1px solid #ffffff;
font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#navlist {
list-style: none outside none;
margin: 0;
padding: 0;
}
@media all {
#navlist {
text-align: left
}
}
#navlist li {
bottom: 6px;
display: inline;
line-height: 1.2em;
margin: 0;
padding: 0;
position: relative;
}
html>body
#navlist li {
background: #;
margin: 0 0px 0 0;
padding: 0px 0px 0px 0;
}
#navlist a, #navlist a:link, #navlist a:visited {
background: #840;
border: 5px solid #FEFAFA;
bottom: 5px;
color: #FFF;
cursor: pointer;
display: inline;
height: 1em;
margin: 0;
padding: 3px 5px 3px 5px;
position: relative;
right: 0px;
text-decoration: none;
}
#navlist a:hover {
background: #C10;
bottom: 1px;
color: #FFF;
position: relative;
right: 2px;
}
#navlist a:active {
background: #989;
bottom: 2px;
color: #FFF;
position: relative;
right: 0px;
}
#navlist li#active {
background: #369;
bottom: 20px;
display: outline;
margin: 0 3px 0 0;
padding: 0;
position: relative;
}
html>body
#navlist li#active {
background: #000;
margin: 0 4px 0 4px;
}
#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover {
background: #369;
border-bottom: none;
border-left: 1px solid #9CC;
border-right: 1px solid #9CC;
border-top: 1px solid #9CC;
bottom: 0;
color: #FFF;
cursor: text;
margin: 0;
padding: 2px 5px 0 5px;
position: relative;
right: 0;
}
</style>
<div id="">
<ul id="navlist">
<li id="no active"><a href="http://indra-antara.blogspot.com/URL" id="current">Nama 1</a></li>
<li><a href="http://indra-antara.blogspot.com/URL">Nama 2</a></li>
<li><a href="http://indra-antara.blogspot.com/URL">Nama 3</a></li>
<li><a href="http://indra-antara.blogspot.com/URL">Nama 4</a></li>
<li><a href="http://indra-antara.blogspot.com/URL">Nama 5</a></li>
<li><a href="http://indra-antara.blogspot.com/URL">Nama 6</a></li>
</ul>
</div>
Ganti yang berwarna merah dengan alamat URL yang mau para blogger tampilkan... dan yang berwarna biru nama tampilannya...
Kemudian Simpan..dan kalo berhasil dan pasti berhasil sih..maka tampilannya akan seperti ini:
Sebenarnya tampilan batas samping kiri kanan atas bawah adalah putih,dikarnakan body postingan ini putih jadi tidak tampak putih di pinggirannya...dan bagi para blogger yang memang sudah mengerti cara edit tampilannya..entah itu soal pewarnaan..batas..atau jumlah tampilanya..yang mungkin kalo para blogger utak atik bisa menjadi lebih menarik dan sesuai dengan warna template blog masing2..karna untuk berkreasi ga pernah ada yang melarang selama kreasi itu bermanfaat baik untuk diri pribadi ataupun orang lain...nah untuk melihat tampilan yang sudah jadi walaupun belum sempurna,karna kesempurnaan itu hanya ada pada ALLAH SWT...
Tidak ada komentar:
Posting Komentar
Silahkan berkomentar dengan sopan dan jelas dan apabila komentar anda tidak sopan, kami anggap itu sebagai SPAM.