.......""SELAMAT DATANG DI BLOG JNP MASTER SMART COMP"".......
HOME|TENTANG | FACEBOOK | DAFTAR ISI|KONTAK| Cara Membuat Jejaring Sosial Sendiri seperti Facebook (Gratis)

Jumat, 15 Juni 2012

Membuat toolbar demo template dengan blogger




 Tutorial Cara Membuat Toolbar frame. toolbar iframe ini biasanya banyak digunakan pada sebuah halaman demo / preview templates atau halaman download. Saya yakin sebagian dari sobat blogger pasti pengen memiliki Toobar Iframe ini.kebanyakan memang toolbar ini memang banyak mamfaat.

Membuat Toobar Iframe di Blog di Blogger, kita bisa menggunakan sebuah subdomain ataupun membuat sebuah blog baru untuk dijadikan halaman kosong sebagai halaman iframe dengan toolbar tersebut, sebenarnya Toolbar Iframe ini bisa diterapkan di halaman Posting atau pada Halaman Mandiri Blogger tetapi yang ini akan saya bahas berikutnya.

Contoh yang pernah saya buat : Demo

Nanti kita cukup manambahkan URL yang akan dijadikan sebagai halaman Iframe misalnya http://bloganda.blogspot.com/?url=alfijadul.blogspot.com (teks seperti berwarna merah yang nantinya perlu kita tambahkan ).

Berikut cara membuat Toolbar Iframe untuk halaman Live Demo.
1. Buatlah blog baru di blogspot
2. Kemudian download Template Blank Toolbar Iframe yang telah saya buat Di sini...! (Template ini sudah saya sertakan Menu Toolbar jadi kamu tidak perlu membuatnya)

3. Sekarang Masuk ke Dasboard >> Layout >> Edit HTML untuk mengganti template dengan template blank Toolbar Iframe

4. Jangan lupa untuk menghapus semua widget.

5. Kalau sudah berhasil diganti templatenya berarti sekarang sudah selesai.

Bagaimana cara menggabungkan antara URL iframe dengan URL tujuan, mudah saja berikut caranya :
Misalnya URL utama : http://blogkamu.blogspot.com/

Maka ditambah menjadi : http://blogkamu.blogspot.com/?url=alfijadul.blogspot.com  
(warna kuning nama blog kamu)
(warna merah yaitu URL target yang perlu ditambahkan) 
(warna hijau yaitu tambahan wajib setiap ingin menampilkan halaman menggunakan iframe) 

Bagaimana cukup mudah kan untuk diterapkan, untuk berikutnya saya akan posting tentang cara membuat Toolbar Iframe dengan menggunakan JavaScript untuk halaman live demo atau download.

Tidak ada komentar:

Posting Komentar