Showing posts with label Widget Blogspot. Show all posts
Showing posts with label Widget Blogspot. Show all posts

Tuesday, August 27, 2013

Widget bài viết ngẫu nhiên cho blogspot

Widget bài viết ngẫu nhiên cho blogspot

Widget bài viết ngẫu nhiên cho blogspot. Cách thêm Widget bài viết ngẫu nhiên cho blogspot . Widget bài viết ngẫu nhiên có ảnh cho blogspot. Code Widget bài viết ngẫu nhiên cho blogspot

Đọc thêm »

Friday, August 23, 2013

Widget bài viết mới theo nhãn hiển thị hai cột có ảnh cho blogspot

Widget bài viết mới theo nhãn hiển thị hai cột có ảnh cho blogspot

Widget bài viết mới theo nhãn hiển thị hai cột có ảnh cho blogspot. Cách thêm Widget bài viết mới theo nhãn hiển thị hai cột có ảnh cho blogspot.hướng dẫn cách tạo widget Bài Mới Nhất Hiển Thị 2 Cột khi rê chuột vào bài viết sẽ có hiệu ứng toolip mô tả về bài viết đó nhìn rất bắt mắt

Đọc thêm »

Tuesday, August 20, 2013

Tổng hợp các Code Popup - Javascripts quảng cáo cho website - Blogspot

Code Popup - Javascripts quảng cáo cho website - Blogspot

Tổng hợp các Code Popup - Javascripts quảng cáo cho website - Blogspot . Code Javascripts Popup quảng cáo cho website - blogspot. Code Popup quảng cáo xuất hiện nhiều tab mỗi khi click chuột.Code Popup quảng cáo xuất hiện popup khi click chuột lần đầu tiên.Code Popup quảng cáo xuất hiện nhiều cửa sổ khi click lần đầu tiên. Code mở popup cửa sổ quảng cáo nhỏ dưới góc màn hình.

Các loại Code Popup mình sẽ chia sẻ trong bài viết này

  • Code Popup xuất hiện nhiều tab mỗi khi click chuột
  • Code Popup-under hiện sau trình duyệt cho website/Blogger
  • Code popup mở ra tab mới khi click vào vị trí bất kỳ trên web
  • Code mở popup cửa sổ quảng cáo nhỏ dưới góc màn hình
  • Code Popup:  Xuất hiện popup khi click chuột lần đầu tiên
  • Code Popup : Xuất hiện nhiều cửa sổ khi click lần đầu tiên
  • Code tạo quảng cáo popup xuất hiện 1 lần/1 ngày/1 ip


Tổng hợp Code Popup - Javascripts quảng cáo cho website - Blogspot


Chú ý: Thay link bằng link http://bittuot.blogspot.com/ Website các bạn cần đặt Popup nhé.


1. Code Popup xuất hiện nhiều tab mỗi khi click chuột

Thay phần <body> thành đoạn code dưới đây

<body onclick='open_popup()'>

<script type='text/javascript'>
/* <![CDATA[ */
function open_popup() {
window.open("http://bittuot.blogspot.com/")
window.open("http://bittuot.blogspot.com/")
window.open("http://bittuot.blogspot.com/")
}
/* ]]> */
</script>

Ở trên mình mặc định là 3 trang sẽ được mở ra khi click chuột, bạn hoàn toàn có thể thêm nhiều hơn bằng cách thêm window.open("địa chỉ web/blog").

Chú ý : Cách này sẽ gậy khó chịu cho người dùng

2. Code Popup-under hiện sau trình duyệt cho website/Blogger

Đặc điểm của file javarscripts.

  • Các popup-under sẽ tự động xuất hiện mà không cần phải đợi độc giả click vào một vị trí bất kỳ nào trên blogger của bạn.
  • Popup sẽ không xuất hiện trên các trình duyệt sử dụng các add on hay phần mềm chặn popup.

Cách thực hiện

Đối với blogspot
  • Đăng nhập vào blog
  • Vào bảng điều khiển Blogger
  • Vào bố cục (Layout) -> Thêm tiện ích (Add a widget) -> HTML/Javascript
  • Dán 1 trong 2 đoạn code dưới đây vào tiện ích HTML/Javascript vừa thêm (Ngoài ra bạn có thể dán nó trước thẻ </head> )
