Minima Responsive
IS RESPONSIVE ; http://www.isresponsive.com/?site=http://minima8.blogspot.com/
unduh;
http://www.datafilehost.com/d/e1a44f78
http://www.4shared.com/rar/dNrIR_wSba/Minima_Colored.html
http://aisukablog.blogspot.com/2014/07/minima-colored.
info author template :
Template ini merupakan template ke dua dari Minima Responsive Blogger Template yang sebelumnya saya bagikan disini dan kebetulan demo blog yang kemarin sempat terhapus sekarang sudah pulih kembali.
Alasan kenapa saya buat lagi mungkin sobat sudah tahu karena template kemarin dengan warna putih polos yang cukup terlihat membosankan dan sekaligus ada perbaikan pada tampilan template di bagian responsive post homepage dan perbaikan lainnya.
Untuk fitur masih sama dengan yang sebelumnya.
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...
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;}}
