THỦ THUẬT BLOG | Blog Lê Tâm Đắc

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

Tuann 08 tháng 12 22 Comments

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.

code thủ thuật THỦ THUẬT BLOG thủ thuật blogger thủ thuật blogspot

Hướng Dẫn Lưu Tên Bản Quyền Vào Console Khi Ấn F12

Tuann 06 tháng 12 27 Comments

Hello anh em, Siin Blog đã quay trở lại sau bao ngày im hơi lặng tiếng rồi đây 😅

Hôm nay mình sẽ chia sẻ cho anh em một thứ rất hay mà mình mới mò ra được, đấy là lưu tên bản quyền blog vào Console khi ấn F12, Ctrl + U và Ctrl + Shift + I.

Demo:

Cách thực hiện:

-Bước 1: Truy cập vào đây.

-Bước 2: Sửa Siin Blog thành tên blog của bạn, còn lại các tham số khác thì phải giữ nguyên nếu không sẽ bị lỗi.

-Bước 3: Truy cập vào Blog > Chủ đề > Chỉnh sửa HTML

Tìm code:

<body>

và thêm dòng này vào bên trong nó:

onload='siinBlog()'

sau khi sửa nó sẽ thành như này:

<body onload='siinBlog()'>

Tiếp theo, truy cập vào link bên dưới, copy đoạn code và dán ngay bên dưới <body onload='siinBlog()'>:

https://pastebin.com/qdKhiWgG

-Bước 4: Copy đoạn vừa tạo ở bước 2 và thay vào code ở bước 3.

-Bước 5: Ấn lưu và xem kết quả 😁

Kết luận:

Bài viết có thể hơi khó hiểu, anh em có lỗi gì thì cmt để mình giúp nha!

Blogger CODE BLOGSPOT THỦ THUẬT BLOG thủ thuật blogger

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

Tuann 03 tháng 12 8 Comments

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 == "Ngô Văn Tuấn"'><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>

Blogger THỦ THUẬT BLOG thủ thuật blogger

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

Tuann 03 tháng 12 Comment

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

Đâ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") ? "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5-uG11eVmb5lsU6nXz_ZKcSfvlQhp5Vqt4mhbQJAbtOSp8Z4HfLXJnA_HBi1smOLhzWJ0SNBVC_Zg9e-MFxRF-0awnhvNnYdV8OZPTVxuGP0ZMnRkglSvZLcq6zsoHphrmj4s9f9qn5lC/" + avatarSize + "/blogger.png" : -1 != n.indexOf("blogblog.com/img/openid16-rounded.gif") ? "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3FCffV5RTVtG-SP_3i8LTYnq0_lYfipEytXQDPc4BbNM9xhnSJFt2jUTLnXDLS1xkVrxKJbbfuG3_qgiLNzhhO287FyRv4RBPjY0utvwYTK0U9kBa0UYP_xAEvt6t9Qp1xG_Gp-Hb5obK/" + 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 += "…", 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOFPGGKi8_-oNH9rMyoNBwtxlTRX5o__sg0TZi2-Ha7i-7LJUUt6Nj71ml7WTpIj9-v44xf-UmqOIWAzwIXYl-1qrB_ZxRsgQLQwx4LQrQ_M_hSenZNTAofDBdITXz-9M8QYUZ0ru6pXvZ/s35/Logo-Bac-Si-Windows.png",
hideCredits = !0,
numComments = numComments || 5,
avatarSize = avatarSize || 60,
characters = characters || 25,
defaultAvatar = defaultAvatar || "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOFPGGKi8_-oNH9rMyoNBwtxlTRX5o__sg0TZi2-Ha7i-7LJUUt6Nj71ml7WTpIj9-v44xf-UmqOIWAzwIXYl-1qrB_ZxRsgQLQwx4LQrQ_M_hSenZNTAofDBdITXz-9M8QYUZ0ru6pXvZ/s35/Logo-Bac-Si-Windows.png",
moreLinktext = moreLinktext || " More »",
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&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>

Blogger CODE BLOGSPOT THỦ THUẬT BLOG thủ thuật blogger

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

Tuann 03 tháng 12 Comment

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!

THỦ THUẬT BLOG thủ thuật blogger thủ thuật blogspot

Thủ Thuật Blogspot | Share CSS3 Animation Hiệu Ứng Tuyết Rơi Cho Blog Đẹp Mắt

