SIDOBEY

Johny Ganteng Banget Blogger Template yang Seo Friendly

ADS GOOGLE
» » Johny Ganteng Banget Blogger Template yang Seo Friendly

Johny Ganteng Banget Blogger Template yang Seo Friendly

D2Ubed Agustus 19, 2017 0 komentar
Short URL:
Jika anda salah seorang yang sudah lama berselancar di dunia blogger,pasti sudah tidaka sing lagi dengan template Maskolis,karena pada beberapa tahun kebelakang template yang di buat oleh Maskolis ini sangat populer sekali,dan hampir semua blogger menggunakan template maskolis ini,selain tampilan nya yang sederhana tetapi sangat keren,template maskolis ini sudah Seo sehingga tidak aneh jika Para Blogger menggunakan template tersebut

Dan kali ini saya juga akan berbagi salah satu template buatan Maskolis tersebut dengan nama Johny Ganteng Banget,template ini menurut saya sangat keren dan musti sobat coba di vlog sobat,dan template Johny Ganteng Banget ini tidak kalah keren dari template sekarang

Dengan di sertai beberapa Feature yang membuat saya tertarik dengan template ini sehingga saya mencoba untuk berbagi dengan sobat blogger tentang indah nya bebagi,oleh karena itu ada baik nya jika template blogger ini saya share disini

Template Blogger Keren yang Seo Friendly dan juga ringan

Template Johny Ganteng Banget ini sudah memiliki Widget tag Recent Post yang bisa sobat atur dan juga sudah memiliki slider di bagian depan atas blog,sehingga dengan kedua feature tersebut template tersebut kelihatan menarik dan juga musti anda coba

Agar Widget Recent Post tersebut bisa tampil di halaman blog,silahkan sobat ikuti langkah-langkah penerapan widget tersebut di antaranya
  • Masuk ke Dashboard blogger
  • Kemudian silahkan sobat klik Layout di bagian kiri blogger
  • Setelah itu silahkan klik lagi Add a Gadget
  • Dan pilih Html/Javascript dan masukan kode berikut di kolom yang tersedia
