Jumat, 06 Desember 2013

Cara Buat Menu Bar di Blogspot

Cara Buat Menu Bar di Blogspot

Cara membuat Menubar di blog - Hmm, sobat sudah pada tau menubar itu apa kan? Menubar adalah sebuah kotak tab/bar yang isinya berupa navigasi link. Fungsi menubar yaitu untuk menyimpan link-link penting di suatu blog, agar pengunjung dapat lebih mudah mengunjungi halman-halaman utama yang ada pada suatu blog itu.
oke ini adalah gambarnya


Gemana sob keren kan?
berikut caranya:
1. Login ke akun Blogger sobat
 
2. Sekarang Klik Template
3. Klik EDIT HTML
4. Sekarang Cari Kode </head> agar mudah dalam pencarian tekan Ctrl+f
5. Letakan kode di bawah tepat di atas kode </head>


<style type='text/css'> 
#tabs28 {   float:left;   width:100%;   background:#fff;   font-size:93%;   line-height:normal; border-bottom:1px solid #DD740B;   }
 #tabs28 ul { margin:0; padding:10px 10px 0 50px; list-style:none;   } 
#tabs28 li {   display:inline;   margin:0;   padding:0;   } 
#tabs28 a {   float:left;   background:url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs4s99QcWHJUemb7FHE4FMTB02GrmrisD106GtrYxIldWjO8aUWVxK4uGCGcYtAwlVTzaPAywIo0b8keIwcmVr55q0shqU7vwBpW9N-uVMRZoBTEOHo9ghtmkbfHcZmjrVkJHt28O-elXI/s1600/slide-left.gif&quot;) no-repeat left top;   margin:0;   padding:0 0 0 5px;   text-decoration:none;   } 
#tabs28 a span {   float:left;   display:block;   background:url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEmB34rOmoi4XyJZ-svTdBfZBjeJ6dd7wb5BgY-uXc3zUt1i-atoPj3x1w4-RIlA0h-wzR64gfF6kkwYk-tor49hlXrChW4L5GczkV8nFor15eiiONkOj3DSQTM8HLbwA89zjgNT1LiZJ6/s1600/side-right.gif&quot;) no-repeat right top;   padding:5px 15px 4px 6px;   color:#FFF;   } 
#tabs28 a span {float:none;}  #tabsI a:hover span {   color:#FFF;   } #tabs28 a:hover {   background-position:0% -42px;   } 
#tabs28 a:hover span {   background-position:100% -42px;   }</style>
Catatan:
Anda Boleh Ganti tulisan 10 dengan yang anda inginkan(fungsinya untuk panjang jarak atas)
Anda Boleh Ganti tulisan 50 dengan yang anda inginkan(fungsinya untuk panjang sebelah kiri) 

7. Sekarang kita menuju ke layout
 
8. Klik Tambahkan Gadget dan pilih 'HTML/Javascript
9. Letakan script html di bawah ini di kolom yang disediakan. (Ingat, untuk kolom judul gadget tidak perlu diisi)


<div id="tabs28">

<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Link 1</span></a></li>
<li><a href="#"><span>Link 2</span></a></li>
<li><a href="#"><span>Link 3</span></a></li>
<li><a href="#"><span>Link 4</span></a></li>
<li><a href="#"><span>Link 5</span></a></li>
<li><a href="#"><span>Link 6</span></a></li>
<li><a href="#"><span>Link 7</span></a></li>
<li><a href="#"><span>Link 8</span></a></li>
</ul>

</div>
10. Klik Simpan
catatan: ganti tanda # dengan alamat URL
               ganti Link 1 - Link8 dengan nama menu yang anda inginkan,
oke mungkin cukup sekian, Semoga Bermanfaat..!

Minggu, 01 Desember 2013

Cara Membuat Teks Berjalan Di Header Blog:

Cara Membuat Teks Berjalan Di Header Blog:
1. Log In ke Blogger.
2. Pilih Template => Edit Html.
3. Cari kode script </head>, Untuk mempermudah mencari silahkan tekan ctrl+F pada keyboard dan silahkan tulis kode di atas.
4. Setelah dapat, letakkan kode di bawah ini tepat di bawah kode tadi !!!

<marquee direction='left' scrollamount='5'><font color='black' size='3'>Tuliskan Deskripsi Yang Akan Anda Tampilkan</font></marquee>

Keterangan:
left => arah Teks berjalan yaitu dari kiri ke kanan. Anda dapat merubah left menjadi right
=> kecepatan Teks berjalan, semakin tinggi angkanya maka akan semakin cepat pula mode action marquenya
black => warna font. Untuk memilih warna lain, silahkan lihat disini : Daftar kode warna HTML
3 => ukuran font (size)
jika dalam keterangan diatas masih ada yang kurang jelas, silahkan berkomentar di kotak komentar di bawah.

5. Selesai, simpan template Anda.

Semoga Tutorial cara membuat teks berjalan di header blog ini bisa bermanfaat buat blogger yang lainnya.... Baca juga Cara Memasang Tombol Share Dibawah Postingan. Tombol ini berguna untuk memudahkan para pengunjung blog yang ingin membagikan artikel yang telah dibacanya ke jejaring sosial seperti Facebook Like dan share, Twitter Tweet dan Google+1.