Membuat popup adalah salah satu dalam kiat kita menghias blog serta untuk menghemat tempat sehingga blog tetap dalam keadaan full performance. Tutorial ini saya dapat dari layanan.oposisi.net, anda bisa baca selengkapnya disana.Untuk melihat contohnya anda bisa lihat gambar dibawah ini:
Atau anda bisa lihat situsnya di sini.(jika situs masih tersedia)
Jika anda tertarik, berikut caranya :
Buka Blogger, pilih Dashboard lalu Tata Letak, kemudian contreng tulisan Expands Widget TemplatesLetakkan kode berikut tepat diatas kode
Lalu simpan templates.
Selanjutnya,untuk menampilkannya pada widget coba pilih Tata Letak / Rancangan seperti gambar no (1),dan klik tulisan Add New Widget atau Tambah Gadget,lihat Gambar no (4)
(4)
(5)
Selanjutnya pilih HTML/Javascript lihat Gb(5)kemudian letakkan kode berikut:
Lalu Simpan.Selesai deh :D
Ket:
Kode yang berwarna merah sesuaikan dengan keinginan sobat ya :D
http://1.bp.blogspot.com/-8mQnRA_9rpw/TYh3n0lPDDI/AAAAAAAAAxs/gi5Vv6PqqpA/s1600/berita%2Bmuslim%2Bsahih.jpg rubahlah dengan url gambar sobat atau bisa juga alamat situs seperti http://www.google.co.id/,http://www.youtube.com/,dll.
</head><!-- Kode Menampilkan berita muslim sahih --><script type="text/javascript" src="http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/highslide-with-html-pelajaran-blog.js"></script><link rel="stylesheet" type="text/css" href="http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/highslidepelajaranblog.css" /><script type="text/javascript">hs.graphicsDir = 'http://layanan.oposisi.net/tampilan/bingkai/';hs.outlineType = 'rounded-white';hs.wrapperClassName = 'draggable-header';</script><!-- Kode Menampilkan berita muslim sahih Sampai di sini -->
Lalu simpan templates.
Selanjutnya,untuk menampilkannya pada widget coba pilih Tata Letak / Rancangan seperti gambar no (1),dan klik tulisan Add New Widget atau Tambah Gadget,lihat Gambar no (4)
(4)
(5)
Selanjutnya pilih HTML/Javascript lihat Gb(5)kemudian letakkan kode berikut:
<a href="http://1.bp.blogspot.com/-8mQnRA_9rpw/TYh3n0lPDDI/AAAAAAAAAxs/gi5Vv6PqqpA/s1600/berita%2Bmuslim%2Bsahih.jpg" class="highslide"
onclick="return hs.htmlExpand(this, { objectType: 'iframe', width: 270, height: 300,} )">Lihat Gambar Al-Qur'an</a>Lalu Simpan.Selesai deh :D
Ket:
Kode yang berwarna merah sesuaikan dengan keinginan sobat ya :D
http://1.bp.blogspot.com/-8mQnRA_9rpw/TYh3n0lPDDI/AAAAAAAAAxs/gi5Vv6PqqpA/s1600/berita%2Bmuslim%2Bsahih.jpg rubahlah dengan url gambar sobat atau bisa juga alamat situs seperti http://www.google.co.id/,http://www.youtube.com/,dll.
