Seperti biasa melakukan pekerjaan rutin ditempat kerja nih, disaat santai kebetulan ane nemuin di salah satu arsip yang lumayan dah jadul dalam lappy ane. Ane nemuin salah satu file yang berisi mengenai script untuk menampilkan under constraction atau perbaikan blog. mungkin sobatku semua pernah mengalami ataupun melihat salah satu web/blog ketika kita mengakses alamat tersebut yang terlihat hanya tulisan "situs ini dalam perbaikan" ato "This Site is Under COnstruction" / maaf situs ini maintence dll.
sekarang ane mau share mengenai cara membuat template Blog Maintenance Sederhana tersebut, ya mudah-mudahan bisa bermanfaat buat sobatku semuanya.
berikut ini langkah-langkahnya :
1. Login dulu di Blogger sobat
2. Klik Rancangan --> Edit HTML
3. Hapus seluruh Script yang ada di Edit HTML, jangan lupa centang Expand Template Widget (Unduh terlebih dahulu script template kita untuk mengatasi hal-hal yang tidak diinginkan
4. Setelah itu Copas code dibawah ini di kotak Edit HTML
sekarang ane mau share mengenai cara membuat template Blog Maintenance Sederhana tersebut, ya mudah-mudahan bisa bermanfaat buat sobatku semuanya.
berikut ini langkah-langkahnya :
1. Login dulu di Blogger sobat
2. Klik Rancangan --> Edit HTML
3. Hapus seluruh Script yang ada di Edit HTML, jangan lupa centang Expand Template Widget (Unduh terlebih dahulu script template kita untuk mengatasi hal-hal yang tidak diinginkan
4. Setelah itu Copas code dibawah ini di kotak Edit HTML
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<meta content='Maintenance ini adalah sebuah blog yang dalam blog tersebut sedang dalam perbaikan' name='description'/>
<meta content='Maintenance' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>
<meta content='blackwenks'
name='author'/>
<b:skin>
<![CDATA[
/* -----------------------------------------------
Blogger Template Style
Name : Manitenance Style Wenks
Author : wenks@black2share
Url Author : http://black2share.blogspot.com/ ----------------------------------------------- */ *
{ margin: 0; padding: 0; } body{ background:#000; font-family:Courier New; margin:250px auto; width:700px; color:#009900; }
a{text-decoration:none;color:#009900;} a:hover{text-decoration:line-through;color:#009900;}
.text { font-size:12px;
} ]]></b:skin> <link href='http://s715.photobucket.com/albums/ww154/wenks_album/blogger/programmer.gif' rel='shortcut icon'/>
</head>
<body>
<div class='text'>
<center><p><strong>This blog Under Constraction</strong></p>
<p><strong>Please Visit - black2share.blogspot.com</strong></p>
<h2><blink>By : black2share</blink></h2> <p/> <p/> <p/>
<p><a href='http://black2share.blogspot.com/' title='Leats learn n share together'><strong>black2share</strong></a></p>
</center>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<meta content='Maintenance ini adalah sebuah blog yang dalam blog tersebut sedang dalam perbaikan' name='description'/>
<meta content='Maintenance' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>
<meta content='blackwenks'
name='author'/>
<b:skin>
<![CDATA[
/* -----------------------------------------------
Blogger Template Style
Name : Manitenance Style Wenks
Author : wenks@black2share
Url Author : http://black2share.blogspot.com/ ----------------------------------------------- */ *
{ margin: 0; padding: 0; } body{ background:#000; font-family:Courier New; margin:250px auto; width:700px; color:#009900; }
a{text-decoration:none;color:#009900;} a:hover{text-decoration:line-through;color:#009900;}
.text { font-size:12px;
} ]]></b:skin> <link href='http://s715.photobucket.com/albums/ww154/wenks_album/blogger/programmer.gif' rel='shortcut icon'/>
</head>
<body>
<div class='text'>
<center><p><strong>This blog Under Constraction</strong></p>
<p><strong>Please Visit - black2share.blogspot.com</strong></p>
<h2><blink>By : black2share</blink></h2> <p/> <p/> <p/>
<p><a href='http://black2share.blogspot.com/' title='Leats learn n share together'><strong>black2share</strong></a></p>
</center>
</div>
</body>
</html>
5. Setelah selesai simpan...
untuk melihat salah satu conto nya sobat bisa liat SS dibawah ato klik disini
Screen Shoot
Sobat semua bisa merubah script dibawah, sesuai keinginan sobat..
<center><p><strong>This blog Under Constraction</strong></p>
<p><strong>Please Visit - black2share.blogspot.com</strong></p>
<h2><blink>By : black2share</blink></h2> <p/> <p/> <p/>
<p><a href='http://black2share.blogspot.com/' title='Leats learn n share together'><strong>black2share</strong></a></p>
</center>
silahkan diotak-atik lagi sesuai selera sobat n selamat mencoba...<p><strong>Please Visit - black2share.blogspot.com</strong></p>
<h2><blink>By : black2share</blink></h2> <p/> <p/> <p/>
<p><a href='http://black2share.blogspot.com/' title='Leats learn n share together'><strong>black2share</strong></a></p>
</center>
wenks@black2share
Sobat baru saja membaca artikel dengan kategori Tips and Trik
dan berjudul Template Blog Under Construction. Sobat bisa share artikel ini dengan URL http://black2share.blogspot.com/2012/04/blog-under-construction.html. Terima kasih!