Hoan Hihi Blog | Blog thủ thuật mạng: Blogger
K
Khanh
Trang chủ

Bình luận mới nhất

Liên hệ

  • facebook.com/linkthuthuatvn
  • trongkhanh5678@gmail.com
  • +841653009392
Đóng thanh bạn bè
Blogger
Hiển thị các bài đăng có nhãn Blogger. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Blogger. Hiển thị tất cả bài đăng

Unknown
• •


Hi ! 2 hôm rồi mình chưa ra bài nào :3 hôm nay mình sẽ đem tới cho các bạn widget thay đổi màu nền theo ú thích của đọc giả nhé (^.^)

 Đầu tiên các bạn vào bố cục >> thêm tiện ích HTML và dán code sau vào là xong
<div class="widget-content"><center><b>Choose Your Favorite Color</b></center><br/><script type="text/javascript">function bgChange(bg){document.body.style.background=bg;}</script><table border="1" width="100%" height="20"><tbody><tr><td onclick="bgChange('#8B008B')" bgcolor="#8B008B"></td><td onclick="bgChange('#9400D3')" bgcolor="#9400D3"></td><td onclick="bgChange('#008080')" bgcolor="#008080"></td><td onclick="bgChange('#808080')" bgcolor="#808080"></td><td onclick="bgChange('#CD853F')" bgcolor="#CD853F"></td><td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F"></td><td onclick="bgChange('#DC143C')" bgcolor="#DC143C"></td><td onclick="bgChange('#4B0082')" bgcolor="#4B0082"></td><td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A"></td><td onclick="bgChange('#000000')" bgcolor="#000000"></td><td onclick="bgChange('#66FF00')" bgcolor="#44FF00"></td><td onclick="bgChange('#FFFF00')" bgcolor="#FFFF00"></td></tr></tbody></table></div>

Xong  ^^ chúc các bạn thành công

Widget chọn màu nền cho blog - TKN Blog
khanhblogger.com
7 bình luận
Thích Bình luận
Chia sẻ
Bạn và người khác
7 bình luận
Viết bình luận...

Unknown
• •

Hi mọi người !
Hôm nay mình ra bài hơi muộn, bài hôm nay mình sẽ chi sẻ tới cá bạn code đếm tổng số bài viết và số bình luận cho blogger

Dán code sau vào nơi bạn muốn hiển thị
<div style="padding:10px;">Hiện tại Hotrofm có <span id='allPostshotrofm1'></span> Bài Viết và có tất cả <span id='allCommentshotrofm1'></span>Trả lời</div><script type='text/javascript'>//<![CDATA[function allPostshotrofm(json){document.getElementById('allPostshotrofm1').innerHTML=json.feed.openSearch$totalResults.$t};function allCommentshotrofm(json){document.getElementById('allCommentshotrofm1').innerHTML=json.feed.openSearch$totalResults.$t};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=allPostshotrofm\"><\/script><script type=\"text/javascript\" src=\"/feeds/comments/default?alt=json-in-script&max-results=0&callback=allCommentshotrofm\"><\/script>');//]]></script>

Xong. khó khăn quá nhỉ mọi người (-.-)

Code đếm tổng số bài viết và số bình luận cho blogger - TKN Blog
khanhblogger.com
9 bình luận
Thích Bình luận
Chia sẻ
Bạn và người khác
9 bình luận
Viết bình luận...

Unknown
• •


Hello mọi người !

Hôm nay mình xin chia sẻ tới các bạn cách tạo widget điểm danh hàng ngày trên blog nhé. Tiện ích này khá hữu ích đấy.
Các bước thực hiện:

