Blogroll

Juni 17, 2012

Membuat Blogrol Versi Marque

Sebelumnya kita sudah pernah membahas tentang cara membuat blogrol versi Text Area. Bagi anda yang belum mengetahui informasinya, anda bisa lihat di sini. Udah di baca belum..?? Udah aja yah.. :D
Sekarang Lanjut... Untuk selanjutnya saya akan membahas tentang cara membuat blogrol versi MARQUE. Kira-kira apa kelebihan blogrol versi marque? Simak baik-baik informasinya:

BLOGROL VERSI MARQUE
Secara garis besar fungsinya sama, yaitu untuk menampung Link-link yang dapat menghemat halaman blog kita agar halaman blog kita terlihat rapih dan tertata dengan baik. Ada sedikit perbedaan antara Blogrol Versi Text Area dengan Blogrol Versi Marque ini. Jika di dalam blogrol text area terdapat scrol bar yang bisa ditarik kebawah/keatas untuk melihat link/judul yang tersedia di dalam blog kita. Sedangkan dalam Blogrol Versi Marque tidak menggunakan scrol Bar, tetapi Link/judul Postingnya dapat berjalan/bergerak keatas,kebawah,ke kanan, dan kekiri secara otomatis. Hal ini menjadi kelebihan tersendiri untuk Blogrol Versi Marque tersebut.

Berikut Cara membuatnya :

1. Anda loggin ke blogger, kemudian masuk dasbor.
2. pilih Tata letak/page element.
3. Add gadget-->"HTML/Java script".
4. Masukkan code dibawah ini kedalamnya :


<MARQUEE align="center" direction="up" height="100" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" >


<a href="http://inprest3city.blogspot.com/2012/06/Bisnis.html" >razoe3x</a> <br/>
<a href="http://inprest3city.blogspot.com/2012/06/Bisnis.html" >razoe3x</a> <br/>
<a href="http://inprest3city.blogspot.com/2012/06/Bisnis.html" >razoe3x</a> <br/>


</marquee

Code "up" (Linknya berjalan keatas). Anda dapat menggantinya dengan "down,right/left". Tetap jangan lupa, jika ingin menempatkan linknya berjalan sejajar maka code <br/> harus dihilangkan. 

Code http://inprest3city.blogspot.com/2012/06/Bisnis.html Ganti dengan link anda.
Code razoe3x adalah judul yang akan ditampilkan.
Dan jika anda ingin memasukkan lebih banyak link lagi, anda tinggal copy code yang terdapat link dan judulnya kemudian ganti dengan link dan judul baru anda.

Simpan pekerjaan anda, dan selesai.

READ MORE......

Membuat Blogrol Versi Text Area

Berganti hari, berganti minggu, berganti bulan, sampai berganti tahun..
Apa maksudnya yah..?? Hi..hii..saya pun bingung.
Gini aja deh..Seiring berjalannya waktu, maka makin banyak postingan di dalam blog kita. Halaman blog menjadi sesak dan kurang rapih. Kadang kita bingung melihat tampilan blog yang penuh dan tidak tertata dengan baik. Dari itu saya akan berbagi untuk mengatasi solusinya. Saya menyarankan anda memasang blogrol, karena dapat mengurangi kepadatan halaman blog anda. Selain itu blogrol juga berguna bagi pengunjung agar mereka tidak kesulitan dalam mencari sebuah artikel.

Sebenarnya ada 2 jenis blogrol, yaitu Blogrol versi Text Area dan Blogrol versi Marque. Disini saya akan mengulas tentang cara membuat blogrol versi Text area. Blogrol versi text area memiliki sebuah scrol bar yang dapat ditarik keatas/kebawah dalam mencari sebuah artikel. Berikut cara membuatnya :

1. Loggin ke blogger. kemudian masuk dasbor.
2. Pilih Tata Letak/Page Element.
3. Add gadget -->"HTML/Java Script".
4. Masukan code dbawah ini ke dalam kotak tersebut.

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


<a href="http://inprest3city.blogspot.com/2012/06/Bisnis.html" >razoe3x</a> <br/>
<a href="http://inprest3city.blogspot.com/2012/06/Bisnis.html" >razoe3x</a> <br/>
<a href="http://inprest3city.blogspot.com/2012/06/Bisnis.html" >razoe3x</a> <br/>


<a href="........


</div>
Code Width dan Height adalah ukuran kotak blogrol, anda bisa menggantinya sesuai dengan ukuran yang anda inginkan. Code yang berwarna biru adalah Link anda dan judul yang akan ditampilkan.

Jika ingin membuat linknya tampak sejajar, maka hilangkan code <br/>.
Simpan dan Lihat hasilnya.

READ MORE......
inprest3city.blogspot.com. Diberdayakan oleh Blogger.
 

Home | Blogging Tips | Blogspot HTML | Make Money | Payment | PTC Review

RaZoe3x © Template Design by RaZoe3x | Publisher : inprest3city