Directus, blog simple



Un blog muy simple con un sidebar muy ordenado y con buen gusto.

Mini Blog Template para Blogger

 Cuando menos es más. Mini blog básico de dos columnas pero con un super estilo. Muy fácil de configurar e instalar. Lo mejor, su presentación en imagen.

Blogger Templates


DEMO DESCARGA

Ads template



Johny Gangteng, super plantilla blogger







Bagi Anda yang menginginkan tampilan seperti template Johny Sompret Banget tapi dengan bentuk lebih sederhana dan lebih ringan yang pasti, saya juga menyiapkan satu lagi template yang bisa anda gunakan. Template ini dinamakan demikian karena disesuaikan dengan yang bikin.... hehehehehe. Pada template ini hanya ada dua fitur yang Anda perlu diperhatikan, yaitu :
  1. Recent Post
    Terdapat pada sidebar kanan paling atas, cara pasanganya, masuk ke layout kemudian pilihHTML/Javascript kemudian masukkan kode berikut ini ke dalamnya :
  2. Reply Comment
    Untuk mengaktifkan fungsi reply pada komantar pada template ini, ganti Blog ID pada template ini pada Edit HTML (jangan lupa centang expand widget template) : 149656394876047094setelah ketemu ganti dengan blog ID anda.
Itu tadi dua template kurang kerjaan yang saya bagikan malam ini sambil sesekali ngantuk, saya bagikan kepada semua teman blogger di seluruh dunia secara gratis, silahkan dipakai atau di download jika Anda berminat. Jika ada hal lain tentang kedua template diatas yang kurang jelas, silahkan tinggalkan komentar, saya berusaha sebisa mungkin untuk menjawab. Akhir kata selamat mencoba semoga bermanfaat 



