Download Minima Colored Template

Download Minima Colored Template

Ini Adalah Template Seperti Yang Saya Gunakan Saat Ini
aisuka kembali mengeluarkan template terbarunya. template ini tidak jauh beda dengan template yang dia share beberapa waktu lalu template ini juga memenuhi fiture-fiture menarik bagi anda pencinta template Responsive template ini sangat Cocok Karena template ini sudah Responsive , Dan template ini diberi nama
Minima Colored Anda bisa Download template ini dengan Gratis.

FITURE TEMPLE :
  • Responsive Cek
  • Valid HTML5 Home Page Cek
  • Valid HTML5 Post Page Cek
  • SEO Cek
  • Valid HTML5 Threaded Comment
  • Search Engine Optimized (SEO)
  • 2 Column 
  • White Base Theme Color
  • Responsive Ads ready
  • Breadcrumbs
  • Related Posts with Thumb
  • Search Box
  • Share Button
  • Sticky Top Menu
  • Main Dropdown Menu
  • Numbered Page Navigation
  • Social Bookmark
  • Translation Ready
  • Recent Comment Notification
  • Custom 404 Page
  • Well Documentation
  • More...

Langsung saja, sobat bisa lihat tampilannya di bawah ini



Silahkan lihat demo serta link downloadnya disini




ALTERNATE DOWNLOAD


Untuk download dari alternate download, silahkan hilangkan tanda centang pada tulisan "Use our download manager and get recommended downloads" di bawah tombol download.



PERBAIKAN :



Bagi yang memakai widget sitemap seperti yang ada di demo blog, silahkan ganti CSS ini :

/* CSS Sitemap */
#table-outer table {width:100%;margin:0;padding:0;}
#table-outer input, #table-outer select {padding:4px;font:inherit;border:2px solid rgba(177,0,0,0.26);width:170px;box-sizing:border-box;}
#table-outer select {cursor:pointer;}
#resultDesc {margin-bottom:10px;}
#feedContainer {overflow:hidden;margin-top:20px;}
#feedContainer strong {font-size:10px;}
#feedContainer, #feedContainer li {padding:0;margin:0;list-style:none;}
#feedContainer li {float:left;width:50%;margin-bottom:10px;position:relative;z-index:0;}
#feedContainer .inner {padding:8px;margin: 0 5px;position:relative;background-color:#FFFFFF;border:1px solid rgba(177,0,0,0.26);border-radius:2px;height:133px;}
#feedContainer img {float:left;margin: 0 8px 0 0;max-width:100%;border:1px solid #C7C7C7;padding:3px;}
#feedContainer .toc-title {max-height:33px;overflow:hidden;}
#feedContainer .toc-title:hover {text-decoration:underline;}
#feedContainer .news-text {font-size:11px;}
#feedNav a, #feedNav span {display:block;text-align:center;color:#FFFFFF;
text-decoration:none;background-color:#AF0606;padding:5px;width:95%;margin: 0 auto;
border-radius:2px;}
#feedContainer .date {position:absolute;bottom:0;right:0;background-color:#AF0606;
color:#FFFFFF;font-size:9px;padding:3px 2px;width:75px;}
#feedContainer .date .dd {font-size:15px;line-height:18px;font-weight:bold;}
#feedContainer .date span {display:inline-block;line-height:12px;text-align:center;
margin-left:5px;}


Dengan CSS ini :

/* CSS Sitemap */
#table-outer table {width:100%;margin:0;padding:0;}
#table-outer input, #table-outer select {padding:4px;font:inherit;border:2px solid #eee;width:170px;box-sizing:border-box;}
#table-outer select {cursor:pointer;outline:none}
#table-outer input:focus{outline:none}
#resultDesc {margin-bottom:10px;}
#feedContainer {overflow:hidden;margin-top:20px;}
#feedContainer strong {font-size:10px;}
#feedContainer, #feedContainer li {padding:0;margin:0;list-style:none;}
#feedContainer li {float:left;width:50%;margin-bottom:10px;position:relative;z-index:0;}
#feedContainer .inner {padding:8px;margin: 0 5px;position:relative;background-color:#fff;border:1px solid #eee;height:133px;}
#feedContainer img {float:left;margin: 0 8px 0 0;max-width:100%;border:1px solid #eee;padding:2px;}
#feedContainer .toc-title {max-height:33px;overflow:hidden;}
#feedContainer .toc-title:hover {text-decoration:underline;}
#feedContainer .news-text {font-size:11px;}
#feedNav a, #feedNav span {display:block;text-align:center;color:#fff;
text-decoration:none;background-color:#444;padding:5px;width:95%;margin: 0 auto;transition:all 0.3s linear;}
#feedNav a, #feedNav span:hover {background-color:#333;transition:all 0.3s linear;}
#feedContainer .date {display:none;position:absolute;bottom:0;right:0;background-color:transparent;color:#fff;font-size:9px;padding:3px 2px;width:35px;}
#feedContainer .date .dd {font-size:9px;line-height:5px;font-weight:bold;}
#feedContainer .date span {display:inline-block;line-height:5px;text-align:center;
margin-left:5px;}


Kemudian agar widget sitemapnya responsive, tambahkan kode yang ditandai di media screen 480px

@media only screen and (max-width:480px){
...............................
#feedContainer li {width:100%;}}

Terakhir simpan template.


Perbaikan untuk responsive pada halaman post di bawah 320px

Tambahkan CSS di bawah ini dan terapkan tepat di bawah /* CSS Item Responsive */

@media only screen and (max-width:320px){
h3.post-title:before,h1.post-title:before,h3.post-title:after,h1.post-title:after,h3.post-title:after,h1.post-title:after,#comments .click-comment {visibility:hidden;}
.printfriendly, #related_posts {display:none;}
#comments .comment_avatar {width:20px;height:20px;max-width:20px;max-height:20px;background:#fcfcfc;padding:0;text-align:center;position:absolute;top:5px;right:5px;opacity:1;}
#comments .comment_admin .comment_avatar{width:20px;height:20px;max-width:20px;max-height:20px;padding:4px 4px 19px;text-align:center;position:absolute;top:0;right:0;opacity:1;}
#comments .comment_avatar img {width:20px;height:20px;max-width:20px;max-height: 20px;background:#f9f9f9;}
.comment_avatar img{width:20px;height:20px;background:#f9f9f9;}}


Mudah-mudahan template yang aisuka bagikan kali ini dapat bermanfaat dalam mendukung kegiatan blogging sobat semua

Selamat Menggunakan Template Buatan Mas Kiki

Terima kasih.


Previous
This is the oldest page
Thanks for your comment