Bikin Menu Nafigasi Blogspot
Jadi saya putuskan untuk meminta petunjuk dengan om google, dan om google menyarankan saya untuk mengunjungihttp://oentoe09.blogspot.com disanalah akhirnya saya mendapatkan pencerahan.
Langkah-langkah yang harus dilakukan untuk menambahkan menu navigasi ini adalah sebagai berikut:
1. Login ke account blogger, tentu saja.
2. Masuk ke lay out, edit html, centang expand widget.
3. Cari kode </b:skin>
4. Kalo udah, paste script dibawah ini tepat di atas kode </b:skin> atau paste di antara <head> </head>
.menubar{
width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
.menubar ul{
margin: 0;
padding: 0;
float: left;
width: 100%;
background: #FF6C00
border-top-width: 1;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #808080 border-right-color: #808080; border-bottom-color: #808080; border-left-color: #808080
}
.menubar ul li{
display: inline;
}
.menubar ul li a{
float: left;
color: #FFFFFF;
padding: 5px 11px;
text-decoration: none;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #C0C0C0
}
.menubar ul li a:visited{
color: #FFFFFF;
}
.menubar ul li a:hover, .menunav ul li .selected{
color: #FFFFFF !important;
padding-top: 5px;
padding-bottom: 5px;
background: #454545;
}.
Save Template, Kode yang berwarna silahkan diganti sesuai warna template.
5. langkah selanjutnya adalah pindah ke Page element, add gadget copy script ini
<div class="menubar">
<ul>
<li><a href="/">Home</a></li>
<li><a href="URL-1">Link-1</a></li>
<li><a href="URL-2">Link-2</a></li>
<li><a href="URL-3">Link-3</a></li>
</ul>
</div>
Silahkan edit, nama menunya serta link-nya.
selain itu kode tersebut juga bisa di paste di <body> </body> tepatnya di bawah kode header.
selamat mencoba. Read More......
Cara Membuat Burung Terbang Di Blog Anda
Untuk melihat demo nya bisa langsung lihat di blog saya ini :)
- Berikut ini adalah scriptnya paste dalam tag <body> :
<!-- floating twitter Bird -->
<script type="text/javascript" src="http://p4r46h-blog.googlecode.com/files/twitterfloat.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOd5PKP0cU2mS5Q7JDa4H1akVqfyyF40q4S4RcKAy0dIfQCCAwg9higUEi4afTLNk_M5bczXXJKwacUCwdHaYrIBazqejiAL7cWY8g-b3XvNvL3wx7e7t-XoXtuYsYq_w8sMzu3pRx0N1b/s1600/original.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button",
"select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/#!/p4r46hcyb3rn3t";var tweetThisText = "Twitter - UserID http://www.p-cbn.blogspot.com/";tripleflapInit();
</script>
- Ganti yang saya beri warna merah tebal dengan nama twitter kamu
- Ganti yang saya beri warna biru tebal dengan URL blog kamu
- Selesai :)
Untuk cara penempatan scriptnya bagi pengguna blogspot silahkan add terlebih dahulu ke dalam blog kamu gadgedHTML/javascript . Kemudian paste script yang sudah kamu edit tadi ke dalam nya :D .
Mungkin ingin menyesuaikan warna burung nya dengan layout blog kamu, saya coba bantu sedikit :D . Cukup ganti url gambar yang saya beri warna pink tebal di atas dengan url gambar di bawah ini :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEBfqoHmPxl-TeDUw2tgGHOwNj8bIcvWa586hPaJGbUA_D1kK2CS4LVsp_BJFCIDBw0GBEIJwAR_y3L_bejoGEx7Qe_G0yqKkdRdUM3ehm9Y8hvPk85iJBjnJPnt0TnLxGS-rQtxai3Vvf/s1600/blue.png
Ok saya rasa cukup :D . untuk warna yang lain mungkin bisa kamu edit sendiri .
Semoga berguna ;) Read More......
Semoga Tuhan Senantiasa Menjaga Hubungan Kita Berdua
Dah lama gak update blog...gak ada salahnya gue update sekarang walaupun dengan sepatah duapatah kata..
gue mau memberikan sedikit pengalaman tentang hubungan percintaan gue sama cwe gue yang sekarang...begitu banyak dan berat banget kami jalanin hubungan kami,,masalah demi masalah datang bertubi tubi..sampai kami mencapai titik bosan dan jenuh...tapi kami bertekat untuk mempertahankan hubungan kami dengan berfikir " segala masalah yang datang bertubi tubi itu adalah suatu peroses pembelajaran kepada kami untuk bertumbuh dan berkarakter,,dan yang akhirnya adalah untuk persiapan kami untuk menghadapi hubungan yang lebih tinggi lagi tingkatan nya " alangkah indah nya jika kita selalu berfikir positif untuk segala pergumulan dan masalah yang kita hadapi,,tanpa kita merasa terbebani dengan masalah atau pergumulan yang kita hadapi...Semakin tinggi tinggatan kita dalam rasa sayang,,cinta,,dan iman,,semakin tinggi juga ujian yang kita hadapi...Semua masalah pasti bisa di atasi jika kita bisa menggendalikan emosi kita dan keegoisan kita,,bicarakan dengan kepala dingin..tanpa saling mengadu argument dan saling menyalahkan..semoga ini bisa bermanfaat bagi kita semua dan terus berjuang..cayoooooooo!!!!!
Read More......
Langganan:
Postingan (Atom)
