Membuat top navbar left right

Posted by Unknown 22 April 2010 0 comments
nih Anak Muda lagi bagi sharing-sharing masalah tips blog,,pada kesempatan kalie ini,,terinspirasi dari template sendiri,,yang diatas header ada top nav,,yang dibagian kiri,ada hari tanggal bulan dan tahun sekarang,,dan pada bagian kanan,,terdapat icon feedspost,dan coments,,,

nah bila sobat hendak memasang seperti itu ,,caranya cukup mudah...
pertama-pertama yang sobat lakuakan adalah tentunya,
1. login blogspot>>tataletak>>edit html;
2.lagkah selanjutnya setelah masuk menu edit html,centang expand widgets,lalu tekan [ctr+f] untuk memudahkan pencarian,kedudian cari ]]> ,kemudain tehkan ,copykan css berikut ini diatas ]]>;


#topnavbar {
    background: #E5ECF3 url();
    width: 960px;
    height: 30px;
    color: #666666;
    margin: 0px;
    padding: 0px;
    }
   
#topnavbar a, #topnavbar a:visited {
    font-size: 11px;
    font-weight: bold;
    color: #666666;
    text-decoration: none;
    }
   
#topnavbar a:hover {
    text-decoration: underline;
    }
   
#topnavbar p {
    font-size: 11px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    }
   
.topnavbarleft {
    width: 230px;
    float: left;
    margin: 0px;
    padding: 8px 0px 0px 10px;
    }
   
.topnavbarright {
    width: 600px;
    float: right;
    margin: 0px;
    padding: 7px 10px 0px 0px;
    text-transform: uppercase;
    text-align: right;
    }
   
.topnavbarright a img {
    border: none;
    margin: 0px 3px 3px 0px;
    padding: 0px;
    }
langkah selanjutnya adalah mengeteh kan ,copy javascriptnya.....,sobat cari kode
kemudian copykan kode ini dibawah


       




   

       


        POSTS

Subscribe to
 Revolution ChurchCOMMENTS

       


   


kemudian save template ;dan coba liat hasilnya....
namun ada yang harus diperhatikan lebar template sobat berapa???...ini harus disesuaikan supaya enak keliatannya;karena template saya lebarnya 960,jadi ;
#topnavbar {
    background: #E5ECF3 url();
    width: 960px; ,nah sobat liat dulu sesuaikan dengan punya sobat,lebih gampangnya sobat liat ada widh navigation menu samakan,,

kemudian sobat bisa atur
.topnavbarleft { dan  .topnavbarright { widhtnya,, berapa2nya;
 dan hasilnya akan seperti ini;

sobat pun bisa mengganti icon post comment dengan facebook,twitter dan lain2..
Comments
0 Comments

0 comments:

Posting Komentar

Jangan Lupa Bermurah Hati Memberikan Sepatah Dua Kata di Komentar Ya !!!

Blog Archive

Label

Adsense (4) ANeH Euy (4497) AntiVirus (33) BerBloG RiA (213) BerDownload Ria (233) Berita (4584) Bola (213) Cerita (2007) Cybercrime (27) Entertainment (1630) Fashion (303) Fenomenal (1254) Film (470) Forum (11) Gadget (363) Gambar (3461) Games (167) Hot Celebs (355) Internet (504) Justin Bieber (61) Kesehatan (941) Kriminal (427) Lucu (1042) Misterius (1055) Musik (487) Ngegosip Nih (1232) Olahragara Yuk (911) Otomotif Nih (409) Sains (853) Sejarah (921) Seksologi (145) Serba-Serbi (4392) Teknologi (1165) Tentang Admin (7) Tips (1481) TV Online (2) Unik (632) Video (1457) Wisata (348) Zodiak (31)