TUYỂN CTV VIẾT BÀI CHO SIIN BLOG

Xin chào các bạn, trong thời gian tới, do việc học tập nên hơi bận nên mình không thể viết bài đều cho các bạn được, mong các bạn thông cảm, và trong hôm nay mình muốn tuyển thêm một số bài CTV
Tuyển CTV Viết Bài Cho Siin Blog

MỘT SỐ YÊU CẦU KHI VIẾT BÀI

  • Bài viết phải tự viết, hạn chế copy/sao chép của người khác.
  • Có thể tham khảo trên các diễn đàn, blog trong/ngoài nước.
  • Hình ảnh trong bài viết phải có 
  • Bài viết không quá ngắn, hoặc không quá dài (nếu trường hợp bài viết quá dài hãy chia ra nhiều phần, nhiều bài).
  • Bài viết có ít nhất 1 hoặc 2 hình ảnh minh họa. 


MỘT SỐ YÊU CẦU ĐỐI VỚI CTV

  • Đã từng có kinh nghiệm viết bài, làm blog.
  • Có một số kiến thức nhất định về Blogspot, Photoshop,...
  • Từ 16 tuổi trở lên, có thông tin cá nhân rõ ràng.
  • Không tham gia làm CTV cho quá nhiều blog (vì nếu tham gia quá nhiều blog sẽ không có hoặc có rất ít thời gian để viết bài cho blog).
  • Cách viết bài, sử dụng từ ngữ hay và chính xác, không dùng teencode, viết tắt hoặc không viết hoa chữ cái đầu,... tuân thủ đúng quy tắc Tiếng Việt.
  • Khi viết bài, bạn nên lưu nháp lại để đó, mình sẽ tiến hành kiểm tra và xác nhận. Nếu bài viết hợp lệ mình sẽ xuất bản ngay, nếu không mình sẽ chỉnh sửa và bổ sung thêm. Tuyệt đối không được xuất bản khi mình chưa kiểm tra.
standee123

Hướng Dẫn Bo Tròn Góc Và Đổ Bóng Cho Blogspot

Hello 500 ace của Siin Blog 😂

Hôm nay rảnh rỗi ngồi viết bài bo tròn góc và đổ bóng cho blogspot.

Demo:


Không dài dòng nữa, bắt đầu thôi 😆

Bước 1. Vào blog của bạn, chọn phần cần bo tròn.

Ví dụ ở đây mình chọn phần cần bo tròn và đổ bóng là phần thống kê website.

Bước 2. Click chuột phải chọn Kiểm Tra (Ctrl + Shift + I)

Tìm đến code cha của phần tử đó (code cha là code bao bọc tất cả các code con bên trong), ở đây là một widget nên code cha của nó sẽ là widget-content.


Hướng dẫn thêm biệt hiệu sau tên người bình luận cho Blogspot

Trong thời gian vừa qua đã có rất nhiều bạn gửi yêu cầu viết thủ thuật đến mình. Đang lẽ cái bài viết hôm nay mà mình đăng sẽ không phải bài này đâu nhưng do thớt nó hối quá nên phải ra kẻo ẻm nó mong mặc dù chưa đầy 1 ngày :3 Như cái tiêu đề thì hôm nay mình sẽ hướng dẫn cho các bạn cách thêm biệt hiệu sau tên người bình luận cho Blogspot siêu đơn giản nhưng không hề dễ dàng thành công :3 Cái này chỉ áp dụng thẻ b:if thôi nên cũng dễ hiểu lắm =)))

Thumbnail


