Dewa Blogger: Hasil penelusuran untuk new-minima-colored

Halaman

    Social Items

New Minima Colored Responsive Blogger Template New Minima Colored

New Minima Colored - Sobat blogger, kali ini Saya akan membuatkan template kembali adalah New Minima Colored 2015.

Template Minima Colored ini pernah Saya bagikan sebelumnya di postingan pertama membuatkan template blog ini.

Lihat juga - Minima Colored 2.1 Responsive Blogger Template

Tampilan dasar dari New Minima Colored ini tidak jauh berbeda dengan sebelumnya. Versi kali ini merupakan adonan dari versi sebelumnya dan beberapa fitur dari template Revoltify. Ada beberapa fitur yang dihilangkan dan ada juga beberapa fitur yang ditambahkan yang menciptakan template ini lebih fresh dari sebelumnya.

Berikut beberapa fitur dari template ini

Features Availability
Responsive True Cek
SEO True Cek
Google Testing Tool Validator True Cek
Custom Mobile Version True Cek
Custom Threaded Comment True
Dynamic Heading True
2 Column True
Light Base Theme Color True
Simple Flat Design True
Auto Read More with Thumbnail True
Responsive Ad Slot True
Breadcrumbs True
Related Posts with Thumb True
Search Box True
Social Share Button True
Mini Homepage Share Button True
Sidebar Tab Widget True
Recent Post Widget True
Recent Comment Widget True
Custom 404 Page True
Smooth Scroll back To Top True
Better Print Page Layout True
Custom Subscribe Box Widget True
Sitemap Widget True Add
Contact Form Widget True Add
Well Documentation True Get

Add = Tidak perlu menambahkan CSS.


Kebetulan versi kali ini Saya bagikan gratis, silakan dapat sahabat download disini


Update 2017


Update

New Minima Colored Responsive Blogger Template New Minima Colored

Bagi yang ingin mendapat versi premium dari template ini, silakan pesan dengan harga 70rb penerimaan hanya melalui rekening BRI. Dalam versi premium ini sudah banyak yang diperbaiki dan tentunya lebih dioptimalkan dari versi sebelumnya (free).


Setingan template :

Sesuaikan opsi template dengan screenshot di bawah ini (klik new tab untuk memperbesar gambar)

Post Layout


Widget Subscribe Box


Format Waktu


Umpan Situs


Setelan Post


Jump Break


Custom Mobile Template


Menampilkan Tampilan Desktop Pada Versi Mobile (Alternatif)

New Minima Colored Responsive Blogger Template New Minima Colored

New Minima Colored

 sekarang Saya akan membuatkan kembali template hasil redesign dari template  New Minima Colored Redesign

New Minima Colored Redesign - Setelah kemarin membuatkan template View Responsive Grid Blogger Template yang bernuansa photography, sekarang Saya akan membuatkan kembali template hasil redesign dari template New Minima Colored yang pernah Saya bagikan sebelumnya disini.

Template kali ini sengaja dibentuk atas undangan sahabat blogger untuk menciptakan versi ringan dari template new minima colored dan tentunya ada beberapa fitur yang dihilangkan dari template ini sehingga ketika proses memuat halaman menjadi lebih cepat dan ringan.

Untuk fitur dapat sahabat lihat di bawah ini :

Features Availability
Responsive True Cek
SEO True Cek
Google Testing Tool Validator True Cek
Custom Threaded Comment True
Dynamic Heading True
2 Column True
Light Base Theme Color True
Simple Flat Design True
Auto Read More with Thumbnail True
Responsive Ad Slot True
Breadcrumbs True
Related Posts with Thumb True
Search Box True
Social Share Button True
Smooth Scroll back To Top True
Better Print Page Layout True
Custom Subscribe Box Widget True
Contact Form Widget True
Well Documentation True

Hasil skor menurut GTMetrix

 sekarang Saya akan membuatkan kembali template hasil redesign dari template  New Minima Colored Redesign

Bagi yang ingin mencobanya, silakan lihat demo berikut link downloadnya di bawah ini :

New Minima Colored Redesign

Mengganti Post Summary Pada Template Minima Mengganti Post Summary Pada Template Minima

Mengganti Post Summary Pada Template Minima - Beberapa hari yang kemudian ada sahabat blogger yang menanyakan perihal bagaimana cara menambahkan goresan pena pada post summary template new minima colored.

Oke, langung saja berikut cara penerapannya :

Pertama login ke Blogger > Template > Klik Edit HTML

Cari dan hapus isyarat di bawah ini :

/* CSS Read More */ a.adreadmore {position:absolute;display:inline-block;bottom:20px;background:#fff;color:#666;padding:5px 10px;font-family:'Open Sans';font-size:12px;font-weight:400;border-radius:2px;border:1px solid #e9e9e9;transition:all .1s;} a.adreadmore:hover,a.adreadmore:active {text-decoration:none;background:#f9f9f9;color:#444;} a.adreadmore:after {content:'\f0da';font-family:Fontawesome;font-weight:normal;text-align:center;margin-left:5px;display:inline-block;line-height:10px;transition:all .1s;}

Kemudian cari isyarat di bawah ini

<div>    <data:post.snippet/>    </div>    <a class='adreadmore' expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'> Read More </a>

Hapus dan ganti isyarat di atas dengan isyarat ini

<div> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSnippet(&quot;summary<data:post.id/>&quot;);</script>    </div>

Selanjutnya tambahkan script di bawah ini sempurna sebelum tag epilog </head>

<b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <script type='text/javascript'> snippet_count = 160; //<![CDATA[ function removeHtmlTag(n,e){if(-1!=n.indexOf("<")){for(var t=n.split("<"),i=0;i<t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i].length));n=t.join("")}for(e=e<n.length-1?e:n.length-2;" "!=n.charAt(e-1)&&-1!=n.indexOf(" ",e);)e++;return n=n.substring(0,e-1),n+"..."}function createSnippet(n){var e=document.getElementById(n),t=snippet_count,i='<div class="snippets">'+removeHtmlTag(e.innerHTML,t)+"</div>";e.innerHTML=i} //]]> </script> </b:if> </b:if>

Simpan template.

Untuk menambah atau mengurangi jumlah goresan pena pada post summary, silakan edit isyarat ini pada script di atas

snippet_count = 160;

Cara di atas dapat sahabat terapkan pada semua template yang Saya bagikan disini dan tidak menutup kemungkinan dapat sahabat terapkan juga pada template lainnya.

Setelah menerapkan isyarat di atas sahabat dapat :

  • Menghemat ruang pada tampilan halaman utama blog
  • Tampilan blog menjadi lebih rapi dan interaktif
  • Menambah link anchor terhadap keyword judul

Dan disarankan sahabat untuk :

  • Menambahkan jump break pada setiap postingan sehabis paragraf pertama
  • Mengubah setelan umpan situs blog biar mencegah dari blog auto post

Mengganti Post Summary Pada Template Minima Mengganti Post Summary Pada Template Minima

Demikian mengenai Cara Mengganti Post Summary Pada Template Minima, jikalau ada kesulitan dapat sahabat tanyakan lewat kolom komentar. Terima kasih

Mengganti Post Summary Pada Template Minima