Đối với website:

Bạn chỉ cần dán nó trước thẻ </head> là ok

Đoạn 1:

<script>
function popup() {
var url = "http://bittuot.blogspot.com/";
window.open(url);
popWin = window.open(page,'popWin');
popWin.blur();
window.focus();
}
popup();
</script>

Đoạn 2: 

<script>

//Pop-under window- By JavaScript Kit
//Credit notice must stay intact for use
//Visit http://javascriptkit.com for this script

//specify page to pop-under
var popunder="http://bittuot.blogspot.com/"

//specify popunder window features
//set 1 to enable a particular feature, 0 to disable
var winfeatures="width=800,height=510,scrollbars=1,resizable=1,toolbar=1,location=1,menubar=1,status=1,directories=0"

//Pop-under only once per browser session? (0=no, 1=yes)
//Specifying 0 will cause popunder to load every time page is loaded
var once_per_session=0

///No editing beyond here required/////

function get_cookie(Name) {
  var search = Name + "="
  var returnvalue = "";
  if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search)
    if (offset != -1) { // if cookie exists
      offset += search.length
      // set index of beginning of value
      end = document.cookie.indexOf(";", offset);
      // set index of end of cookie value
      if (end == -1)
         end = document.cookie.length;
      returnvalue=unescape(document.cookie.substring(offset, end))
      }
   }
  return returnvalue;
}

function loadornot(){
if (get_cookie('popunder')==''){
loadpopunder()
document.cookie="popunder=yes"
}
}

function loadpopunder(){
win2=window.open(popunder,"",winfeatures)
win2.blur()
window.focus()
}

if (once_per_session==0)
loadpopunder()
else
loadornot()

</script>

3.Code popup mở ra tab mới khi click vào vị trí bất kỳ trên web

<script type="text/javascript" language=javascript> 
function Set_Cookie(name, value, expires, path, domain, secure) {
var today = new Date();
today.setTime(today.getTime());
var expires_date = new Date(today.getTime() + (expires));

document.cookie = name + "=" + escape(value) +
((expires) ? ";expires=" + expires_date.toGMTString() : "") +
((path) ? ";path=" + path : "") +
((domain) ? ";domain=" + domain : "") +
((secure) ? ";secure" : "");
}

function Get_Cookie(name) {

var start = document.cookie.indexOf(name + "=");
var len = start + name.length + 1;
if ((!start) &&
(name != document.cookie.substring(0, name.length))) {
return null;
}
if (start == -1) return null;
var end = document.cookie.indexOf(";", len);
if (end == -1) end = document.cookie.length;
return unescape(document.cookie.substring(len, end));
}

function Delete_Cookie(name, path, domain) {
if (Get_Cookie(name)) document.cookie = name + "=" +
((path) ? ";path=" + path : "") +
((domain) ? ";domain=" + domain : "") +
";expires=Mon, 11-November-1989 00:00:01 GMT";
}

function popunder() {

if (Get_Cookie('cucre') == null) {
Set_Cookie('cucre', 'cucre Popunder', '1', '/', '', '');
var url = "http://bittuot.blogspot.com/";
pop = window.open(url, 'windowcucre');
pop.blur();

window.focus();
}}

function addEvent(obj, eventName, func) {
if (obj.attachEvent) {
obj.attachEvent("on" + eventName, func);
}
else if (obj.addEventListener) {
obj.addEventListener(eventName, func, true);
}
else {
obj["on" + eventName] = func;
}
}

addEvent(window, "load", function (e) {
addEvent(document.body, "click", function (e) {
popunder();
});
});

</script>

4. Code mở popup cửa sổ quảng cáo nhỏ dưới góc màn hình

Những điểm hay của Code Popup này:
- Xuất hiện 1 lần khi trình duyệt Website mở.
- Cửa sổ trang Website được Pop nhỏ ở góc màn hình -> kéo dài thời gian ở lại của Website được Pop.

