Hextracoin
(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-dau-tu-ico-unixcoin
Like , G+ và Share ủng hộ Vietmkt360 nhé ! ❤ Cám ơn ❤
Chia sẻ:


Vietmkt360.com Giữ chữ tín để thành công!
Chúng tôi là một đơn vị thiết kế web Blogspot chuyên nghiệp  phục vụ các doanh nghiệp trong cả nước.


    Tầm quan trọng của Website đối với doanh nghiệp

    Ngày nay website đóng vai trò kênh truyền thông và công cụ kinh doanh hàng đầu cho mỗi doanh nghiệp, nó mang lại những lợi thế không thể phủ nhận. Vì thế xây dựng website cho công ty là một công việc quan trọng đến nỗi trở thành tiêu điểm đầu tiên của mỗi kế hoạch kinh doanh.

    Sau đây là những lý do dễ thấy nhất về tầm quan trọng của website :

  1. Tạo thương hiệu riêng của doanh nghiệp mình trên internet, tạo cơ hội tiếp xúc với khách hàng ở mọi nơi và tại mọi thời điểm.
  2. Có thể giới thiệu các sản phẩm và dịch vụ một cách sinh động và mang tính tương tác cao.
  3. Tạo cơ hội để bán sản phẩm hàng hóa một cách chuyên nghiệp mà tiết kiệm được chi phí.
  4. Cơ hội phục vụ khách hàng tốt hơn, đạt được sự hài lòng lớn hơn từ khách hàng.
  5. Tạo một hình ảnh chuyên nghiệp trước công chúng, công cụ hiệu quả để thực hiện các chiến dịch PR và marketing.
  6. Và đơn giản không có website là doanh nghiệp đã mất đi một lượng khách hàng tiềm năng lớn.

Vậy tại sao doanh nghiệp bạn chưa có website ? Hãy liên hệ ngay với chúng tôi, và để chúng tôi đưa ra cho Quý doanh nghiệp một giải pháp kinh doanh tốt nhất trên Internet.

Liên hệ với Vietmkt360.com như nào?
MỌI THẮC MẮC VUI LÒNG LIÊN HỆ VỚI CHÚNG TÔI ĐỂ ĐƯỢC HỖ TRỢ TỐT NHẤT
Nguyễn Quang Việt
Địa Chỉ : Khương Trung - Thanh Xuân - Hà Nội.
Số điện thoại : 0985099609
Hoặc gửi thông tin về cho chúng tôi theo địa chỉ email:nguyenvietsk@gmail.com

Du-an-dau-tu-ico-unixcoin
Like , G+ và Share ủng hộ Vietmkt360 nhé ! ❤ Cám ơn ❤
Chia sẻ:

(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-dau-tu-ico-unixcoin
Like , G+ và Share ủng hộ Vietmkt360 nhé ! ❤ Cám ơn ❤
Chia sẻ:

(Vietmkt360.com) - Đầu tiên mình xin khẳng định với các bạn là hoàn toàn có thể tạo một Website với qui mô cá nhân, bán hàng, hay giới thiệu sản phẩm cho một công ty vừa và nhỏ bằng Blogspot.  Vậy tại sao nên dùng Blogspot?


Hướng dẫn chi tiết cách tạo và thiết kế Website bằng Blogspot từ A-Z

  • Blogger/Blogspot là gì

Blogspot (hay còn gọi là Blogger) giúp bạn tạo ra một blog/website hoàn chỉnh chỉ trong thời gian ngắn mà bạn không cần phải biết hay am hiều về lập trình web, code cũng có thể làm được. Với giao diện có thể nói là không còn gì thân thiện hơn :D Mình đã từng làm quen với những web mã nguồn mở khác như Joomla và Wordpress và thấy so với Blogspot thì nó "khó nhằn" hơn nhiều cho những ai không chuyên. Hơn nữa tất cả mọi thứ ở Blogger/Blogspot đều miễn phí và là đứa con của Google.
Các bạn xem thêm: Thủ thuật Blogspot

  • Điểm mạnh và yếu của Blogspot

Ưu điểm:

Blogger là một nền tảng miễn phí của Google, không giới hạn băng thông cũng như dung lượng. Picasa của Google cho phép bạn Upload 10 GB ảnh, bạn tha hồ chèn hình ảnh của mình vào bài viết và khi nào mới hết dung lượng 10 GB?

Tiết kiệm chi phí. Với giao diện thân thiện và  cực kỳ dễ dùng, bạn hoàn toàn có thể sở hữu cho mình một blog/website do chính tay mình tạo ra mà không mất nhiều thời gian cũng như chi phí.

Bạn không phải mua host cũng như tên miền (domain). Như đã nói ở trên "hoàn toàn miễn phí", tên miền mặc định sau khi tạo ra của bạn sẽ là: "tên miền của bạn".blogspot.com (Ví dụ blog của mình: vietnet360.blogspot.com).

Cộng đồng Blogger/Blogspot vô cùng lớn mạnh và đông đảo. Blog của bạn sẽ sớm có được lượng truy cập, và ghé thăm của nhiều bạn đọc.

Cha đẻ cuộc Blogspot là Google. Đây chính là một lợi thế cực kì lớn cho các bạn sau này, đặc biệt là về SEO (Mình sẽ nói về vấn đề này tại các phần tiếp theo).

  • Nhược điểm:

Blogger bị chặn, nhưng chỉ là đã từng bị chặn thôi nhé, từ lúc dùng blogger tới giờ mình vẫn chưa thấy cái gọi là bị chặn ^^

Blogspot thường hay bị xóa mà không được báo trước. Vậy bạn nghĩ nguyên nhân vì sao blog của bạn lại bị xóa (nhiều bạn lập web blog rồi sau đó đi copy, dùng mang tính chất spam, dán link đủ các kiểu, hay nội dung xấu sau đó bị xóa rồi kêu than)

Blog thì vẫn là Blog, nếu bạn muốn tạo một Website với qui mô lớn, nhiều chức năng, danh mục, lượng cơ sở dữ liệu lớn và có tổ chức cao thì lời khuyên của mình là bạn không nên sử dụng blogspot (Chưa hỗ trợ nhiều về các tool SEO, cũng như tổ chức website theo kiểu phân mục, Blogspot chủ yếu làm việc qua các nhãn/label - chưa thể gọi là phân mục).



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

Du-an-dau-tu-ico-unixcoin
Like , G+ và Share ủng hộ Vietmkt360 nhé ! ❤ Cám ơn ❤
Chia sẻ:

(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-dau-tu-ico-unixcoin
Like , G+ và Share ủng hộ Vietmkt360 nhé ! ❤ Cám ơn ❤
Chia sẻ:

(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-dau-tu-ico-unixcoin
Like , G+ và Share ủng hộ Vietmkt360 nhé ! ❤ Cám ơn ❤
Chia sẻ:

Trước đây Vietmkt360 cũng chia sẻ đến các bạn một số thủ thuật tạo thanh menu khá bắt mắt và có tính thẩm mỹ :


Hôm nay Vietmkt360 sẽ giới thiệu đến các bạn thêm một Thủ thuật tao thanh menu với hiệu ứng 3D trơn tru với jquery. Với hiệu ứng 3D của thủ thuật này Blog của bạn sẽ hoàn toàn mới lạ và hấp dẫn hơn rất nhiều !


Cách thực hiện :
1. Đăng nhập Blogger
2. Chọn mẫu ==> Chỉnh sửa HTML
3. Dán code dưới đây sau 
]]></b:skin>
<style>

@import url(http://fonts.googleapis.com/css?family=Raleway);

#cssmenu,

#cssmenu ul,

#cssmenu ul li,

#cssmenu ul li a,

#cssmenu #menu-button {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

#cssmenu:after,

#cssmenu > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

#cssmenu #menu-button {display: none;}

#cssmenu {width: auto;font-family: Raleway, sans-serif;line-height: 1;}

#cssmenu > ul {background: #3db2e1;}

#cssmenu > ul > li {float: left;-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;}

#cssmenu.align-center > ul {font-size: 0;text-align: center;}

#cssmenu.align-center > ul > li {display: inline-block;float: none;}

#cssmenu.align-right > ul > li {float: right;}

#cssmenu > ul > li > a {padding: 16px 20px;font-size: 14px;color: #ffffff;letter-spacing: 1px;text-transform: uppercase;text-decoration: none;background: #3db2e1;-webkit-transition: all .3s;-moz-transition: all .3s;

  -o-transition: all .3s;transition: all .3s;-webkit-transform-origin: 50% 0;-moz-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;

}

#cssmenu > ul > li.active > a {color: #dff2fa;

}

#cssmenu > ul > li:hover > a,

#cssmenu > ul > li > a:hover {color: #dff2fa;-webkit-transform: rotateX(90deg) translateY(-23px);-moz-transform: rotateX(90deg) translateY(-23px);transform: rotateX(90deg) translateY(-23px);

  -ms-transform: none;

}

