Membuat Tukeran Link Otomatis di Blog

Entah sudah berapa jumlah blogger yang mengirimkan e-mail pada saya untuk tukeran link, mungkin lebih dari dua ratusan. Akan tetapi karena kesibukan di kampus yang membuat saya tidak bisa memasang balik link mereka. Bukannya saya tidak pernah online, saya setiap hari selalu online tapi hanya sempat untuk mengerjakan tugas. Bayangkan setiap minggu saya wajib membuat laporan yang tebalnya kayak skripsi, bahkan sering kali saya membuat hingga 5 laporan per minggu. Maaf, sedikit curhat ya. hihihi

Saya merasa sangat bersalah karena tidak bisa memasang balik link sobat blogger, setelah berfikir keras akhirnya saya menemukan solusinya. Saya putuskan untuk menggunakan tukeran link otomatis pada blog ini, yang saya buat di blenza.com. Walaupun lebih mudah, cepat dan tidak repot, memang sistem ini juga memiliki kekurangan. Tapi apa boleh buat, saya pikir ini adalah satu-satunya solusi.

• Bagi blogger yang merasa telah memasang link dan banner forantum di blognya, silakan memasang link blog sobat sendiri di "Tukeran Link Otomatis".

Terima kasih banyak dan maju terus blogger indonesia.....!!!

Menambahkan Icon pada Link List / Label

Sekarang kita akan mencoba menambahkan icon pada label dan link sidebar. Yang dimaksud dengan icon link list adalah icon kecil di samping daftar link yang biasa kita tempatkan pada sidebar blog kita. Icon ini bisa bermacam-macam. Pertama sekali anda harus sudah menyimpan icon pada image hosting anda. Misalnya di tiniypic.com, photobucket.com atau tempat tempat hosting gambar lainnya. Contohnya icon panah hijau dengan alamat penyimpanan seperti ini:

Membuat Tempat Link

apabila anda sering blogrool atau tukeran link pasti anda akan membutuhkan tempat link. Apabila link teman kita banyak maka kotak link blooger akan ikut memanjang sehingga dapat memenuhi blog dan merusak keindahan blog. Saat ini kita akan membuat tempat link yang lebih efisien untuk menampung link teman - teman kita. kotak link yang akan kita buat disini ada tiga macam, yaitu :

1. Link Dengan Scrool (model text area )
2. Link Bergerak (Marque )
3. Gabungan ( penggabungan text area dan marque )

Baiklah akan saya terangkan satu-persatu :

1. Link dengan Scrool
Model ini jika linknya banyak tidak akan buat blog jadi sesak karena jika link melebihi batas text area akan ada roll bar disampingnya jadi ada batas tempatnya gitu dehh pokoknya kurang lebih kaya itu penjelasanya.

2. Link Bergerak
Model marque ini link-linknya akan bergerak dari atas ke bawah/dari bawah ke atas dan juga bisa dari kiri ke kanan juga bisa sebaliknya


3. Gabungan
Ini adalah penggabungan antara link dengan scrool dengan link bergerak

Sudah jelas bukan...sekarang kita belajar cara membuatnya :

# Cara Membuat Link dengan Scrool

1. Buka menu Layout ( Tata Letak)
2. Page Elements ( elemen halaman)
3. Kemudian Add A Gadget ( tambah gadget ) dan pilih HTML/JavaScript
4. kemudian copy peste kode HTML dibawah ini :

<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">

#alamat link <br />
#alamat link2 <br />
#alamat link3 <br />
#link... seterusnya

</div>

Ket :
width: 200px; : Adalah ukuran panjang text area tersebut
height: 200px; : Adalah Ukuruan lebar text area tersebut
#alamat link <br /> : itu adalah link teman blog kamu yang kamu mau pasang di blogroll kamu, jika link tidak ingin berada di garis baru buang saja code <br />