Cách làm
- Trên các nền Website thì đây chỉ là 1 đoạn code javascript trên thẻ </head> là OK
- Hướng dẫn trên Blogspot.
    + Các bạn vào bảng điều khiển blogger -> bố cục (Layout) -> Thêm 1 tiện ích (Add a Widget) ->           HTML/Javascript.
Sau đó dán code trên vào tiện ích vừa thêm và lưu lại là OK

Code:

<script>function addEvent(obj,eventName,func){if(obj.attachEvent){obj.attachEvent("on"+eventName,func);}else if(obj.addEventListener){obj.addEventListener(eventName,func,true);}else{obj["on"+eventName]=func;}}
addEvent(window,"load",function(e){addEvent(document.body,"click",function(e){var pX;pX=screen.width;if(!pX){pX=document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth;}
if(pX>800){if(document.cookie.indexOf("pnpopup=popactive")==-1){document.cookie='pnpopup=popactive';params='width=50';params+=', height=50';params+=', top=1650, left=1460, resizable=no, scrollbars=yes, location=yes';var w=window.open("http://bittuot.blogspot.com/",'window1',params).blur();window.focus();}}});});</script>

Thay link bằng link http://bittuot.blogspot.com/ Website các bạn cần đặt Pop nhé.

Code Popup - Javascripts quảng cáo cho website - Blogspot


5. Code Popup:  Xuất hiện popup khi click chuột lần đầu tiên

Đối với đoạn script này thì cửa sổ Popup chỉ mở ra khi bạn click chuột lần đầu tiên khi truy cập một blog, các thao tác click về sau cửa sổ popup sẽ khi còn xuất hiện như script đầu tiên, script đầu tiên chỉ cần bạn click là nó xuất hiện tab mới tần suất xuất hiện cao hơn script này. Hơn nữa script này sẽ lấy ngẫu nhiên trang web/blog trong urllist để xuất hiện.

Thay phần <body> thành đoạn code dưới đây

<body onclick="vtlai_popup();">

<script language="javascript">
/* <![CDATA[ */
var sinhvienit=0;
function SVIT_ADS_GetCookie(Name){
var re=new RegExp(Name+"=[^;]+", "i");
if (document.cookie.match(re))
return decodeURIComponent(document.cookie.match(re)[0].split("=")[1]);
return ""
}

function SVIT_ADS_SetCookie(name, value, days){
if (typeof days!="undefined"){
var expireDate = new Date()
var expstring=expireDate.setDate(expireDate.getDate()+days)
document.cookie = name+"="+decodeURIComponent(value)+"; expires="+expireDate.toGMTString()
}
else document.cookie = name+"="+decodeURIComponent(value);
}

function vtlai_popup()
{
var cookie_popup_ads = SVIT_ADS_GetCookie('sinhvienit_popup_ads');
if (cookie_popup_ads=='') {
if(sinhvienit==0)
{
sinhvienit=1;
var Time_expires = 24 * 3600 * 1000;
SVIT_ADS_SetCookie('sinhvienit_popup_ads','true',Time_expires);
var urllist = ['http://bittuot.blogspot.com/','http://bittuot.blogspot.com/','http://bittuot.blogspot.com/'];
var url = urllist[Math.floor(Math.random() * urllist.length)];
var params = 'width=' + '300';
params += ', height=' + '300';
params += ', top=0,left=0,scrollbars=yes,status=1,toolbar=1,menubar=1,resizable=1,location=1,directories=1';
var pop_ads_open = window.open(url, 'sinhvienit_ads_pop', params);
}
}
}
/* ]]> */
</script>

6. Code Popup : Xuất hiện nhiều cửa sổ khi click lần đầu tiên

Code phần này là  khi bạn click vào blog lần đầu tiên tất cả các cửa sổ đều xuất hiện và chỉ 1 lần duy nhất, những cú click tiếp theo trên cùng 1 trình duyệt thì các cửa sổ không xuất hiện nữa với khoảng thời gian nhất định.

Cách làm

Thay phần <body> thành đoạn code dưới đây

<body onclick='vtlai_popup();'>

<script language='javascript'>
//<![CDATA[

