Download Template Seo The Writer Responsive Mobile Friendly

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 !!!!

 

 The Writer - Template Blog untuk Penulis dan Jurnalis.

 DEMO  DOWNLOAD

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/AVvXsEjif9AECUfVfr_vJAzyGW3MxxJBFMFpgo4SmNX7tqq6ps8fW4AKsCpfqaK8b9hN_s9HrF2RBl7Lwvw-QGHSPuQJHsjIDKh4QNVWMX_ADNQGpmAxd6517EwVKAlNqyYr3mdFQ8JjTEqC_EA/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 == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" 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

Bagikan Artikel ini