Linknya kamu harus isi dengan HTML seperi dibawah
<a href="http:forantum.blogspot.com">Kumpulan Tutorial Blog</a>
atau jika ingin membuka di tabel baru tambahkan target="_blank"
Jadinya Seperti ini <a href="http:forantum.blogspot.com"target="_blank">Kumpulan Tutorial Blog</a>
Contoh diatas dapat kamu ubah dengan url dan nama blog teman kamu.

5. kalo sudah simpan deh...


# Cara membuat link bergerak

1. Buka menu Layout ( Tata Letak)
2. Page Elements ( elemen halaman)
3. Kemudian Add A Gadget ( tambah gadget ) dan pilih HTML/JavaScript
4. kemudian copy peste kode HTML dibawah ini :

<MARQUEE align="center" direction="up" height="100" scrollamount= "2"

onmouseover='this.stop()' onmouseout='this.start()' width="95%" >

#link1 <br />
#link2 <br />
#link3 <br />
#link...<br />

</marquee>

Ket :
Up adalah pergerakan link bisa kamu ganti dengan down, left, right
100 adalah tinggi batas blogrollnya

Linknya kamu harus isi dengan HTML seperi dibawah
<a href="http:forantum.blogspot.com">Kumpulan Tutorial Blog</a>
atau jika ingin membuka di tabel baru tambahkan target="_blank"
Jadinya Seperti ini <a href="http:forantum.blogspot.com"target="_blank">Kumpulan Tutorial Blog</a>

5. Sudah jadi lalu simpan.


# Cara membuat link dengan scrool dan bergerak

1. Buka menu Layout ( Tata Letak)
2. Page Elements ( elemen halaman)
3. Kemudian Add A Gadget ( tambah gadget ) dan pilih HTML/JavaScript
4. kemudian copy peste kode HTML dibawah ini :

<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">
<marquee direction="up" width="95%" scrollamount="2"

onmouseover="this.stop()" onmouseout="this.start()" height="200" align="center">

Link
Link
Link


</marquee>
</div>

Ket:
width: 200px; height: 200px; adalah panjang dan lebar batas text area
height="200" adalah tinggi batas marque areanya

Linknya kamu harus isi dengan HTML seperi dibawah
<a href="http:forantum.blogspot.com">Kumpulan Tutorial Blog</a>
atau jika ingin membuka di tabel baru tambahkan target="_blank"
Jadinya Seperti ini <a href="http:forantum.blogspot.com"target="_blank">Kumpulan Tutorial Blog</a>

5. Simpan.

fyuh.........akhirnya selesai juga tutorial membuat tempat link ini.

( Sumber : http://tutorial-jitu.blogspot.com )

Making Link list With Scrool

Ingin membuat link list blogger dengan scrool. Tak hanya itu kita juga akan memberikan efek pembukaan jendela baru. Apa sobat semua tertarik untuk membuatnya???. Untuk membuatnya kita tinggal memodif...hehehe,kayak motor aja yach...memodif kode HTML link list asli milik blogger. Oke sekarang kita mulai untuk membuatnya.

1. pastikan sudah memasang Widget "Link List" milik blogger.

2. Buat enam atau lebih link.

3. masuk menu Layout kemudian masuk menu Edit HTML dan centang "expand widget templates"

4. Lalu Cari Code HTML seperti dibawah ini:

<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>

5. Ganti code diatas dengan Code dibawah ini:

<div style='width:100%; height:100px; overflow:auto;'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' target='new'><data:link.name/></a></li>
</b:loop>
</ul>
</div>

Perhatikan code height:100px; itu adalah tinggi dari link list bisa kamu ubah-ubah sesuai selera kamu.. jadi jika linknya melebihi batas tinggi maka akan ada efek scrollnya
Width:100% juga dapat kamu ubah...kalo di blog Q, Aku ubah : 95%
6.. Simpan. seleeesaaaaaaaai............, buka blog anda lihat perubahan link list.


(Sumber:http://tutorial-jitu.blogspot.com)