san-giao-dich-binance

Bài viết cùng chủ đề

Tiện ích bài viết liên quan thường xuất hiện ở cuối mỗi bài viết, giúp người đọc truy cập tới các bài viết khác cùng chuyên mục. Bài viết này sẽ hướng dẫn các bạn thêm tiện ích bài viết liên quan vào Blogspot, tuy nhiên vị trí xuất hiện sẽ là ở giữa bài viết 

Hướng dẫn Chèn tiện ích bài viết liên quan vào giữa bài viết Blogspot

Đăng nhập trang quản trị Blogger, chọn Template > Edit Template 
- Thêm code vào trước thẻ </head>:
     <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script type="text/javascript">
    //<![CDATA[
    var relatedTitles = new Array(); var relatedTitlesNum = 0; var relatedUrls = new Array(); function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedTitles[relatedTitlesNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') {relatedUrls[relatedTitlesNum] = entry.link[k].href; relatedTitlesNum++; break;}}}} function removeRelatedDuplicates() { var tmp = new Array(0); var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls[i])) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i];}} relatedTitles = tmp2; relatedUrls = tmp;} function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false;} function printRelatedLabels() { var r = Math.floor((relatedTitles.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedTitles.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>'); if (r < relatedTitles.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');}
    //]]>
    </script>
    </b:if>

- Tìm và thay thế <data:post.body/> (Lưu ý trong template có thể có nhiều đoạn này, bạn phải tìm hiểu và chọn cho đúng, thường thì nó sẽ là đoạn thứ 2) bằng đoạn:
     <div expr:id='&quot;post1&quot; + data:post.id'/>
    <div class='post-terkait'>
    <b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=3&quot;' type='text/javascript'/>
    </b:if>
    </b:loop>
    </b:if>
    <h4>Baca Juga</h4>
    <script type='text/javascript'>
    removeRelatedDuplicates();
    printRelatedLabels();
    </script>
    </div>
    <div expr:id='&quot;post2&quot; + data:post.id' class='artbody' itemprop='articleBody description'><data:post.body/></div>
    <script type='text/javascript'>
    var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
    var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
    var s=obj1.innerHTML;
    var t=s.substr(0,s.length/3);
    var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
    if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
    </script>

- Thêm CSS trước ]]></b:skin> hoặc </style>:
     /* Related Post in Post */
    .post-terkait {position:relative;background:#fff;padding:0;margin:10px 15px 0 0;float:left;width:165px;border:1px solid #1b71bc}
    .post-terkait h4{background:#1b71bc !important;padding:5px 0 !important;margin:0;text-align:center !important;font-size:15px !important;font-weight:400;text-transform:uppercase;color:#fff !important}
    .post-terkait ul {margin:0;padding:0}
    .post-terkait ul li {list-style:none !important;padding:7px 0;margin:0 7px;border-bottom:2px dotted #ddd;line-height:1.4em !important;text-align:left !important}
    .post-terkait ul li:last-child{border:none !important}
    .post-terkait a {color:#1b71bc;font-size:13px !important}
    .post-terkait a:hover {text-decoration:underline}

Lưu Template và xem kết quả.

DU-AN-WOTOKEN

Kênh thông tin chính thức của Vietmkt360.com

Like , G+ và Share ủng hộ Vietmkt360 nhé ! ❤ Cám ơn ❤

Bài viết cùng chủ đề

(Vietmkt360.com) - Cũng khá lâu mình tập trung viết và ra Video về Kiếm tiền trên mạng hy vọng đã mang lại cho các bạn những kiến thức bổ ích nhất định nào đó. Gần đây có nhiều bạn hỏi mình về thủ thuật Tạo Popup Like Facebook/Fanpage cho Blogspot nên hôm nay mình sẽ làm luôn cách tạo Widget này giúp Website/Blog các bạn thân thiện, chuyên nghiệp hơn !
tao-popup-like-facebook-cho-blogspot
Cách tạo Popup Like Facebook/Fanpage cho Blogspot chuyên nghiệp 2016
Cách thực hiện : 
1. Đăng nhập Blogger 
2. Chọn Bố cục ---> Thêm tiện ích HTML/Javascript 
3. Dán code bên dưới vào   
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fbox-background {
    display: none;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

#fbox-close {
    width: 100%;
    height: 100%;
}

#fbox-display {
    background: #eaeaea;
    border: 5px solid #3a5795;
    width: 340px;
    height: 230px;
    position: absolute;
    top: 32%;
    left: 37%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#fbox-button {
    float: right;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
}

#fbox-button:before {
    content: "CLOSE";
    padding: 5px 8px;
    background: #3a5795;
    color: #eaeaea;
    font-weight: bold;
    font-size: 10px;
    font-family: Tahoma;
}

#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {
    color: #aaaaaa;
    font-size: 9px;
    text-decoration: none;
    text-align: center;
    padding: 5px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_facebook_box') != 'yes'){
$('#fbox-background').delay(5000).fadeIn('medium');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/GocChiaSeViet&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe>
<div id="fbox-link">Powered by <a style="padding-left: 0px;" href="http://vietmkt360.com" rel="nofollow">Vietmkt360.com</a></div>
</div>
</div>
Thay https://www.facebook.com/GocChiaSeViet thành link Facebook/Fanpage của các bạn
4. Lưu lại và xem kết quả !
Chúc các bạn thành công *_*

DU-AN-WOTOKEN

Kênh thông tin chính thức của Vietmkt360.com

Like , G+ và Share ủng hộ Vietmkt360 nhé ! ❤ Cám ơn ❤

Bài viết cùng chủ đề

(Vietmkt360.com) - Tùy biến giao diện cho blog là một chủ đề được rất nhiều bạn quan tâm và tìm hiểu . Một trong những code làm cho giao diện của các bạn trở nên chuyên nghiệp hơn rất nhiều đó là code đăng kí nhận bài viết qua email. Tùy biến này vừa làm cho trang Blog của chúng ta đẹp mắt hơn và nó còn có khả năng thu hút người đọc quay lại Blog. Hôm nay Vietmkt360 chia sẻ đến các bạn cách tạo box đăng kí nhận bài viết bên góc phải (trái) cho Blogspot
Các bạn xem thêm các bài viết  tùy biến giao diện Blogspot : Tại đây

Ảnh minh họa :
Code đăng kí nhận bài viết qua Email góc phải cho Blogspot 
Cách thực hiện :
1. Đăng nhập Blogger
2. Chọn Bố cục ---> Thêm tiện ích HTML/Javascript
3. Dán code bên dưới vào
<script type="text/javascript">

function hide_float_right() {

    var content = document.getElementById('float_content_right');

    var hide = document.getElementById('hide_float_right');

    if (content.style.display == "none")

    {content.style.display = "block"; hide.innerHTML = '<a href="javascript:hide_float_right()">[X]</a>'; }

        else { content.style.display = "none"; hide.innerHTML = '<a href="javascript:hide_float_right()">Đăng kí mail...</a>';

    }

    }

</script>

<style>

.float-ck { position: fixed; bottom: 0px; z-index: 9000}

* html .float-ck {position:absolute;bottom:auto;top:expression(eval (document.documentElement.scrollTop+document.docum entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) ;}

#float_content_right {border: 1px solid #01AEF0;}

#hide_float_right {text-align:right; font-size: 12px;}

#hide_float_right a {background: #01AEF0; padding: 3px 6px; color: #FFF;}

</style>

<div class="float-ck" style="right: 0px" >

<div id="hide_float_right">

<a href="javascript:hide_float_right()">[X]</a></div>

<div id="float_content_right">

<!-- Start quang cao-->

  
<style>
#twist-blogger-sbox-v2 {
  padding: 0;
  padding-bottom: 5px;
  font-family: Arial,Helvetica;
  display: block;
  margin: 0;
  width: 100%;
  border-radius: 1px;
  border: 0;
  background: #363636;
}
#twist-blogger-sbox-v2 .main_tagline {
  padding: 0px 0px;
  line-height: 2.5em;
  font-size: 26px;
  margin: 0;
  height: 95px !important;
  overflow: hidden;
  font-weight: normal;
  color: #FFF;
  text-align: center;
  border: 0;
  background-color: #FF5959;
}
#twist-blogger-sbox-v2 .email_icon {
  display: table;
  margin: -35px auto 0px;
  font-size: 25px;
  padding: 12px;
  height: 25px;
  width: 25px;
  background-color: #363636;
  color: #FFF;
  border-radius: 50px;
  border: 10px solid #FFFFFF;
  line-height: 0;
}
#twist-blogger-sbox-v2 p {
  font-size: 15px;
  color: #F9F9F9;
  text-shadow: 0px -1px 0px #000;
  line-height: 27px;
  padding: 5px 10px 5px;
  text-align: center;
  width: 80%;
  margin: 5px auto 20px;
  border-bottom: 2px solid #6A6A6A;
  border-radius: 20px;
}
#twist-blogger-sbox-v2 .rssform {
  padding: 0;
  margin: 0 auto;
  display: block;
}
#twist-blogger-sbox-v2 .rssform input {
  padding: 8px;
  margin: 20px auto 15px;
  font-size: 13px;
  color: #000;
  text-align: center;
  display: block;
  font-family: Arial,Helvetica;
  font-weight: normal;
  width: 90%;
  height: 38px;
  text-transform: uppercase;
  outline: none !important;
  border: 1px solid #FFFFFF;
  border-radius: 1px;
  background-color: #FCFCFC;
  box-sizing: border-box !important;
}
#twist-blogger-sbox-v2 .rssform .button:hover {
  background: #000000;
}
#twist-blogger-sbox-v2 .rssform .button {
  background: #FF5959;
  color: white!important;
  border: 1px solid #FFFFFF;
  margin-top: 15px;
  outline: none !important;
  transition: all .3s ease-in-out;
  padding: 5px 2px !important;
  float: none;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  cursor: pointer;
}
#twist-blogger-sbox-v2 .bottom_lock_policy {
  background: url(http://4.bp.blogspot.com/-kYVqV9JYDHY/VPMC8jPKTGI/AAAAAAAAA28/zxv0TYRIZe4/s1600/Lock-twistblogger.png) no-repeat 3% -2px;
  color: #959595;
  text-align: center;
  font-size: 12px;
  margin: 0;
  padding: 3px;
  line-height: 25px;
}
#twist-blogger-sbox-v2 .bottom_lock_policy a {
  color: #959595;
  text-decoration: none !Important;
}
#twist-blogger-sbox-v2 .social_profiles {
  line-height: 1.2em;
  display: table;
  float: none;
  margin: 0px auto;
  text-align: center;
  min-width: 157px;
  padding: 5px 0px;
  border: 0;
}
#twist-blogger-sbox-v2 .social_profiles a:hover {
  color: #FFF;
  background-color: #FF5959;
  border-color: #FFF;
}
#twist-blogger-sbox-v2 .social_profiles a {
  color: #000000;
  margin: 0 5px;
  text-align: center;
  float: left;
  display: table;
  padding: 4px 5px;
  background-color: #FFFFFF;
  border-radius: 50px;
  border: 2px solid #2D2D2D;
  width: 15px;
  height: 15px;
  line-height: 0;
  font-size: 16px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
