Membuat Demo Template Pada Blogger

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 :
<b:if cond='data:blog.url == &quot;http://namablog.blogspot.com/p/demo.html&quot;'>
<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>
3. Cari Kode <body>

Lanjutkan dengan mencari kode <body> dan kembali gantikan dengan kode dibawah ini :
<body>
<b:if cond='data:blog.url != &quot;http://namablog.blogspot.com/p/demo.html&quot;'>

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 == &quot;http://namablog.blogspot.com/p/demo.html&quot;'>
<div id='iframe'><iframe src=''/></div>
</b:if>
</body>
5. Simpan / Save Template
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
Membuat Demo Template Pada Blogger Membuat Demo Template Pada Blogger Reviewed by Chek 404 on September 12, 2014 Rating: 5

Tidak ada komentar:

Diberdayakan oleh Blogger.