Trang Tin tức - Giải trí - Thủ thuật tổng hợp - Download tài liệu

Showing posts with label Blogspot-Widget. Show all posts

Tạo hộp đăng kí mạng xã hội đẹp cho blogspot

Hiện nay các mạng xã hội đang rất phổ biến như : Facebook, twitter,Google +... Nó góp một phần rất lớn trong việc quảng cáo và là tiềm năng rất lớn cho các trang web có thể kiếm được lượng truy cập vô tận ! Tiện ích tạo Hộp đăng kí mạng xã hội đẹp cho blogspot phần nào giúp các bạn quảng bá trang web đến với mọi người . Đây là thủ thuật có tính thẩm mỹ cao và thích hợp với nhiều trang web về mục đích sử dụng khác nhau
Ảnh minh họa :

Các bước thực hiện

1. Đăng nhập Blogger
2. Chọn bố cục

3. Thêm tiện ích HTML/Javascripts và dán code bên dưới vào

<center>
<div align="center" id="viettin365-Subscribe-wrapper">
<div id="ig-subscription-optin" style="border: 3px solid #000000; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55AAEE', endColorstr='#003366',GradientType=0 ); width: 250px;">
<h3 id="viettin365-title-text" style="color: white; font-size: 20px;">
GET FREE EMAIL UPDATES</h3>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=viettin365', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<a class="social-icons" href="https://facebook.com/viettin365"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVufvBmmgmJieM3VoQ7jWaYV0IvSTN8dSzQ_j3SkCf2tNKzxrgulBcr5IXMBz6QCsPMRpEhBDOXD47JG1pgx2aeWCRYmpfJ1f2dUHb7vkoS3UKhI330q9xF2Xzs86PN2Z2L1XzLSv2guE/s1600/Viettin365-facebook.png" /></a>
<a class="social-icons" href="https://twitter.com/viettin365"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEHt9go6UIgy98mEQzZUor3xgDryjrVWpKGerp7JeqmLiJj8Dcupc7u8dl8p2pkQWjohnRYYE5H0H4ApK-F_O5R0LhdAkPvwy3ttrI_hqeT5tz8f3Sa5kIea57THexk_TXZhYNPFkIEvY/s1600/Viettin365-twitter.png" /></a>
<a class="social-icons" href="https://plus.google.com/userId"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJFMMQ4Gv8mx8TGKKCJXOyknn359kl1yqIU9C5s0Hk1tjyp-WXY_KteoT2bYbfdYYBsh3jAYO8O9RJdFgEfp6OgAai-J1Od9_p8O-XcQ3ioGECCbquBus3I5XksQL6ZruLQOWM0dnCpFg/s1600/Viettin365-Googleplus.png" /></a>
<a class="social-icons" href="http://www.feedburner.com/Viettin365"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-LTR3X-4hWYoyK4Licyi3LSBk4o7RQg_hKFqwqTbC067CVRay84-uIV21wygNjQ0W_BZ1tkpohJjE4hyphenhyphen-uRx6imEkIOP7lqUCv56gUDKa8qsvUlnfX8DFpC66QWtEQ-b17w9-c4KiZBQ/s1600/Viettin365-Rss.png" /></a>

<input class="email" id="viettin365_Subscriber_email" name="from" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width: 130px;" type="text" value="Enter Email Address" /><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<input name="uri" type="hidden" value="viettin365" /><input name="loc" type="hidden" value="en_US" /> <input id="digitalhubinc_Submit_Text" style="height: auto; padding: 5px 0;" type="submit" value="Get Access Today!" /></form>
</div>
</div>
</center>
<style>
a.social-icons {margin-right: 5px; height:40px;width:40px;}
a.social-icons:hover {opacity: .7;filter:alpha(opacity=70); }
#ig-subscription-optin {margin: 0px;padding: 10px;background: #2A6DA9;
background: -moz-linear-gradient(top, #5AE, #036);background: -webkit-gradient(linear, left top, left bottom, from(#5AE), to(#036));height: auto!important;color: white !important;padding: 20px 15px !important;
text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif !important;margin: 10px;margin: 0px;padding: 10px;
margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;padding: 5px;border: none;}#ig-subscription-optin p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;
padding: 5px;border: none;}#ig-subscription-optin input.name {
background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM6AKRQ5H7mWkp83ZvP6ZSTX34UfjVFhi7gUgg-GYlMudITaD_qiAHOHr5cksUMHjphi2IhMyfYYugmN1mCKXUB3eUoJKppS09SQPVWEtiWFIloNZYSZWmQVd_nedEX0uNNCsBFkIY0Q88/s1600/subscribe-name.png) no-repeat center right;}
#ig-subscription-optin input[type="text"] {border: 1px solid #111 !important;
font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important;}
#ig-subscription-optin input.email {background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAT_wXzWhXjVRo6G52I7uInClwldy7r20NTShQ9b07qQDealcki-3znK9PuGD9Hg9FwRPFacsYJRwjRL5Sg-AbkQtjLEoWYXS9djY1ZddoCHFlKjkdaMNfTTl9f8psN7NgW34hQfsK9bIc/s1600/subscribe-email.png) no-repeat center right;}#ig-subscription-optin input {
font-family: Georgia, Times, "Times New Roman", serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px;}#ig-subscription-optin h3 {margin-top: 10px !important;margin-bottom: 8px !important;margin-left: 10px !important;margin-right: 10px !important;
font-weight: bold !important;line-height: 26px !important;letter-spacing: normal;
text-transform: none;text-decoration: none;
text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif;
border: none;padding: 0px !important;float: none;}input:hover[type="submit"] {
background-color: #0094D2;border: 1px solid #0094D2;color: white;text-decoration: none;}input[type="submit"] {background-color: #00A7ED;border: 1px solid #0094D2;
color: white;cursor: pointer;font-family: 'Droid Sans', sans-serif !important;font-size: 13px;font-weight: normal;padding: 5px;text-decoration: none;}input {
color: #333;font-family: 'Droid Sans', sans-serif;}#ig-subscription-optin input[type="submit"] {background: #960E17 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIDtMig-HHSEvI6dg42lo5zV-gadYuDhNwyimtwzGfgvrJL5GSy3WGl116IBVI3H_YZEiOHhwiMRxkpo2DTN1IwEIp3zbKpRH3G64joGB_a7EPVWhKbjlwX5AJfDD7MamC73rw4ZFpNNza/s1600/subscribe-red.png) repeat-x top;border: 1px solid #111 !important;color: white;cursor: pointer !important;font-size: 18px !important;font-weight: bold !important;
padding: 6px 0 !important;text-shadow: -1px -1px #3A060A !important;width: 90% !important;height: auto !important;line-height: 24px !important;}
#ig-subscription-optin input[type="submit"]:hover {color: #FFA5A5;}</style>

Thay Viettin365 thành user của bạn
4. Lưu lại và xem kết quả
Chúc các bạn thành công

Gộp nhiều widget trên cùng một thanh cho blogspot

Để đảm bảo không gian và tiện lợi cho người xem theo dõi các bài viết trên blog của bạn hôm nay Viettin365 giới thiệu đến các bạn Gộp nhiều widget trên cùng một thanh cho blogspot. Các bạn có thể bắt gặp một số trang chia sẻ về cách làm nhưng Viettin365 giới thiệu đến các bạn có sự khác biệt .Đây là một thủ thuật đơn giản sử dụng Css và jQuery để thực hiện .

Ảnh minh họa :

Gộp nhiều widget trên cùng một thanh cho blogspot

Các bước thực hiện :
1. Đăng nhập blogger
2. Chọn mẫu--> Chỉnh sửa HTML
3. Thêm đoạn mã dưới đây vào sau thẻ ]]></b:skin> trong template của bạn.

<style>

.b, .c{ display:none;}

.buttons{

    border-bottom:solid #d1c8b8 4px;

    display:block;

    padding:8px;

    width:80px;-moz-border-radius: 1em 4em 1em 4em;

    border-radius: 1em 4em 1em 4em;

    text-align:center;

    margin:1px;

    background:#4b7975;

    text-decoration:none; color:#FFFFFF;

    float:left;font-family:Georgia, "Times New Roman", Times, serif; font-size:14px

}

.buttonHover{background:#86b8b4;border-bottom:solid #FF0000 4px;}

a.buttons:hover{background:#86b8b4;border-bottom:solid #FF0000 4px;}

#multitab {

    background:#919b9d;

    text-align:justify;

    overflow:hidden;

    color:#fff;

    padding:20px;

    -moz-border-radius: 1em 4em 1em 4em;

    border-radius: 1em 4em 1em 4em;    height:200px;

    width:272px;

}

#multwrap{

    text-align:left;

    overflow:hidden;

    width:350px;

    height:380px;

}

  </style>



<script type='text/javascript'>

// <![CDATA[

$(document).ready(function() { 

    $("#first-tab").addClass('buttonHover');

});

function navigate_tabs(container, tab)

{   

    $(".b").css('display' , 'none');

    $(".c").css('display' , 'none');

    $(".a").css('display' , 'none');

   

    $("#first-tab").removeClass('buttonHover');

    $("#second-tab").removeClass('buttonHover');

    $("#third-tab").removeClass('buttonHover');

   

    $("#"+tab).addClass('buttonHover');

    $("."+container).show('slow');

}

// ]]>

</script>

<script charset='utf-8' src='https://bloggertrixcode.googlecode.com/files/jquery1.2.6.js' type='text/javascript'/>

4. Lưu lại
5. Chọn bố cục và thêm tiện ích HTML/Javascript --> Dán đoạn code bên dưới vào

<div id="multwrap">

 <a href="javascript:navigate_tabs('a','first-tab');" class="buttons" id="first-tab">Tab 1</a> 

<a href="javascript:navigate_tabs('b','second-tab');" class="buttons" id="second-tab">Tab 2</a>

<a href="javascript:navigate_tabs('c','third-tab');" class="buttons" id="third-tab">Tab 3</a>

   <br clear="all" />

      <div id="multitab" align="center">

          <div class="a">

                <em>B</em>logger is a blog-publishing service that allows private or multi-user blogs with time-stamped entries. It was developed by Pyra Labs, which was bought by Google in 2003. Generally, the blogs are hosted by Google at a subdomain of blogspot.com.  <br />  <br /> Thanks!



                </div>

                <div class="b"><em>L</em>orem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. 



                </div>

                <div class="c"><em>S</em>tarting in February 2013 Blogger began integrating user blogs with multiple country specific URL addresses i.e. exampleuserblogname.blogspot.com would be automatically redirected to exampleuserblogname.blogspot.ca in Canada, exampleuserblogname.blogspot.co.uk in the United Kingdom etc. </div>

