Pengen Buat ,Template blog kosong? Ya, kali ini saya akan mengshare tutorial yang
agak aneh. Template blog kosong ini adalah template yang jika kita pakai
di blog, maka tampilannya akan menjadi kosong, tanpa postingan, tanpa
widget, dan sebagainya. Untuk lebih jelasnya, kalian bisa lihat dengan
mengklik link demo dibawah ini.
[ Demo ]
Bagaimana? Kosong bukan? Bagaimana caranya? Mudah kok, kalian ikuti saja langkah-langkah dibawah ini :
- Pertama, masuk dulu dasboard blog kalian
- Kemudian buka Template, pilih Edit HTML
- Setelah itu, hapus semua kodenya dan ganti dengan kode di bawah ini
<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE html><html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'><head><meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/><b:if cond='data:blog.isMobile'><meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/><b:else/><meta content='width=1100' name='viewport'/></b:if><b:include data='blog' name='all-head-content'/><title><data:blog.pageTitle/></title><b:skin><![CDATA[/*-----------------------------------------------////////////////////////BLANK HTML TEMPLATE///////////////////////////////////////////Template BY : RISETSUNA (M.RIZA.R)//////////----------------------------------------------- */#navbar-iframe { height:0px; visibility:hidden; display:none }body {font: $(body.font);color: $(body.text.color);background: $(body.background);padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);$(body.background.override) margin: 0;padding: 0;}]]></b:skin></head><body><b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'><b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/></b:section></body></html>
- Kemudian tinggal di simpan
Keterangan :
Jika muncul pesan seperti di gambar di atas, pilih hapus widget
Kalian juga bisa membuatnya sedikit lebih bagus sesuai kreasi kalian,
seperti halnya deface blog/website. Seperti saya, saya gunakan sebagai Anti Ctrl+U. Kalian bisa melihatnya disini. Kalian hanya perlu memahami fungsi-fungsi kode HTMLnya. Berikut ini saya akan sedikit menjelaskan.
- Untuk menambah widget atau elemen baru, kalian bisa meletakkan kode JavaScriptnya di antara <head> .... </head>
- Untuk penempatan Css, kalian bisa letakkan di antara kode <b:skin><![CDATA[/* .... ]]></b:skin>
- Untuk perintah HTML, kalian bisa letakkan di antara kode <body> .... </body>
Bagaimana Cara Menambahkan Widget Postingan? Untuk memberikan gambaran
tentang bagaimana dengan mudahnya template blogger dapat dirancang dari
awal hanya menambahkan kode berikut tepat di atas </ body> - sebagai contoh untuk membuat fungsi Pos Widget pada Tema Clean HTML Template ini.
<b:section class='main' id='main' showaddelement='yes'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> </b:section>
Kemudian kalian simpan
SUMBER : YONDARKNESS
Backlinks Please Thanks
| URL |
| Code For Forum |
| HTML Code |
