Tips n trik : Blogging : CARA MEMBUAT BLOGROLL DI BLOG

 

Cara Membuat Blogroll di Blog. Anda suka melakukan tukar-menukar link? Atau anda senang mengoleksi blog-blog yang menarik, lalu ditampilkan daftar blog tersebut pada blog anda?

Mungkin anda suatu saat akan terganggu dengan banyaknya daftar link yang ada pada blog anda. Mungkin daftar link yang anda miliki terlalu banyak untuk ditampilkan pada sidebar, sehingga akhirnya memakan cukup banyak tempat.

Oleh karena itulah, pada kali ini saya akan menjelaskan bagaimana cara membuat blogroll atau daftar link pada blog kita, yang tentu akan lebih menghemat tempat

Copy script blogroll di bawah ini, pastekan pada widget html yang anda miliki :

<div style="overflow: auto; width: 100px; height: 200px; text-align: left; background:#FFFFF;">
<ul style="width: auto; margin: 0 0 0 0;">
<li><a href="http://blogger-copast.blogspot.com/2011/04/cara-membuat-blogroll-model-scrollbar.html">CARA MEMBUAT BLOGROLL MODEL SCROLLBAR</a></li>
<li><a href="http://blogger-copast.blogspot.com/2012/09/cara-membuat-blogroll-model-marquee.html">CARA MEMBUAT BLOGROLL MODEL MARQUEE</a></li>
<li><a href="http://blogger-copast.blogspot.com/2012/10/blogroll-model-textarea.html">BLOGROLL MODEL TEXTAREA</a></li>
<li><a href="http://blogger-copast.blogspot.com/2012/10/blogroll-dengan-menu-dropdown.html">BLOGROLL DENGAN MENU DROPDOWN</a></li>
<li><a href="http://blogger-copast.blogspot.com/2012/09/cara-cepat-mendapatkan-backlink-gratis.html">CARA CEPAT MENDAPATKAN BACKLINK GRATIS DARI GOOGLE</a></li>
</ul>
</div>

Sedangkan yang berwarnah BIRU adalah link-link yang anda ingin tampilkan pada Blogroll di blog anda.

Akhir kata sekian, selamat mencoba

Sumber :  http://livean.com/blog/cara-membuat-blogroll-di-blog

Tips n trik :Blogging =CARA MEMBUAT MENU VERTIKAL DI BLOGGER

 

Cara Membuat Menu Vertikal Di Blogspot

Cara Membuat Menu Vertikal Di Blogspot | Iseng gak ada ide buat bikin posting hari ini, jadi saya langsung menuju blognya Bloggertrix dan sempat menemukan satu artikel tentang cara membuat menu vertikal keren untuk blogger , dan setelah saya teliti ternyata menu vertikal ini cukup elegan dan bagus. dan cocok untuk di pasang yang template blognya ada 2 sampe 3 kolom. kalau untuk scriptnya saya rasa tidak akan membuat blog jadi LOLA (Loading Lama) karna script css-nya tidak banyak, Untuk demo saya hanya bisa berikan gambarannya di bawah ini :

 Apa yang anda pikirkan setelah melihat demo nya, penasaran untuk segera memasangnya silahkan ikuti langkah di bawah ini.

1. Login Blogger

2. Pilih Tabs "Rancangan"

3. Pilih "Edit HMTL" -> Cek "Expand Widget Template"

4. Cari Kode ]]></b:skin> Kemudian Letakkan kode di bawah ini TEPAT di Atas kode ]]></b:skin>

/* Start Menu Vertikal*/

*{

 list-style:none;

 margin:0px;

 padding:0px;

}

#menu4 {

 width: 200px;

 border-style: solid solid none solid;

 border-color: #D76100;

 border-size: 0px;

 border-width: 0px;

 }

#menu4 li a {

   height: 32px;

   voice-family: "\"}\"";

   voice-family: inherit;

   height: 24px;

 text-decoration: none;

 }

#menu4 li a:link, #menu4 li a:visited {

 color: #9E3C02;

 display: block;

 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBdOtXyjQNHrLOOh3V7PU5bhCLP2Z0pYj0PSvGeDg4M0LgHVFJX-raOE3rydsFZSeJ-PN8nHy30DrRk8-VZGseebi01xLsC_6FhDv5lRQUA9T7zdqGw83gdi-Gq1SfGK1qskaaYzd1qx8/s1600/menu4.gif);

 padding: 8px 0px 0px 30px;

 }

#menu4 li a:hover {

 color: #fff;

 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBdOtXyjQNHrLOOh3V7PU5bhCLP2Z0pYj0PSvGeDg4M0LgHVFJX-raOE3rydsFZSeJ-PN8nHy30DrRk8-VZGseebi01xLsC_6FhDv5lRQUA9T7zdqGw83gdi-Gq1SfGK1qskaaYzd1qx8/s1600/menu4.gif) 0 -32px;

 padding: 8px 0 0 30px;

 }

#menu4 li a:active {

 color: #fff;

 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBdOtXyjQNHrLOOh3V7PU5bhCLP2Z0pYj0PSvGeDg4M0LgHVFJX-raOE3rydsFZSeJ-PN8nHy30DrRk8-VZGseebi01xLsC_6FhDv5lRQUA9T7zdqGw83gdi-Gq1SfGK1qskaaYzd1qx8/s1600/menu4.gif) 0 -64px;

 padding: 8px 0 0 30px;

 }

/* End Menu Vertikal*/

5. Klik "Simpan Template"

* Sekarang tinggal Membuat Widget JavaScriptnya

6. Pilih Tabs "Tata Letak" -> Klik "Tambah Gadget"

7. Cari dan Pilih "HTML/JavaScript"

8. Kemudian Masukkan kode di bawah ini pada widget JavaScript

<div id="menu4">
 <ul>
   <li><a href="#1" title="Home">Home</a></li>
   <li><a href="#2" title="About">About</a></li>
   <li><a href="#3" title="Services">Services</a></li>
   <li><a href="#4" title="Portfolio">Portfolio</a></li>
   <li><a href="#5" title="Store">Download</a></li>
 </ul>
</div>
 
Perhatian (Yang Boleh Di Ganti) :
- Ganti Kode #1 sampai #5 dengan URL / Link yang ingin di tuju
- Ganti Kode Warna hijau dengan Judul Link
- Ganti Kode Warna Merah dengan Judul Link

9. Klik "Simpan"

Nah Gampang kan, nah bagi anda yang minat buat bikin menu vertikal ini, tunggu apalagi silahkan terapkan di blog anda. semoga bermanfaat

Sumber :  http://zamaprilio.blogspot.com/2013/02/cara-membuat-menu-vertikal-di-blogspot.html