</div> </div>

</div>

6. Save tiện ích HTML/Javascript và xem kết quả
Chúc các bạn thành công!

Nhận xét mới nhất theo phong cách Windows 8

Windows 8 chính thức được phát hành vào cuối tháng 10-2012 vừa qua và đang tạo nên một cơn sốt thực sự. Mình cũng không phải là ngoại lệ khi bị lôi cuốn bởi vẻ đẹp đầy màu sắc mà đơn giản của nó. Và kết quả là phiên bản tiếp theo của Recent Comments với style theo phong cách Messaging trên Windows 8.

Demo: Xem tại đây

Các bước thực hiện :

1. Đăng nhập Blogger

2. Chọn mẫu

3. Thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin> :

#rc-avatar-plus ul{border:1px solid #bbb;background:#fff!important;padding:10px!important;word-wrap:break-word}
#rc-avatar-plus li{margin:0!important;border:0!important;background:transparent!important;padding:0 0 10px!important;list-style-type:none!important}
#rc-avatar-plus .rc-info{width:20%}
#rc-avatar-plus img{padding:0!important;width:100%}
#rc-avatar-plus h4{margin:5px 0!important}
#rc-avatar-plus a{position:relative;width:70%;padding:5px}
#rc-avatar-plus a,#rc-avatar-plus a:hover{color:#fff!important;text-decoration:none}
#rc-avatar-plus a:after{content:"";position:absolute;top:10px;width:0;height:0;line-height:0}
#rc-avatar-plus p{margin:0 0 5px;padding:0}
#rc-avatar-plus .rc-author .rc-info,#rc-avatar-plus .rc-admin a{float:left}
#rc-avatar-plus .rc-admin .rc-info,#rc-avatar-plus .rc-author a,#rc-avatar-plus span{float:right}
#rc-avatar-plus .rc-author a{background:#8b0094}
#rc-avatar-plus .rc-author a:after{left:-10px;border-top:10px solid #8b0094;border-left:10px solid transparent}
#rc-avatar-plus .rc-admin a{background:#1eadfe}
#rc-avatar-plus .rc-admin a:after{right:-10px;border-top:10px solid #1eadfe;border-right:10px solid transparent}

4. Thêm tiện ích HTML/Javascripts và dán code bên dưới vào