#cssmenu > ul > li > a::before {position: absolute;top: 100%;left: 0;z-index: -1;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;height: 100%;padding: 16px 20px;color: #dff2fa;background: #19799f;content: attr(data-title);

  -webkit-transition: background 0.3s;-moz-transition: background 0.3s;transition: background 0.3s;-webkit-transform: rotateX(-90deg);-moz-transform: rotateX(-90deg);transform: rotateX(-90deg);

  -webkit-transform-origin: 50% 0;-moz-transform-origin: 50% 0;transform-origin: 50% 0;-ms-transform: translateY(- -18px);

}

#cssmenu > ul > li:hover > a::before,

#cssmenu > ul > li > a:hover::before { background: #3db2e1;}

#cssmenu.small-screen {width: 100%;}

#cssmenu.small-screen > ul,

#cssmenu.small-screen.align-center > ul {

  width: 100%;

  text-align: left;

}

#cssmenu.small-screen > ul > li,

#cssmenu.small-screen.align-center {

  float: none;

  display: block;

  border-top: 1px solid rgba(100, 100, 100, 0.1);

}

#cssmenu.small-screen > ul > li:hover > a,

#cssmenu.small-screen > ul > li > a:hover {

  color: #dff2fa;

  -webkit-transform: none;

  -moz-transform: none;

  transform: none;

  -ms-transform: none;

}