var sinhvienit=0;
function SVIT_ADS_GetCookie(Name){
var re=new RegExp(Name+"=[^;]+", "i");
if (document.cookie.match(re))
return decodeURIComponent(document.cookie.match(re)[0].split("=")[1]);
return ""
}

function SVIT_ADS_SetCookie(name, value, days){
if (typeof days!="undefined"){
var expireDate = new Date()
var expstring=expireDate.setDate(expireDate.getDate()+days)
document.cookie = name+"="+decodeURIComponent(value)+"; expires="+expireDate.toGMTString()
}
else document.cookie = name+"="+decodeURIComponent(value);
}

function vtlai_popup()
{

var cookie_popup_ads = SVIT_ADS_GetCookie('sinhvienit_popup_ads');
if (cookie_popup_ads=='') {
if(sinhvienit==0)
{
sinhvienit=1;
var Time_expires = 24 * 3600 * 1000;
SVIT_ADS_SetCookie('sinhvienit_popup_ads','true',Time_expires);
var params = 'width=' + '600';
params += ', height=' + '500';
params += ',scrollbars=yes,status=1,toolbar=1,menubar=1,resizable=1,location=1,directories=1';

var vtlai_popup_0 = window.open('http://bittuot.blogspot.com/', 'vtlai_popup_0', params +', top=0,left=0');

var vtlai_popup_1 = window.open('http://bittuot.blogspot.com/', 'vtlai_popup_1', params +', top=0,left=0');

var vtlai_popup_2 = window.open('http://bittuot.blogspot.com/', 'vtlai_popup_2', params +', top=0,left=0');

var vtlai_popup_3 = window.open('http://bittuot.blogspot.com/', 'vtlai_popup_3', params +', top=0,left=0');

}

}
}
//]]>
</script>

6. Code tạo quảng cáo popup xuất hiện 1 lần/1 ngày/1 ip

Tìm đến thẻ <body> và thay thế thành như bên dưới

<body onclick='popunder();'>

<script>
/* <![CDATA[ */
function Set_Cookie(a,b,c,e,f,g){var d=new Date;d.setTime(d.getTime());d=new Date(d.getTime()+c);document.cookie=a+"="+escape(b)+(c?";expires="+d.toGMTString():"")+(e?";path="+e:"")+(f?";domain="+f:"")+(g?";secure":"")}function Get_Cookie(a){var b=document.cookie.indexOf(a+"="),c=b+a.length+1;if(!b&&a!=document.cookie.substring(0,a.length)||-1==b)return null;a=document.cookie.indexOf(";",c);-1==a&&(a=document.cookie.length);return unescape(document.cookie.substring(c,a))} function Delete_Cookie(a,b,c){Get_Cookie(a)&&(document.cookie=a+"="+(b?";path="+b:"")+(c?";domain="+c:"")+";expires=Mon, 11-November-2020 00:00:01 GMT")}
function popunder(){null==Get_Cookie("cucre")&&(Set_Cookie("cucre","cucre Popunder","1","/","",""),
pop=window.open("http://bittuot.blogspot.com/","windowcucre"),
pop.blur(),window.focus())}function addEvent(a,b,c){a.attachEvent?a.attachEvent("on"+b,c):a.addEventListener?a.addEventListener(b,c,!0):a["on"+b]=c} addEvent(window,"load",function(){addEvent(document.body,"click",function(){popunder()})});
/* ]]> */</script>

Hoặc bạn có thể dùng đoạn code sau:

<script>
    //<![CDATA[
function Set_Cookie(name, value, expires, path, domain, secure) {
    var today = new Date();
    today.setTime(today.getTime());
    var expires_date = new Date(today.getTime() + (expires));

    document.cookie = name + "=" + escape(value) +
((expires) ? ";expires=" + expires_date.toGMTString() : "") +
((path) ? ";path=" + path : "") +
((domain) ? ";domain=" + domain : "") +
((secure) ? ";secure" : "");
}

function Get_Cookie(name) {

    var start = document.cookie.indexOf(name + "=");
    var len = start + name.length + 1;
    if ((!start) &&
(name != document.cookie.substring(0, name.length))) {
        return null;
    }
    if (start == -1) return null;
    var end = document.cookie.indexOf(";", len);
    if (end == -1) end = document.cookie.length;
    return unescape(document.cookie.substring(len, end));
}