<div id='rc-avatar-plus'>
<script type='text/javascript'>
var copyright_by_duypham_dot_info='Nhận xét mới nhất trên Viettin365.com';
nc=4;
length_name=30;
length_content=90;
no_avatar='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIB-_gwtUyisYE2Wnpm4OPjjU4KNsE_WdVhLysTrv5a6PqFi2F-n2jw3knumjxnO8o_kNZazap8DTeLpoAZvI5TOSGzvhYn2I3BdSarejdTjIHLJIdOfez1zX5FwUwAF6Tzl0b739AQ4U/s90/no-avatar.png';
on='on';
home_page='';
admin_uri='';
admin_avatar='';
var dp=["\x53\x20\x62\x3D\x5B\x22\x5C\x45\x5C\x48\x5C\x51\x5C\x73\x5C\x4D\x5C\x68\x5C\x41\x22\x2C\x22\x5C\x4D\x5C\x65\x5C\x65\x5C\x73\x5C\x31\x78\x5C\x72\x5C\x72\x22\x2C\x22\x5C\x5A\x22\x2C\x22\x5C\x71\x5C\x6E\x5C\x49\x5C\x76\x22\x2C\x22\x5C\x4D\x5C\x6A\x5C\x66\x5C\x49\x22\x2C\x22\x5C\x31\x6C\x5C\x41\x5C\x44\x5C\x32\x79\x22\x2C\x22\x5C\x71\x5C\x6E\x5C\x45\x5C\x66\x5C\x55\x5C\x31\x47\x5C\x49\x22\x2C\x22\x5C\x72\x5C\x73\x5C\x72\x22\x2C\x22\x5C\x6B\x5C\x73\x5C\x6C\x5C\x71\x5C\x65\x22\x2C\x22\x5C\x77\x22\x2C\x22\x5C\x6A\x5C\x66\x5C\x73\x5C\x6C\x5C\x68\x5C\x6D\x5C\x66\x22\x2C\x22\x22\x2C\x22\x5C\x6B\x5C\x48\x5C\x54\x5C\x6B\x5C\x65\x5C\x6A\x5C\x71\x5C\x6E\x5C\x4C\x22\x2C\x22\x5C\x65\x5C\x76\x5C\x32\x7A\x5C\x73\x5C\x73\x5C\x66\x5C\x6A\x5C\x31\x72\x5C\x68\x5C\x6B\x5C\x66\x22\x2C\x22\x5C\x31\x62\x5C\x65\x22\x2C\x22\x5C\x65\x5C\x71\x5C\x65\x5C\x6C\x5C\x66\x22\x2C\x22\x5C\x49\x5C\x66\x5C\x66\x5C\x45\x22\x2C\x22\x5C\x76\x5C\x73\x5C\x66\x5C\x6E\x5C\x32\x41\x5C\x66\x5C\x68\x5C\x6A\x5C\x6D\x5C\x4D\x5C\x31\x62\x5C\x65\x5C\x76\x5C\x65\x5C\x68\x5C\x6C\x5C\x31\x46\x5C\x66\x5C\x6B\x5C\x48\x5C\x6C\x5C\x65\x5C\x6B\x22\x2C\x22\x5C\x48\x5C\x6A\x5C\x71\x22\x2C\x22\x5C\x68\x5C\x48\x5C\x65\x5C\x4D\x5C\x76\x5C\x6A\x22\x2C\x22\x5C\x6B\x5C\x6A\x5C\x6D\x22\x2C\x22\x5C\x4C\x5C\x45\x5C\x31\x62\x5C\x71\x5C\x41\x5C\x68\x5C\x4C\x5C\x66\x22\x2C\x22\x5C\x66\x5C\x6E\x5C\x65\x5C\x6A\x5C\x51\x22\x2C\x22\x5C\x6C\x5C\x66\x5C\x6E\x5C\x4C\x5C\x65\x5C\x4D\x22\x2C\x22\x5C\x6C\x5C\x71\x5C\x6E\x5C\x31\x6B\x22\x2C\x22\x5C\x72\x22\x2C\x22\x5C\x65\x5C\x4D\x5C\x6A\x5C\x31\x62\x5C\x71\x5C\x6E\x5C\x4A\x5C\x6A\x5C\x66\x5C\x73\x5C\x6C\x5C\x51\x5C\x4A\x5C\x65\x5C\x76\x22\x2C\x22\x5C\x4B\x5C\x68\x5C\x6C\x5C\x48\x5C\x66\x22\x2C\x22\x5C\x4C\x5C\x45\x5C\x31\x62\x5C\x66\x5C\x55\x5C\x65\x5C\x66\x5C\x6E\x5C\x45\x5C\x66\x5C\x45\x5C\x31\x4B\x5C\x6A\x5C\x76\x5C\x73\x5C\x66\x5C\x6A\x5C\x65\x5C\x51\x22\x2C\x22\x5C\x6D\x5C\x76\x5C\x6E\x5C\x65\x5C\x66\x5C\x6E\x5C\x65\x22\x2C\x22\x5C\x6B\x5C\x48\x5C\x41\x5C\x41\x5C\x68\x5C\x6A\x5C\x51\x22\x2C\x22\x5C\x56\x5C\x31\x41\x5C\x32\x78\x5C\x32\x77\x5C\x32\x73\x5C\x31\x71\x5C\x31\x43\x22\x2C\x22\x5C\x6C\x5C\x68\x5C\x6B\x5C\x65\x5C\x31\x4C\x5C\x6E\x5C\x45\x5C\x66\x5C\x55\x5C\x31\x47\x5C\x49\x22\x2C\x22\x5C\x56\x5C\x31\x41\x5C\x59\x5C\x31\x75\x5C\x31\x75\x5C\x31\x43\x22\x2C\x22\x5C\x6E\x5C\x68\x5C\x41\x5C\x66\x22\x2C\x22\x5C\x4D\x5C\x65\x5C\x65\x5C\x73\x5C\x31\x78\x5C\x72\x5C\x72\x5C\x71\x5C\x41\x5C\x4C\x5C\x59\x5C\x5A\x5C\x54\x5C\x6C\x5C\x76\x5C\x4C\x5C\x54\x5C\x6C\x5C\x76\x5C\x4C\x5C\x5A\x5C\x6D\x5C\x76\x5C\x41\x5C\x72\x5C\x71\x5C\x41\x5C\x4C\x5C\x72\x5C\x54\x5C\x6C\x5C\x68\x5C\x6E\x5C\x31\x6B\x5C\x5A\x5C\x4C\x5C\x71\x5C\x49\x22\x2C\x22\x5C\x6E\x5C\x76\x5C\x77\x5C\x68\x5C\x4B\x5C\x68\x5C\x65\x5C\x68\x5C\x6A\x22\x2C\x22\x5C\x43\x5C\x6B\x5C\x6D\x5C\x6A\x5C\x71\x5C\x73\x5C\x65\x5C\x77\x5C\x65\x5C\x51\x5C\x73\x5C\x66\x5C\x44\x5C\x78\x5C\x65\x5C\x66\x5C\x55\x5C\x65\x5C\x72\x5C\x31\x6A\x5C\x68\x5C\x4B\x5C\x68\x5C\x6B\x5C\x6D\x5C\x6A\x5C\x71\x5C\x73\x5C\x65\x5C\x78\x5C\x42\x5C\x6A\x5C\x6D\x5C\x31\x73\x5C\x68\x5C\x4B\x5C\x68\x5C\x65\x5C\x68\x5C\x6A\x5C\x31\x71\x5C\x32\x74\x5C\x32\x75\x5C\x31\x43\x5C\x43\x5C\x72\x5C\x6B\x5C\x6D\x5C\x6A\x5C\x71\x5C\x73\x5C\x65\x5C\x42\x22\x2C\x22\x5C\x31\x4A\x5C\x6A\x5C\x71\x5C\x65\x5C\x66\x22\x2C\x22\x5C\x43\x5C\x6B\x5C\x6D\x5C\x6A\x5C\x71\x5C\x73\x5C\x65\x5C\x77\x5C\x65\x5C\x51\x5C\x73\x5C\x66\x5C\x44\x5C\x78\x5C\x65\x5C\x66\x5C\x55\x5C\x65\x5C\x72\x5C\x31\x6A\x5C\x68\x5C\x4B\x5C\x68\x5C\x6B\x5C\x6D\x5C\x6A\x5C\x71\x5C\x73\x5C\x65\x5C\x78\x5C\x77\x5C\x6B\x5C\x6A\x5C\x6D\x5C\x44\x5C\x78\x22\x2C\x22\x5C\x72\x5C\x49\x5C\x66\x5C\x66\x5C\x45\x5C\x6B\x5C\x72\x22\x2C\x22\x5C\x72\x5C\x6D\x5C\x76\x5C\x41\x5C\x41\x5C\x66\x5C\x6E\x5C\x65\x5C\x6B\x5C\x72\x5C\x45\x5C\x66\x5C\x49\x5C\x68\x5C\x48\x5C\x6C\x5C\x65\x5C\x31\x6C\x5C\x68\x5C\x6C\x5C\x65\x5C\x44\x5C\x31\x6A\x5C\x6B\x5C\x76\x5C\x6E\x5C\x4A\x5C\x71\x5C\x6E\x5C\x4A\x5C\x6B\x5C\x6D\x5C\x6A\x5C\x71\x5C\x73\x5C\x65\x5C\x56\x5C\x41\x5C\x68\x5C\x55\x5C\x4A\x5C\x6A\x5C\x66\x5C\x6B\x5C\x48\x5C\x6C\x5C\x65\x5C\x6B\x5C\x44\x5C\x59\x5C\x56\x5C\x6D\x5C\x68\x5C\x6C\x5C\x6C\x5C\x54\x5C\x68\x5C\x6D\x5C\x31\x6B\x5C\x44\x5C\x6A\x5C\x6D\x5C\x31\x73\x5C\x68\x5C\x4B\x5C\x68\x5C\x65\x5C\x68\x5C\x6A\x5C\x31\x71\x5C\x78\x5C\x42\x5C\x43\x5C\x72\x5C\x6B\x5C\x6D\x5C\x6A\x5C\x71\x5C\x73\x5C\x65\x5C\x42\x22\x2C\x22\x5C\x31\x46\x5C\x66\x5C\x6D\x5C\x66\x5C\x6E\x5C\x65\x5C\x77\x5C\x31\x72\x5C\x76\x5C\x41\x5C\x41\x5C\x66\x5C\x6E\x5C\x65\x5C\x6B\x5C\x77\x5C\x49\x5C\x6A\x5C\x66\x5C\x66\x5C\x77\x5C\x4B\x5C\x66\x5C\x6A\x5C\x6B\x5C\x71\x5C\x76\x5C\x6E\x5C\x77\x5C\x31\x75\x5C\x5A\x5C\x59\x5C\x77\x5C\x54\x5C\x51\x5C\x77\x22\x2C\x22\x5C\x72\x5C\x49\x5C\x66\x5C\x66\x5C\x45\x5C\x6B\x5C\x72\x5C\x6D\x5C\x76\x5C\x41\x5C\x41\x5C\x66\x5C\x6E\x5C\x65\x5C\x6B\x5C\x72\x5C\x45\x5C\x66\x5C\x49\x5C\x68\x5C\x48\x5C\x6C\x5C\x65\x5C\x31\x6C\x5C\x68\x5C\x6C\x5C\x65\x5C\x44\x5C\x31\x6A\x5C\x6B\x5C\x76\x5C\x6E\x5C\x4A\x5C\x71\x5C\x6E\x5C\x4A\x5C\x6B\x5C\x6D\x5C\x6A\x5C\x71\x5C\x73\x5C\x65\x5C\x56\x5C\x41\x5C\x68\x5C\x55\x5C\x4A\x5C\x6A\x5C\x66\x5C\x6B\x5C\x48\x5C\x6C\x5C\x65\x5C\x6B\x5C\x44\x22\x2C\x22\x5C\x56\x5C\x6D\x5C\x68\x5C\x6C\x5C\x6C\x5C\x54\x5C\x68\x5C\x6D\x5C\x31\x6B\x5C\x44\x5C\x6A\x5C\x6D\x5C\x31\x73\x5C\x68\x5C\x4B\x5C\x68\x5C\x65\x5C\x68\x5C\x6A\x5C\x59\x5C\x78\x5C\x42\x5C\x43\x5C\x72\x5C\x6B\x5C\x6D\x5C\x6A\x5C\x71\x5C\x73\x5C\x65\x5C\x42\x22\x2C\x22\x5C\x43\x5C\x48\x5C\x6C\x5C\x42\x22\x2C\x22\x5C\x31\x72\x5C\x76\x5C\x41\x5C\x41\x5C\x66\x5C\x6E\x5C\x65\x5C\x6B\x5C\x77\x5C\x76\x5C\x6E\x5C\x77\x22\x2C\x22\x5C\x31\x78\x5C\x77\x22\x2C\x22\x5C\x31\x41\x5C\x6D\x22\x2C\x22\x5C\x6D\x5C\x76\x5C\x41\x5C\x41\x5C\x66\x5C\x6E\x5C\x65\x5C\x31\x4B\x5C\x68\x5C\x4C\x5C\x66\x5C\x44\x22\x2C\x22\x5C\x56\x22\x2C\x22\x5C\x31\x6C\x22\x2C\x22\x5C\x43\x5C\x6C\x5C\x71\x5C\x77\x5C\x6D\x5C\x6C\x5C\x68\x5C\x6B\x5C\x6B\x5C\x44\x5C\x78\x22\x2C\x22\x5C\x6A\x5C\x6D\x5C\x4A\x5C\x68\x5C\x45\x5C\x41\x5C\x71\x5C\x6E\x22\x2C\x22\x5C\x6A\x5C\x6D\x5C\x4A\x5C\x68\x5C\x48\x5C\x65\x5C\x4D\x5C\x76\x5C\x6A\x22\x2C\x22\x5C\x78\x5C\x42\x5C\x43\x5C\x45\x5C\x71\x5C\x4B\x5C\x77\x5C\x6D\x5C\x6C\x5C\x68\x5C\x6B\x5C\x6B\x5C\x44\x5C\x78\x5C\x6A\x5C\x6D\x5C\x4A\x5C\x71\x5C\x6E\x5C\x49\x5C\x76\x5C\x78\x5C\x42\x5C\x43\x5C\x71\x5C\x41\x5C\x4C\x5C\x77\x5C\x68\x5C\x6C\x5C\x65\x5C\x44\x5C\x78\x22\x2C\x22\x5C\x78\x5C\x77\x5C\x6D\x5C\x6C\x5C\x68\x5C\x6B\x5C\x6B\x5C\x44\x5C\x78\x5C\x6A\x5C\x6D\x5C\x4A\x5C\x68\x5C\x4B\x5C\x68\x5C\x65\x5C\x68\x5C\x6A\x5C\x78\x5C\x77\x5C\x6B\x5C\x6A\x5C\x6D\x5C\x44\x5C\x78\x22\x2C\x22\x5C\x78\x5C\x72\x5C\x42\x5C\x43\x5C\x4D\x5C\x31\x49\x5C\x42\x22\x2C\x22\x5C\x43\x5C\x72\x5C\x4D\x5C\x31\x49\x5C\x42\x5C\x43\x5C\x72\x5C\x45\x5C\x71\x5C\x4B\x5C\x42\x5C\x43\x5C\x68\x5C\x77\x5C\x4D\x5C\x6A\x5C\x66\x5C\x49\x5C\x44\x5C\x78\x22\x2C\x22\x5C\x78\x5C\x77\x5C\x6A\x5C\x66\x5C\x6C\x5C\x44\x5C\x78\x5C\x6E\x5C\x76\x5C\x49\x5C\x76\x5C\x6C\x5C\x6C\x5C\x76\x5C\x31\x4A\x5C\x78\x5C\x77\x5C\x65\x5C\x71\x5C\x65\x5C\x6C\x5C\x66\x5C\x44\x5C\x78\x22\x2C\x22\x5C\x77\x5C\x76\x5C\x6E\x5C\x77\x22\x2C\x22\x5C\x78\x5C\x42\x5C\x43\x5C\x73\x5C\x42\x22\x2C\x22\x5C\x43\x5C\x72\x5C\x73\x5C\x42\x22\x2C\x22\x5C\x65\x5C\x6A\x5C\x48\x5C\x66\x22\x2C\x22\x5C\x43\x5C\x6B\x5C\x73\x5C\x68\x5C\x6E\x5C\x42\x22\x2C\x22\x5C\x43\x5C\x72\x5C\x6B\x5C\x73\x5C\x68\x5C\x6E\x5C\x42\x22\x2C\x22\x5C\x43\x5C\x72\x5C\x68\x5C\x42\x5C\x43\x5C\x45\x5C\x71\x5C\x4B\x5C\x77\x5C\x6D\x5C\x6C\x5C\x68\x5C\x6B\x5C\x6B\x5C\x44\x5C\x78\x5C\x6D\x5C\x6C\x5C\x66\x5C\x68\x5C\x6A\x5C\x78\x5C\x42\x5C\x43\x5C\x72\x5C\x45\x5C\x71\x5C\x4B\x5C\x42\x5C\x43\x5C\x72\x5C\x6C\x5C\x71\x5C\x42\x22\x2C\x22\x5C\x43\x5C\x72\x5C\x48\x5C\x6C\x5C\x42\x22\x2C\x22\x5C\x71\x5C\x6E\x5C\x6E\x5C\x66\x5C\x6A\x5C\x31\x5A\x5C\x32\x61\x5C\x32\x64\x5C\x32\x70\x22\x2C\x22\x5C\x6A\x5C\x6D\x5C\x4A\x5C\x68\x5C\x4B\x5C\x68\x5C\x65\x5C\x68\x5C\x6A\x5C\x4A\x5C\x73\x5C\x6C\x5C\x48\x5C\x6B\x22\x2C\x22\x5C\x4C\x5C\x66\x5C\x65\x5C\x32\x68\x5C\x6C\x5C\x66\x5C\x41\x5C\x66\x5C\x6E\x5C\x65\x5C\x32\x50\x5C\x51\x5C\x31\x4C\x5C\x45\x22\x5D\x3B\x31\x67\x3D\x30\x3B\x75\x3D\x30\x3B\x58\x3D\x5B\x5D\x3B\x64\x3D\x5B\x5D\x3B\x70\x3D\x5B\x5D\x3B\x31\x63\x3D\x5B\x5D\x3B\x31\x6D\x3D\x5B\x5D\x3B\x31\x7A\x3D\x5B\x5D\x3B\x74\x3D\x5B\x5D\x3B\x31\x76\x3D\x5B\x5D\x3B\x31\x77\x3D\x5B\x5D\x3B\x61\x3D\x5B\x5D\x3B\x57\x3D\x5B\x5D\x3B\x31\x69\x3D\x5B\x5D\x3B\x31\x68\x3D\x5B\x5D\x3B\x31\x79\x3D\x5B\x5D\x3B\x31\x42\x3D\x5B\x5D\x3B\x31\x55\x3D\x62\x5B\x30\x5D\x3B\x31\x58\x3D\x62\x5B\x31\x5D\x3B\x31\x56\x3D\x62\x5B\x32\x5D\x3B\x31\x57\x3D\x62\x5B\x33\x5D\x3B\x31\x48\x3D\x32\x58\x5B\x62\x5B\x34\x5D\x5D\x3B\x79\x3D\x31\x48\x5B\x62\x5B\x36\x5D\x5D\x28\x62\x5B\x35\x5D\x29\x3B\x31\x6F\x20\x32\x5A\x28\x31\x6E\x29\x7B\x47\x28\x64\x5B\x75\x5D\x5B\x62\x5B\x36\x5D\x5D\x28\x62\x5B\x37\x5D\x29\x21\x3D\x2D\x31\x29\x7B\x31\x63\x5B\x75\x5D\x3D\x31\x3B\x69\x3D\x64\x5B\x75\x5D\x5B\x62\x5B\x38\x5D\x5D\x28\x62\x5B\x37\x5D\x29\x3B\x69\x3D\x69\x5B\x31\x5D\x3B\x69\x3D\x69\x5B\x62\x5B\x31\x30\x5D\x5D\x28\x2F\x2D\x2F\x67\x2C\x62\x5B\x39\x5D\x29\x3B\x69\x3D\x69\x5B\x62\x5B\x31\x30\x5D\x5D\x28\x2F\x2E\x33\x61\x2F\x2C\x62\x5B\x31\x31\x5D\x29\x3B\x31\x4E\x3D\x69\x5B\x62\x5B\x31\x32\x5D\x5D\x28\x30\x2C\x31\x29\x3B\x31\x4D\x3D\x69\x5B\x62\x5B\x31\x32\x5D\x5D\x28\x31\x29\x3B\x69\x3D\x31\x4E\x5B\x62\x5B\x31\x33\x5D\x5D\x28\x29\x2B\x31\x4D\x3B\x74\x5B\x75\x5D\x3D\x69\x7D\x4F\x7B\x6F\x3D\x31\x6E\x5B\x62\x5B\x31\x36\x5D\x5D\x5B\x62\x5B\x31\x35\x5D\x5D\x5B\x62\x5B\x31\x34\x5D\x5D\x3B\x74\x5B\x75\x5D\x3D\x6F\x3B\x31\x4F\x3D\x31\x6E\x5B\x62\x5B\x31\x36\x5D\x5D\x5B\x62\x5B\x31\x37\x5D\x5D\x5B\x62\x5B\x31\x34\x5D\x5D\x3B\x69\x3D\x33\x63\x28\x28\x31\x4F\x2D\x31\x29\x2F\x32\x54\x29\x2B\x31\x3B\x31\x63\x5B\x75\x5D\x3D\x69\x7D\x3B\x75\x2B\x2B\x7D\x3B\x31\x6F\x20\x32\x51\x28\x52\x29\x7B\x31\x67\x3D\x52\x5B\x62\x5B\x31\x36\x5D\x5D\x5B\x62\x5B\x31\x37\x5D\x5D\x5B\x62\x5B\x31\x34\x5D\x5D\x3B\x31\x7A\x3D\x52\x5B\x62\x5B\x31\x36\x5D\x5D\x5B\x62\x5B\x31\x35\x5D\x5D\x5B\x62\x5B\x31\x34\x5D\x5D\x3B\x47\x28\x62\x5B\x31\x38\x5D\x31\x65\x20\x52\x5B\x62\x5B\x31\x36\x5D\x5D\x5B\x62\x5B\x31\x39\x5D\x5D\x5B\x30\x5D\x29\x7B\x31\x79\x3D\x52\x5B\x62\x5B\x31\x36\x5D\x5D\x5B\x62\x5B\x31\x39\x5D\x5D\x5B\x30\x5D\x5B\x62\x5B\x31\x38\x5D\x5D\x5B\x62\x5B\x31\x34\x5D\x5D\x7D\x3B\x31\x42\x3D\x52\x5B\x62\x5B\x31\x36\x5D\x5D\x5B\x62\x5B\x31\x39\x5D\x5D\x5B\x30\x5D\x5B\x62\x5B\x32\x31\x5D\x5D\x5B\x62\x5B\x32\x30\x5D\x5D\x3B\x31\x51\x28\x67\x3D\x30\x3B\x28\x67\x3C\x31\x74\x29\x26\x26\x28\x67\x3C\x31\x67\x29\x3B\x67\x2B\x2B\x29\x7B\x63\x3D\x52\x5B\x62\x5B\x31\x36\x5D\x5D\x5B\x62\x5B\x32\x32\x5D\x5D\x5B\x67\x5D\x3B\x47\x28\x67\x3D\x3D\x52\x5B\x62\x5B\x31\x36\x5D\x5D\x5B\x62\x5B\x32\x32\x5D\x5D\x5B\x62\x5B\x32\x33\x5D\x5D\x29\x7B\x32\x57\x7D\x3B\x58\x3D\x63\x5B\x62\x5B\x32\x34\x5D\x5D\x5B\x30\x5D\x5B\x62\x5B\x34\x5D\x5D\x3B\x58\x3D\x58\x5B\x62\x5B\x38\x5D\x5D\x28\x62\x5B\x32\x35\x5D\x29\x3B\x31\x53\x3D\x58\x5B\x35\x5D\x3B\x31\x45\x3D\x58\x5B\x38\x5D\x3B\x64\x5B\x67\x5D\x3D\x63\x5B\x62\x5B\x32\x36\x5D\x5D\x5B\x62\x5B\x34\x5D\x5D\x3B\x47\x28\x79\x21\x3D\x2D\x31\x29\x7B\x64\x5B\x67\x5D\x3D\x64\x5B\x67\x5D\x2B\x62\x5B\x35\x5D\x7D\x3B\x31\x76\x5B\x67\x5D\x3D\x63\x5B\x62\x5B\x32\x38\x5D\x5D\x5B\x30\x5D\x5B\x62\x5B\x32\x37\x5D\x5D\x3B\x31\x77\x5B\x67\x5D\x3D\x63\x5B\x62\x5B\x32\x38\x5D\x5D\x5B\x31\x5D\x5B\x62\x5B\x32\x37\x5D\x5D\x3B\x70\x5B\x67\x5D\x3D\x31\x45\x3B\x47\x28\x62\x5B\x32\x39\x5D\x31\x65\x20\x63\x29\x7B\x53\x20\x46\x3D\x63\x5B\x62\x5B\x32\x39\x5D\x5D\x5B\x62\x5B\x31\x34\x5D\x5D\x7D\x4F\x7B\x47\x28\x62\x5B\x33\x30\x5D\x31\x65\x20\x63\x29\x7B\x53\x20\x46\x3D\x63\x5B\x62\x5B\x33\x30\x5D\x5D\x5B\x62\x5B\x31\x34\x5D\x5D\x7D\x4F\x7B\x53\x20\x46\x3D\x62\x5B\x33\x31\x5D\x7D\x7D\x3B\x46\x3D\x46\x5B\x62\x5B\x31\x30\x5D\x5D\x28\x2F\x3C\x32\x56\x20\x5C\x2F\x3E\x2F\x67\x2C\x62\x5B\x39\x5D\x29\x3B\x46\x3D\x46\x5B\x62\x5B\x31\x30\x5D\x5D\x28\x2F\x40\x3C\x61\x2E\x2A\x3F\x61\x3E\x2F\x67\x2C\x62\x5B\x31\x31\x5D\x29\x3B\x46\x3D\x46\x5B\x62\x5B\x31\x30\x5D\x5D\x28\x2F\x3C\x5B\x5E\x3E\x5D\x2A\x3E\x2F\x67\x2C\x62\x5B\x31\x31\x5D\x29\x3B\x47\x28\x46\x5B\x62\x5B\x32\x33\x5D\x5D\x3C\x31\x50\x29\x7B\x31\x6D\x5B\x67\x5D\x3D\x46\x7D\x4F\x7B\x46\x3D\x46\x5B\x62\x5B\x31\x32\x5D\x5D\x28\x30\x2C\x31\x50\x29\x3B\x53\x20\x31\x66\x3D\x46\x5B\x62\x5B\x33\x32\x5D\x5D\x28\x62\x5B\x39\x5D\x29\x3B\x46\x3D\x46\x5B\x62\x5B\x31\x32\x5D\x5D\x28\x30\x2C\x31\x66\x29\x3B\x31\x6D\x5B\x67\x5D\x3D\x46\x2B\x62\x5B\x33\x33\x5D\x7D\x3B\x50\x3D\x63\x5B\x62\x5B\x31\x39\x5D\x5D\x5B\x30\x5D\x5B\x62\x5B\x33\x34\x5D\x5D\x5B\x62\x5B\x31\x34\x5D\x5D\x3B\x47\x28\x50\x5B\x62\x5B\x32\x33\x5D\x5D\x3C\x31\x44\x29\x7B\x61\x5B\x67\x5D\x3D\x50\x7D\x4F\x7B\x50\x3D\x50\x5B\x62\x5B\x31\x32\x5D\x5D\x28\x30\x2C\x31\x44\x29\x3B\x53\x20\x31\x66\x3D\x50\x5B\x62\x5B\x33\x32\x5D\x5D\x28\x62\x5B\x31\x31\x5D\x29\x3B\x50\x3D\x50\x5B\x62\x5B\x31\x32\x5D\x5D\x28\x30\x2C\x31\x66\x29\x3B\x61\x5B\x67\x5D\x3D\x50\x2B\x62\x5B\x33\x33\x5D\x7D\x3B\x47\x28\x62\x5B\x31\x38\x5D\x31\x65\x20\x63\x5B\x62\x5B\x31\x39\x5D\x5D\x5B\x30\x5D\x29\x7B\x31\x68\x5B\x67\x5D\x3D\x63\x5B\x62\x5B\x31\x39\x5D\x5D\x5B\x30\x5D\x5B\x62\x5B\x31\x38\x5D\x5D\x5B\x62\x5B\x31\x34\x5D\x5D\x7D\x3B\x47\x28\x63\x5B\x62\x5B\x31\x39\x5D\x5D\x5B\x30\x5D\x5B\x62\x5B\x32\x31\x5D\x5D\x5B\x62\x5B\x32\x30\x5D\x5D\x3D\x3D\x62\x5B\x33\x35\x5D\x29\x7B\x57\x5B\x67\x5D\x3D\x32\x59\x3B\x31\x69\x5B\x67\x5D\x3D\x62\x5B\x33\x36\x5D\x7D\x4F\x7B\x57\x5B\x67\x5D\x3D\x63\x5B\x62\x5B\x31\x39\x5D\x5D\x5B\x30\x5D\x5B\x62\x5B\x32\x31\x5D\x5D\x5B\x62\x5B\x32\x30\x5D\x5D\x3B\x31\x69\x5B\x67\x5D\x3D\x61\x5B\x67\x5D\x7D\x3B\x47\x28\x64\x5B\x67\x5D\x5B\x62\x5B\x36\x5D\x5D\x28\x62\x5B\x37\x5D\x29\x21\x3D\x2D\x31\x29\x7B\x31\x64\x5B\x62\x5B\x33\x38\x5D\x5D\x28\x62\x5B\x33\x37\x5D\x29\x7D\x4F\x7B\x31\x64\x5B\x62\x5B\x33\x38\x5D\x5D\x28\x62\x5B\x33\x39\x5D\x2B\x31\x54\x2B\x62\x5B\x33\x62\x5D\x2B\x31\x53\x2B\x62\x5B\x32\x55\x5D\x29\x7D\x7D\x7D\x3B\x47\x28\x32\x53\x3D\x3D\x62\x5B\x32\x52\x5D\x2B\x31\x58\x2B\x31\x55\x2B\x31\x56\x2B\x31\x57\x29\x7B\x31\x64\x5B\x62\x5B\x33\x38\x5D\x5D\x28\x62\x5B\x33\x39\x5D\x2B\x31\x54\x2B\x62\x5B\x32\x6A\x5D\x2B\x31\x74\x2B\x62\x5B\x32\x69\x5D\x29\x7D\x3B\x31\x6F\x20\x32\x6B\x28\x29\x7B\x53\x20\x4E\x3D\x62\x5B\x31\x31\x5D\x3B\x4E\x2B\x3D\x62\x5B\x32\x6C\x5D\x3B\x31\x51\x28\x7A\x3D\x30\x3B\x28\x7A\x3C\x31\x74\x29\x26\x26\x28\x7A\x3C\x31\x67\x29\x3B\x7A\x2B\x2B\x29\x7B\x74\x5B\x7A\x5D\x3D\x74\x5B\x7A\x5D\x5B\x62\x5B\x31\x30\x5D\x5D\x28\x62\x5B\x32\x67\x5D\x2B\x31\x7A\x2B\x62\x5B\x32\x6E\x5D\x2C\x62\x5B\x31\x31\x5D\x29\x3B\x53\x20\x31\x61\x3D\x62\x5B\x31\x31\x5D\x3B\x47\x28\x31\x63\x5B\x7A\x5D\x3D\x3D\x31\x29\x7B\x31\x61\x3D\x62\x5B\x31\x52\x5D\x7D\x4F\x7B\x31\x70\x3D\x62\x5B\x32\x6D\x5D\x2B\x31\x63\x5B\x7A\x5D\x2B\x62\x5B\x31\x52\x5D\x3B\x47\x28\x79\x21\x3D\x2D\x31\x29\x7B\x31\x61\x3D\x62\x5B\x31\x59\x5D\x2B\x31\x70\x7D\x4F\x7B\x31\x61\x3D\x62\x5B\x32\x66\x5D\x2B\x31\x70\x7D\x7D\x3B\x4E\x2B\x3D\x62\x5B\x32\x65\x5D\x3B\x47\x28\x28\x28\x31\x68\x5B\x7A\x5D\x3D\x3D\x31\x79\x29\x26\x26\x28\x57\x5B\x7A\x5D\x3D\x3D\x31\x42\x29\x29\x7C\x7C\x28\x28\x31\x68\x5B\x7A\x5D\x3D\x3D\x32\x62\x29\x26\x26\x28\x57\x5B\x7A\x5D\x3D\x3D\x32\x63\x29\x29\x29\x7B\x4E\x2B\x3D\x62\x5B\x32\x6F\x5D\x7D\x4F\x7B\x4E\x2B\x3D\x62\x5B\x32\x71\x5D\x7D\x3B\x4E\x2B\x3D\x62\x5B\x32\x4F\x5D\x2B\x31\x69\x5B\x7A\x5D\x2B\x62\x5B\x32\x48\x5D\x2B\x57\x5B\x7A\x5D\x2B\x62\x5B\x32\x47\x5D\x2B\x61\x5B\x7A\x5D\x2B\x62\x5B\x32\x46\x5D\x2B\x64\x5B\x7A\x5D\x2B\x31\x61\x2B\x70\x5B\x7A\x5D\x2B\x62\x5B\x32\x45\x5D\x2B\x61\x5B\x7A\x5D\x2B\x62\x5B\x32\x49\x5D\x2B\x74\x5B\x7A\x5D\x2B\x62\x5B\x32\x4A\x5D\x2B\x31\x6D\x5B\x7A\x5D\x2B\x62\x5B\x32\x4E\x5D\x3B\x47\x28\x31\x76\x5B\x7A\x5D\x21\x3D\x62\x5B\x32\x4D\x5D\x29\x7B\x4E\x2B\x3D\x62\x5B\x32\x4C\x5D\x2B\x31\x77\x5B\x7A\x5D\x2B\x62\x5B\x32\x4B\x5D\x7D\x3B\x4E\x2B\x3D\x62\x5B\x32\x44\x5D\x7D\x3B\x4E\x2B\x3D\x62\x5B\x32\x43\x5D\x3B\x31\x64\x5B\x62\x5B\x32\x76\x5D\x5D\x28\x62\x5B\x32\x72\x5D\x29\x5B\x62\x5B\x32\x42\x5D\x5D\x3D\x4E\x7D\x3B","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x5F\x30\x78\x63\x36\x62\x30\x7C\x7C\x7C\x78\x37\x34\x7C\x78\x36\x35\x7C\x7C\x78\x36\x31\x7C\x7C\x78\x37\x32\x7C\x78\x37\x33\x7C\x78\x36\x43\x7C\x78\x36\x33\x7C\x78\x36\x45\x7C\x7C\x7C\x78\x36\x39\x7C\x78\x32\x46\x7C\x78\x37\x30\x7C\x7C\x7C\x78\x36\x46\x7C\x78\x32\x30\x7C\x78\x32\x32\x7C\x7C\x7C\x78\x36\x44\x7C\x78\x33\x45\x7C\x78\x33\x43\x7C\x78\x33\x44\x7C\x78\x36\x34\x7C\x5F\x30\x78\x35\x66\x30\x65\x78\x35\x7C\x69\x66\x7C\x78\x37\x35\x7C\x78\x36\x36\x7C\x78\x32\x44\x7C\x78\x37\x36\x7C\x78\x36\x37\x7C\x78\x36\x38\x7C\x5F\x30\x78\x35\x66\x30\x65\x78\x38\x7C\x65\x6C\x73\x65\x7C\x61\x32\x7C\x78\x37\x39\x7C\x5F\x30\x78\x35\x66\x30\x65\x78\x34\x7C\x76\x61\x72\x7C\x78\x36\x32\x7C\x78\x37\x38\x7C\x78\x32\x36\x7C\x69\x6D\x7C\x6C\x6B\x7C\x78\x33\x31\x7C\x78\x32\x45\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x5F\x30\x78\x35\x66\x30\x65\x78\x39\x7C\x78\x32\x34\x7C\x70\x6E\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x69\x6E\x7C\x5F\x30\x78\x35\x66\x30\x65\x78\x36\x7C\x74\x74\x7C\x75\x72\x7C\x61\x6C\x74\x7C\x78\x36\x41\x7C\x78\x36\x42\x7C\x78\x33\x46\x7C\x6A\x32\x7C\x5F\x30\x78\x35\x66\x30\x65\x78\x32\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x63\x70\x7C\x78\x33\x32\x7C\x78\x34\x33\x7C\x78\x35\x46\x7C\x6E\x63\x7C\x78\x33\x33\x7C\x70\x69\x7C\x74\x69\x7C\x78\x33\x41\x7C\x75\x72\x61\x7C\x74\x62\x7C\x78\x32\x33\x7C\x69\x6D\x61\x7C\x78\x33\x42\x7C\x6C\x65\x6E\x67\x74\x68\x5F\x6E\x61\x6D\x65\x7C\x63\x69\x64\x7C\x78\x35\x32\x7C\x78\x34\x46\x7C\x61\x33\x7C\x78\x33\x34\x7C\x78\x37\x37\x7C\x78\x35\x30\x7C\x78\x34\x39\x7C\x73\x74\x72\x32\x7C\x73\x74\x72\x31\x7C\x6E\x75\x6D\x7C\x6C\x65\x6E\x67\x74\x68\x5F\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x66\x6F\x72\x7C\x34\x38\x7C\x70\x69\x64\x7C\x68\x6F\x6D\x65\x5F\x70\x61\x67\x65\x7C\x61\x64\x7C\x64\x6F\x74\x7C\x69\x6E\x66\x7C\x6C\x6F\x63\x7C\x35\x30\x7C\x78\x34\x38\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x78\x35\x34\x7C\x61\x64\x6D\x69\x6E\x5F\x75\x72\x69\x7C\x61\x64\x6D\x69\x6E\x5F\x61\x76\x61\x74\x61\x72\x7C\x78\x34\x44\x7C\x35\x32\x7C\x35\x31\x7C\x34\x36\x7C\x78\x34\x35\x7C\x34\x34\x7C\x34\x33\x7C\x72\x63\x5F\x61\x76\x61\x74\x61\x72\x7C\x34\x35\x7C\x34\x39\x7C\x34\x37\x7C\x35\x33\x7C\x78\x34\x43\x7C\x35\x34\x7C\x36\x39\x7C\x78\x33\x39\x7C\x78\x32\x38\x7C\x78\x32\x39\x7C\x37\x30\x7C\x78\x33\x35\x7C\x78\x33\x38\x7C\x78\x33\x30\x7C\x78\x35\x35\x7C\x78\x35\x33\x7C\x36\x38\x7C\x36\x37\x7C\x36\x36\x7C\x35\x39\x7C\x35\x38\x7C\x35\x37\x7C\x35\x36\x7C\x36\x30\x7C\x36\x31\x7C\x36\x35\x7C\x36\x34\x7C\x36\x33\x7C\x36\x32\x7C\x35\x35\x7C\x78\x34\x32\x7C\x72\x63\x5F\x61\x76\x61\x74\x61\x72\x31\x7C\x34\x32\x7C\x63\x6F\x70\x79\x72\x69\x67\x68\x74\x5F\x62\x79\x5F\x64\x75\x79\x70\x68\x61\x6D\x5F\x64\x6F\x74\x5F\x69\x6E\x66\x6F\x7C\x32\x30\x30\x7C\x34\x31\x7C\x62\x72\x7C\x62\x72\x65\x61\x6B\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x6E\x6F\x5F\x61\x76\x61\x74\x61\x72\x7C\x72\x63\x5F\x61\x76\x61\x74\x61\x72\x32\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x68\x74\x6D\x6C\x7C\x34\x30\x7C\x70\x61\x72\x73\x65\x49\x6E\x74","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function (_0x7258x1,_0x7258x2,_0x7258x3,_0x7258x4,_0x7258x5,_0x7258x6){_0x7258x5=function (_0x7258x3){return (_0x7258x3<_0x7258x2?dp[4]:_0x7258x5(parseInt(_0x7258x3/_0x7258x2)))+((_0x7258x3=_0x7258x3%_0x7258x2)>35?String[dp[5]](_0x7258x3+29):_0x7258x3.toString(36));} ;if(!dp[4][dp[6]](/^/,String)){while(_0x7258x3--){_0x7258x6[_0x7258x5(_0x7258x3)]=_0x7258x4[_0x7258x3]||_0x7258x5(_0x7258x3);} ;_0x7258x4=[function (_0x7258x5){return _0x7258x6[_0x7258x5];} ];_0x7258x5=function (){return dp[7];} ;_0x7258x3=1;} ;while(_0x7258x3--){if(_0x7258x4[_0x7258x3]){_0x7258x1=_0x7258x1[dp[6]]( new RegExp(dp[8]+_0x7258x5(_0x7258x3)+dp[8],dp[9]),_0x7258x4[_0x7258x3]);} ;} ;return _0x7258x1;} (dp[0],62,199,dp[3][dp[2]](dp[1]),0,{}));
</script>
<script type='text/javascript'>rc_avatar();</script>
</div>

Chỉnh lại theo ý bạn và lưu lại

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

Nút like với hiệu ứng ẩn hiện trên sidebar cho các blogger

Bài viết này hướng dẫn các bạn tạo các nút like ẩn đằng sau các lá cờ trên sidebar. Điểm đặc biệt là khi dê chuột lên lá cờ này thì các nút like đó sẽ hiển thị để cho độc giả click vào đó + 1 cho bài viết hoặc chia sẻ bài viết của bạn lên mạng xã hội. Bạn có thể xem ảnh minh họa bên dưới:

Viettin365 từng giới thiệu cho các bạn rất nhiều mẫu nút like và chia sẻ bài viết lên các mạng xã hội. Mỗi các có một điểm đặc biệt khác nhau nhưng tất cả đều nhằm một mục đích là SEO blog hoặc bài viết của bạn tốt hơn. Tạo ra sự tò mò và kích thích +1 của độc giả trên blog của bạn.

» Thêm tiện ích Nút like với hiệu ứng ẩn hiện sau lá cờ trên sidebar cho blogspot

Để thêm nó vào blog bạn chỉ cần làm theo một số bước đơn giản sau:

1.Đăng nhập vào blog.

2. Chọn thẻ Bố cục (Layout).

3. Chọn Thêm tiện ích => Tạo một tiện ích HTML/Javascripts và dán đoạn code bên dưới vào.

Namkna từng giới thiệu cho các bạn rất nhiều mẫu nút like và chia sẻ bài viết lên các mạng xã hội. Mỗi các có một điểm đặc biệt khác nhau nhưng tất cả đều nhằm một mục đích là SEO blog hoặc bài viết của bạn tốt hơn. Tạo ra sự tò mò và kích thích +1 của độc giả trên blog của bạn.

» Thêm tiện ích Nút like với hiệu ứng ẩn hiện sau lá cờ trên sidebar cho blogspot

Để thêm nó vào blog bạn chỉ cần làm theo một số bước đơn giản sau:

1. Đăng nhập Blogger
2. Chọn bố cục

3. Thêm tiện ích HTML/Javascripts và dán code bên dưới vào

<h3>+ 1 để ủng hộ diễn đàn</h3>
     <style>
.social-share-top {
    background: none repeat scroll 0 0 #CCCCCC;
    float: left;
    height: 62px;
    margin: 0 3px;
    width: 62px;
}
.social-share-top .soc-item {
    margin-top: 11px;
    opacity: 0;
}
.twitter-top-share {
    background: url("http://diendangame.org/images/social-icon.png") no-repeat scroll 0 0 transparent;
}
.twitter-top-share:hover .soc-item {
    opacity: 1;
}
.twitter-top-share:hover {
    background: none repeat scroll 0 0 transparent;
}
.facebook-top-share {
    background: url("http://diendangame.org/images/social-icon.png") no-repeat scroll -134px 0 transparent;
}
.facebook-top-share:hover .soc-item {
    opacity: 1;
}
.facebook-top-share:hover {
    background: none repeat scroll 0 0 transparent;
}
.google-top-share {
    background: url("http://diendangame.org/images/social-icon.png") no-repeat scroll -68px 0 transparent;
}
.google-top-share:hover .soc-item {
    opacity: 1;
}
.google-top-share:hover {
    background: none repeat scroll 0 0 transparent;
}
.share-top-share {
    background: url("http://diendangame.org/images/social-icon.png") no-repeat scroll -270px 0 transparent;
}
.share-top-share:hover .soc-item {
    opacity: 1;
}
.share-top-share:hover {
    background: none repeat scroll 0 0 transparent;
}
.addthis_floating_style.addthis_counter_style {
    padding: 0 !important;
}
</style>
<div style="display:block; width: 300px; height:69px; border-bottom: 3px solid #ff6a40; margin-top:15px;" class="sectionAd">
<div style="margin: -12px 14px 2px">
<div class="social-share-top facebook-top-share"><div class="soc-item">
<iframe src="//www.facebook.com/plugins/like.php?href=http://namkna.blogspot.com&amp;send=false&amp;layout=box_count&amp;width=44&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=90&amp;appId=294310977347137" style="border:none; overflow:hidden; width:54px; height:60px;" allowtransparency="true" frameborder="0" scrolling="no"></iframe>
</div></div>
<div class="social-share-top google-top-share"><div class="soc-item">
    <xen:if is="{$xenOptions.plusone}">
        <div class="plusone shareControl">
            <div id="___plusone_2" style="text-indent: 0px; margin: 0px; padding: 0px; background: none repeat scroll 0% 0% transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; display: inline-block; width: 50px; height: 60px;"><iframe title="+1" data-gapiattached="true" src="https://apis.google.com/u/0/_/+1/fastbutton?usegapi=1&amp;bsv=o&amp;count=true&amp;size=tall&amp;hl=vi-VN&amp;origin=http%3A%2F%2Fnamkna.blogspot.com&amp;url=http%3A%2F%2Fnamkna.blogspot.com%2F&amp;gsrc=3p&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.vi.Qdj2g3tOcX8.O%2Fm%3D__features__%2Fam%3DIQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAItRSTPKKLYAlxtiNS76Jw9oophWOmv-3Q#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I2_1389940686204&amp;parent=http%3A%2F%2Fnamkna.blogspot.com&amp;pfname=&amp;rpctoken=10456990" name="I2_1389940686204" id="I2_1389940686204" vspace="0" tabindex="0" style="position: static; top: 0px; width: 50px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 60px;" marginwidth="0" marginheight="0" hspace="0" frameborder="0" scrolling="no" width="100%"></iframe></div>
        </div>
    </xen:if>
</div></div>
<div class="social-share-top twitter-top-share"><div class="soc-item">
   <xen:if is="{$xenOptions.tweet.enabled}">
    <div class="tweet shareControl">
     <iframe style="width: 58px; height: 62px;" data-twttr-rendered="true" title="Twitter Tweet Button" class="twitter-share-button twitter-tweet-button twitter-count-vertical" src="http://platform.twitter.com/widgets/tweet_button.1387492107.html#_=1389940686056&amp;count=vertical&amp;id=twitter-widget-2&amp;lang=en&amp;original_referer=http%3A%2F%2Fnamkna.blogspot.com&amp;size=m&amp;text=Gi%E1%BB%9Bi%20thi%E1%BB%87u%20Webgame%20chi%E1%BA%BFn%20thu%E1%BA%ADt%20Chi%E1%BA%BFn%20Tranh%20C%C3%A1c%20V%C3%AC%20Sao%20%7C%20Di%E1%BB%85n%20%C4%91%C3%A0n%20game%20l%E1%BB%9Bn%20nh%E1%BA%A5t%20Vi%E1%BB%87t%20Nam&amp;url=https%253A%252F%252Ftwitter.com%252Fshare" allowtransparency="true" id="twitter-widget-2" frameborder="0" scrolling="no"></iframe>
    </div>
   </xen:if>
</div></div>
<div class="social-share-top share-top-share">
<div class="soc-item">
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a href="#" style="display: block;" class="addthis_counter"><a href="#" title="View more services" target="_blank" class="addthis_button_expanded">0</a><a class="atc_s addthis_button_compact"><span></span></a></a>
<div class="atclear"></div></div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4fcc0e503f99ef6b"></script>
</div>
</div>
</div>
</div>
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fnamkna.blogspot&amp;width=300&amp;height=80&amp;colorscheme=light&amp;layout=standard&amp;action=like&amp;show_faces=true&amp;send=false&amp;appId=340580066059320" style="border:none; overflow:hidden; width:300px; height:80px;" allowtransparency="true" frameborder="0" scrolling="no"></iframe>

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

Thanh điều khiển cuộn trang góc màn hình cho blogspot

Trong quá trình duyệt web hẳn mọi người thường dùng chuột giữa để cuộn trang, hoặc có ai như mình cài Synaptics Touchpad để cuộn trang theo kiểu xoắn ốc rất tiện dụng? Tuy nhiên 4 phím chức năng: Home, Page Up, Page Down và End sẽ giúp ngón tay bớt thao tác hơn, nhất là khi đọc những đoạn văn dài. Mình sẽ hướng dẫn các bạn mang 4 chức năng này vào blog và được điều khiển bằng bấm chuột - Thanh điều khiển cuộn trang góc màn hình cho blogspot, ngoài ra còn có thêm chức năng cuộn trang tự động rất tiện dụng cho khách đọc ở blog chuyên về truyện.
Các bước thực hiện :
1. Đăng nhập blogger
2. Chọn mẫu--> Chỉnh sửa HTML
3. Thêm đoạn mã dưới đây vào trước thẻ </body> trong template của bạn.

<style>
#dp-scroll{position:fixed;z-index:9999;bottom:0;right:0}
#dp-scroll a{display:block;float:left;background-color:#5cd4f5;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc2c2VmBNXMp3kWJsjmxmf7BaWE9tgwJ4OQ0qzBIFqE6f8SNb4JzOe9y7SKJjvHq3G8FYFqMzFFnbzhdDvQnvdmPjcst8uSAcGqpiEASX_rARZEe86L7QfPenbbTGKNEC8M7sLNcNTibk/s216/scroll.png);width:36px;height:36px;text-indent:-999em}
#dp-scroll a.dp-up{background-position:0 -36px}
#dp-scroll a.dp-down{background-position:0 -72px}
#dp-scroll a.dp-bottom{background-position:0 -108px}
#dp-scroll a.dp-scroll{background-position:0 -144px}
#dp-scroll a.dp-stop{background-position:0 -180px}
#dp-scroll a:hover{background-color:#5cbbf5}
</style>
<script>
function autoScroll(){window.scrollBy(0,1);scrolldelay=setTimeout('autoScroll()',50)}
function stopScroll(){clearTimeout(scrolldelay)}
</script>  
<div id='dp-scroll'>
<a class='dp-top' href='javascript:window.scrollTo(0,0);' rel='nofollow' title='To Top'>To Top</a>
<a class='dp-up' href='javascript:window.scrollBy(0,-window.innerHeight);' rel='nofollow' title='Page Up'>Page Up</a>
<a class='dp-down' href='javascript:window.scrollBy(0,window.innerHeight);' rel='nofollow' title='Page Down'>Page Down</a>
<a class='dp-bottom' href='javascript:window.scrollTo(0,999999);' rel='nofollow' title='To Bottom'>To Bottom</a>
<a class='dp-scroll' href='javascript:autoScroll();' rel='nofollow' title='Auto Scroll'>Auto Scroll</a>
<a class='dp-stop' href='javascript:stopScroll();' rel='nofollow' title='Stop Scroll'>Stop Scroll</a>
</div>

4. Lưu lại và xem kết quả
Chúc các bạn thành công !

Menu đẹp mờ ảo mang phong cách nữ tính cho blogger

Bạn đã từng nghĩ sẽ tự tạo cho blog mình một mẫu menu hoàn toàn khác so với các blog khác chư? Nếu chưa thì Viettin365.com chắc chắn bạn sẽ thay đổi các nhìn sau khi đọc bài viết này.

Mẫu meunu xổ dọc hôm nay Viettin365 giới thiệu đến các bạn có điểm đặc biệt là các sub menu mang phong cách hoàn toàn mới đan xen nhau mang lại cảm giác mờ ảo khi nó hiện ra, Màu hồng khá nữ tính nhưng bạn có thể thay đổi nó cho phù hợp với phong cách và màu chủ đạo trong blog của bạn...

Bạn có thể xem demo trực tiếp ở đây:

» XEM DEMO

☼ Thêm Menu hiệu ứng mờ ảo đẹp cho blogger của bạn

1- Đăng nhập vào Blog

2- Vào thẻ Mẫu (Template)

3- Bấm vào nút Chỉnh sửa HTML (Edit HTML)

4- Thêm đoạn code bên dưới vào trước thẻ ]]></b:skin> trong mẫu của bạn:

