Cara Membuat Blogroll

Assalamu'alaikum

oke, saya udah lama gak nge-Post karena kesenjangan mood saya yang begitu meng kontroversi hati saya.. (baca: males) :D

disini saya akan memberikan suatu tutor gan buat ente..yaitu Cara membuat Blogroll
 gambar gak sesuai mungkin :D dimaklumi yah :D
ini nih caranya :
1. Log in dulu Pastinya
2. Pilih Tata Letak> Tambahkan Gadget
3. Pilih HTML/Javascript, ntar muncul box kayak gini
 nah copas script blogroll di bawah ini ke box "konten"

<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://martapierre.com/">Perhiasan Batu Alam</a></li>
<li><a href="http://blog.livean.com/">Indonesian Online</a></li>
<li><a href="http://ajrajr.blogspot.com/">Tips and Tricks</a></li>
<li><a href="http://mhs.blog.ui.ac.id/ahmad.jakfar/">Blog</a></li>
<li><a href="http://bestwannabe.com/">Best Wannabe 2011</a></li>
</ul>
</div>


agan juga dapat melakukan sedikit konfigurasi pada blogroll agan ya :

width: 100px; => membuat box dari blogroll selebar 100px vertikal
height: 200px; => membuat box dari blogroll sepanjang 200px horizontal

Kalau yang berwarnah merah itu link-link yang ingin tampilkan pada Blogroll di blognya agan, kalau pengen diganti mah gak apa-apa gan

4. Simpan
5. Selesai *Sujud Sukur* :D



alhamdulillah, segitu dulu ya gan,
Untuk Tutor yang lain sabar #eaaa...

Wassalamu'alaikum