CÁC BƯỚC THỰC HIỆN
Bước 1: Các bạn vào chỉnh sửa HTML, tìm đoạn dạng <div class='comment_name'>. Trong đoạn code đó sẽ có 1 đoạn thường sẽ là:
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
<data:comment.author/> </a>
Các bạn thêm đoạn code dưới vào sau đoạn code bên trên là OK :v (nghĩa là sau cái thẻ đóng </a> ý :v)
<b:if cond='data:comment.author == &quot;Ngô Văn Tuấn&quot;'><style type='text/css'>.top1_cmt {background: #ededed; border-radius: 90px; font-weight: 500; padding: 2px 10px 2px 10px}</style><span class='top1_cmt'> <i aria-hidden='true' class='fa fa-trophy' style='color: #efdb04'/> SIIN BLOG</span></b:if>

TẠO WIDGET RECENT COMMENT VỚI AVATAR BO TRÒN TUYỆT ĐẸP CHO BLOGSPOT

Tình hình là mới tìm được một widget Recent Comment (bình luận gần đây) trên mạng, và mang về chỉnh CSS để xài trong blog này. Thấy nhiều bạn chắc cũng thích, chưa gì đã "ăn trộm" về xài rồi, thôi thì viết bài chia sẻ luôn cho ai muốn xài thì xài. Chán, mỗi lần làm ra cái gì mới là cứ bị auto copy :v
Tạo widget Recent Comment với avatar bo tròn tuyệt đẹp cho Blogspot - Bác Sĩ Windows
Đây là một widget gọn nhẹ giúp hiện ra những bình luận mới nhất, giúp bạn dễ dàng quản lý được ai đã bình luận trên trang web của mình để tiện việc theo dõi & trả lời một cách nhanh chóng. Demo xem tại chân trang của blog mình.
Không linh tinh nữa, cùng xem cách thực hiện nhé.

CÁC BƯỚC THỰC HIỆN

Bước 1. Vào phần Bố cục, tạo một widget HTML/Javascript.
Bước 2. Dán toàn bộ code này vào:
<style>
.comment-info2_BSW {clear: both; width: 100%; float: left; margin: 0 0 15px; }
.comment-info2_BSW .left {background: #dedede; padding: 3px 15px; border-radius: 100px; display: block; text-transform: uppercase; font: 400 12px Roboto;}
.comment-info2_BSW .right a {font: 500 12px Roboto,sans-serif; text-transform: uppercase; background: #dedede; padding: 3px 15px; box-sizing: border-box; display: block; border-radius: 100px;}
.comment-info2_BSW .right a:hover {opacity: .8}
ul.idbcomments{list-style:none;margin:0;padding:0}.idbcomments li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:0!important;word-break:break-all;padding:0 0 7px!important}.idbcomments li .avatarImage{float:left;margin-right:12px;position:relative;overflow:hidden}.idbcomments li img{border-radius:100%;position:relative;overflow:hidden;display:block;width:45px;height:45px}.idbcomments li a{font-weight:700}.idbcomments li span{color: #666; display: block; background: #dedede; padding: 10px; border-radius: 100px}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments
function idbcomments(a) {
    var e;
    e = '<ul class="idbcomments">';
    for (var t = 0; numComments > t; t++) {
        var r, o, n, i;
        if (t == a.feed.entry.length) break;
        e += "<li>";
        for (var d = a.feed.entry[t], s = 0; s < d.link.length; s++) "alternate" == d.link[s].rel && (r = d.link[s].href);
        for (var l = 0; l < d.author.length; l++) o = d.author[l].name.$t, n = d.author[l].gd$image.src;
        n = -1 != n.indexOf("/s1600/") ? n.replace("/s1600/", "/s" + avatarSize + "-c/") : -1 != n.indexOf("/s220/") ? n.replace("/s220/", "/s" + avatarSize + "-c/") : -1 != n.indexOf("/s512-c/") && 0 != n.indexOf("http:") ? "http:" + n.replace("/s512-c/", "/s" + avatarSize + "-c/") : -1 != n.indexOf("blogblog.com/img/b16-rounded.gif") ? "http://1.bp.blogspot.com/-7bkcAKdpGXI/UrbyQRqvSKI/AAAAAAAAFmI/oBv_yMeYnMQ/s" + avatarSize + "/blogger.png" : -1 != n.indexOf("blogblog.com/img/openid16-rounded.gif") ? "http://2.bp.blogspot.com/-VgnInuIUKBU/UrbzyXTYWRI/AAAAAAAAFmU/3f_Vfj3TI6A/s" + avatarSize + "/openid.png" : -1 != n.indexOf("blogblog.com/img/blank.gif") ? -1 != defaultAvatar.indexOf("gravatar.com") ? defaultAvatar + "&s=" + avatarSize : defaultAvatar : n, 1 == showAvatar && (i = 1 == roundAvatar ? "avatarRound" : "", e += '<div class="avatarImage ' + i + '"><a title="Truy cập đến bình luận đó" href="' + r + '"><img class="' + i + '" src="' + n + '" alt="' + o + '" width="' + avatarSize + '" height="' + avatarSize + '"/></a></div>'), e += '<a style="display:none" href="' + r + '">' + o + "</a>";
        var A = d.content.$t,
            v = A.replace(/(<([^>]+)>)/gi, "");
        "" != v && v.length > characters ? (v = v.substring(0, characters), v += "&hellip;", 1 == showMorelink && (v += '<a href="' + r + '">' + moreLinktext + "</a>")) : v = v, e += "<span>" + v + "</span>", e += "</li>"
    }
    e += "</ul>";
    var c = "";
    0 == hideCredits && (c = "display:block;"), e += "", document.write(e)
}
var numComments = 5,
    showAvatar = !0,
    avatarSize = 42,
    roundAvatar = !0,
    characters = 30,
    showMorelink = !1,
    defaultAvatar = "https://4.bp.blogspot.com/-jmA-qIOJIFU/WfgKSYnhm5I/AAAAAAAAABQ/ElEIBlHd31gISODb3GlA9Z_JPRKiSzvYQCLcBGAs/s35/Logo-Bac-Si-Windows.png",
    hideCredits = !0,
    numComments = numComments || 5,
    avatarSize = avatarSize || 60,
    characters = characters || 25,
    defaultAvatar = defaultAvatar || "https://4.bp.blogspot.com/-jmA-qIOJIFU/WfgKSYnhm5I/AAAAAAAAABQ/ElEIBlHd31gISODb3GlA9Z_JPRKiSzvYQCLcBGAs/s35/Logo-Bac-Si-Windows.png",
    moreLinktext = moreLinktext || " More &raquo;",
    showAvatar = "undefined" == typeof showAvatar ? !0 : showAvatar,
    showMorelink = "undefined" == typeof showMorelink ? !1 : showMorelink,
    roundAvatar = "undefined" == typeof roundAvatar ? !0 : roundAvatar,
    hideCredits = "undefined" == typeof hideCredits ? !1 : roundAvatar;
//]]>
</script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=idbcomments"></script>
<div class='comment-info2_BSW'>
<div class='left'>
Hiện có <b><span id='Stats1_totalComments'></span></b> bình luận
</div>
<div class='right'><a href='/cmt' target='_blank' title='Xem 200 bình loạn gần đây'>View all <i class='fa fa-angle-right' style='margin:0 0 0 5px'/></i></a>
</div>
</div>
<script type="text/javascript">
//<![CDATA[
function totalPosts(json){document.getElementById('Stats1_totalPosts').innerHTML=json.feed.openSearch$totalResults.$t};function totalComments(json){document.getElementById('Stats1_totalComments').innerHTML=json.feed.openSearch$totalResults.$t};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalPosts\"><\/script><script type=\"text/javascript\" src=\"/feeds/comments/default?alt=json-in-script&max-results=0&callback=totalComments\"><\/script>');
//]]>
</script>

TẠO NÚT DOWNLOAD CSS CỰC ĐẸP CHO BLOGSPOT

NÚT DOWLOAD CSS CHO BLOGSPOT CỰC ĐẸP, CODE TẠO NÚT DOWLOAD CHO BLOGGER HIỆN NAY RẤT NHIỀU NHƯNG ĐỤNG HÀNG HƠI NHIỀU. VÌ VẬY SAU ĐÂY MÌNH SẼ HƯỚNG DẪN CHO CÁC BẠN TẠO NÚT BUTTON DOWLOAD CHO BLOGGER.





HƯỚNG DẪN LÀM: 

Các bạn vào Edit HTML > Tìm b:skin và Dán Đoạn Code Bên Dưới b:skin
#wrap {margin:20px auto;text-align:center;}
a.btn {display:inline-block;position:relative;font-family:'Open Sans',sans-serif;text-decoration:none;font-weight:700;background:#30abd5;letter-spacing:.5px;padding:10px 20px;margin:10px;color:#fff;box-shadow:inset 0 0 0 #22313F;font-size:16px;text-transform:uppercase;border-radius:3px;transition:all 0.3s ease-out;}
a.btn:hover {background:#30abd5;color:#fff;box-shadow:inset 0px -50px 0px #22313F;}
a.btn:active {color:#05555e;box-shadow:inset 0px -50px 0px #f5f7fa;}
a.btn.warn {background:#f5f7fa;color:#05555e;box-shadow:inset 0 0 0 #30abd5;}
a.btn.warn:hover {background:#f5f7fa;color:#fff;box-shadow:inset 0px -50px 0px #30abd5;}
a.btn.warn:active {color:#fff;box-shadow:inset 0px -50px 0px #30abd5;} 0px -50px 0px #30abd5;}

CÁCH VIẾT BÀI, CÁC BẠN CHUYỂN QUA PHẦN HTML RỒI DÁN ĐOẠN CODE BÊN DƯỚI VÀO .

<div id="wrap"><a class="btn" href="#">Button</a></div>
<div id="wrap"><a class="btn warn" href="#">Button</a></div>
Các Bạn Thanh # Thành Link Url Của Bạn Nhé.

LỜI KẾT:

Chỉ vài bước đơn giản là các bạn có thể tạo cho mình nút download cực dễ dàng rồi! Nếu trong quá trình làm các bạn có thắc mắc gì hãy để lại bên dưới comment, mình sẽ giải đáp cho các bạn nhanh nhất có thể!
Chúc các bạn thành công!

Hiển Thị Icon Theo Nhãn Giống Siin Blog

Xin chào các bạn, hôm nay mình muốn chia sẽ cho các bạn nào chơi blog :v về cách hiển thị icon theo nhãn.
Cái này hiện tại cũng khá được các bạn yêu thích.
Hình Minh Họa
Cách Thực Hiện :


Bước 1Chèn CSS này trước thẻ ]]></b:skin>

/* Icon Theo Search Label */
.post-labelx{font-size: 20px;
width: 40px;
height: 40px;
line-height: 38px;
text-align: center;
position: absolute;
top: 6px;
right: 6px;
box-sizing: border-box;
color: #fff;
z-index: 2;
border: 2px solid #fff;
border-radius:100%}
.post-labelx.anh-bia,.post-labelx.windows{background-color: #4a9b6c;}
.post-labelx.blogger{background-color: #FF8000;}
.post-labelx.facebook{background-color: #4267b2;}
.post-labelx.templates{background-color: #8E44AD;}
.post-labelx.psd{background-color: #787878;}

Bước 2. Đặt đoạn code này vào nơi muốn hiển thị ,blog mình thì sau thẻ <div class='entry-image'>

<b:if cond='data:post.labels any (l =&gt; l.name == &quot;PSD&quot;)'><span class='post-labelx anh-bia'><i class='fa fa-folder-open'/></span></b:if>
<b:if cond='data:post.labels any (l =&gt; l.name == &quot;Template Blogger&quot;)'><span class='post-labelx templates'><i class='fa fa-bell'/></span></b:if>
<b:if cond='data:post.labels any (l =&gt; l.name == &quot;Facebook&quot;)'><span class='post-labelx facebook'><i class='fa fa-facebook'/></span></b:if>
<b:if cond='data:post.labels any (l =&gt; l.name == &quot;Blogger&quot;)'><span class='post-labelx blogger'><i class='fa fa-rss'/></span></b:if>
Bước 3. Chỉnh sửa một số thông tin lại cho phù hợp ở chỗ in màu thành tên nhãn của blog các bạn nhé.

LỜI KẾT

Chúc bạn thành công, nếu thực hiện không được thì hãy bình luận xuống dưới bài viết để mình hỗ trợ và giúp đỡ nhé!
Via: Huy Hoàng IT

TẠO WIDGET ABOUT GIỐNG FACEBOOK CHO BLOGSPOT

Chào các bạn hôm nay mình xin share cách TẠO WIDGET ABOUT GIỐNG  FACEBOOK CHO BLOGSPOT ....

CÁCH THỰC HIỆN

Các bạn chỉ copy đoạn code này và chèn vào nơi bạn muốn hiển thị là được
<style>
.about-widget h4 {font-size: 18px;font-weight: 500;color: #333333;margin: 15px 15px}
.about-widget {text-align: center;padding-bottom: 10px;}
.about-widget p {font-size: 15px;line-height: 1.4}
.about-widget-social {text-align: center;padding: 15px;margin: 15px -15px -15px;border-top: 1px solid #e2e2e2}
.about-widget-social a i {font-size: 18px;margin: 0px 7px;color: #191b28;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.about-widget-social span {display: none}
.about-widget-img {border-radius: 50%;overflow: hidden;display: inline-block;max-width: 120px;max-height: 120px;line-height: 120px;margin: 10px 15px}
.widget-info-luanit .content-w{padding:10px;border-top: 1px solid #ededed;}
.widget-info-luanit .content-w>p{text-align:center;padding:10px;padding-top:0;border-bottom:1px solid #ededed;margin-bottom:10px;margin: 0px;}
.widget-info-luanit .content-w>p a{color:#3b5992}
.widget-info-luanit .content-w ul li{margin-bottom:15px;padding: 0px;border-bottom:none;}
.widget-info-luanit .content-w ul li p{color:#333;font-size:14px;margin:0px}
.widget-info-luanit .content-w ul li p .fa{width:20px;color:#868686}
.widget-info-luanit .content-w ul li p .fa.fa-home{font-size:16px}
.widget-info-luanit .content-w ul li p .fa.fa-map-marker{font-size:18px}
.widget-info-luanit .content-w ul li p a{color:#3a5795;font-weight: 700;}
.web{width:111px;border:1px solid #dddfe2;border-radius:4px;margin:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:8px;padding-right:8px;padding-bottom:1px;padding-top:4px} .web:hover{border:1px solid #90949c} 
</style>
<div class="widget-content">
<div class="about-widget">
<div class="about-widget-img">
<img alt="blogger template" src="http://znews-photo-td.zadn.vn/w1024/Uploaded/kcwvouvs/2017_09_15/19554162_852355278257274_8784679994650028259_n.jpg" width="100%" height="100%" />
</div>
<h4>Nguyễn Đạt</h4>
<p> Người quan tâm đến tôi, tôi sẽ quan tâm lại gấp bội!  </p>
</div>
<div class="widget-info-luanit">
<div class="content-w">
<ul>
<li> <p><i class="fa fa-briefcase"></i>Làm việc tại <a>Star Nguyễn IT</a></p></li>
<li><p><i class="fa fa-graduation-cap"></i>Từng học tại <a>Trường THCS Lê Thánh Tông</a></p></li>
<li><p><i class="fa fa-home"></i>Sống tại <a>Định Quán</a></p></li>
<li><p><i class="fa fa-map-marker"></i>Đến từ <a>Đồng Nai - Việt Nam</a></p></li>
<li><p><i class="fa fa-heart"></i>Có mối quan hệ phức tạp</p></li>
<li><p><i class="fa fa-rss"></i>Có <a>999.999.999</a> người theo dõi</p></li>
<center><div class="web"><p><img class="website" style="margin-top:-1px;margin-right:4px;vertical-align:middle" height="16" src="https://i.imgur.com/GbiOtSq.png" width="16" alt="" /><a class='web_site' style='color:#90949c' href="https://starnit.blogspot.com">Star Nguyễn IT</a></p></div></center> </ul></div> </div></div>
Các bạn tùy biến sao cho phù hợp với blog!!
Chúc các bạn thành công
Nguồn: Hồng Hải Blog