.aii:before,
.aii:after {
    content: " ";
    display: table;
}

.aii:after {
    clear: both;
}

.aii {
    *zoom: 1;
}
/* Menu chính */
.menu {            
    margin: 50px auto;
    width: 800px;
    width: fit-content;    
}

.menu > li {
    background: #FE80DF;
    float: left;
    position: relative;
    transform: skewX(25deg);
}

.menu a {
    display: block;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    font-family: Arial;
    font-size: 13px;
}        

.menu li:hover {
    background: #FE80DF;
}        

.menu > li > a {
    transform: skewX(-25deg);
    padding: 1em 2em;
}

/* Trình Menu thả xuống*/
.submenu {
    position: absolute;
    width: 200px;
    left: 50%; margin-left: -100px;
    transform: skewX(-25deg);
    transform-origin: left top;
}

.submenu li {
    background-color: #FEBFEF;
    position: relative;
    overflow: hidden;        
}                        

.submenu > li > a {
    padding: 1em 2em;            
}

.submenu > li::after {
    content: '';
    position: absolute;
    top: -125%;
    height: 100%;
    width: 100%;            
    box-shadow: 0 0 50px rgba(0, 0, 0, .9);            
}        

/* Odd stuff */
.submenu > li:nth-child(odd){
    transform: skewX(-25deg) translateX(0);
}