#twist-blogger-sbox-v2 form {
  margin-bottom: 10px !important;
}
</style>
<div id="twist-blogger-sbox-v2">
            <div class="main_tagline">Đăng kí nhận tin</div><div class="email_icon"><i class="fa fa-envelope"></i></div>
                 <p>Nhập ngay Email để nhận bài viết mới nhất</p>
   <div class="rssform">
            <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=vietmkt360com', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
            <input type="text" name="email" placeholder="Enter your email address..." />
            <input type="hidden" value="vietmkt360com" name="uri" />
            <input type="hidden" name="loc" value="en_US" />
            <input value="Đăng kí ngay" class="button" type="submit" />
            </form>
            </div>
       

<!-- End quang cao -->

</div>

</div></div>
Thay đổi các chỗ mình đổi màu cho phù hợp với blog của bạn
4. Lưu lại và xem kết quả
Có gì thắc mắc các bạn comment bên dưới mình sẽ trả lời ngay nhé !
Chúc các bạn thành công

DU-AN-WOTOKEN

Kênh thông tin chính thức của Vietmkt360.com

Like , G+ và Share ủng hộ Vietmkt360 nhé ! ❤ Cám ơn ❤

Bài viết cùng chủ đề

(Vietmkt360.com) - Sau nhiều bài gần đây mình chia sẻ đến các bạn về mảng Kiếm tiền trên mạng thì có khá nhiều ý kiến muốn mình chia sẻ cách để tạo ra một website/blog chất lượng và với giao diện (template) đẹp mắt . Hôm nay mình quay lại chủ đề Thủ thuật Blogspot với bài viết chia sẻ đến bạn đọc và fan hâm mộ Blog một thủ thuật tạo thanh Menu rất mới mẻ và độc đáo. Cách tạo thanh Menu xổ dọc này sử dụng JQuery nên các bạn có thể hoàn toàn yên tâm về tốc độ tải trang . Đây theo mình là một thủ thuật khá độc đáo và với màu sắc bắt mắt hy vọng sẽ mang đến cho Blog của các bạn giao diện đẹp mắt hơn rất nhiều . 
Ảnh minh họa :

