Menampilkan Situs, Web atau Blog Berbeda di dalam Blog

Bookmark and Share


Dengan memanfaatkan tag iframe yang di dalamnya disertakan sebuah alamat web, blog atau situs tertentu maka ketika blog yang kita miliki dibuka akan terlihat web, blog atau situs tersebut di halaman blog kita. Mungkin sampeyan punya beberapa blog dan ingin satu blog tertentu yang paling disayang selalu terlihat di halaman blog milik sampeyan yang lain? Atau mungkin ingin menampilkan situs tertentu seperti http://id.yahoo.com atau mungkin situs faforit sampeyan yang lain? Penasaran? Simpan saja xHTMLnya melalui Add a Gadget atau Tambah Gadget kemudian segera lihat hasilnya.

xHTML



xHTML :
<iframe src="http://gubhugreyot.blogspot.com" marginwidth="0" marginheight="0" readonly ="true" vspace="0" hspace="0" allowtransparency="true" scrolling="yes" width="220" frameborder="0" height="250"></iframe>

  • Ganti http://gubhugreyot.blogspot.com (yg berwarna oranye) dengan URL dari blog, web atau situs yang ingin ditampilkan di blog.
  • untuk merubah tinggi atau lebar iframe ganti kode yang berwarna kuning.
  • Pertambahan nilai height atau width akan membuat iframe bertambah ukuran tinggi atau lebarnya.
  • Width dan height berdasarkan satuan px (pixel).

Cara Penyimpanan xHTML


  1. Login ke blogger.
  2. Setelah dasbor terlihat klik Design (Rancangan).
  3. KLIK Add a Gadget (Tambah Gadget).
  4. KLIK HTML/Javascript.
  5. Tunggu hingga box penyimpanan widget terlihat, kemudian copy dan pastekan xHTML di ke dalamnya.
  6. KLIK SAVE (Simpan).
  7. Buka blog dan lihat hasilnya.
Catatan/Keterangam:

  1. Untuk merubah lebar iframe ganti nilai width="220" dengan nilai yang lebih sesuai dengan kolom.
  2. Untuk merubah tinggi iframe ganti nilai heihgt="250" dengan nilai sesuai yang anda butuhkan.
  3. Anda bisa gunakan untuk menampilkan di halaman posting dengan kode yang sama!

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :

Update » Ngahad PAHING, Maret, 04, 2012

� Happy Blogging - gubhugreyot �

{ 0 komentar... Views All / Send Comment! }

Poskan Komentar