.submenu > li:nth-child(odd) > a {
    transform: skewX(25deg);
}

.submenu > li:nth-child(odd)::after {
    right: -50%;
    transform: skewX(-25deg) rotate(3deg);
}                

/* Even stuff */
.submenu > li:nth-child(even){
    transform: skewX(25deg) translateX(0);
}

.submenu > li:nth-child(even) > a {
    transform: skewX(-25deg);
}

.submenu > li:nth-child(even)::after {
    left: -50%;
    transform: skewX(25deg) rotate(3deg);
}

/* Xem menu thả xuống */
.submenu,
.submenu li {
    opacity: 0;
    visibility: hidden;            
}

.submenu li {
    transition: .2s ease-out transform;
}

.menu > li:hover .submenu,
.menu > li:hover .submenu li {
    opacity: 1;
    visibility: visible;
}        

.menu > li:hover .submenu li:nth-child(even){
    transform: skewX(25deg) translateX(15px);            
}

.menu > li:hover .submenu li:nth-child(odd){
    transform: skewX(-25deg) translateX(-15px);            
}

» Tùy chỉnh:

background: #FE80DF; là màu nền menu chính khi chưa dê chuột vào
background: #FE80DF; Là màu nền của các tiêu đề menu chính và các sub menu xổ xống khi dê chuột lên đó
background-color: #FEBFEF; là màu nền của sub menu xổ xuống khi chưa dê chuột lên các submenu con.