(Referensi : http://utidi.com/blog/cara-membuat-blogroll-di-blog/ )

Jika Anda ingin membuat blogroll model scrollbar silakan ikuti panduan berikut: - See more at: http://blogger-copast.blogspot.com/2011/04/cara-membuat-blogroll-model-scrollbar.html#sthash.ciazSKfF.dpuf
Jika Anda ingin membuat blogroll model scrollbar silakan ikuti panduan berikut: - See more at: http://blogger-copast.blogspot.com/2011/04/cara-membuat-blogroll-model-scrollbar.html#sthash.ciazSKfF.dpuf
1. Copy kode berikut ini:
<div style="border:1px solid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="http://diarykudiblog.blogspot.com">Panduan Dan Tutorial Gratis</a></li>
<li><a href="Edit">Judul Blog Anda</a></li>
<li><a href="Edit">Judul Blog Anda</a></li>
</ul>
</div>
- See more at: http://blogger-copast.blogspot.com/2011/04/cara-membuat-blogroll-model-scrollbar.html#sthash.ciazSKfF.dpuf
Jika Anda ingin membuat blogroll model scrollbar silakan ikuti panduan berikut:

1. Copy kode berikut ini:
<div style="border:1px solid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="http://diarykudiblog.blogspot.com">Panduan Dan Tutorial Gratis</a></li>
<li><a href="Edit">Judul Blog Anda</a></li>
<li><a href="Edit">Judul Blog Anda</a></li>
</ul>
</div>

Jika Anda ingin link blogroll Anda terbuka di tab baru ketika di klik (open in new tab or in newwindow), silakan copy-paste kode yang ini saja:


<div style="border:1px solid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="http://diarykudiblog.blogspot.com" target="new">Panduan Dan Tutorial Gratis</a></li>
<li><a href="Edit" target="new">Judul Link Anda</a></li>
<li><a href="Edit" target="new">Judul Link Anda</a></li>
</ul>
</div>
2. Login ke blogger.com-->klik design
3. Pilih gadget di sidebar yang masih kosong dengan cara klik 'Add a Gadget', kemudian pilih HTML/Javascript
4. Letakan kode yang tadi Anda copy diatas pada kotak kosong yang tersedia, beri judul/title: BlogRoll atau Link Sahabat
5. Ganti tulisan 'Edit' dengan alamat url/link yang ingin Anda pasang. Save dan lihat hasilnya.

Jika dipasang pada halaman posting, letakkan saja kode diatas pada halaman posting tukar link blog Anda, jika belum ada halaman tukar link silakan membuat entri baru atau posting baru terlebih dahulu dan letakkan kodenya di entri baru tersebut. - See more at: http://blogger-copast.blogspot.com/2011/04/cara-membuat-blogroll-model-scrollbar.html#sthash.ciazSKfF.dpuf
Jika Anda ingin membuat blogroll model scrollbar silakan ikuti panduan berikut:

1. Copy kode berikut ini:
<div style="border:1px solid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="http://diarykudiblog.blogspot.com">Panduan Dan Tutorial Gratis</a></li>
<li><a href="Edit">Judul Blog Anda</a></li>
<li><a href="Edit">Judul Blog Anda</a></li>
</ul>
</div>

Jika Anda ingin link blogroll Anda terbuka di tab baru ketika di klik (open in new tab or in newwindow), silakan copy-paste kode yang ini saja:


<div style="border:1px solid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="http://diarykudiblog.blogspot.com" target="new">Panduan Dan Tutorial Gratis</a></li>
<li><a href="Edit" target="new">Judul Link Anda</a></li>
<li><a href="Edit" target="new">Judul Link Anda</a></li>
</ul>
</div>
2. Login ke blogger.com-->klik design
3. Pilih gadget di sidebar yang masih kosong dengan cara klik 'Add a Gadget', kemudian pilih HTML/Javascript
4. Letakan kode yang tadi Anda copy diatas pada kotak kosong yang tersedia, beri judul/title: BlogRoll atau Link Sahabat
5. Ganti tulisan 'Edit' dengan alamat url/link yang ingin Anda pasang. Save dan lihat hasilnya.

Jika dipasang pada halaman posting, letakkan saja kode diatas pada halaman posting tukar link blog Anda, jika belum ada halaman tukar link silakan membuat entri baru atau posting baru terlebih dahulu dan letakkan kodenya di entri baru tersebut. - See more at: http://blogger-copast.blogspot.com/2011/04/cara-membuat-blogroll-model-scrollbar.html#sthash.ciazSKfF.dpuf
Jika Anda ingin membuat blogroll model scrollbar silakan ikuti panduan berikut:

1. Copy kode berikut ini:
<div style="border:1px solid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="http://diarykudiblog.blogspot.com">Panduan Dan Tutorial Gratis</a></li>
<li><a href="Edit">Judul Blog Anda</a></li>
<li><a href="Edit">Judul Blog Anda</a></li>
</ul>
</div>

Jika Anda ingin link blogroll Anda terbuka di tab baru ketika di klik (open in new tab or in newwindow), silakan copy-paste kode yang ini saja:


<div style="border:1px solid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="http://diarykudiblog.blogspot.com" target="new">Panduan Dan Tutorial Gratis</a></li>
<li><a href="Edit" target="new">Judul Link Anda</a></li>
<li><a href="Edit" target="new">Judul Link Anda</a></li>
</ul>
</div>
2. Login ke blogger.com-->klik design
3. Pilih gadget di sidebar yang masih kosong dengan cara klik 'Add a Gadget', kemudian pilih HTML/Javascript
4. Letakan kode yang tadi Anda copy diatas pada kotak kosong yang tersedia, beri judul/title: BlogRoll atau Link Sahabat
5. Ganti tulisan 'Edit' dengan alamat url/link yang ingin Anda pasang. Save dan lihat hasilnya.

Jika dipasang pada halaman posting, letakkan saja kode diatas pada halaman posting tukar link blog Anda, jika belum ada halaman tukar link silakan membuat entri baru atau posting baru terlebih dahulu dan letakkan kodenya di entri baru tersebut. - See more at: http://blogger-copast.blogspot.com/2011/04/cara-membuat-blogroll-model-scrollbar.html#sthash.ciazSKfF.dpuf

0 comments: