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"><ahref="http://www.duniague.net/"><imgborder="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><ahref="http://secuil-kata.blogspot.com/">Secuil-Kata:</a>Sebuah Curahan Hati Ade Sanusi, dan sekarang Kurng UpdateBlognya...</p><hr color="red"/>
</div> Silahkan Copy Paste Kode Di atas dan Pasang Di Blog melalui Widget [HTML/JavaScript]
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> Merupakan tag Untuk Rata kanan dan Kiri (Justify)
ahref="http://www.duniague.net/"><imgborder="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://www.duniague.net/) dan ganti juga gambarnya hapus kode ini
(http://i261.photobucket.com/albums/ii65/adephotobucket/ade-1.jpg) dengan Url gambar yang mau ditampilkan.
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......
0 komentar :
Posting Komentar
Mau tukeran link? silakan buka Link sahabat dan apabila ada pertanyaan silakan tulis di Kotak Pertanyaan. Terima Kasih...
Kami akan menghapus komentar yang: Tak sopan, memakai HURUF BESAR, berupa caci maki, mengandung kata-kata kebun binatang, debat kusir, provokasi, di luar konteks, berupa undangan/ reklame. Komentar yang terlalu panjang, tanpa paragraf dan sulit dipahami. Komentar copy-paste, silakan di-link saja.
Isi komentar adalah tanggung jawab penulis komentar, bukan tanggung jawab pengelola blog/situs ini. Harap maklum.