5- Lưu mẫu của bạn lại và tiến hành bước tiếp theo.

6- Quay trở lại Bố cục (Layout) blog của bạn và thêm một tiện ích HTML/Javascripts và dán đoạn code bên dưới vào phần nội dung của tiện ích bạn vừa thêm nha (Tất nhiên là bạn có thể thêm nó thẳng vào mẫu (template) của bạn nếu bạn am hiểu về code. Nếu không thì hãy comment ở dưới mình sẽ chỉ vị trí đó cho các bạn).

<ul class="menu aii">
    <li><a href="">Menu 1</a></li>
    <li>
        <a href="">Menu 2</a>
        <ul class="submenu">
            <li><a href="">Submenu 1</a></li>
            <li><a href="">Submenu 2</a></li>
            <li><a href="">Submenu 3</a></li>
        </ul>            
    </li>
    <li>
        <a href="">Menu 3</a>
        <ul class="submenu">
            <li><a href="">Submenu 1</a></li>
            <li><a href="">Submenu 2</a></li>
            <li><a href="">Submenu 3</a></li>
            <li><a href="">Submenu 4</a></li>
        </ul>            
    </li>
    <li><a href="">Menu 4</a></li>
    <li><a href="">Menu 5</a></li>
</ul>

7- Lưu tiện ích và xem kết quả

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

