- Masuk ke Blogger.com dengan username dan password anda
- Klik Tata Letak >> Elemen Halaman
- Sekarang Klik Tambah Gadget di bagian bawah
- Setelah anda klik Tambah Gadget maka akan ada window “Tambahkan Gadget”
- Plilih dan temukan Daftar Link di bagian bawah
- Sekarang isikan Judul yang anda inginkan, misalkan “BlogRoll” kemudian pada kolom kedua biarkan saja kosong
- Pada kolom Menyortir pilih jangan di urutkan atau sortir sesuai abjad. Terserah anda pilih yang mana!
- Lalu pada kolom URL masukan alamat URL teman anda tersebut, misalkan masukan alamat blog saya http://nuradik.blogspot.com
- Berikutnya anda masukan “Nama Situs Baru” misalkan namanya NurAd1K
- Jika sudah selesai, anda klik klik "Simpan" bila hanya ingin menambahkan teman hany satu tetapi bila ingin menambahkan teman lagi klik “Tambahkan Tautan” lalu setelah itu anda bisa memasukan link blog lain yang baru atau klik Simpan
- Simpan Template Anda dan lihat hasilnya
1.Masuk ke Blogger.com dengan username dan password anda
2.Klik Tata Letak >> Elemen Halaman
3.Lakukan backup data dengan mengklik "Download Template Lengkap"
4.Conteng
5.Klik CTRL+F untuk menemukan kata.
6.Masukkan judul blogroll anda bila telah bertemu maka perhatikan code dibawah yang di beri warna merah.
<div id='sidebar2-wrapper'>
<b:section class='upsidebar2' id='upsidebar2' preferred='yes'>
<b:widget id='LinkList4' locked='false' title='BlogRoll' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
7.Tambahkan kode tipe blogroll yang kita inginkan. percis di bawah kode <b:if cond='data:title'><h2><data:title/></h2></b:if>, atau yang mirip, karena tidak semua kode widget dalam blog memiliki kesamaan, biasanya kode ini terletak di atas <div class='widget-content'>. kode blogroll bisa dilihat dibawah:.
8.Tambahkan kode </div> percis di atas kode </b:includable>.
9.Selesai dan klik "Simpan Template".
Dibawah Adalah macam-macam kode blogroll
1.Kode blogroll dengan scroll menu
<div style='border:2px solid #006600;overflow:auto;width:130;height:200px;'>Semoga catatan saya kali ini berguna. Terimakasih kunjungannya.
Tidak ada komentar:
Posting Komentar