Blog Roll Ala You Tube

Oleh Ade Sanusi

7.24.2008

Bagikan :

Tweet

You Tube, sapa sih yang gak kenal You Tube..... You tube adalah sebuah layanan penyimpanan/sharing video online yang populer dan  hampir semua orang yang suka berinterneten pastinya dah tau donk......!!! Ya dah kalo dah tau silahkan baca artikel ini yah...  Saya dapat Inspirasi lagi akhirnya... yaitu [Blog Roll Ala You Tube]

Coba lihat di You Tube suka Ada kan [Related Video] seperti Gambar di bawah ini:

 

Nah dari situ Jadi kepikiran deh Gimana Caranya yah di Aplikasikan ke Blog [Dunia Blog] nah terus jadi kepikiran deh Mending Buat Blog Roll aja deh..(Link Teman) Akhirnya di coba dan Berhasil, hasilnya Seperti di Bawah Ini:

  

Kalu mau lebih Jelas bisa di lihat di Bawah blog Ini.... . Untuk membuatnya Cukup dengan menggunakan kode Berikut Ini:

<div style="border: 2px solid rgb(51, 255, 51); overflow: auto; width: 230px; height: 160px;"> 

 Kode yang ingin di Tampilkan

</div>

Silahkan Aplikasikan sesuai Selera dan Ide teman-teman semua sedangkan kode yang saya tambahkan adalah (yang warna Merah):

 <div style="border: 2px solid rgb(51, 255, 51); overflow: auto; width: 230px; height: 160px;">

<p align="justify"><a href="http://dunia-blogger.blogspot.com/"><img border="0" alt="Ade" style="margin: 0pt 10px 10px 0pt; float: left;" width="53" src="http://i261.photobucket.com/albums/ii65/adephotobucket/ade-1.jpg" height="70"/></a><a href="http://secuil-kata.blogspot.com/">Secuil-Kata:</a> Sebuah Curahan Hati Ade Sanusi, dan sekarang Kurng Update Blognya...</p><hr color="red"/>

</div> 

Silahkan Copy Paste Kode Di atas dan Pasang Di Blog melalui Widget [HTML/JavaScript] yang bawah hanya penjelasan aja, gak di baca juga gak apa apa kok..
 

Berikut penjelasannya:

Kode yang paling atas merupakan kode untuk menampilkan Link dalam bentuk Scroll, Silahkan ganti pada bagian Border, Warna Boreder [rgb(51, 255, 51)] Ganti sesuai warna yang diinginkan bisa juga mengunakan kode warna seperti #ffffff, Atur juga Tinggi (Hight) dan lebar (Width) sesuai ukuran yang diinginkan.


 <p align="justify">..................</p&gt Merupakan tag Untuk Rata kanan dan Kiri (Justify)

a href="http://dunia-blogger.blogspot.com/"><img border="0" alt="Ade" style="margin: 0pt 10px 10px 0pt; float: left;" width="53" src="http://i261.photobucket.com/albums/ii65/adephotobucket/ade-1.jpg" height="70"/></a>
 Merupakan Kode gambar yang berada di samping kiri, Silahkan Ganti Link Gambar dengan Link Blog anda/teman anda di sini (http://dunia-blogger.blogspot.com/) dan ganti juga gambarnya hapus kode ini
(http://i261.photobucket.com/albums/ii65/adephotobucket/ade-1.jpg) dengan Url gambar yang mau ditampilkan.

<a href="http://secuil-kata.blogspot.com/">Secuil-Kata:</a> Sebuah Curahan Hati Ade Sanusi, dan sekarang Kurng Update Blognya...

Sedangkan Kode ini Merupakan Rincian Singkat dari Blog Teman Kita.... Jika mau Hapus atau ganti kode yang saya coret dan Cukup dengan Text rinciannya aja....:

Berikutnya Kode <hr color="red"/> Ini adalah Kode untuk menampilkan Garis, hanya Sebagai Pembatas saja silahkan ganti (red) dengan  kode warna yang di inginkan... 

Informasi Gak Penting !!! 

Sekedar Informasi: Silahkan deh lihat Widget Label juga Bisa lho.... Tapi harus Utak Atik HTML, nantikan juga yah artikel berikutnya pasti di bahas, sekalian saya masih nyoba buat Wiget Archive bisa gak yah, soalnya terlalu panjang dan makan banyak tempat, dengan ini jadi lebih singkat deh.... ada lagi tuh inspirasi berikutnya yaitu:  Older post/New post Ganti dengan Url  Artikel Tersebut... sayang yah  jadi Ribet dan panjang  Tadinya sih Saya mau Nampilin  [Judul Artikel nya Aja] tapi masih Belum Bisa .... Ada Ide?  Saling Berbagi Yu......

Saya selalu Berpesan Selamat mencoba dan berexperiment dan jangan takut salah, nanti Juga Ketemu kok hasilnya [Ide terbaik gak bakalan datang jika anda hanya menunggu ide terbaik tersebut, sebaiknya Perbanyak lah ide meskipun ide tersebut gak berarti, karena semakin banyak mendapatkan Ide, semakin banyak Pula Ide terbaik yang akan anda dapatkan]

Tag : Tips and Trik