TEMPLATE Blog Simple SEO Fast Responsive ini merupakan modifikasi Template Blog SEO Responsif Johny Ajaib. Modifikasi dilakukan "terutama" karena demo asli template blog seo responsif ini sudah tidak ada.
Dinamakan Template Blog Simple SEO Fast Responsive karena memang tampilan template blog ini SIMPLE, sederhana; SEO = Search Engine Optimization (SEO) Friendy, dan FAST = Fast Loading, tampilannya enteng, ringan, cepat!
Benar! Template Blog Simple SEO Fast Responsive ini mirip banget dengan template blog SEO responsif lainnya --New Johny Wuss. Bedanya terutama di bagian Featured Post halaman depan yang "otomatis", yaitu menampilkan posting terbaru.
Skor SEO Simple SEO Responsive Blogger Template menurut CHKM.ME 100% !!! WOW banget 'kan..? :)
CARA SETTING:
Cara setting Template Blog Simple SEO Fast Responsive ini adalah sebagai berikut:
1. Untuk kustomisasi recent post paling atas (Featured Post), silahkan masuk ke Setting > Posts and Comments >> Show at Mosts, pilih angka/jumlah 1 (jika Anda ingin tampilan seperti pada demo).
2. Anda bisa merubah jumlah post itu sesuai keinginan. Tapi mesti diingat, Anda harus sesuaikan juga dengan jumlah tampilan post widget daftar isi yang ada di bawahnya agar tidak terjadi double post pada halaman muka. Caranya, perhatikan kode ini pada Template > Edit HTML
var showPostDate = true, showComments = true,
idMode = true,
sortByLabel = false,
labelSorter = "",
loadingText = "Loading...",
totalPostLabel = "Total Post :",
jumpPageLabel = "Page",
commentsLabel = "Comments",
rmoreText = "Read more ►",
prevText = "Prev",
nextText = "Next",
siteUrl = "http://namabloganda.blogspot.com/",
postsperpage = 9,
numchars = 160,
imgBlank = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUntwJDNlopTTPPoNxtwidJNZz74WwSOC9VQmatY55Jw4Zj7m9-SNYXhcJw63sZu15HUiYk5Au-J_KQpQDlfqFVOdU5-PkSYgHjIosjTcf9rptMTl19a4BXFIH5SRneknJvBhKbP9mAVs/s1600/no+image.jpg";
idMode = true,
sortByLabel = false,
labelSorter = "",
loadingText = "Loading...",
totalPostLabel = "Total Post :",
jumpPageLabel = "Page",
commentsLabel = "Comments",
rmoreText = "Read more ►",
prevText = "Prev",
nextText = "Next",
siteUrl = "http://namabloganda.blogspot.com/",
postsperpage = 9,
numchars = 160,
imgBlank = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUntwJDNlopTTPPoNxtwidJNZz74WwSOC9VQmatY55Jw4Zj7m9-SNYXhcJw63sZu15HUiYk5Au-J_KQpQDlfqFVOdU5-PkSYgHjIosjTcf9rptMTl19a4BXFIH5SRneknJvBhKbP9mAVs/s1600/no+image.jpg";
3. Ganti
- namabloganda dengan nama blog Anda :)
- angka 9 dengan jumlah posting yang Anda inginkan di halaman depan
- URL imgBlank dengan URL Image versi Anda (opsional)
Jika Anda ingin menggunakan kotak pencarian di Sidebar seperti di blog demo ini, gunakan kode HTML berikut ini di Layout > Add Gadget:
<form action="/search" style="display:inline;" method="get">
<input id="s" name="q" type="search" placeholder="Search here..."/>
</form>
<style>
#s {
margin: 0 auto;
-webkit-appearance: none;
-moz-appearance: none;
padding: 12px 48px 12px 12px;
-webkit-border-radius: 290px;
-moz-border-radius: 290px;
border-radius: 290px;
width: 290px;
height: 17px;
color: #3a4449;
border: none;
outline: none;
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
position: relative;
z-index: 2;
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKt9LcZJjoMy9SssMy_aAPA2DquOLwPR5cxBzNZGd01Vp6bzVZ4FvhqWllqUinSVYFShXxGVxP0ixHL3Z9-Oia_i4sve-FhKVpN2Hy7T22aQDzMnuZqKR6TylMuCE2X8GmZuiXold2B2U/s1600/Search.png) center right no-repeat;
}
#s::-webkit-input-placeholder, #s:-moz-placeholder {
color: #607078;
}
</style>
<br/><br/>
<input id="s" name="q" type="search" placeholder="Search here..."/>
</form>
<style>
#s {
margin: 0 auto;
-webkit-appearance: none;
-moz-appearance: none;
padding: 12px 48px 12px 12px;
-webkit-border-radius: 290px;
-moz-border-radius: 290px;
border-radius: 290px;
width: 290px;
height: 17px;
color: #3a4449;
border: none;
outline: none;
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
position: relative;
z-index: 2;
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKt9LcZJjoMy9SssMy_aAPA2DquOLwPR5cxBzNZGd01Vp6bzVZ4FvhqWllqUinSVYFShXxGVxP0ixHL3Z9-Oia_i4sve-FhKVpN2Hy7T22aQDzMnuZqKR6TylMuCE2X8GmZuiXold2B2U/s1600/Search.png) center right no-repeat;
}
#s::-webkit-input-placeholder, #s:-moz-placeholder {
color: #607078;
}
</style>
<br/><br/>
Template Blog Simple SEO Fast Responsive FREE alias Gratis!
Mohon JANGAN HAPUS credit link Mastemplate & CB Blogger!
Good Luck.......!!!
Simple SEO Responsive - Template Blog SEO Responsif Terbaru. Mau...?
DEMO
DOWNLOAD
0 komentar:
Posting Komentar