Para aquellos de ustedes que quieren parecerse a una plantilla de Johny jeepers Banget pero con una forma más simple y más claro a ciencia cierta, que también estableció otra plantilla que puede utilizar.Esta plantilla se llama así porque está adaptado para hacer .... jejejejeje. En la plantilla sólo hay dos características que deben tenerse en cuenta, a saber:
  1. Recent Post
    Situado en la barra lateral superior derecha, como su pareja, ir a diseño y seleccione HTML / Javascript y escriba el siguiente código en él:


    <style type='text/css'>
    #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/AVvXsEhEsLQ43M5gijb8y5HjD4n2z95HLHvWi12lGeJF-9LEH-PiA1_mZttVg_jRWzu2M-7dkqSrwnlxufCPAbnnIbyu6eDZJ6wlqm19dw9DCKbXdU87qLSHUgVeZ_0dboHd74JEL3rxqm69OEA/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}
    </style>
    <script type='text/javascript'>
    //<![CDATA[
    var numfeed = 5;
    var startfeed = 0;
    var urlblog = "http://johny-gantengbanget.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/AVvXsEh4kPo-BhKXyjR1kxrXrAwYjCIN3E9ElJ6Ukn1p1n2FNL9OxMN8aaIiB3ZCZtZfAzxdXPbgTVN-uwX7ZllOWqX4x7brMQh-Tb02tpuLXdr94F7U63e49rPYi99T_l99WqF6YhwSe94Cdcw/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'>&#9668; Previous</a>";
    } else {
    showblogfeed += "<span class='noactived previous'>&#9668; Previous</span>";
    }
    if(urlnext) {
    showblogfeed += "<a href='javascript:navigasifeed(1);' class='next'>Next &#9658;</a>";
    } else {
    showblogfeed += "<span class='noactived next'>Next &#9658;</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); }
    //]]>
    </script>
    <div id="terbaru"></div>
    <div id="mas-navigasifeed"></div>




  2. Opina respuesta
    Para activar la respuesta komantar a esta plantilla, cambie el ID blogs en ​​esta plantilla enEdición de HTML (no se olvide de comprobar expandir plantillas de artilugios ):149656394876047094 después del cambio de cumplir con su ID blog.
Eso fue suficiente para hacer dos plantillas que comparto esta noche con ocasionales sueño, que comparto con todos los amigos de bloggers de todo el mundo de forma gratuita, por favor use la descarga, o si usted está interesado. Si hay algo más acerca de las dos plantillas anteriores no son claras, por favor deje un comentario, hice mi mejor esfuerzo para responder. Final de la palabra suerte espero sea de utilidad 
Si te gusta el artículo

Bukan Johnny plantilla blogger simple de dos columnas de dos y tres columnas











Sntes día libre mañana porque hay una necesidad importante por dos días, en esta ocasión he de nuevo dos plantillas son super fea de Johny. Me sale ahora por qué ya sigue pensando cómo podría utilizar el nombre de Johny en todas las plantillas que he creado. Aunque ninguno de los parientes de la familia o cercano que tienen un nombre de Johny, tal vez tengo pengin nombre de Johny, pero no logró. Okeehhh ... porque había habido una llamada de exclusiva de HP, simplemente disfrutar de la segunda plantilla súper feo este momento, utilice el deslizador al otro que hice dos columnas, como de costumbre, con los mismos solicitados muchos amigos bloggers en el campo de comentarios.

maskolis plantilla


Deslizador 
Escriba el siguiente código en el campo vacío debajo de la cabecera. Ir a Diseño / Layout >> Añadir un gadget seleccione HTML / Javascript :
<div class='lof-main-wapper' id='slider'>
<div class='slider-main-outer'>
<ul class='slider-main-wapper'>
<script>                 
document.write ('< guión class = ""> slider-navigator-outer <ul class='slider-navigator'> <script>                   document.write ('<guión









El código anterior funciona sobre la base de los últimos artículos, si desea mostrar una etiqueta o una categoría determinada de leer mi post sobre las modificaciones deslizante Lofslidernews maknyus .

Widget comentario 
Introduce el código de abajo en el widget de la barra lateral:
<style type="text/css">
ul.tb_recent_comments {list-style: none; margin: 0; padding: 0;}
tb_recent_comments li {background: none importante; margen:. 0 0 6px importante; padding: 0 0 0 6px importante, display: block; claro: ambos; overflow: hidden; list-style: none;}
.. tb_recent_comments li avatarImage {padding: 3px; float: left; margin: 0 0 0 6px; position: relative; overflow: hidden;}
. tb_recent_comments li img {padding: 0px; position: relative; overflow: hidden; display: block;}
tb_recent_comments li lapso {margin-top:. 4px; color: # 666; display: block; font-size : 12px; font-style: cursiva; line-height: 1.4;}
</ style>
<script type="text/javascript">
! / / <[CDATA [
    / / Comentarios recientes ajustes
    var
NumComments = 5,
showAvatar = true ,
avatarSize = 30
= 60 caracteres,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
/ /]]>
</ script>
<script type = "text / javascript "src =" http://html-scripts.googlecode.com/files/rcentcmmntavr.js "> </ script>
<script type = "text / javascript"
Reemplazar URL rojo http://www.maskolis.com con URL de su blog. puesto azar Widget


<script type="text/javascript">
    var randarray = new Array (); var l = 0; bandera var;
    numofpost var = 7 , función randomposts (json) {
    var total = parseInt ($ totalResults json.feed.openSearch. $ t, 10),
    for (i = 0; i <numofpost ;) {flag = 0; randarray.length = numofpost; l = Math.floor (Math.random () * total), for (j en randarray) { if (l == randarray [j]) {flag = 1;}}
    if (bandera == 0 && l = 0) {randarray [i + +] = l;}} document.write ('<ul>'),
    para ( n en randarray) {var p = randarray [n]; var entrada = json.feed.entry [p-1];
    para (k = 0, k <entry.link.length; k + +) {if (entry.link [ k]. rel == 'alternativo') {var item = "<li>" + "<a href=" "> entry.link[k].href + +" + entry.title. $ t + "</ a> </ li> ";
    document.write (item);}}
    } document.write ('</ ul>');}
    </ script>
    <script src = "? / feeds / posts / default alt = json en script & start-index = 1 & max-results = 1000 & callback = "type =" randomposts text / javascript "> </ script>
Número 7 en el código anterior es el número de mensaje se muestra al azar, por favor, cambie a su gusto. Cuadro de búsqueda


Cuadro de búsqueda o busque cuadro que utilizo en esta plantilla tomo dri Google CSE , por favor y escribir directamente en la página de Google CSE Google a continuación, hacer un cuadro de búsqueda. Una forma fácil, sólo tienes que seguir las instrucciones. O bien, puede reemplazar la caja de búsqueda de los tutoriales que están circulando en Internet.

maskolis plantilla


Esta plantilla es la misma que no Johny , no hay control deslizante plantilla de diferencia, más simple y fácil de usar, muchas maneras. El nombre de la plantilla .... confundido acerca de lo que el nombre dado, ahh todos modos también está haciendo importantes dado el nombre de ella tapón. Use blogs de demostración, plantillas de la ruta crítica sobrios. Tanto plantilla es básicamente de Wuss Johny , así que todo el H1 y H2 etiquetas se han instalado, pero no es mi validación HTML. No seas demasiado enfocado la solución de problemas de errores de validación HTML, es normal que un blog tiene un error en la estructura HTML. Tómelo con calma, que es importante compartir, crear artículos que son útiles para el lector, no después de la muerte sólo tres cosas que pueden seguir ofreciendo beneficios uno de ellos es el conocimiento y la información que damos a los demás? Hahaha ... incluso pak Ustadz, sí se trataba de dos plantillas que comparto gratuitamente a todos mis amigos.


Y uno más de esta plantilla no es la plantilla de respuesta , ya que no tengo un teléfono celular para acceder a Internet y advanced've nunca navegar a través de HP. Por ahora puedo todavía necesita una respuesta, un día, cuando he utilizado las marcas HP-conocidos como beri-beri puede explorar nueva plantilla de respuesta. Bueno .. Los interesados ​​deberán utilizar, si hay kebangeten menos obvia realidad, esta plantilla es muy simple y todas las características que me conecto me dio en forma tutorial anterior. Pero si usted desea hacer así que por favor por favor ingresa la caja del comentario abajo, por lo que primero y quieren descansar primera buena noche, mañana debería ir en la mañana.

AVISO IMPORTANTE 
Lea usted mismo aquí




Slider 
Masukkan kode berikut pada kolom kosong di bawah header. Masuk ke Layout/Tata Letak >> Add a Gadget pilih HTML/Javascript :
<div class='lof-main-wapper' id='slider'>
<div class='slider-main-outer'>
<ul class='slider-main-wapper'>
<script>                 
document.write("<script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
</ul>
</div>
<div class='slider-navigator-outer'>
<ul class='slider-navigator'>
<script>                 
document.write("<script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</ul>
</div>
</div>
Kode diatas bekerja berdasarkan artikel terbaru, jika Anda ingin menampilkan label atau kategori tertentu baca postingan saya tentang Modifikasi Slider Lofslidernews Maknyus.

Widget Komentar 
Masukkan kode di bawah ini pada widget sidebar :
<style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
.tb_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
numComments  = 5,
showAvatar  = true,
avatarSize  = 30,
characters  = 60,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://html-scripts.googlecode.com/files/rcentcmmntavr.js"></script>
<script type="text/javascript" src="http://www.maskolis.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>
Ganti URL warna merah http://www.maskolis.com dengan URL blog Anda.

Widget random post
<script type="text/javascript">
    var randarray = new Array();var l=0;var flag;
    var numofpost=7;function randomposts(json){
    var total = parseInt(json.feed.openSearch$totalResults.$t,10);
    for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
    if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
    for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
    for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
    document.write(item);}}
    }document.write('</ul>');}
    </script>
    <script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>
Angka 7 pada kode diatas adalah jumlah random post yang ditampilkan, silahkan ganti sesuai keinginan.

Search Box
Search box atau kotak pencarian yang saya gunakan pada template ini saya ambil dri Google CSE, silahkan And langsung ketik Google CSE di halaman Google kemudian membuat kotak search. Gampang caranya, tinggal ikuti petunjuk yang ada. Atau Anda bisa ganti dengan kotak search dari tutorial yang banyak beredar di internet.


template maskolis