#mas-terbaru{border:1px solid #585858;width:100%;margin:0 auto}
#terbaru{margin:0px}
.mas-elemen{border:1px solid #ccc;margin:5px 0;padding:5px;height:79px}
.mas-elemen img{background:#999;padding:4px;float:left;height:70px;margin-right:8px;width:70px}
.mas-elemen h6,.mas-elemen h6 a{font-size:12px!important;font-weight:700!important;margin:0;color:#111}
.mas-elemen:hover{background-color:#c3c3c3}
.mas-elemen p{font:14px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0}
#mas-loading{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:#141414 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-2uTQs_k-wJ1JG6QbfynpoX4Z2OfYHx1gf7SLkRZWrns0qhUNvHvKMp377JlG6GLyl-Bz4Dw_RImUNVN5GSn8ZshyxVQcndHf4JDBVFVBQ70BKYlGWOuP8eojMZFDYDklWTHFlBX6Stg/s1600/loading.gif) no-repeat 50% 50%;height:470px;border:1px solid #c3c3c3}
#mas-navigasifeed{border:1px solid #c3c3c3;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0px}
#mas-navigasifeed:hover{background-color:#c3c3c3}
#mas-navigasifeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}
#mas-navigasifeed span{padding:5px 10px}
#mas-navigasifeed .next{float:right}
#mas-navigasifeed .previous{float:left}
#mas-navigasifeed .home{text-align:center}
#mas-navigasifeed a:hover,#mas-navigasifeed span.noactived{color:transparant!important}


//<![CDATA[
var numfeed = 5;
var startfeed = 0;
var urlblog = "http://roomahtips.blogspot.com/";
var charac = 100;
var urlprevious, urlnext;

function maskolisfeed(johny,banget){
var showfeed = johny.split("<");
for(var i=0;i<showfeed.length;i++){
if(showfeed[i].indexOf(">")!=-1){
showfeed[i] = showfeed[i].substring(showfeed[i].indexOf(">")+1,showfeed[i].length);
}
}
showfeed =  showfeed.join("");
showfeed = showfeed.substring(0,banget-1);
return showfeed;
}
function showterbaru(json) {
var entry, posttitle, posturl, postimg, postcontent;
var showblogfeed = "";
urlprevious = "";
urlnext = "";
for (var k = 0; k < json.feed.link.length; k++) {
if (json.feed.link[k].rel == 'previous') {
urlprevious = json.feed.link[k].href;
}
if (json.feed.link[k].rel == 'next') {
urlnext = json.feed.link[k].href;
}
}
for (var i = 0; i < numfeed; i++) {
if (i == json.feed.entry.length) { break; }
entry = json.feed.entry[i];
posttitle = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
if ("content" in entry) {
postcontent = entry.content.$t;
} else if ("summary" in entry) {
postcontent = entry.summary.$t;
} else {
postcontent = "";
}
if ("media$thumbnail" in entry) {
postimg = entry.media$thumbnail.url;
} else {
postimg = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgwlwu31cDe_zJ8JQlOXRwmUWEsd9I5oS4-6FS8VHbv41Ib_qy0eWQ2kYEjqDTMdxwTC4A-KLMkGG_M6Yk3h0ZZroSK8YukoYU5ivTWWTuhFw8KsFTAFhX9isLj6cxxQPOhDJVhEQUSVY/s1600/no+image.jpg";
}
showblogfeed += "<div class='mas-elemen'>";
showblogfeed += "<a href='" + posturl + "' target='_blank'><img src='" + postimg + "' /></a>";
showblogfeed += "<h6>
<a href='" + posturl + "'>" + posttitle + "</a></h6>
";
showblogfeed += "<p>
" + maskolisfeed(postcontent,charac) + "...</p>
";
showblogfeed += "</div>
";
}
document.getElementById("terbaru").innerHTML = showblogfeed;
showblogfeed = "";
if(urlprevious) {
showblogfeed += "<a href='javascript:navigasifeed(-1);' class='previous'>◄ Previous</a>";
} else {
showblogfeed += "<span class='noactived previous'>◄ Previous</span>";
}
if(urlnext) {
showblogfeed += "<a href='javascript:navigasifeed(1);' class='next'>Next ►</a>";
} else {
showblogfeed += "<span class='noactived next'>Next ►</span>";
}
showblogfeed += "<a href='javascript:navigasifeed(0);' class='home'>Home</a>";
document.getElementById("mas-navigasifeed").innerHTML = showblogfeed;
}

function navigasifeed(url){
var p, parameter;
if(url==-1) {
p = urlprevious.indexOf("?");
parameter = urlprevious.substring(p);
} else if (url==1) {
p = urlnext.indexOf("?");
parameter = urlnext.substring(p);
} else {
parameter = "?start-index=1&max-results=" + numfeed + "&orderby=published&alt=json-in-script"
}
parameter += "&callback=showterbaru";
incluirscript(parameter);
}
function incluirscript(parameter) {
if(startfeed==1) {removerscript();}
document.getElementById("terbaru").innerHTML = "<div id='mas-loading'>
</div>
";
document.getElementById("mas-navigasifeed").innerHTML = "";
var archievefeed = urlblog + "/feeds/posts/default"+ parameter;
var terbaru = document.createElement('script');
terbaru.setAttribute('type', 'text/javascript');
terbaru.setAttribute('src', archievefeed);
terbaru.setAttribute('id', 'MASLABEL');
document.getElementsByTagName('head')[0].appendChild(terbaru);
startfeed = 1;
}
function removerscript() {
var elemen = document.getElementById("MASLABEL");
var parent = elemen.parentNode;
parent.removeChild(elemen);
}
onload=function() { navigasifeed(0); }
//]]>
  • Save dan lihat hasil nya 
Untuk mengaktipkan reflay pada komentar yang berada di bagian postingan blog,silahkan anda cari blog id ini 149656394876047094 di bagian edit html,kemudian silahkan sobat ganti dengan kode blog id sobat,dan kemudian silahkan save template


    Silahkan Gunakan template nya sebaik Mungkin,Jangan di gunakan di blog yang berbau F*rn* atau sejenis nya,Jika Ada link yang Error bisa berkomentar di bawah,Terimakasih..
    Posted by D2Ubed, Published at Agustus 19, 2017 and have 0 komentar
    D2Ubed

    I manage this blog and post tutorials related to Blogger, SEO, Software Tools, Windows, CSS and Social Media. Did you find this blog helpful? Please socialize with us !!


    Advertisement

    IKLAN DISINI