B1. Vào Blog -> Mẫu -> Chỉnh sửa HTML tìm đến thẻ ]]></b:skin> và dán code sau trước nó. 
@-webkit-keyframes _opacityb{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@-moz-keyframes _opacityb{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes _opacityb{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@-webkit-keyframes zoomInb{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.9);transform:scale(0.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoomInb{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}#rollcall-alert{position:absolute;top:50px;left:-15%;z-index:1000;width:100%;text-align:center}#rollcall-alert{display:none}@media (max-width:640px){#rollcall-alert{display:none}}#rollcall-alert .alert-box{position:fixed;display:inline-block;background:#ffe201;width:360px;height:38px;line-height:38px;padding:0 0 0 65px;text-align:center}#rollcall-alert .alert-box:before{content:"";position:absolute;top:4px;left:4px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRsAMYAc8jineR8XqoDC4ttABA96x3Ys0SdiiYjRRdzY-aexcAgrbfmw_6r4dHmRN_5-XXoyIxAkVPAF96MkZF0FmxTbkSM0UHcaa6TOYePG71hlzz4O_PTYeR9YvBnqTnOhzuKTB_NfTP/s1600/rollcall.png) no-repeat;background-position:-1px -5px;float:left;width:65px;height:42px;animation:zoomInb 1.5s ease-in-out 0s infinite;-moz-animation:zoomInb 1.5s ease-in-out 0s infinite;-webkit-animation:zoomInb 1.5s ease-in-out 0s infinite}#rollcall-alert .alert-box #close-btn{position:relative;background:#303030;float:right;width:26px;height:26px;margin:6px 5px 0 0;text-indent:-9999px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}#rollcall-alert .alert-box #close-btn:before{position:absolute;top:-6px;left:6px;content:"\f00d";font-family:FontAwesome;color:#fff;font-size:18px;text-indent:0}#rollcall-alert .alert-box #close-btn:hover{background:#434242}#rollcall-alert .alert-box .rc-btn{position:relative;background:#0bc377;float:right;width:90px;height:26px;line-height:26px;margin:6px 5px 0 0;color:#fff;text-align:center;text-transform:uppercase;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}#rollcall-alert .alert-box .rc-btn .txt{position:absolute;top:0;left:0;z-index:9;display:block;width:90px;height:26px}#rollcall-alert .alert-box .rc-btn .bg{display:block;background:#f4811f;height:26px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;animation:_opacityb 1.0s ease-in-out 0s infinite;-moz-animation:_opacityb 1.0s ease-in-out 0s infinite;-webkit-animation:_opacityb 1.0s ease-in-out 0s infinite}#rollcall-alert .alert-box .rc-btn:hover{background:#02cc79}#rollup-thanks{clear:both;display:none}.rollup-show{display:inline!important}

 B2. Tìm đến thẻ </body> và dán code sau vào trước nó.
<div id="rollcall-alert"><div id="rollup-block"><div class="alert-box fadein-down">Hôm nay bạn điểm danh chưa nhỉ?<a id="close-btn" href="javascript:void(0)">Close</a><a id="quick-attendance" class="rc-btn" href="javascript:void(0)" onclick="setTimeout(function(){$('#rollcall-alert').fadeOut('slow');},5000);"><span class="txt">Điểm danh</span><span class="bg"></span></a></div></div><div id="rollup-thanks"><div class="alert-box fadein-down">Cám ơn bạn đã ghé thăm Hoan Hihi Blog, +1 cho bạn nè<a id="close-btn" href="javascript:void(0)" onclick="closeAlert();">Close</a></div></div></div> <script type="text/javascript">//<![CDATA[function createCookie(e,t,n){if(n){var o=new Date;o.setTime(o.getTime()+24*n*60*60*1e3);var r="; expires="+o.toGMTString()}else var r="";document.cookie=e+"="+t+r+"; path=/"}function readCookie(e){for(var t=e+"=",n=document.cookie.split(";"),o=0;o<n.length;o++){for(var r=n[o];" "==r.charAt(0);)r=r.substring(1,r.length);if(0==r.indexOf(t))return r.substring(t.length,r.length)}return null}function eraseCookie(e){createCookie(e,"",-1)}document.addEventListener("DOMContentLoaded",function(){[].forEach.call(document.querySelectorAll(".rc-btn"),function(e){e.addEventListener("click",function(){document.getElementById("rollup-block").style.display="none",document.getElementById("rollup-thanks").classList.add("rollup-show")})})}),$(document).ready(function(){readCookie("hide")||$("#rollcall-alert").show(),$("#close-btn").click(function(){return $("#rollcall-alert").hide(),createCookie("hide",!0,1),!1})});//]]></script> 

 B3. Lưu mẫu lại và kiểm tra xem nó có hoạt động không nhé.
------------------
P/s: Thay Hoan Hihi Blog Thành tên blog bạn. nếu có bất cứ thắc mắc hay câu hỏi nào các bạn cứ comment phía dưới nha. 

Tạo tiện ích điểm danh hàng ngày cho Blogger - TKN Blog
khanhblogger.com
14 bình luận
Thích Bình luận
Chia sẻ
Bạn và người khác
14 bình luận
Viết bình luận...

Unknown
• •



Cách thực hiện

Bước 1: Tạo widget mới và dán code dưới đây vào nơi muốn hiển thị
<style type="text/css">/*Widget: Simple Recent Comment Widget for Blogger - Version 1.1Author: Tien NguyenURL: http://sneeit.com/simple-recent-comment-widget-blogger/*/a.sneeit-srcbw { /*item-color*/color: #000000;/*item-color*/ /*border-color*/border-top: 1px solid #dddddd;/*border-color*/ display: block; padding: 1em 1.5em; position: relative;}.sneeit-srcbw-icon-comment {    position: absolute;    left: 0; top: 1.1em;}.sneeit-srcbw-icon-arrow { /* arrow-icon-color*/color: #ff4400;/* arrow-icon-color*/    position: absolute;    right: 0;    font-size: 200%;    top: 50%;    margin-top: -0.55em;}.sneeit-srcbw-credit { font-size: 90%; text-align: right; padding: 1em 0; /*credit*/display: block;/*credit*/ /*border-color*/border-top: 1px solid #dddddd;/*border-color*/}#sneeit-srcbw-exclude { display: none!important;}html[dir="rtl"] .sneeit-srcbw-icon-comment { right:0; left: auto;}html[dir="rtl"] .sneeit-srcbw-icon-arrow{ left:0; right: auto;}html[dir="rtl"] .sneeit-srcbw-credit { text-align: left;}</style><noscript id="sneeit-srcbw-exclude"></noscript><script type="text/javascript">// settingsvar sneeit_srcbw_count = 5; // change the number of commentsvar sneeit_srcbw_summary_length = 50; // summary lengthvar sneeit_srcbw_icon_comment = 'fa-comment-o'; // comment iconvar sneeit_srcbw_icon_arrow = 'fa-angle-right'; // arrow icon_s7GpE = ['link','href','font-awesome','link','text/css','stylesheet','https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css','sneeit-srcbw-exclude','\n','string','undefined','feed','entry','Not found any comment',' ...','','','alternate','self','#','/','#c','<a class="sneeit-srcbw" href="','"><i class="sneeit-srcbw-icon-comment fa ','"></i><span><strong>',':</strong> ','</span><i class="sneeit-srcbw-icon-arrow fa ','"></i></a>','<span class="sneeit-srcbw-credit"> <a href="http://sneeit.com/simple-recent-comment-widget-blogger/" target="_blank"></a></span>','<script type="text/javascript" src="/feeds/comments/summary?alt=json-in-script&max-results=','&callback=_fCiE"><\/script>'];var _vHpF=document.getElementsByTagName(_s7GpE[0]);for(var _vLbB=0;_vLbB<_vHpF.length;_vLbB++){if(_s7GpE[1] in _vHpF[_vLbB]&&_vHpF[_vLbB].href.indexOf(_s7GpE[2])!=-1){break;}}if(_vLbB>=_vHpF.length){var _vLbJ=document.createElement(_s7GpE[3]);_vLbJ.type=_s7GpE[4];_vLbJ.rel=_s7GpE[5];_vLbJ.href=_s7GpE[6];document.head.appendChild(_vLbJ);}var _vRqN=document.getElementById(_s7GpE[7]).innerHTML;var _vSbX=sneeit_srcbw_count;_vRqN=_vRqN.trim();if(_vRqN){_vRqN=_vRqN.split(_s7GpE[8]);_vSbX=_vSbX*(_vRqN.length+2);}function _fCiE(json){if(typeof(json)==_s7GpE[9]||typeof(json)==_s7GpE[10]||!(_s7GpE[11] in json)||!(_s7GpE[12] in json.feed)||!json.feed.entry.length){document.write(_s7GpE[13]);return;}var _vQbX=0;for(var _vLbB=0;_vLbB<json.feed.entry.length&&_vQbX<sneeit_srcbw_count;_vLbB++){var _vOlU=json.feed.entry[_vLbB];var _vQjW=_vOlU.author[0].name.$t;var _vRcD=_vOlU.summary.$t;if(_vRqN.indexOf(_vQjW)!=-1){continue;}_vQbX++;if(_vRcD.length>sneeit_srcbw_summary_length){_vRcD=_vRcD.substring(0,sneeit_srcbw_summary_length)+_s7GpE[14];}var _vVgK=_s7GpE[15];var _vVeS=_s7GpE[16];for(var _vIlN=0;_vIlN<_vOlU.link.length;_vIlN++){var _vLbJ=_vOlU.link[_vIlN];if(_s7GpE[17]==_vLbJ.rel){_vVgK=_vLbJ.href;}else if(_s7GpE[18]==_vLbJ.rel){_vVeS=_vLbJ.href;}}if(!_vVgK){continue;}if(_vVgK.indexOf(_s7GpE[19])==-1){_vVeS=_vVeS.split(_s7GpE[20]);_vVeS=_vVeS[_vVeS.length-1];_vVgK+=(_s7GpE[21]+_vVeS);}document.write(_s7GpE[22]+_vVgK+_s7GpE[23]+sneeit_srcbw_icon_comment+_s7GpE[24]+_vQjW+_s7GpE[25]+_vRcD+_s7GpE[26]+sneeit_srcbw_icon_arrow+_s7GpE[27]);}document.write(_s7GpE[28]);}document.write(_s7GpE[29]+_vSbX+_s7GpE[30]);</script>

Trong đó: 
           count = 5  là số nhận xét bạn muốn hiển thị
           Thay #ff4400 thành màu bạn thích.

Hoan Hihi Blog / Sneeit.com


Widget nhận xét gần đây đơn giản cho Blogger - TKN Blog
khanhblogger.com
1 bình luận
Thích Bình luận
Chia sẻ
Bạn và người khác
1 bình luận
Viết bình luận...
Đăng ký: Bài đăng (Atom)
Thông báo
Blog mình đang trong quá trình chỉnh sửa và hoàn thiện template mới nên còn một số chức năng click vào nhưng chưa dùng được. Lưu ý những blog nào đã liên kết với bên mình vui lòng đọc bài này để cập nhật logo blog nhé.
ĐÃ HIỂU
Trọng Khanh Nguyễn