function Delete_Cookie(name, path, domain) {
    if (Get_Cookie(name)) document.cookie = name + "=" +
((path) ? ";path=" + path : "") +
((domain) ? ";domain=" + domain : "") +
";expires=Mon, 11-November-1989 00:00:01 GMT";
}

function popunder() {
 if (Get_Cookie('cucre') == null) {
     Set_Cookie('cucre', 'cucre Popunder', '1', '/', '', '');
        var url = "http://bittuot.blogspot.com/";
        pop = window.open(url, 'windowcucre');
  pop.blur();

        window.focus();
    }
}

function addEvent(obj, eventName, func) {
    if (obj.attachEvent) {
        obj.attachEvent("on" + eventName, func);
    }
    else if (obj.addEventListener) {
        obj.addEventListener(eventName, func, true);
    }
    else {
        obj["on" + eventName] = func;
    }
}

addEvent(window, "load", function (e) {
    addEvent(document.body, "click", function (e) {
        popunder();
    });
});
    //]]>
</script>
<body onclick='popunder();'> 




Friday, August 16, 2013

Cách thêm widget vào vị trí bất kỳ trong blogspot

Cách thêm widget vào vị trí bất kỳ trong blogspot. Cách thêm widget vào blogspot.Cách thêm một tiện ích vào vị trí bất kỳ trên blogspot.Cách thêm một widget vào vị trí bất kỳ trong blogspot. Cách thêm widget HTML/Javascripts vào blogspot. Code widget blogspot

Các bạn thường download những template blogspot với một form định sẵn, nên đôi khi các bạn muốn thêm một hay nhiều tiện ích ở một vị trí bất kỳ khác với những vị trí đã có sẵn thì làm thế nào?

Bít Tuốt xin chia sẻ một cách làm đơn giản cho những bạn mới biết về blogspot. Chú ý các bài viết copy từ Bít Tuốt Blog xin ghi rõ nguồn là đã copy từ Blog của Bít Tuốt. Xin cảm ơn


Thường thì trong bố cục blogspot sẽ phân ra một số vị trí như header,footer,sidebar, main,...và các bạn có thể thêm widget vào vị trí bất kỳ bằng cách copy đoạn code bên dưới và đặt cho phù hợp

Để thêm một hay nhiều widget vào vị trí bất kỳ trong blogspot thì bạn làm theo các bước sau :

Cách thêm widget vào vị trí bất kỳ trong blogspot


Đăng nhập blog => Mẫu (cái thứ 2 từ dưới lên) => Chỉnh sửa HTML

Tới đây bạn có thể thêm phần code bên dưới vào phần bạn muốn hiển thị
(Ngoài ra bạn có thể down trực tiếp code về rồi dùng notepad ++ để chỉnh sửa cho dễ)

Cách thêm một widget thông thường vào Blogspot

Code này thì widget này sẽ hiển thị trên tất cả các trang trong blog như: trang chủ,trang bài viết,trang label....

<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML99' locked='false' title='Bài Viết Hay' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != &quot;&quot;'>
<div class='title-left'><data:title/></div>
</b:if>
<div class='box-left'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>

Chú ý phần chữ màu đỏ là phần bạn cần thay đổi:
sidebar1 , HTML99: phần này bạn cần thay đổi nếu bạn thêm > 2 widget vào blogspot (Nếu bạn thêm > 2 cái thì 2 cái bạn thêm phải có phần này đặt tên khác nhau)

Ví dụ: Cái 1 bạn đặt là : id='sidebar1' và id='HTML99' thì cái sau bạn phải đặt khác đi đổi thành id='sidebar2' và id='HTML100' chẳng hạn

Các bạn chú ý thay  id='sidebar1' và id='HTML99'  cho đỡ trùng với 1 Widget đã có sẵn trên blog. Nếu bạn nào thấy trùng thì thay bằng số khác nhé.

title='Bài Viết Hay' : Tên Widget của bạn cái này bạn có thể bỏ trống được (bạn có thể để là title='' )