Tuann 03 tháng 12 Comment

Vừa rồi cũng viết 1 bài hướng dẫn cách thêm hiệu ứng tuyết rơi rồi, nhưng mới đây tôi lướt cũng gặp 1 bài hướng dẫn cách thêm hiệu ứng này. Trông cũng khá đẹp mắt nên hôm nay tôi sẽ viết thêm bài chia sẻ cho các bạn cùng nhau trang trí blog nhân dịp giáng sinh sắp tới.

Cách thực hiện hết sức đơn giản :))
Đầu tiên bạn Đăng nhập vào Blogger rồi sau đó đến Chủ đề và nhấn vào chỉnh sửa HTML
Tiếo theo thì bạn Ctrl F và tìm thẻ </body> rồi copy đoạn mã bên dưới và dán lên bên trên thẻ </body> vừa tìm được

<style type="text/css">

.snow-container{position:fixed;width:100%;max-width:100%;z-index:99999;pointer-events:none;overflow:hidden;top:0;height:100%}.snow{display:block;position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-animation:snow linear infinite;animation:snow linear infinite}.snow.foreground{background-image:url("https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-large-075d267ecbc42e3564c8ed43516dd557.png");-webkit-animation-duration:15s;animation-duration:10s}.snow.foreground.layered{-webkit-animation-delay:7.5s;animation-delay:7.5s}.snow.middleground{background-image:url(https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-medium-0b8a5e0732315b68e1f54185be7a1ad9.png);-webkit-animation-duration:20s;animation-duration:15s}.snow.middleground.layered{-webkit-animation-delay:10s;animation-delay:10s}.snow.background{background-image:url(https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-small-1ecd03b1fce08c24e064ff8c0a72c519.png);-webkit-animation-duration:25s;animation-duration:20s}.snow.background.layered{-webkit-animation-delay:12.5s;animation-delay:12.5s}@-webkit-keyframes snow{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{-webkit-transform:translate3d(5%,100%,0);transform:translate3d(5%,100%,0)}}@keyframes snow{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{-webkit-transform:translate3d(5%,100%,0);transform:translate3d(5%,100%,0)}}</style>

<div class='snow-container'>

<div class='snow foreground'></div>

<div class='snow foreground layered'></div>

<div class='snow middleground'></div>

<div class='snow middleground layered'></div>

<div class='snow background'></div>

<div class='snow background layered'></div>

</div>

Thế là xong. Chúc các bạn thành công !

Via: Ảnh Đẹp Blog

THỦ THUẬT BLOG thủ thuật blogger

TẠO TRANG BẢO TRÌ WEBSITE CHO BLOGSPOT

Tuann 19 tháng 10 Comment

Để tạo trang Bảo trì Website cho Blogspot cũng khá đơn giản. Nói đại khái thì các bạn cũng hình dung nó ra sao rồi ha =))). Chúng ta bắt tay vào làm luôn cho nó nóng nào =)))

Bước 1: Đăng nhập vào Blogger > Mẫu > Chỉnh sửa HTML
Bước 2: Copy và Paste đoạn Code sau trước thẻ đóng </head>

<style type='text/css'>/*<![CDATA[*/html:after {content: "";background: #fff url(https://i.imgur.com/GQGGSFZ.png) no-repeat;background-size: auto;position: fixed;top: 0;left: 0;width: 100%; height: 100%; z-index: 100000;background-position: center;}body {display:none;}@media screen and (max-width:800px) { html:after {background-size: contain;}}/*]]>*/</style>

* Chú ý: Thay Link ảnh được bôi đỏ bằng Link ảnh bạn muốn

Ý tưởng: TSM
Xem thêm nhiều thủ thuật và ảnh bìa đẹp tại Ảnh Đẹp Blog

Chúc các bạn thành công.

Blog Lê Tâm Đắc

banner

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

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

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

Hướng Dẫn Lưu Tên Bản Quyền Vào Console Khi Ấn F12

Cách thực hiện:

Kết luận:

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

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

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

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Á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 .

LỜI KẾT:

Thủ Thuật Blogspot | Share CSS3 Animation Hiệu Ứng Tuyết Rơi Cho Blog Đẹp Mắt

TẠO TRANG BẢO TRÌ WEBSITE CHO BLOGSPOT

Recent Post

Bài đăng phổ biến

Lưu trữ Blog