Tiện ích dùng bàn phím để di chuyển phân trang cho blogger

Đây là tiện ích dùng các phím di chuyển trên bàn phím để xem các trang tiếp theo trong phân trang . Nó giúp người dùng không phải dùng đến chuột mà thao tác hoàn toàn trên bàn phím. Đây là một tiện ích đơn giản, có dung lượng nhẹ load nhanh và ổn định không phụ thuộc vào bất kỳ một thư viện javascrits nào bên ngoài, và điều nữa cài đặt nó thực sẽ tốt. Tiện ích này cung cấp cho người dùng trải nghiệm tốt hơn khi xem trang và tiến hành chuyển hướng sang các trang tiếp theo của blog. Độc giả của bạn sẽ không phải dùng chuột để kéo xuống phía dưới cùng của trang để và tìm kiếm các liên kết bài đăng cũ hơn và mới hơn truyền thống của blogger. Họ chỉ cần sử dụng các phím mũi tên trên bàn phím.

Các bước thực hiện :
1. Đăng nhập blogger
2. Chọn bố cục
3. Thêm tiện ích HTML/Javescript và dán code bên dưới vào

<script type='text/javascript'>
document.onkeyup = function(event)
{
if (document.activeElement.nodeName == 'TEXTAREA' || document.activeElement.nodeName == 'INPUT') return;
event = event || window.event;
switch(event.keyCode)
{
case 37:
var newerLink = document.getElementById('Blog1_blog-pager-newer-link');
if(newerLink !=null) window.location.href = newerLink.href;
break;
case 39:
var olderLink = document.getElementById('Blog1_blog-pager-older-link');
if(olderLink!=null) window.location.href = olderLink.href;
}
};
</script>

4. Lưu lại và xem kết quả

Tạo tiện ích theo dõi bài viết mới từ trang web/blog khác cho blogger

Hôm nay Viettin365 giới thiệu cho các bạn thủ thuật Tạo tiện ích theo dõi bài viết mới từ trang web/blog khác cho blogger

Đây là tiện ích khá hay nó giúp trang web của bạn có thể tự cập nhật tư web khác đồng thời nó cũng giúp bạn có thể liên kết với nhiều web khác nếu có yêu cầu ! Bên cạnh đó giúp bạn có thể tạo ra thu nhập từ các website/blog muốn liên kết ! Nó cũng giúp người đọc thêm nhiều tin tức bên lề.