Một số cách hiển thị tùy biến bạn có thể áp dụng với Widget

1. Chỉ cho phép widget hiển thị ở trang chủ

<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML3' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
</b:section>

2. Chỉ cho phép widget hiển thị ở từng bài viết:

<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML3' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
</b:section>

3. Chỉ cho phép widget hiển thị ở những trang nhất định:

<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML3' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "Link của bạn"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
</b:section>

Bạn hãy thay phần Link của bạn đường link mà bạn muốn widget đó hiển thị

Ví dụ: http://bittuot.blogspot.com/2013/07/crack-win-7-cho-moi-phien-ban.html

hoặc: http://bittuot.blogspot.com/search/label/Download .. tùy ý thích của bạn

Khi bạn chọn đường link như vậy thì khi bạn click đến link đó widget mới hiển thị, còn những đường dẫn khác widget đó sẽ không hiển thị

4. Widget chỉ hiển thị trên các trang Label

Trang label là trang có định dạng kiểu: http://bittuot.blogspot.com/search/label/Download

<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML4' locked='false' title='test 1' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.searchLabel'> 
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
</b:section>

5. Widget chỉ hiển thị trên các trang Static pages 

Trang Static pages là trang có định dạng kiểu:  http://bittuot.blogspot.com/p/index.html

<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML4' locked='false' title='test 1' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "static_page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
</b:section>

6. Widget hiển thị trên trang tìm kiếm

Trang Static pages là trang có định dạng kiểu:  http://bittuot.blogspot.com/search?q=collagen
Là trang hiển thị các kết quả tìm kiếm trên trang của bạn.

<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML4' locked='false' title='test 1' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.searchQuery'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
</b:section>

7. Widget chỉ hiển thị tại trang lưu trữ

Trang lưu trữ là trang có dạng kiểu: http://bittuot.blogspot.com/2013/06

<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML4' locked='false' title='test 1' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "archive"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
</b:section>


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

Sunday, August 4, 2013

Cách chèn Like Fanpage Facebook vào website - Blogsspot

Hướng dẫn cách chèn Like Fanpage Facebook vào website - Blogsspot

Hướng dẫn cách chèn Like Fanpage Facebook vào website - Blogsspot.Hướng dẫn cách chèn Fanpage Facebook vào website - Blogsspot - Wordpress - Code để chèn Like Fanpage Facebook vào website - Blogsspot . Hướng dẫn cách chèn Likebox vào Website Blog. Hướng dẫn chèn Fanpage vào website Wordpress

Cách chèn chèn Like Fanpage Facebook vào Blogsspot

Để chèn Like Fanpage Facebook vào cho blogspot rất đơn giản bạn chỉ cần làm theo các bước sau:

Hướng dẫn cách chèn Like Fanpage Facebook vào website - Blogsspot


Đăng nhập blogspot => Vào phần Bố Cục => Thêm Tiện ích => Tìm đến HTML/Javascript (thêm nó vào) và cho đoạn code sau vào là Ok

<div><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/Collagenvieskin&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe>
</div>

Những phần chữ màu đỏ bạn cần sửa lại nhé
- Thay https://www.facebook.com/Collagenvieskin thành link Fanpage Facebook của bạn
width=245 là độ rộng của khung
- height=270 chiều dài khung


Đối với web site thì bạn tùy bến nhé thêm đoạn code trên và dùng CSS hợp lý để bạn thêm vào sao cho đẹp và hợp lý

Cách chèn chèn Like Fanpage Facebook vào Wordpess

Cách rất đơn giản bạn chỉ cần vào đây down tải về  link down tại đây   hoặc lên google tìm kiếm với từ plugin wordpress likebox facebook 

Một số hình ảnh của plugin Facebook Like Box Widget

Hướng dẫn cách chèn Like Fanpage Facebook vào website - Blogsspot
Các tùy chọn cài đặt của bạn tại đây

Hướng dẫn cách chèn Like Fanpage Facebook vào website - Blogsspot


Tuesday, July 30, 2013

Cách tạo Popup Likebox Fanpage Facebook cho Website/Blog