Các bước thực hiện :
1. Đăng nhập blogger
2. Chọn mẫu ->Chỉnh sửa HTML -> Tìm thẻ </head> và dán code bên dưới trên nó : 
<link href = "http://preview.bloggertrix.com/coloful_unique_dropdown_menu/js/boilerplate.css" rel = "stylesheet" type = "text / css">

<link href = "http://preview.bloggertrix.com /coloful_unique_dropdown_menu/js/SpryMenuBarHorizontal.css "rel =" stylesheet "type =" text / css ">

<link href =" http://preview.bloggertrix.com/coloful_unique_dropdown_menu/js/SpryMenuBarVertical.css "rel =" stylesheet " type = "text / css">

<link href = 'http:? //fonts.googleapis.com/css gia đình = Noto + Serif' rel = 'stylesheet "type =' text / css">

<script src = "http : //preview.bloggertrix.com/coloful_unique_dropdown_menu/js/respond.min.js "> </ script>

<script src =" http://preview.bloggertrix.com/coloful_unique_dropdown_menu/js/SpryMenuBar.js "type =" text / javascript "> </ script>

<style>

.menubar {width: 750px; float: left; -moz-box-shadow: 0px 0px 19px # 000000; -webkit-box-shadow: 0px 0px 19px rgb (0, 0, 0); box-shadow: 0px 0px 8px rgb (0, 0, 0); padding: 7px; border-radius: 4px; position: relative; margin-top: 50px; background-color: rgb (255, 255 , 255); margin-left: 23%;

</ style>
3. Tìm thẻ </body> và dán code dưới trên nó
<script type = "text / javascript">
var MenuBar1 = new Spry.Widget.MenuBar ("MenuBar1", {imgDown: "http://preview.bloggertrix.com/coloful_unique_dropdown_menu/js/SpryMenuBarDownHover.gif",
MenuBar2 = new Spry.Widget.MenuBar ("MenuBar2",
4. Lưu mẫu
5. Chọn bố cục -> Thêm HTML/Javascript và dán code dưới vào         
<div class = "menubar"> <ul id = "MenuBar1" class = "MenuBarHorizontal"> <style li = "text-indent: 10px; width: 80px; height: 44px; background-color: # 1d75bd";> < một id = "navhd" href = "#"> Home </a> </ li> <li class = "choosedestination"> <a id = "navhd" class = "MenuBarItemSubmenu" href = "http: // www. Vietmkt360.com/ "style =" "> thủ thuật Blogspot </a> <ul id =" destination1 "> <li style =" height: 34px; line-height: 10px; "> <a class =" MenuBarItemSubmenu "href = "#"> mục 3.1 </a> <ul id = "destination1" class = "" style = "margin-left: 175px; margin-top: -2px;"> <li id ​​= "desti_nav"> <a href = "#" class = ""> mục 3.1.1 </a> </ li> <li id ​​= "desti_nav"> <a href="#" class=""> mục 3.1.2 </a> </ li> </ ul> </ li> <li id ​​= "desti_nav"> <a href="#"> mục 3.2 </a> </ li> <li id ​​= "desti_nav"> <a href = "#"> mục 3.3 </a> </ li> <li id ​​= "desti_nav"> <a href="#"> mục 3.3 </a> </ li> <li id ​​= "desti_nav"> <a href = "#"> mục 3.3 </a> </ li> <li id ​​= "desti_nav"> <a href="#"> mục 3.3 </a> </ li> <li id ​​= "desti_nav"> <a href="#"> mục 3.3 </a> </ li> <li id ​​= "desti_nav"> <a href="#"> mục 3.3 </a> </ li> <li id ​​= "desti_nav "> <a href="#"> mục 3.3 </a> </ li> <li id ​​=" desti_nav "> <a href="#"> mục 3.3 </a> </ li> </ ul> </ li> <li class = "holidaytp" style = ""> <a id="navhd" class="MenuBarItemSubmenu" href="http://www.Vietmkt360.com/"> Kiếm tiền trên mạng </a> < ul id = "holidayt"> <li style = "height: 34px; line-height: 10px;"> <a class="MenuBarItemSubmenu" href="#"> mục 3.1 </a> <ul id = "holidayt" style = "margin-left: 175px; margin-top: -2px;"> <li id ​​= "holiday_nav"> <a href="#"> mục 3.1.1 </a> </ li> <li id ​​= "holiday_nav"> <a href="#"> mục 3.1.2 </a> </ li> </ ul> </ li> <li id ​​= "holiday_nav"> <a href="#"> mục 3.2 </a> </ li> <li id ​​= "holiday_nav"> <a href="#"> mục 3.3 </a> </ li> </ ul> </ li> <li class = "retriveb" phong cách = "width: 145px;"> <a id="navhd" class="MenuBarItemSubmenu" href="http://www.Vietmkt360.com/"> Thủ thuật Seo </a> <ul id = "retrivemy"> <style li = "height: 34px; line-height: 10px;"> <a class="MenuBarItemSubmenu" href="#"> mục 3.1 </a> <ul id = "retrivemy" style = "margin-left: 175px; margin-top: -2px; "> <li id ​​=" Retrivebk "> <a href="#"> mục 3.1.1 </a> </ li> <li id ​​=" Retrivebk "> <a href = "#"> mục 3.1.2 </a> </ li> </ ul> </ li> <li id ​​= "Retrivebk"> <a href="#"> mục 3.2 </a> </ li > <li id ​​= "Retrivebk"> <a href="#"> mục 3.3 </a> </ li> </ ul> </ li> <li class = "makeanen" style = "width: 127px;" > <a id="navhd" class="MenuBarItemSubmenu" href="#"> Làm một Enquiry </a> <ul id = "makenanEnquery"> <li style = "height: 34px; line-height: 10px;" > <a class="MenuBarItemSubmenu" href="#"> mục 3.1 </a> <ul id = "makenanEnquery" style = "margin-left: 175px; margin-top: -2px;"> <li id ​​= " mkeinq "> <a href="#"> mục 3.1.1 </a> </ li> <li id ​​=" mkeinq "> <a href="#"> mục 3.1.2 </a> </ li > </ ul> </ li> <li id ​​= "mkeinq"> <a href="#"> mục 3.2 </a> </ li> <li id ​​= "mkeinq"> <a href = "#" > mục 3.3 </a> </ li> </ ul> </ li> <li style = "text-indent: 10px; width: 109px; background-image: repeat-x; margin-left: 1px; "> <a id="navhd" href="#"> Liên hệ </a> </ ul> </ div>    
Các bạn thay link và tiêu đề phù hợp với Blog nhé !
6. Lưu lại và xem kết quả 
Hy vọng các bạn sẽ hài lòng với thủ thuật này 
Cám ơn các bạn và chúc các bạn có những Blog đẹp  mắt

DU-AN-WOTOKEN

Kênh thông tin chính thức của Vietmkt360.com

Like , G+ và Share ủng hộ Vietmkt360 nhé ! ❤ Cám ơn ❤

Bài viết cùng chủ đề

(Vietmkt360.com) - Cũng đã lâu rồi Vietmkt360 không viết về Thủ thuật Blogspot và cụ thể là tạo Widget Blogspot . Thời gian gần đây nhiều bạn hỏi mình cách tạo quảng cáo góc màn hình như thế nào mà làm cho tốc độ load trang nhanh nhất ! Hôm nay mình sẽ gửi đến các bạn thủ thuật Tạo quảng cáo góc màn hình . Code popup tạo quảng cáo này không dùng .JS nên không ảnh hưởng đến tốc độ load trang , rất hữu ích và đẹp mắt 

Ảnh minh họa :



Cách thực hiện :
1. Đăng nhập Blogger
2. Thêm tiện ích

 Blogspot : Chọn bố cục --> Thêm tiện ích HTML/JavaScrip và dán code bên dưới vào 
 - Website : Bạn thêm đoạn code sau lên trên thẻ đóng </body>
  • Đối với quảng cáo góc phải màn hình cho Blogspot



<script type="text/javascript">

function hide_float_right() {

    var content = document.getElementById('float_content_right');

    var hide = document.getElementById('hide_float_right');

    if (content.style.display == "none")

    {content.style.display = "block"; hide.innerHTML = '<a href="javascript:hide_float_right()">Tắt quảng cáo [X]</a>'; }

        else { content.style.display = "none"; hide.innerHTML = '<a href="javascript:hide_float_right()">Xem quảng cáo...</a>';

    }

    }

</script>

<style>

.float-ck { position: fixed; bottom: 0px; z-index: 9000}

* html .float-ck {position:absolute;bottom:auto;top:expression(eval (document.documentElement.scrollTop+document.docum entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) ;}

#float_content_right {border: 1px solid #01AEF0;}

#hide_float_right {text-align:right; font-size: 11px;}

#hide_float_right a {background: #01AEF0; padding: 2px 4px; color: #FFF;}

</style>

<div class="float-ck" style="right: 0px" >

<div id="hide_float_right">

<a href="javascript:hide_float_right()">Tắt Quảng Cáo [X]</a></div>

<div id="float_content_right">
<!-- Start quang cao-->

  <a href="http://www.vietmkt360.com/" taget="_blank" ><img src="http://bit.ly/1lsfs7f" width="250" height="200"></a>

<!-- End quang cao -->

</div>

</div>
  • Đối với quảng cáo góc phải màn hình cho Website

<script type="text/javascript">

function hide_float_right() {

    var content = document.getElementById('float_content_right');

    var hide = document.getElementById('hide_float_right');

    if (content.style.display == "none")

    {content.style.display = "block"; hide.innerHTML = '<a href="javascript:hide_float_right()">Tắt quảng cáo [X]</a>'; }

        else { content.style.display = "none"; hide.innerHTML = '<a href="javascript:hide_float_right()">Xem quảng cáo...</a>';

    }

    }

</script>

<style>

.float-ck { position: fixed; bottom: 0px; z-index: 9000}

* html .float-ck {position:absolute;bottom:auto;top:expression(eval (document.documentElement.scrollTop+document.docum entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) ;}

#float_content_right {border: 1px solid #01AEF0;}

#hide_float_right {text-align:right; font-size: 11px;}

#hide_float_right a {background: #01AEF0; padding: 2px 4px; color: #FFF;}

</style>

<div class="float-ck" style="right: 0px" >

<div id="hide_float_right">

<a href="javascript:hide_float_right()">Tắt Quảng Cáo [X]</a></div>

<div id="float_content_right">

<!-- Start quang cao-->
 <a href="http://www.vietmkt360.com/" taget="_blank" ><img src="http://bit.ly/1lsfs7f" width="250" height="200"></a>

<!-- End quang cao -->

</div>

</div>
  • Đối với quảng cáo góc trái màn hình cho Blogspot

<script type="text/javascript">

function hide_float_left() {

    var content = document.getElementById('float_content_left');

    var hide = document.getElementById('hide_float_left');

    if (content.style.display == "none")

    {content.style.display = "block"; hide.innerHTML = '<a href="javascript:hide_float_left()">Tắt quảng cáo [X]</a>'; }

        else { content.style.display = "none"; hide.innerHTML = '<a href="javascript:hide_float_left()">Xem quảng cáo...</a>';

    }

    }

</script>

<style>

.float-ck { position: fixed; bottom: 0px; z-index: 9000}

* html .float-ck {position:absolute;bottom:auto;top:expression(eval (document.documentElement.scrollTop+document.docum entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) ;}

#float_content_left {border: 1px solid #01AEF0;}

#hide_float_left {text-align:left; font-size: 11px;}

#hide_float_left a {background: #01AEF0; padding: 2px 4px; color: #FFF;}

</style>

<div class="float-ck" style="left: 0px" >

    <div id="hide_float_left">

<a href="javascript:hide_float_left()">Tắt Quảng Cáo [X]</a></div>

<div id="float_content_left">

<!-- Start quang cao-->

     <a href="http://www.vietmkt360.com/" taget="_blank" ><img src="http://bit.ly/1lsfs7f" width="250" height="200"></a>

<!-- End quang cao -->

</div>

</div>
  • Đối với quảng cáo góc trái màn hình cho
<script type="text/javascript">

function hide_float_left() {

    var content = document.getElementById('float_content_left');

    var hide = document.getElementById('hide_float_left');

    if (content.style.display == "none")

    {content.style.display = "block"; hide.innerHTML = '<a href="javascript:hide_float_left()">Tắt quảng cáo [X]</a>'; }

        else { content.style.display = "none"; hide.innerHTML = '<a href="javascript:hide_float_left()">Xem quảng cáo...</a>';

    }

    }

</script>

<style>

.float-ck { position: fixed; bottom: 0px; z-index: 9000}

* html .float-ck {position:absolute;bottom:auto;top:expression(eval (document.documentElement.scrollTop+document.docum entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) ;}

#float_content_left {border: 1px solid #01AEF0;}

#hide_float_left {text-align:left; font-size: 11px;}

#hide_float_left a {background: #01AEF0; padding: 2px 4px; color: #FFF;}

</style>

<div class="float-ck" style="left: 0px" >

    <div id="hide_float_left">

<a href="javascript:hide_float_left()">Tắt Quảng Cáo [X]</a></div>

<div id="float_content_left">

<!-- Start quang cao-->

   <a href="http://www.vietmkt360.com/" taget="_blank" ><img src="http://bit.ly/1lsfs7f" width="250" height="200"></a>

<!-- End quang cao -->

</div>

</div>
 - Chú ý : Những đoạn mình đổi màu các bạn thay đổi cho phù hợp với Website/blog của mình . Các bạn có thể thay đổi bằng các đoạn mã code khác như : code quảng cáo của Google adsense , code tăng like...
Chúc các bạn thành công .



DU-AN-WOTOKEN

Kênh thông tin chính thức của Vietmkt360.com

Like , G+ và Share ủng hộ Vietmkt360 nhé ! ❤ Cám ơn ❤

Bài viết cùng chủ đề

Là quản trị của một blogger hẳn bạn đang cố gắng để tăng lượng độc giả, thứ hạng cho trang blog của bạn. Có hàng ngàn lời khuyên và thủ thuật để giúp tăng lưu lượng truy cập cho trang của bạn khiến cho bạn khó khăn trọng việc lựa chọn cách thích hợp.

Nhiều người ngĩ đến sử dụng vòng kết nối Google +, tuy nhiên tiện ích Google + tĩnh do blogger cung cấp vẫn còn khá đơn giản chưa tạo được tính đột phá, phong cách riêng và đặc biệt là không có sức hút với độc giả khi họ truy cập vào trang của bạn. Vì vậy, trong bài viết này Namkna sẽ chia sẻ với các bạn một thủ mới, với thủ thuật này khi có người truy cập vào trang của bạn thì sẽ xuất hiện một popup ngay trên trang họ truy cập, qua đó độc giả có thể đăng ký theo dõi nhận tin thông qua tài khoản google + của bạn (cũng giống như đăng ký feedbunner).




» Tại sao vòng kết nối của Google + lại quan trọng với blog của bạn.


Như chúng ta biết Google pluss đóng một vai trò khá quan trọng trong SEO blogger blog. Nó có thể làm tăng lượng độc giả cho trang của bạn một cách nhanh chóng thông qua vòng kết nối của Google +. Nó làm bài viết của bạn đến được với nhiều người hơn thông qua mối quan hệ có tính ràng buộc lẫn nhau giữa những người trong vòng kết nối của bạn và với bạn bè của họ trên goggle +. Bất cứ khi nào bạn đăng một viết của bạn lên google + nó sẽ gửi một thông báo tới tất cả bạn bè của bạn, đồng thời những người trong vòng kết nối của bạn bè bạn cũng có thể nhận được thông tin này (sức lan tỏa và truyền tải quá tuyệt vời phải không cac bạn).

Điều này hiệu quả càng lơn nếu số lượng bạn bè của bạn trên Google + càng nhiều. Bây giờ câu hỏi đặt ra là làm như thế nào để nhiều người thêm bạn vào trong vòng kết nối của họ. Tiện ích popup hôm nay namkna giới thiệu đến các bạn sẽ giúp các bạn có thể đẩy nhanh tiến trình đó, bạn sẽ nhận thấy hiệu quả tuyệt vời của nó khi áp dụng nó vào trang blog của bạn.

Đây là một tiện ích đơn giản sử dụng mã css và javascript. Đến đây hẳn nhiều người sẽ lo ngại một điều là Javascripts sẽ sẽ làm tăng thời gian tải trang của bạn hơn so với trước đây. Nhưng với thủ thuật này bạn hoàn toàn có thể yên tâm sử dụng bởi mã javascript được tối ưu nên rất gọn gàng để không ảnh hưởng nhiều đến tốc độ trang của bạn, bạn sẽ nhận thấy không quá nhiều sự thay đổi lớn nào khi áp dụng thủ thuật này trên trang của bạn.

» Các tính năng nổi bật

Tiện ích này có rất nhiều tính năng nổi trội, một trong những tính năng nổi bật nhất được xem là ưu điểm chính của thủ thuật này được mình liệt kê dưới đây bạn có thể đọc để tìm hiểu thêm.
  • Không bao giờ tải blog và tiện ích này cùng lúc (bạn có thể khi truy cập chỉ tải tiện ích hoặc bài viết), do vậy sẽ giúp trang của bạn tải nhanh hơn.
  • Thiết kế đẹp và đơn giản, dễ dàng tùy biến theo phong cách riêng của từng người.
  • Tự động xuất hiện trước màn hình dưới dạng popup khi dộc giả truy cập vào trang của bạn.
  • Có tính kích thích độc giả thêm bạn vào trong vòng kết nối của họ.
  • Hiển thị danh sách những người đã thêm bạn vào kết nối của họ (bạn có thể tìm thấy bạn bè của bạn ở đó).
  • Có một nút bỏ qua (Skip To Continue) nếu độc giả muốn tắt hộp pupup đó đi để vào đọc bài viết.


» Làm thế nào để thêm Popup chưa Google plus follow cho blogspot

1. Đăng nhập vào bảng điều khiển trang blog của bạn.
2. Vào phần Mẫu (Template)
3. Bấm chọn Thêm tiện ích (Add Widget) => Chọn tạo 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 vừa tạo.            
<style type="text/css">
* html #popupgooogle{position:absolute;}
#popupgooogle{display:block;top:0px;left:0px;width:100%;height:100%;position:fixed;background:#ddd;margin:0;overflow-y:auto;}
#popgoogle{z-index:9999;background:#fff;overflow:none;}
.popgoogle{width:400px;height:440px;position:fixed;top:45%;left:50%;margin-top:-220px;margin-left:-200px; border:10px solid #999;padding:20px;}
.exe-title {background:#000;color:#fff;font-size:20px !important;font-weight:bold;margin:5px 0;border:15px solid #ddd;padding:10px;line-height:25px;font-family:arial!important;}
</style>
<!--[if lte IE 6]>
<style type="text/css">
/*<![CDATA[*/
html {overflow-x:auto; overflow-y:hidden;}
/*]]>*/
</style>
<![endif]-->
<div id="popupgooogle">
<div id="popgoogle" class="popgoogle">
<center><h3 class="exe-title">Theo dõi các bài viết mới thông qua Google + Bằng cách click vào nút Follow</h3></center>
<center>
<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/u/0/116705128458723615786" data-source="blogger:blog:followers" data-width="310">
</div>
<script type="text/javascript">
(function() {
window.___gcfg = {'lang': 'en'};
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
</center>
<br />
<center style=" float:right; margin-right:35px; font-size:10px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://namkna.blogspot.com/">Namkna</a></center>
<center style=" float:left;font-size:10px;cursor:pointer;margin-left:35px" ><a style=" font-size:9px; color:#3B78CD; text-decoration:none;" onmouseup="document.getElementById('popupgooogle').style.display='none'">Skip To Continue</a></center>
</div>
</div>
» Tùy chỉnh code:
  • Thay đoạn https://plus.google.com/u/0/116705128458723615786 thành URL trang google + của bạn.
  • Tiện ích này được cài đặt mặc định ngôn ngữ là tiếng anh (các bạn có thể thấy trong hình ảnh minh họa ở đầu bài viết) Nếu muốn chuyển sang ngôn ngữ là tiếng việt rất đơn giản bạn chỉ cần đổi đoạn window.___gcfg = {'lang': 'en'}; thành window.___gcfg = {'lang': 'vi'}; với vi là viết tắt của vietnamese (tiếng việt).
  • Skip to Continue là nút bấm tắt hộp Popup để vào đọc bài viết.
4. Lưu mẫu lại và kiểm tra kết quả đã thực hiện nha.
Chúc các bạn thành công.

DU-AN-WOTOKEN

Kênh thông tin chính thức của Vietmkt360.com

Like , G+ và Share ủng hộ Vietmkt360 nhé ! ❤ Cám ơn ❤

Bài viết cùng chủ đề

Trước đây mình có một số bài viết về chủ đề tạo Widget cho blog . Hôm nay mình giới thiệu đến các bạn thêm một Thủ thuật tạo widget bất kì trượt 2 bên cho blogspot . Widget này sẽ tự động trượt theo blog khi chúng ta dùng các phím di chuyển và nó không làm ảnh hưởng đến tính thẩm mỹ của blog.
Ảnh minh họa :
Bắt đầu thủ thuật : 
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ẻ   <head>   trong template của bạn.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js' type='text/javascript'></script>

Nếu template của bạn cài Jquery rồi thì có thể bỏ qua bước này để tránh xung đột code
4. Vào blogger -->Bố cục --> Thêm tiện ích HTML/Javascript và dán code bên dưới vào 
<style type='text/css'>
#floatDivWrapper {font-size:11px}
#floatDiv.fixed {position:fixed;top:0px}
</style>
<script type='text/javascript'>//<![CDATA[
$(document).ready(function(){var documentHeight=$(document).height();if(documentHeight>2500){
//$("#floatDivWrapper").css('position','fixed');$("#floatDiv").css({'position':'fixed','top':30});
var bottomHeight=1200;var msie6=$.browser=='msie'&&$.browser.version<7;if(!msie6){var top=$('#floatDiv').offset().top-parseFloat($('#floatDiv').css('margin-top').replace(/auto/,0));$(window).scroll(function(event){var y=$(this).scrollTop();if(y>=top&&y<=(documentHeight-bottomHeight)){$('#floatDiv').addClass('fixed')}else{$('#floatDiv').removeClass('fixed')}})}}});
//]]></script>
<script type='text/javascript'>//<![CDATA[
var s=true;function doBlink(){$('.blink').css('display',function(index,val){s=!s;return (s)?'block':'none';})}
$(document).ready(function() {setInterval("doBlink()",0)});
//]]></script>
<div class='widget HTML' id='floatDiv'>
Nội dung của widget
</div>

Các bạn điều chỉnh lại những chỗ mình đổi màu theo ý mình riêng phần Nội dung của widget là phần bạn muốn trượt dọc, nó có thể là một bức ảnh,thông báo,....
5. Lưu lại và xem kết quả
Chúc các bạn thành công !

DU-AN-WOTOKEN

Kênh thông tin chính thức của Vietmkt360.com

Like , G+ và Share ủng hộ Vietmkt360 nhé ! ❤ Cám ơn ❤
Chat với chúng tôi