Ảnh minh họa :

Tạo tiện ích theo dõi bài viết mới từ trang web/blog khác cho blogger

Tạo tiện ích thông tin bên lề cho blogspot

(Viettin365.com) - Ngoài những thông tin chúng ta đang cần tìm kiếm thì những thông tin bên lề như: thời tiết, thị trường, lịch chiếu phim, kết quả xổ số...cũng làm cho người đọc cảm thấy rất tiện lợi và cần thiết ! Việc tạo ra tiện ích Thông tin bên lề cho blogspot sẽ mang đến blog/website của bạn những lượt truy cập từ nhiều nguồn và nhu cầu khác nhau của bạn đọc . Đây là một thủ thuật khá đơn giản và không ảnh hưởng đến tốc độ load trang .

Ảnh minh họa :

DEMO

Bắt đầu thủ thuật

1. Đăng nhập blogger

2. Chọn bố cục

3. Thêm tiện ích HTML/Javescript và dán code bên dưới vào

<script language="JavaScript">
    function popUp(URL) {
    day = new Date();
    id = day.getTime();
    eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=500,height=350,left = 500,top = 180');");
    }
    </script>

    <table border="0" width="100%" align="left" cellspacing="0" cellpadding="0" class="thongtin" style="border-bottom:0px solid #ddd">       
    <tr><td align="left" valign="top" width="50%">
    <ul><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjizTQ3WVlgbCbDLUuPePeIbJBZkUXRAZeMkYrTtbG23G-uEV11rCg2I_6C3lN4gJ8e4-wHr52wHAjWff9T3qABrEUhEuNwxGz0Qk8DvKcl1DbIiPKdg5QoR94Gi5YqghzRa4HB-co8DNY/"/><a href="javascript:popUp('http://www.taichinhdientu.vn/services/infopage.aspx?svc=exchangerates')">Tỉ giá ngoại tệ</a></li>
    <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7rGwVoo-Mz1_UhsqgrpaEqTRNt4mMgsDXr_6THfxZoP6M8qt9zzgo06qDd1alp2T5p5SbS7FjalrqmXyMZzmS5y4D_ET2k8k8tQruA2AtNz16iV7ZlchHDagU5gU_O6zbEpCvvGBzQs8/"/><a href="javascript:popUp('http://www.taichinhdientu.vn/services/infopage.aspx?svc=goldrates')">Bảng giá vàng</a></li>
    <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw12mTBD9MVz3S-EIaGAqNh4WWnqFhDnJWtMJy2N9jUN7LTY2DiZTH1ds1c3-SEcgl61I9jM5KmSinv-8TcGPxNIdi6wlXCEZU4LPd2vkGr3yLcMLSSnH7XA6xMlKRL9qAHETWgn0lbfI/"/><a href="javascript:popUp('http://www.taichinhdientu.vn/services/infopage.aspx?svc=oilrates')">Bảng giá dầu</a></li>
    <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv4jdMFykDb_kmk4-WZvDNWFLZhdCRbJu__6a1753I826P5c0GyIuGsn-c4fw7LCZ8VO-Ff65vt0TWT_qwpV53yYNxbRC4SYspU4e2GTRCwDbvD9NC3CDS7c8gC_2-eitg91xssFwTkOc/"/><a href="javascript:popUp('http://chungkhoan.24h.com.vn/chungkhoan.php')">Giá chứng khoán</a></li>
    <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVXdHfFE7e6MJzsJZ51c98m1hIZK9V_wxkFvabAmos2nV11pKL7z5DrEaYE8tv5Mlc40LzXZMULdW7cgJ6flJOp_fm_yLqUhUqL_0-fNlXWqnZJj7IVbigJEzrN7CVTZR6bDYmmyhSbBQ/"/><a href="javascript:popUp('http://chieuphimquocgia.com.vn/lich-chieu.aspx')">Lịch chiếu phim</a></li>
    </ul></td>

    <td align="left" valign="top" width="50%">
    <ul><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS1BB3ZcCsgPQ23U3hL-abSqStI-JtA56kAXQeB6N60lII8voVFElRtu5liQrV52okp9Mwi4VefCHa9ToyMiaQbcTzQ394dO17j8X3hyphenhyphenSHdt_qgqpRGpWZ0XXETNY053-KO2PyflE3V50/"/><a href="javascript:popUp('http://ketquaxoso.24h.com.vn/xo-so-mien-bac/')">Kết quả xổ số</a></li>
    <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIu1cfH9Oj8lKpxycgbpqWrGhEpl4dvUjgLCrWxTBxTicqlKXePGRPryb0Demz7nDsoJMnw0jZmraV0Zv83QAFDe6XXtpT7BsWOe698XKAqb8IhuptpdQMQC2YbW46WRmBnikpe9Nlgqo/"/><a href="javascript:popUp('http://baobongda.com.vn/lich-thi-dau/league/')">Lịch bóng đá</a></li>
    <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGwm4xc4dTHPdZVaPSHgAulmXt8bGbW58Mp2z7f_WRfayCQC4hmkVAiYgxpPQiNWeoJTqCc3j7mf3piGaiohol5zwy3lx-6sVqtMsrd1qbyX5289DCqFCkWVhMGxXnGj9lSDuOPrWa6Zk/"/><a href="javascript:popUp('http://www.taichinhdientu.vn/services/infopage.aspx?svc=tvschedules')">Lịch truyền hình</a></li>
    <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP3X3Akz4XZea40pnrrJvx3XgQaGfWDa7PFLuYELmi8opXgtTgkO_gpQT1HSTrTi633eIPu91jDwFy6sxK4nCFH_bSxyMrI3l9E9qn5SD3dz7lLixWPpYGCsskLjQHSdoGkkHQX-vZX-A/"/><a href="javascript:popUp('http://vov.vn/utilities/serviceinfo.aspx?svc=weathers')">Dự báo thời tiết</a></li>
    <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1vukHhDe7BlLIg0ZAHGicVguUYLF_upetzXJSK60SuBj7jq8PBiJCwghslnedGzwytLZtKZ-ud9vbNvcvstjCJxRnGxFk4h8OF7zUeBAkLp7VwS_XUdu7PFULw9Qhrh4uqkocTpKgSCM/"/><a href="javascript:popUp('http://service.thesaigontimes.vn/atm/tracuuatm.aspx')">Điểm đặt ATM</a></li>
    </ul></td></tr></table>

4. Lưu lại và xem kết quả

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

Cách tạo Widget trượt theo blog có id bất kì cho blogspot

Khi chúng ta truy cập vào 1 trang web thông thường cuộn chuột xuống dưới thì các tiện ích phía trên sẽ ẩn đi. Chúng ta muốn hiển thị Widget có id bất kì khi cuộn chuột xuống dưới phải làm thế nào ? Hôm nay Viettin365.com giới thiệu đến các bạn thủ thuật Cách tạo Widget trượt theo blog có id bất kì cho blogspot, với thủ thuật này Widget được chọn hiển thị trượt theo blog sẽ luôn xuất hiện trên giao diện nhìn thấy
Ảnh minh họa :

Demo : Click here

Các bước thực hiện :
1. Đăng nhập blogger
2. Xác định Id của Widget luôn hiển thị trượt theo blog :
2.1 . Chọn bố cục và chọn Widget

2.2 . Xác định Id

ID ví dụ mình làm ở đây Popularpost1

2. Chọn mẫu ==> Chỉnh sửa HTML
3. Dán code bên dưới trước thẻ </body>

<script>
// Sticky widget by Viettin365.com
// Tutorial at http://www.viettin365.com/2013/10/Cach-tao-widget-truot-theo-blog-co-id-bat-ki-cho-blogspot.html
// Free to use or share, but please keep this notice intact.
//<![CDATA[
bs_makeSticky("Popularpost1"); 
function bs_makeSticky(elem) {
    var bs_sticky = document.getElementById(elem);
    var scrollee = document.createElement("div");
    bs_sticky.parentNode.insertBefore(scrollee, bs_sticky);
    var width = bs_sticky.offsetWidth;
    var iniClass = bs_sticky.className + ' bs_sticky';
    window.addEventListener('scroll', bs_sticking, false);
    function bs_sticking() {
        var rect = scrollee.getBoundingClientRect();
        if (rect.top < 0) {
            bs_sticky.className = iniClass + ' bs_sticking';
            bs_sticky.style.width = width + "px";
        } else {
            bs_sticky.className = iniClass;
        }
    }
}
//]]>
</script>

<style>
.bs_sticking {background:#f2f2f2 !important; position:fixed !important; top:0; z-index:9999; box-shadow:0px 10px 4px -5px rgba(0,0,0,0.3); margin-top: 0; position:relative\9 !important;}
</style>

Các bạn thay Popularpost1 thành id của widget muốn áp dụng thủ thuật Cách tạo Widget trượt theo blog có id bất kì cho blogspot

Chỉnh các thuộc tính trong .bs_sticking {background:#f2f2f2 !important; position:fixed !important; top:0; z-index:9999; box-shadow:0px 10px 4px -5px rgba(0,0,0,0.3); margin-top: 0; position:relative\9 !important;} theo ý bạn

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

Breaking

Business

Wednesday, February 26, 2014

Thursday, February 20, 2014

Sunday, January 19, 2014

Saturday, January 18, 2014

Tuesday, January 14, 2014

Tuesday, January 7, 2014

Wednesday, November 13, 2013

Monday, October 21, 2013

Monday, October 14, 2013

Sunday, October 6, 2013

Technology

About & Social

Aplha Blog

Popular

Sponsor

Categories

Labels

Breaking News

Top Featured

Top Ad unit 728 × 90

পরিসংখ্যান

Post Top Ad

আর্কাইভ

মন্তব্য

Find Us On Facebook

Subscribe Here

সাম্প্রতিক প্রকাশনা

Random Posts

Advertise

Column1

Social Share

SOCIAL WIDGET

Recent Posts

Recent comments

Food

আমার সম্পর্কে

Biểu mẫu liên hệ

» Thêm tiện ích Nút like với hiệu ứng ẩn hiện sau lá cờ trên sidebar cho blogspot

» Thêm tiện ích Nút like với hiệu ứng ẩn hiện sau lá cờ trên sidebar cho blogspot

☼ Thêm Menu hiệu ứng mờ ảo đẹp cho blogger của bạn

Advertise

YOUR_PROFILE_DESCRIPTION

About

Recent Comments

Most Popular

Tags

Categories

Popular Posts