Cách tạo Popup hiển thị Like box Fanpage Facebook cho Website - Blogspot
Cách tạo Popup hiển thị Like box Fanpage Facebook cho Website / Blogspot . Cách tạo Popup hiển thị Like box Fanpage Facebook cho Website - Blogspot  khi vào website blogspot. Code Popup hiển thị likebox của Fanpage facebook trên Website - Blogspot

Bài viết bạn có thể quan tâm:

Cách chèn Like Fanpage Facebook vào website - Blogsspot ở vị trí nhất định
Cách tăng like Fanpage Facebook - Code Auto Like

Bạn muốn Popup hiển thị Like box Fanpage Facebook cho Website - Blogspot  khi có người truy cập website blogspot của bạn. Sau đây mình xin hướng dẫn các bạn cách tạo Popup hiển thị Like box Fanpage Facebook cho Website - Blogspot  , popup này sẽ xuất hiện  ngay trước blog - website  của bạn với 1 khoảng thời gian định trước kèm theo đó là hiệu ứng lightbox. Trang fanpage sẽ hiện ra, làm tối đi những phần khác trên blog/web của bạn và sẽ trượt xuống khi bạn kéo thanh cuộn, cách này sẽ thu hút sự chú ý của người dùng truy cập click Like cho bạn. Các bạn hãy thực hiện theo các bước dưới đây :

Cách tạo Popup hiển thị Like box Fanpage Facebook cho Website - Blogspot

Bước 1 : Chèn đoạn code CSS này vào file "*.css" bất kỳ trong thư mục CSS website của bạn. (Đối với blogspot bạn chèn đoạn code CSS bên dưới vào trước thẻ ]]></b:skin>)

#fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 110004; display: none; } 
#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDskqJtZLFd3UaBqwzHXY2J_v2jcFIxHUY584WH3X-DujX0gbqOt82XG02NuqLj2cFkSP5M_mp5p4UpSHL3NpFJDt29ITGqbwBTu-RjV8K77PAgH-j3bfaVm_xN5NX6om-dIhyphenhyphenVVJ4WrVy/s480/fancybox.png'); } 
#fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 110000; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } 
#fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 110001; outline: none; display: none; } 
#fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; border: 3px dashed #ccc; } 
#fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDskqJtZLFd3UaBqwzHXY2J_v2jcFIxHUY584WH3X-DujX0gbqOt82XG02NuqLj2cFkSP5M_mp5p4UpSHL3NpFJDt29ITGqbwBTu-RjV8K77PAgH-j3bfaVm_xN5NX6om-dIhyphenhyphenVVJ4WrVy/s480/fancybox.png') -40px 0px; cursor: pointer; z-index: 110003; display: none; }


Bước 2 : Chèn đoạn Script dưới đây trước thẻ </html> trong website của bạn.


<!--popup box like Facebook--> 
<script src="https://dl.dropboxusercontent.com/u/95745796/Popuplikebox/launch.js" type="text/javascript"></script> 
<script src="https://dl.dropboxusercontent.com/u/95745796/Popuplikebox/scs.js" type="text/javascript"></script> 
<script src="https://dl.dropboxusercontent.com/u/95745796/Popuplikebox/sl_kenny.js" type="text/javascript"></script> 
<script type="text/javascript">/* 

<![CDATA[ */ var lb_l_ret = {"fb_id":"132027046921715","display_on_post":"1"," show_once":"15","delay":"2000","display_on_page": "","fancybox":"","display_on_homepage":"","faceboo kheader":"","gaevent":"","eam":"","display_on_arch ive":"","hideonlike":""}; /* ]]> */ </script> 

<!--End popup box like Facebook-->

Bước 3 : Sửa lại ID của fanpage facebook của bạn tại dòng "fb_id":"132027046921715"

Bạn lấy id bằng cách này nhé: Bạn vào Fanpage của bạn => Chỉnh sửa thiết đặt

Cách tạo Popup hiển thị Like box Fanpage Facebook cho Website - Blogspot


Sau đó bạn để ý đến link web hiện tại bạn sẽ thấy phần ID ở đó

Cách tạo Popup hiển thị Like box Fanpage Facebook cho Website - Blogspot


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