The Writer - Template Blog untuk Penulis dan Jurnalis. Desain simple, minimalis, dan memenuhi kriteria template blog yang baik dan "benar": Fast Loading, SEO Friendly, Mobile Friendly (Responsive).
Just like the original theme, Thesis SEO, this template Inside With Seo Booster, Means--"
Fully Optimized For Google High Ranking, By This You Can Get Low Alexa
Rank That Is Dream Of Every Webmaster.
Struktur Data Blog lolos Google Webmaster Structured Data Testing Tools, Skor SEO 100%, dan Kecepatan Loading Fantastis: di bawah SATU detik! Hanya 0,72 detik !!! Super Sekali !!!!
KODE-KODE
KOTAK PENCARIAN (SEARCH BOX)
<style>
#search-box {
position: relative;
width: 100%;
margin: 10px 0 0 0;
}
#search-form
{
height: 30px;
border: 1px solid #999;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #fff;
overflow: hidden;
}
#search-text
{
font-size: 14px;
color: #ddd;
border-width: 0;
background: transparent;
}
#search-box input[type="text"]
{
width: 90%;
padding: 7px 0 12px 1em;
color: #333;
outline: none;
}
#search-button {
position: absolute;
top: 0;
right: 0;
height: 32px;
width: 80px;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 32px;
border-width: 0;
background-color: #4d90fe;
-webkit-border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
cursor: pointer;
}
</style>
<div id='search-box'>
<form action='/search' id='search-form' method='get' target='_top'>
<input id='search-text' name='q' placeholder='Search here...' type='text'/>
<button id='search-button' type='submit'><span>Search</span></button>
</form>
</div>
Kode
KOTAK BERLANGGANAN (SUBSCRIBE FORM)
<style>
.mbw-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzkikXfIQ_EhEpixBcPPt5tI8xuhxHvOzywNKgZBYWdyj6Dp7ffkQWf_DNPCrxg203R3SrHXMBF8JnjE_G7bopI1_jxqrMc_ZjoDJS1BqNH8XULqOynOPGQE26KzFf2JCx1NTlVRJ6MHk/s1600/subscribe.png)
no-repeat 0px 20px;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.mbw-emailsubmit{
background:#f5bb0d;
cursor:pointer;
color:#fff;
border:none;
padding:4px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
font-size:12px;
font-family:sans-serif;
}
.mbw-emailsubmit:hover{
background:#df8228;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #e3e3e3;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
font-size:13px;
width:170px;
color:#555;}
</style>
<div class="mbw-email">
Subscribe Via Email
<form
action="http://feedburner.google.com/fb/a/mailverify" id="feedform"
method="post" target="popupwindow"
onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=thewriterdemo',
'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input
gtbfieldid="3" class="textarea" name="email" onblur="if (this.value ==
"") {this.value = "Enter email address
here";}" onfocus="if (this.value == "Enter email
address here") {this.value = "";}"
value="Enter email here" type="text" />
<input type="hidden" value="thewriterdemo" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="mbw-emailsubmit" value="Submit" type="submit" />
</form>
</div>
<br/>
Ket: Ganti tulisan warna merah dengan ID Feedburner blog Anda
ADS HERE !!!