#cssmenu.small-screen > ul > li > a::before {

  display: none;

}

#cssmenu.small-screen #menu-button {

  display: block;padding: 16px 20px;cursor: pointer;font-size: 14px;text-decoration: none;color: #ffffff;text-transform: uppercase;letter-spacing: 1px;background: #3db2e1;}

#cssmenu.small-screen #menu-button:after {

  content: "";position: absolute;right: 20px;top: 17px;display: block;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;border-top: 2px solid #ffffff;border-bottom: 2px solid #ffffff;width: 22px;height: 3px;

}

#cssmenu.small-screen #menu-button.menu-opened:after {

  border-top: 2px solid #dff2fa;

  border-bottom: 2px solid #dff2fa;

}

#cssmenu.small-screen #menu-button:before {

  content: "";position: absolute;right: 20px;top: 27px;display: block;width: 22px;

  height: 2px;

  background: #ffffff;

}

#cssmenu.small-screen #menu-button.menu-opened:before {

  background: #dff2fa;

}

  </style>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> <script charset='utf-8' src='http://preview.bloggertrix.com/3d_cssmenu/script.js' type='text/javascript'/> 
4. Lưu lại 
5. Chọn bố cục --> Thêm tiện ích HTML/JavaScrip và dán code bên dưới vào

<div id='cssmenu'>

<ul>

   <li class='active'><a href='#'>Home</a></li>

   <li><a href='http://vietmkt360.com/'>Vietmkt360</a></li>

   <li><a href='http://vietmkt360.com/'>Vietmkt360</a></li>

   <li><a href='http://vietmkt360.com/'>Vietmkt360</a></li>

</ul>

</div>
Các bạn sửa lại cho phù hợp với Blog của mình
6. Lưu lại tiện ích HTML/JavaScrip
Chúc các bạn thành công !!!!!!!!!!!!!!!!!!!!!!!

Du-an-dau-tu-ico-unixcoin
Like , G+ và Share ủng hộ Vietmkt360 nhé ! ❤ Cám ơn ❤
Chia sẻ: