Share template 1amgriff cho mọi người

Duc Tran 07:23
1amgriff là một giao diện cá nhân , được tích hợp plugin All In One Seo Pack đầy đủ tính năng , các bạn import giao diện của mình vào và chỉnh sửa hết các thông tin của mình thành thông tin của bạn.

Giao diện blogger 1amgriff


Các tính năng của Template

  • 2 Cột
  • Thân thiện với mọi thiết bị
  • footer 4 cột
  • bài viết phổ biến có đếm số thứ tự
  • Danh sách chuyên mục dạng lựa chọn
  • Widget bài viết mới nhất
  • Video full width
  • Tích hợp Font Awesome mới nhất , có thể dùng tất cả icon tại đây
Lưu ý : 
- Dùng cặp thẻ <div class="code">.....</div> để đặt một đoạn code vào khung.
- Dùng cặp thẻ <div class="video">......</div> để nhúng video full width

Các code widget trong template

1. Featured Post

Vào Mẫu > Chỉnh sửa HTML > Bấm tổ hợp phím CTRL + F và tìm với từ khóa BaiVietMoiNhat và sửa đoạn địa chỉ thành địa chỉ blog của bạn.

2. Các bạn copy 3 file css này vào Blog nhé

https://rawgit.com/1amgriff/blog/master/bodycss2.css
https://rawgit.com/1amgriff/blog/master/slides.css
https://rawgit.com/1amgriff/blog/master/body.css
https://rawgit.com/1amgriff/blog/master/css1.css
https://rawgit.com/1amgriff/blog/master/css3.css

3. Bài viết mới nhất

<style type="text/css"> 
#rc-plus {margin:0;padding:5px;border:1px solid #ddd;background:#fff} 
.rc-plus h2{background:#39c;color:#fff;line-height:1.6em;margin:0 0 10px;padding:4px 10px;font-weight:bold} 
.rc-plus ul{list-style:none;margin:0;padding:0} 
.rc-plus li{text-indent:0;list-style: none;line-height:1.5em;margin:0;padding:0px;margin-left: 0px;} 
.rc-plus h2 a:link, .rc-plus h2 a:visited {color:#fff} 
</style> 
<div id="rc-plus" class="rc-plus"> 
<script type='text/javascript'> 
numposts = 5; list1 = 1; sumPosts = 168; 
</script> 
<script type='text/javascript'> 
//<![CDATA[ 
function removeHtmlTag(a, b) { 
    var s = a.split("<"); 
    for (var i = 0; i < s.length; i++) { 
        if (s[i].indexOf(">") != -1) { 
            s[i] = s[i].substring(s[i].indexOf(">") + 1, s[i].length) 
        } 
    } 
    s = s.join(""); 
    s = s.substring(0, b - 1); 
    return s 
} 
function showrecentposts(e) { 
    img = new Array(); 
    for (var i = 0; i < numposts; i++) { 
        var f = e.feed.entry[i]; 
        var g = f.title.$t; 
        var h; 
        if (i == e.feed.entry.length) break; 
        for (var k = 0; k < f.link.length; k++) { 
            if (f.link[k].rel == 'alternate') { 
                h = f.link[k].href; 
                break 
            } 
        } 
        if ("content" in f) { 
            var j = f.content.$t 
        } else if ("summary" in f) { 
            var j = f.summary.$t 
        } else 
        var j = ""; 
        s = j; 
        a = s.indexOf("<img"); 
        b = s.indexOf("src=\"", a); 
        c = s.indexOf("\"", b + 5); 
        d = s.substr(b + 5, c - b - 5); 
        if ((a != -1) && (b != -1) && (c != -1) && (d != "")) img[i] = d; 
        var l = '<table border="0" cellpadding="0" cellspacing="0" style="margin-bottom:5px;border-bottom:double #eee"><tr><td><img width="100%" height="150px" src="' + img[i] + '" align="left" border="0" title="' + g + '" alt="' + g + '" style="margin:0px 10px 5px 0;"><a class="title-first" href="' + h + '"><b>' + g + '</b></a><p style="margin:0;padding:5px 0 10px" class="none">' + removeHtmlTag(j, sumPosts) + ' ...</p></td></tr></table>'; 
        var m = '<li><a href="' + h + '">' + g + '</a></li>'; 
        if ((i >= 0) && (i < list1)) { 
            var n = l 
        } 
        if (i == list1) { 
            var n = '<div class="rc-plus"><ul>' + m 
        } 
        if ((i > list1) && (i < numposts - 1)) { 
            var n = m 
        } 
        if (i == numposts - 1) { 
            var n = m + '</ul></div>' 
        } 
        document.write(n) 
    } 
} 
document.write("<script src=\"https://www.1amgriff.ga/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); 
//]]> 
</script> 
</div>

4. Chuyên Mục

Tạo một widget Nhãn và chỉnh sửa như sau :

[name]Thành Long[/name] [avatar]https://i.imgur.com/dNz6ESg.jpg[/avatar] [fb]Copartpro[/fb] [inst]Copartpro[/inst]