Banyak Para blogger yang senang mengumpulkan berbagai jenis template yang beredar saat ini, termasuk penulis sendiri juga suka mengumpulkan template tersebut.
Dari Hobby awal cuma mengumpulkan dan menyimpan di storage komputer bahkan ada dari teman-teman pembaca yang berkunjung di sini menjadi kannya sebagai koleksi online dan berbagi dengan pengunjung dunia cyber lainnya.
Para kolektor tentu mengumpulkan theme tersebut dalam satu blog, kali ini chekmad ingin berbagi bagaimana menampilkan Demo template yang sudah anda kumpulkan tersebut tanpa harus menuju link demo dari demo template tujuan.
Kita batasi bahasan ini untuk para kolektor template yang menggunakan blogger.
Ikuti langkah berikut di bawah ini :
1. Membuat Halaman Demo Blog
Silahkan buat menu untuk demo terlebih dahulu pada Laman Blogger anda, sehingga anda akan mendapatkan alamat : http://namabloganda.blogspot.com/p/demo.html
2. Silahkan Cari Kode </head>
Cari kode </head> pada template anda dan ganti kode </head> dengan Kode berikut :
Lanjutkan dengan mencari kode <body> dan kembali gantikan dengan kode dibawah ini :
4. Cari kode </body>
Silahkan cari lagi kode </body> dan kembali gantikan dengan kode di bawah ini :
Selanjutnya silahkan anda simpan dan anda dapat mencoba untuk live demo template pada blogger anda
Silahkan coba live demo Laman Blogger yang telah dibuat dengan format :
Contoh :
http://xctemplate.blogspot.com/p/demo.html?iframe=bukusakublogger.blogspot.com
Begitu mudah bukan membuat Demo template pada blog template anda, selamat mencoba, saran, kritikan dan kiriman artikel dari para pembaca saya tunggu.
Catatan :
Jangan Lupa ganti namablog menjadi nama blog anda
Dari Hobby awal cuma mengumpulkan dan menyimpan di storage komputer bahkan ada dari teman-teman pembaca yang berkunjung di sini menjadi kannya sebagai koleksi online dan berbagi dengan pengunjung dunia cyber lainnya.
Para kolektor tentu mengumpulkan theme tersebut dalam satu blog, kali ini chekmad ingin berbagi bagaimana menampilkan Demo template yang sudah anda kumpulkan tersebut tanpa harus menuju link demo dari demo template tujuan.
Kita batasi bahasan ini untuk para kolektor template yang menggunakan blogger.
Ikuti langkah berikut di bawah ini :
1. Membuat Halaman Demo Blog
Silahkan buat menu untuk demo terlebih dahulu pada Laman Blogger anda, sehingga anda akan mendapatkan alamat : http://namabloganda.blogspot.com/p/demo.html
2. Silahkan Cari Kode </head>
Cari kode </head> pada template anda dan ganti kode </head> dengan Kode berikut :
<b:if cond='data:blog.url == "http://namablog.blogspot.com/p/demo.html"'>
<script src='http://reog.googlecode.com/files/jquery-1.js' type='text/javascript'/>
<script src='http://reog.googlecode.com/files/iframe.js' type='text/javascript'/>
<style type='text/css'>
html, #iframe{overflow: hidden;}
iframe{position: relative; min-width: 100%; min-height: 100%; border:none; overflow: visible;}
</style>
</b:if>
</head>Lanjutkan dengan mencari kode <body> dan kembali gantikan dengan kode dibawah ini :
<body>
<b:if cond='data:blog.url != "http://namablog.blogspot.com/p/demo.html"'>4. Cari kode </body>
Silahkan cari lagi kode </body> dan kembali gantikan dengan kode di bawah ini :
</b:if>
<b:if cond='data:blog.url == "http://namablog.blogspot.com/p/demo.html"'>
<div id='iframe'><iframe src=''/></div>
</b:if>
</body>Selanjutnya silahkan anda simpan dan anda dapat mencoba untuk live demo template pada blogger anda
Bagaimana cara mencoba menggunakan demo Template tersebut ?
Silahkan coba live demo Laman Blogger yang telah dibuat dengan format :
http://namablog.blogspot.com/p/demo.html?iframe=alamat-url
Contoh :
http://xctemplate.blogspot.com/p/demo.html?iframe=bukusakublogger.blogspot.com
Begitu mudah bukan membuat Demo template pada blog template anda, selamat mencoba, saran, kritikan dan kiriman artikel dari para pembaca saya tunggu.
Catatan :
Jangan Lupa ganti namablog menjadi nama blog anda
Written By : Chekmad
Sumber : styleblogger
