Ẩn link trỏ đến Youtube trong video chèn vào Blog

Thủ Thuât Công Nghệ - Bạn là một Blogger? Dù bạn đến với Blog do đam mê, công việc hay vì một lí do nào khác thì những công việc bạn cần thực hiện blog đều là như nhau. Để blog của bạn có thể thu hút một lượng lớn lượng truy cập hay nói cách khác là giữ chân người đọc thì bạn cần thường xuyên cập nhật nội dung bài viết, hình ảnh, video; xây dựng những nội dung thật chất lượng hướng tới nhu cầu thực sự của người dùng. Một trong những nguyên tắc giúp nâng cao chất lượng blog của bạn đó chính là khả năng liên kết nội bộ cao, hạn chế lượng link out càng ít càng tốt. 

Nguyên nhân khiến link out ra ngoài là do link web khác được đặt trong blog của bạn, video là một trong những ví dụ điển hình cho điều đó. Vì vậy lời khuyên cho bạn là tìm cách ẩn link youtube trên video. Thực hiện điều đó như thế nào? Chúng tôi sẽ giải đáp cho bạn đọc trong bài viết với nội dung dưới đây:

1. Ẩn link trỏ đến Youtube trong video chèn vào Blog

Khi chèn video vào website hay blog, thay vì chèn Url của video 1 cách đơn giản vào blog wordpress hoặc copy mã nhúng tại mục chia sẻ của Youtube để chèn vào bài đăng thì bạn có thể dùng đoạn code sau để chèn video từ youtube, logo youtube và link trỏ đến youtube sẽ được ẩn hoàn toàn cho dù người dùng có click chuột phải để tìm Url.

<iframe src="//www.youtube.com/embed/xxxxxx? theme=light&autoplay=0&vq=hd720&wmode=opaque&rel=0&showinfo=0&modestbranding=1&version=3&ps=docs&nologo=1&color=white&iv_load_policy=0&cc_load_policy=1" height="400" width="100%" allowfullscreen="" frameborder="0"></iframe>

Đơn giản bạn chỉ cần thay đổi xxxxxx thành ID video mà bạn muốn chèn, ngoài ra có 1 số tùy chỉnh có thể bạn muốn thay đổi như sau:

autoplay=0 // đặt giá trị = 0 – không tự động chạy video, giá trị = 1 – bật autoplay

vq=hd720 // chất lượng video mà bạn muốn để mặc định, có thể 360, 480,…

rel=0 // tắt video liên quan sau khi chạy hết video, để giá trị =1 nếu bật video liên quan

nologo=1 // bật chế độ không hiển thị logo, để = 0 nếu muốn hiển thị logo

color=white // màu đỏ nếu là mặc định của youtube

Ngoài ra bạn còn có thể tùy chỉnh chiều rộng, chiều cao của video,…

Ưu điểm: Sử dụng cách này bạn đương nhiên biến video trên youtube thành của riêng mình mà những độc giả bình thường khó tìm đến video trên youtube để xem, giữ chân được độc giả ở lại lâu trên blog cũng như video có tốc độ load nhanh, tiết kiệm băng thông,…

Bạn có thể tham khảo thêm bài Tạo khung nhúng video từ Youtube cho blogger

Nhược điểm: Youtube hay đúng hơn là Google không cho phép bạn giấu hoàn toàn link trỏ ngược về youtube khi chèn video vào website và nếu trang web của bạn là trang chỉ gồm có video thì hãy dè chừng nếu Google sờ đến rằng bạn vi phạm bản quyền.

Nguồn thuthuatcongnghe247.blogspot.com

Read More

Đất lành! - Tác giả: Xuân Môn

 Nhận xét:

Song thất lục bát tuy chưa nhặt ở một vài đoạn , nhưng âm vần khi đọc không gây điều khó chịu, dễ tạo một cảm xúc đáng nhớ, đáng yêu. Những cảnh quang trong bài đã được anh khắc họa lại rất hữu tình, hữu cảnh, làm xao động lưu luyến lòng người, tuy chưa hề đặt chân tới. Cách dụng từ, dụng chữ cũng rất hay hay, thú vị. Chúc anh ngày mỗi an vui cuộc đời.

Lên đèo nắng xế chia đôi
Nửa nằm cuối dốc nửa trôi sương mờ
Mây ôm cổ núi thẫn thờ
Dã quỳ đổ hết vàng mơ sang chiều

Thông già gọi gió ru yêu
Thương ai suối chảy cạn chiều tương tư
Giữa đèo bên thực bên hư
Bên còn xa ngái bên như đã gần

Đỉnh đèo trời đất khó phân
Cách nhau chưa tới nửa lần với tay
Lạc miền sinh thái men say
Bồng lai cũng đến thế này mà thôi

Hồ xanh thuyền mộng mơ trôi
Thác nguyên sơ gọi cùng người tắm tiên
Hòa mình vũ điệu cồng chiêng
Rượu cần cong vít ngả nghiêng nhà sàn

Níu lòng mặc khách nhân gian
Duyên thầm em chuốc rót tràn đêm say
Đêm tàn tay bịn rịn... tay
Mong dài thêm mãi phút giây... dùng dằng

Hồn thơ lạc bến cung hằng
Tình vương mây gió xa trăng... chẳng đành
Măng Đen* chim đậu đất lành
Người về mang nửa ngàn xanh xuống đèo...

                                         Tháng 02/2016
                                              Xuân Môn

Bạn có thể tham khảo các bài thơ trong Bầu rượu túi thơ do  Khanhnguyen' s blog sưu tập từ trên các diễn đàn mạng xã hội

Chú thích: Măng Đen là khu du lịch sinh thái nổi tiếng ở Kon Tum, tây nguyên và miền trung; thuộc tuyến du lịch “Con đường xanh Tây Nguyên” nối các di sản thế giới của Việt Nam với các di sản thế giới của 2 nước Lào và Campuchia. Ở độ cao hơn 1.000m so với mực nước biển, được mệnh danh là “Đà Lạt thứ hai” của Tây Nguyên..

Read More

Sợ - Tác giả: Nguyễn ngọc Hồng Phước​_

Comment:

Cảm nhận đơn côi thật dễ thương, dễ mến. Đọc thơ của anh, lòng còn cảm thức nhẹ nhàng, thương nhớ, mộc mạc, chân tình. Gửi lời chúc anh những ngày vui mới, dạt dào thơ ca. 

💘💝💔

Ta nhặt được tình của ai rơi vung vãi,
Đem vào lòng, rồi từ đó giữ nâng niu,,,
Đêm nồng ấm,,, gói tròn chung kỷ niệm,,,
_Rồi ấp iu trân quý mãi,, thật nhiều..!;

Trời trong vắt, vài cụm mây trôi bảng lảng,,,,
Gió nhẹ giao mùa,,tản mạn,,lá đung đưa,
Nghe nhung nhớ, viết đôi dòng tản mạn.
Nụ hoa tình hé nở giữa ban trưa,,,!!!

Sao ta thấy,,,lòng mình như,,,xao xuyến vậy?
Mới vắng trăng thôi, sao lại thấy nghẹn ngào!
Lỡ mai mốt trăng thôi không về nữa!
Chắc sẽ buồn,,sẽ nhớ,, sẽ nao nao,,,!!

Trời nóng bức! Gió trưa buồn không chịu thổi,
Liễu gục đầu đứng yên lặng giữa trưa oi,
Chim uể oải chuyền cành ngơ ngác gọi,
Giọng thê lương than thở mất nhau rồi..

Trên sông vắng, không một bóng thuyền xuôi ngược,
Sông lặng thầm,, dừng hẵng lại chẳng buồn trôi,
Trăng đâu rồi?,,,đêm chỉ nhớ trăng thôi!
Vắng mấy tối, sao bồi hồi đến vậy?,,

💖💗💟

Ta sợ lắm những đêm khuya dài cô độc,
Nghe tiếng thạch sùng chắt lưỡi thật thê lương,
Đêm trăng sáng nhìn trăng buồn như khóc,
Dường như là nức nở nhớ người thương.!

Ta cũng sợ,,, sợ những đêm dài tăm tối,
Đêm tối đen, dõi tìm lâu,,,chẳng thấy nàng,
Đèn onl tắt, nỗi nhớ về lặng lẽ.
Ôi,,, nhẹ nhàng,,nhưng miên man,, miên man,,,

Ta sợ nhất là,,, là tình yêu tan vỡ,,,,
Sợ cho ta,,và,,, cũng rất sợ cho nàng,
Thiếu kiên định,, tình mong manh dễ vỡ,,,
Sợ đêm dài,,, trống rỗng,,,lỡ đi hoang,,,,,!!!

ANGIANG. Ngày 02/05/2016.

Thơ: +Nguyễn ngọc Hồng Phước​_



Bạn có thể tham khảo các bài thơ trong Bầu rượu túi thơ do  Khanhnguyen' s blog sưu tập từ trên các diễn đàn mạng xã hội

Bạn có thể xem thêm ở các bài thơ : Trăng đêm đông.- Bến Mơ. - Dĩ vãng  của anh Hồng Phước mà Khanhnguyen' s blog đã có dịp giao lưu

Read More

Code Danh Ngôn Ngẫu Nhiên (Random Quote)

Các bạn có muốn trang blog của mình mỗi lần load là một câu danh ngôn khác xuất hhiện không ? Cũng hay đấy chứ , nếu vậy hãy copy đoạn code này và past vào blog mình nhé , đoạn code này đã có danh ngôn sẵn, nếu muốn thì các bạn có thể sửa lại theo ý mình.

Lưu ý : dành trang blog hộ trợ tốt HTML và JavaScript . Chúc thành công .

<script type="text/javascript">
var Quotation=new Array() 
Quotation[0] =" Một trong những hạnh phúc lớn nhất ở đời này là tình bạn, và một trong những hạnh phúc của tình bạn 

là có một người để gửi gắm những tâm sự thầm kín";
Quotation[1] = "Chẳng bao giờ xảy ra chuyện ta yêu mà người con gái không hề hay biết – ta tin rằng mình đã tỏ tình 

một cách rõ ràng bằng một giọng nói, một cái chạm tay";
Quotation[2] =  " Có một định mệnh biến chúng ta thành anh em: Không ai đi đường một mình, tất cả những gì ta gửi 

vào cuộc đời của người khác sẽ quay trở về cuộc đời của ta ";
Quotation[3] = "Tình yêu trong xa cách ví như ngọn lửa trong gió. Gió thổi tắt ngọn lửa nhỏ và thổi bùng ngọn lửa lớn ";
Quotation[4] = " Mỗi ngày bạn cho đi một nụ cười thì bạn đã nhận lại một niềm vui - blog thantoc";
Quotation[5] = "Tình yêu nâng cao con người thoát khỏi sự tầm thường ";
Quotation[6] = " Trên thế gian này chẳng có vị thần nào đẹp hơn thần  mặt trời, chẳng có ngọn lửa nào kỳ diệu hơn 

ngọn lửa tình yêu";
Quotation[7] =" Hãy để cho người chết đi tìm sự bất tử trong danh vọng và những người sống đi tìm sự bất tử trong 

tình yêu";
Quotation[8] = "Chỉ có kẻ nào yêu mà không mong được yêu trả lại, mới chắc chắn là mình thật yêu ai hơn tất cả mà 

thôi ";
Quotation[9] = "Khi hai người yêu nhau, họ không nhìn nhau mà họ cùng nhìn về một hướng";
Quotation[10] ="Khi một tâm hồn mở ra để đón tình yêu thì bỗng dưng có hàng ngàn cách để biểu lộ tình yêu ấy";
Quotation[11] ="Tình yêu là một vị thần trẻ con. Hễ khi đã yêu thì dù là bậc thánh cũng biến thành một đứa trẻ con 

không hơn không kém ";
Quotation[12] ="Tình yêu là sự rung cảm của một tâm hồn khi gặp một tâm hồn đồng điệu, là sự hòa nhịp của hai trái 

tim, làm người ta nhìn thấy mọi vật tươi đẹp hơn ";
Quotation[13] ="Hãy làm cuộc đời bạn tràn đầy sự ngọt ngào. Hãy nói những lời nói thân thương khi bạn còn nghe 

được và khi tim bạn còn rung động ";
Quotation[14] =" Hãy đối xử với bạn bè như đối xử với  những bức tranh, nghĩa là hãy đặt họ ở những góc độ có nhiều 

ánh sáng nhất ";
Quotation[15] ="Tình yêu làm cho ta vui sướng nhất nhưng cũng làm cho ta đau khổ nhất";
Quotation[16] ="Ái tình không nhìn bằng mắt mà bằng tâm hồn. Vì vậy, nhân loại khắc họa Thần Tình ái có hai cánh 

nhưng con mắt mù lòa ";
Quotation[17] ="Lòng trung thành là điều tốt đẹp nhất bạn có thể đem trao tặng một người: Sự thật, lòng tin cậy, tình 

bạn và tình yêu đều tùy thuộc vào điều đó cả";
Quotation[18] =" Yêu có nghĩa là đối xử với một ai đó tốt hơn tất cả mọi người, tốt hơn với cả chính bản thân mình ";
Quotation[19] ="Sự đau khổ làm cho tâm hồn thêm nhẹ nhàng và thanh cao ";
Quotation[20] ="  Bạn thân là người luôn quan tâm , sẻ chia , ủng hộ , can ngăn và vực dậy ta mỗi khi sa ngã";
Quotation[21] ="Yêu vì mục đích được yêu là con người, nhưng yêu vì mục đích yêu là thiên thần ";
Quotation[22] ="Thời gian không dành cho tình yêu là thời gian lãng phí ";
Quotation[23] =" Giọt nước mắt đầu tiên của tình yêu giống như hạt kim cương; giọt nước mắt thứ nhì giống như hạt 

ngọc; giọt nước mắt thứ ba giống như những giọt nước mắt khác, không hơn không kém";
Quotation[24] ="Thà rằng yêu em mà đau khổ còn hơn cả 1 đời ta không biết em ";
Quotation[25] ="";
Quotation[26] ="Hạnh phúc lớn nhất trên đời này  là tin rằng mình được yêu ";
Quotation[27] =" Biểu hiện đầu tiên của tình yêu chân thật ở người con trai là sự rụt rè, còn ở người con gái là sự táo 

bạo";
Quotation[28] ="Tất cả những gì anh yêu sẽ mất đi một nửa thú vị nếu không có em để cùng chia sẻ ";
Quotation[29] =" Em, chỉ mình em mới tạo cho anh cảm giác đang sống… Những người đàn ông khác bảo đã gặp 

được thiên thần nhưng anh đã thấy em và thế là đủ";
Quotation[30] =" Không người nào có thể tự nhiên trưởng thành trên đời này và có một cuộc sống hoàn hảo mà không 

có ít nhất một người hiểu mình";
var Q = Quotation.length;
var whichQuotation=Math.round(Math.random()*(Q-1));
function showQuotation(){document.write(Quotation[whichQuotation]);}
showQuotation();
</script>

14Dec2013

Read More

Tạo Button Comment Dạng Lightbox Blogger

Bạn để ý nút "Gửi trả lời"? Khi bấm vào nút này sẽ hiện nên khung comment. Hiện tại trong ví dụ này tôi mới chỉ tích hợp với comment blogger. Trong bài viết khác tôi sẽ tích hợp nhiều comment hơn như (facebook, google).

Áp dụng :

Bước 1: Thêm đoạn mã sau trước </head> (bấm Ctrl + F để tìm)

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
  <style type='text/css'>
  /*http://www.erhay.com */
  /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
   -moz-border-radius: 4px;
        border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px &quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(&#39;fancybox_sprite.png&#39;);
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(&#39;fancybox_loading.gif&#39;) center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(&#39;blank.gif&#39;); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}
.fancybox-lock body {
    overflow: hidden !important;
}
.fancybox-lock-test {
    overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url(&#39;fancybox_overlay.png&#39;);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px &quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn&#39;t support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
   -moz-border-radius: 15px;
        border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
   only screen and (min--moz-device-pixel-ratio: 1.5),
   only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(&#39;fancybox_sprite@2x.png&#39;);
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
background-image: url(&#39;fancybox_loading@2x.gif&#39;);
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
  </style>
  <script type='text/javascript'>
    //<![CDATA[
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
(function(r,G,f,v){var J=f("html"),n=f(r),p=f(G),b=f.fancybox=function(){b.open.apply(this,arguments)},I=navigator.userAgent.match(/msie/i),B=null,s=G.createTouch!==v,t=function(a){return a&&a.hasOwnProperty&&a instanceof f},q=function(a){return a&&"string"===f.type(a)},E=function(a){return q(a)&&0<a.indexOf("%")},l=function(a,d){var e=parseInt(a,10)||0;d&&E(a)&&(e*=b.getViewport()[d]/100);return Math.ceil(e)},w=function(a,b){return l(a,b)+"px"};f.extend(b,{version:"2.1.5",defaults:{padding:15,margin:20,
width:800,height:600,minWidth:100,minHeight:100,maxWidth:9999,maxHeight:9999,pixelRatio:1,autoSize:!0,autoHeight:!1,autoWidth:!1,autoResize:!0,autoCenter:!s,fitToView:!0,aspectRatio:!1,topRatio:0.5,leftRatio:0.5,scrolling:"auto",wrapCSS:"",arrows:!0,closeBtn:!0,closeClick:!1,nextClick:!1,mouseWheel:!0,autoPlay:!1,playSpeed:3E3,preload:3,modal:!1,loop:!0,ajax:{dataType:"html",headers:{"X-fancyBox":!0}},iframe:{scrolling:"auto",preload:!0},swf:{wmode:"transparent",allowfullscreen:"true",allowscriptaccess:"always"},
keys:{next:{13:"left",34:"up",39:"left",40:"up"},prev:{8:"right",33:"down",37:"right",38:"down"},close:[27],play:[32],toggle:[70]},direction:{next:"left",prev:"right"},scrollOutside:!0,index:0,type:null,href:null,content:null,title:null,tpl:{wrap:'<div class="fancybox-wrap" tabIndex="-1"><div class="fancybox-skin"><div class="fancybox-outer"><div class="fancybox-inner"></div></div></div></div>',image:'<img class="fancybox-image" src="{href}" alt="" />',iframe:'<iframe id="fancybox-frame{rnd}" name="fancybox-frame{rnd}" class="fancybox-iframe" frameborder="0" vspace="0" hspace="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen'+
(I?' allowtransparency="true"':"")+"></iframe>",error:'<p class="fancybox-error">The requested content cannot be loaded.<br/>Please try again later.</p>',closeBtn:'<a title="Close" class="fancybox-item fancybox-close" href="javascript:;"></a>',next:'<a title="Next" class="fancybox-nav fancybox-next" href="javascript:;"><span></span></a>',prev:'<a title="Previous" class="fancybox-nav fancybox-prev" href="javascript:;"><span></span></a>'},openEffect:"fade",openSpeed:250,openEasing:"swing",openOpacity:!0,
openMethod:"zoomIn",closeEffect:"fade",closeSpeed:250,closeEasing:"swing",closeOpacity:!0,closeMethod:"zoomOut",nextEffect:"elastic",nextSpeed:250,nextEasing:"swing",nextMethod:"changeIn",prevEffect:"elastic",prevSpeed:250,prevEasing:"swing",prevMethod:"changeOut",helpers:{overlay:!0,title:!0},onCancel:f.noop,beforeLoad:f.noop,afterLoad:f.noop,beforeShow:f.noop,afterShow:f.noop,beforeChange:f.noop,beforeClose:f.noop,afterClose:f.noop},group:{},opts:{},previous:null,coming:null,current:null,isActive:!1,
isOpen:!1,isOpened:!1,wrap:null,skin:null,outer:null,inner:null,player:{timer:null,isActive:!1},ajaxLoad:null,imgPreload:null,transitions:{},helpers:{},open:function(a,d){if(a&&(f.isPlainObject(d)||(d={}),!1!==b.close(!0)))return f.isArray(a)||(a=t(a)?f(a).get():[a]),f.each(a,function(e,c){var k={},g,h,j,m,l;"object"===f.type(c)&&(c.nodeType&&(c=f(c)),t(c)?(k={href:c.data("fancybox-href")||c.attr("href"),title:c.data("fancybox-title")||c.attr("title"),isDom:!0,element:c},f.metadata&&f.extend(!0,k,
c.metadata())):k=c);g=d.href||k.href||(q(c)?c:null);h=d.title!==v?d.title:k.title||"";m=(j=d.content||k.content)?"html":d.type||k.type;!m&&k.isDom&&(m=c.data("fancybox-type"),m||(m=(m=c.prop("class").match(/fancybox\.(\w+)/))?m[1]:null));q(g)&&(m||(b.isImage(g)?m="image":b.isSWF(g)?m="swf":"#"===g.charAt(0)?m="inline":q(c)&&(m="html",j=c)),"ajax"===m&&(l=g.split(/\s+/,2),g=l.shift(),l=l.shift()));j||("inline"===m?g?j=f(q(g)?g.replace(/.*(?=#[^\s]+$)/,""):g):k.isDom&&(j=c):"html"===m?j=g:!m&&(!g&&
k.isDom)&&(m="inline",j=c));f.extend(k,{href:g,type:m,content:j,title:h,selector:l});a[e]=k}),b.opts=f.extend(!0,{},b.defaults,d),d.keys!==v&&(b.opts.keys=d.keys?f.extend({},b.defaults.keys,d.keys):!1),b.group=a,b._start(b.opts.index)},cancel:function(){var a=b.coming;a&&!1!==b.trigger("onCancel")&&(b.hideLoading(),b.ajaxLoad&&b.ajaxLoad.abort(),b.ajaxLoad=null,b.imgPreload&&(b.imgPreload.onload=b.imgPreload.onerror=null),a.wrap&&a.wrap.stop(!0,!0).trigger("onReset").remove(),b.coming=null,b.current||
b._afterZoomOut(a))},close:function(a){b.cancel();!1!==b.trigger("beforeClose")&&(b.unbindEvents(),b.isActive&&(!b.isOpen||!0===a?(f(".fancybox-wrap").stop(!0).trigger("onReset").remove(),b._afterZoomOut()):(b.isOpen=b.isOpened=!1,b.isClosing=!0,f(".fancybox-item, .fancybox-nav").remove(),b.wrap.stop(!0,!0).removeClass("fancybox-opened"),b.transitions[b.current.closeMethod]())))},play:function(a){var d=function(){clearTimeout(b.player.timer)},e=function(){d();b.current&&b.player.isActive&&(b.player.timer=
setTimeout(b.next,b.current.playSpeed))},c=function(){d();p.unbind(".player");b.player.isActive=!1;b.trigger("onPlayEnd")};if(!0===a||!b.player.isActive&&!1!==a){if(b.current&&(b.current.loop||b.current.index<b.group.length-1))b.player.isActive=!0,p.bind({"onCancel.player beforeClose.player":c,"onUpdate.player":e,"beforeLoad.player":d}),e(),b.trigger("onPlayStart")}else c()},next:function(a){var d=b.current;d&&(q(a)||(a=d.direction.next),b.jumpto(d.index+1,a,"next"))},prev:function(a){var d=b.current;
d&&(q(a)||(a=d.direction.prev),b.jumpto(d.index-1,a,"prev"))},jumpto:function(a,d,e){var c=b.current;c&&(a=l(a),b.direction=d||c.direction[a>=c.index?"next":"prev"],b.router=e||"jumpto",c.loop&&(0>a&&(a=c.group.length+a%c.group.length),a%=c.group.length),c.group[a]!==v&&(b.cancel(),b._start(a)))},reposition:function(a,d){var e=b.current,c=e?e.wrap:null,k;c&&(k=b._getPosition(d),a&&"scroll"===a.type?(delete k.position,c.stop(!0,!0).animate(k,200)):(c.css(k),e.pos=f.extend({},e.dim,k)))},update:function(a){var d=
a&&a.type,e=!d||"orientationchange"===d;e&&(clearTimeout(B),B=null);b.isOpen&&!B&&(B=setTimeout(function(){var c=b.current;c&&!b.isClosing&&(b.wrap.removeClass("fancybox-tmp"),(e||"load"===d||"resize"===d&&c.autoResize)&&b._setDimension(),"scroll"===d&&c.canShrink||b.reposition(a),b.trigger("onUpdate"),B=null)},e&&!s?0:300))},toggle:function(a){b.isOpen&&(b.current.fitToView="boolean"===f.type(a)?a:!b.current.fitToView,s&&(b.wrap.removeAttr("style").addClass("fancybox-tmp"),b.trigger("onUpdate")),
b.update())},hideLoading:function(){p.unbind(".loading");f("#fancybox-loading").remove()},showLoading:function(){var a,d;b.hideLoading();a=f('<div id="fancybox-loading"><div></div></div>').click(b.cancel).appendTo("body");p.bind("keydown.loading",function(a){if(27===(a.which||a.keyCode))a.preventDefault(),b.cancel()});b.defaults.fixed||(d=b.getViewport(),a.css({position:"absolute",top:0.5*d.h+d.y,left:0.5*d.w+d.x}))},getViewport:function(){var a=b.current&&b.current.locked||!1,d={x:n.scrollLeft(),
y:n.scrollTop()};a?(d.w=a[0].clientWidth,d.h=a[0].clientHeight):(d.w=s&&r.innerWidth?r.innerWidth:n.width(),d.h=s&&r.innerHeight?r.innerHeight:n.height());return d},unbindEvents:function(){b.wrap&&t(b.wrap)&&b.wrap.unbind(".fb");p.unbind(".fb");n.unbind(".fb")},bindEvents:function(){var a=b.current,d;a&&(n.bind("orientationchange.fb"+(s?"":" resize.fb")+(a.autoCenter&&!a.locked?" scroll.fb":""),b.update),(d=a.keys)&&p.bind("keydown.fb",function(e){var c=e.which||e.keyCode,k=e.target||e.srcElement;
if(27===c&&b.coming)return!1;!e.ctrlKey&&(!e.altKey&&!e.shiftKey&&!e.metaKey&&(!k||!k.type&&!f(k).is("[contenteditable]")))&&f.each(d,function(d,k){if(1<a.group.length&&k[c]!==v)return b[d](k[c]),e.preventDefault(),!1;if(-1<f.inArray(c,k))return b[d](),e.preventDefault(),!1})}),f.fn.mousewheel&&a.mouseWheel&&b.wrap.bind("mousewheel.fb",function(d,c,k,g){for(var h=f(d.target||null),j=!1;h.length&&!j&&!h.is(".fancybox-skin")&&!h.is(".fancybox-wrap");)j=h[0]&&!(h[0].style.overflow&&"hidden"===h[0].style.overflow)&&
(h[0].clientWidth&&h[0].scrollWidth>h[0].clientWidth||h[0].clientHeight&&h[0].scrollHeight>h[0].clientHeight),h=f(h).parent();if(0!==c&&!j&&1<b.group.length&&!a.canShrink){if(0<g||0<k)b.prev(0<g?"down":"left");else if(0>g||0>k)b.next(0>g?"up":"right");d.preventDefault()}}))},trigger:function(a,d){var e,c=d||b.coming||b.current;if(c){f.isFunction(c[a])&&(e=c[a].apply(c,Array.prototype.slice.call(arguments,1)));if(!1===e)return!1;c.helpers&&f.each(c.helpers,function(d,e){if(e&&b.helpers[d]&&f.isFunction(b.helpers[d][a]))b.helpers[d][a](f.extend(!0,
{},b.helpers[d].defaults,e),c)});p.trigger(a)}},isImage:function(a){return q(a)&&a.match(/(^data:image\/.*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg)((\?|#).*)?$)/i)},isSWF:function(a){return q(a)&&a.match(/\.(swf)((\?|#).*)?$/i)},_start:function(a){var d={},e,c;a=l(a);e=b.group[a]||null;if(!e)return!1;d=f.extend(!0,{},b.opts,e);e=d.margin;c=d.padding;"number"===f.type(e)&&(d.margin=[e,e,e,e]);"number"===f.type(c)&&(d.padding=[c,c,c,c]);d.modal&&f.extend(!0,d,{closeBtn:!1,closeClick:!1,nextClick:!1,arrows:!1,
mouseWheel:!1,keys:null,helpers:{overlay:{closeClick:!1}}});d.autoSize&&(d.autoWidth=d.autoHeight=!0);"auto"===d.width&&(d.autoWidth=!0);"auto"===d.height&&(d.autoHeight=!0);d.group=b.group;d.index=a;b.coming=d;if(!1===b.trigger("beforeLoad"))b.coming=null;else{c=d.type;e=d.href;if(!c)return b.coming=null,b.current&&b.router&&"jumpto"!==b.router?(b.current.index=a,b[b.router](b.direction)):!1;b.isActive=!0;if("image"===c||"swf"===c)d.autoHeight=d.autoWidth=!1,d.scrolling="visible";"image"===c&&(d.aspectRatio=
!0);"iframe"===c&&s&&(d.scrolling="scroll");d.wrap=f(d.tpl.wrap).addClass("fancybox-"+(s?"mobile":"desktop")+" fancybox-type-"+c+" fancybox-tmp "+d.wrapCSS).appendTo(d.parent||"body");f.extend(d,{skin:f(".fancybox-skin",d.wrap),outer:f(".fancybox-outer",d.wrap),inner:f(".fancybox-inner",d.wrap)});f.each(["Top","Right","Bottom","Left"],function(a,b){d.skin.css("padding"+b,w(d.padding[a]))});b.trigger("onReady");if("inline"===c||"html"===c){if(!d.content||!d.content.length)return b._error("content")}else if(!e)return b._error("href");
"image"===c?b._loadImage():"ajax"===c?b._loadAjax():"iframe"===c?b._loadIframe():b._afterLoad()}},_error:function(a){f.extend(b.coming,{type:"html",autoWidth:!0,autoHeight:!0,minWidth:0,minHeight:0,scrolling:"no",hasError:a,content:b.coming.tpl.error});b._afterLoad()},_loadImage:function(){var a=b.imgPreload=new Image;a.onload=function(){this.onload=this.onerror=null;b.coming.width=this.width/b.opts.pixelRatio;b.coming.height=this.height/b.opts.pixelRatio;b._afterLoad()};a.onerror=function(){this.onload=
this.onerror=null;b._error("image")};a.src=b.coming.href;!0!==a.complete&&b.showLoading()},_loadAjax:function(){var a=b.coming;b.showLoading();b.ajaxLoad=f.ajax(f.extend({},a.ajax,{url:a.href,error:function(a,e){b.coming&&"abort"!==e?b._error("ajax",a):b.hideLoading()},success:function(d,e){"success"===e&&(a.content=d,b._afterLoad())}}))},_loadIframe:function(){var a=b.coming,d=f(a.tpl.iframe.replace(/\{rnd\}/g,(new Date).getTime())).attr("scrolling",s?"auto":a.iframe.scrolling).attr("src",a.href);
f(a.wrap).bind("onReset",function(){try{f(this).find("iframe").hide().attr("src","//about:blank").end().empty()}catch(a){}});a.iframe.preload&&(b.showLoading(),d.one("load",function(){f(this).data("ready",1);s||f(this).bind("load.fb",b.update);f(this).parents(".fancybox-wrap").width("100%").removeClass("fancybox-tmp").show();b._afterLoad()}));a.content=d.appendTo(a.inner);a.iframe.preload||b._afterLoad()},_preloadImages:function(){var a=b.group,d=b.current,e=a.length,c=d.preload?Math.min(d.preload,
e-1):0,f,g;for(g=1;g<=c;g+=1)f=a[(d.index+g)%e],"image"===f.type&&f.href&&((new Image).src=f.href)},_afterLoad:function(){var a=b.coming,d=b.current,e,c,k,g,h;b.hideLoading();if(a&&!1!==b.isActive)if(!1===b.trigger("afterLoad",a,d))a.wrap.stop(!0).trigger("onReset").remove(),b.coming=null;else{d&&(b.trigger("beforeChange",d),d.wrap.stop(!0).removeClass("fancybox-opened").find(".fancybox-item, .fancybox-nav").remove());b.unbindEvents();e=a.content;c=a.type;k=a.scrolling;f.extend(b,{wrap:a.wrap,skin:a.skin,
outer:a.outer,inner:a.inner,current:a,previous:d});g=a.href;switch(c){case "inline":case "ajax":case "html":a.selector?e=f("<div>").html(e).find(a.selector):t(e)&&(e.data("fancybox-placeholder")||e.data("fancybox-placeholder",f('<div class="fancybox-placeholder"></div>').insertAfter(e).hide()),e=e.show().detach(),a.wrap.bind("onReset",function(){f(this).find(e).length&&e.hide().replaceAll(e.data("fancybox-placeholder")).data("fancybox-placeholder",!1)}));break;case "image":e=a.tpl.image.replace("{href}",
g);break;case "swf":e='<object id="fancybox-swf" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%"><param name="movie" value="'+g+'"></param>',h="",f.each(a.swf,function(a,b){e+='<param name="'+a+'" value="'+b+'"></param>';h+=" "+a+'="'+b+'"'}),e+='<embed src="'+g+'" type="application/x-shockwave-flash" width="100%" height="100%"'+h+"></embed></object>"}(!t(e)||!e.parent().is(a.inner))&&a.inner.append(e);b.trigger("beforeShow");a.inner.css("overflow","yes"===k?"scroll":
"no"===k?"hidden":k);b._setDimension();b.reposition();b.isOpen=!1;b.coming=null;b.bindEvents();if(b.isOpened){if(d.prevMethod)b.transitions[d.prevMethod]()}else f(".fancybox-wrap").not(a.wrap).stop(!0).trigger("onReset").remove();b.transitions[b.isOpened?a.nextMethod:a.openMethod]();b._preloadImages()}},_setDimension:function(){var a=b.getViewport(),d=0,e=!1,c=!1,e=b.wrap,k=b.skin,g=b.inner,h=b.current,c=h.width,j=h.height,m=h.minWidth,u=h.minHeight,n=h.maxWidth,p=h.maxHeight,s=h.scrolling,q=h.scrollOutside?
h.scrollbarWidth:0,x=h.margin,y=l(x[1]+x[3]),r=l(x[0]+x[2]),v,z,t,C,A,F,B,D,H;e.add(k).add(g).width("auto").height("auto").removeClass("fancybox-tmp");x=l(k.outerWidth(!0)-k.width());v=l(k.outerHeight(!0)-k.height());z=y+x;t=r+v;C=E(c)?(a.w-z)*l(c)/100:c;A=E(j)?(a.h-t)*l(j)/100:j;if("iframe"===h.type){if(H=h.content,h.autoHeight&&1===H.data("ready"))try{H[0].contentWindow.document.location&&(g.width(C).height(9999),F=H.contents().find("body"),q&&F.css("overflow-x","hidden"),A=F.outerHeight(!0))}catch(G){}}else if(h.autoWidth||
h.autoHeight)g.addClass("fancybox-tmp"),h.autoWidth||g.width(C),h.autoHeight||g.height(A),h.autoWidth&&(C=g.width()),h.autoHeight&&(A=g.height()),g.removeClass("fancybox-tmp");c=l(C);j=l(A);D=C/A;m=l(E(m)?l(m,"w")-z:m);n=l(E(n)?l(n,"w")-z:n);u=l(E(u)?l(u,"h")-t:u);p=l(E(p)?l(p,"h")-t:p);F=n;B=p;h.fitToView&&(n=Math.min(a.w-z,n),p=Math.min(a.h-t,p));z=a.w-y;r=a.h-r;h.aspectRatio?(c>n&&(c=n,j=l(c/D)),j>p&&(j=p,c=l(j*D)),c<m&&(c=m,j=l(c/D)),j<u&&(j=u,c=l(j*D))):(c=Math.max(m,Math.min(c,n)),h.autoHeight&&
"iframe"!==h.type&&(g.width(c),j=g.height()),j=Math.max(u,Math.min(j,p)));if(h.fitToView)if(g.width(c).height(j),e.width(c+x),a=e.width(),y=e.height(),h.aspectRatio)for(;(a>z||y>r)&&(c>m&&j>u)&&!(19<d++);)j=Math.max(u,Math.min(p,j-10)),c=l(j*D),c<m&&(c=m,j=l(c/D)),c>n&&(c=n,j=l(c/D)),g.width(c).height(j),e.width(c+x),a=e.width(),y=e.height();else c=Math.max(m,Math.min(c,c-(a-z))),j=Math.max(u,Math.min(j,j-(y-r)));q&&("auto"===s&&j<A&&c+x+q<z)&&(c+=q);g.width(c).height(j);e.width(c+x);a=e.width();
y=e.height();e=(a>z||y>r)&&c>m&&j>u;c=h.aspectRatio?c<F&&j<B&&c<C&&j<A:(c<F||j<B)&&(c<C||j<A);f.extend(h,{dim:{width:w(a),height:w(y)},origWidth:C,origHeight:A,canShrink:e,canExpand:c,wPadding:x,hPadding:v,wrapSpace:y-k.outerHeight(!0),skinSpace:k.height()-j});!H&&(h.autoHeight&&j>u&&j<p&&!c)&&g.height("auto")},_getPosition:function(a){var d=b.current,e=b.getViewport(),c=d.margin,f=b.wrap.width()+c[1]+c[3],g=b.wrap.height()+c[0]+c[2],c={position:"absolute",top:c[0],left:c[3]};d.autoCenter&&d.fixed&&
!a&&g<=e.h&&f<=e.w?c.position="fixed":d.locked||(c.top+=e.y,c.left+=e.x);c.top=w(Math.max(c.top,c.top+(e.h-g)*d.topRatio));c.left=w(Math.max(c.left,c.left+(e.w-f)*d.leftRatio));return c},_afterZoomIn:function(){var a=b.current;a&&(b.isOpen=b.isOpened=!0,b.wrap.css("overflow","visible").addClass("fancybox-opened"),b.update(),(a.closeClick||a.nextClick&&1<b.group.length)&&b.inner.css("cursor","pointer").bind("click.fb",function(d){!f(d.target).is("a")&&!f(d.target).parent().is("a")&&(d.preventDefault(),
b[a.closeClick?"close":"next"]())}),a.closeBtn&&f(a.tpl.closeBtn).appendTo(b.skin).bind("click.fb",function(a){a.preventDefault();b.close()}),a.arrows&&1<b.group.length&&((a.loop||0<a.index)&&f(a.tpl.prev).appendTo(b.outer).bind("click.fb",b.prev),(a.loop||a.index<b.group.length-1)&&f(a.tpl.next).appendTo(b.outer).bind("click.fb",b.next)),b.trigger("afterShow"),!a.loop&&a.index===a.group.length-1?b.play(!1):b.opts.autoPlay&&!b.player.isActive&&(b.opts.autoPlay=!1,b.play()))},_afterZoomOut:function(a){a=
a||b.current;f(".fancybox-wrap").trigger("onReset").remove();f.extend(b,{group:{},opts:{},router:!1,current:null,isActive:!1,isOpened:!1,isOpen:!1,isClosing:!1,wrap:null,skin:null,outer:null,inner:null});b.trigger("afterClose",a)}});b.transitions={getOrigPosition:function(){var a=b.current,d=a.element,e=a.orig,c={},f=50,g=50,h=a.hPadding,j=a.wPadding,m=b.getViewport();!e&&(a.isDom&&d.is(":visible"))&&(e=d.find("img:first"),e.length||(e=d));t(e)?(c=e.offset(),e.is("img")&&(f=e.outerWidth(),g=e.outerHeight())):
(c.top=m.y+(m.h-g)*a.topRatio,c.left=m.x+(m.w-f)*a.leftRatio);if("fixed"===b.wrap.css("position")||a.locked)c.top-=m.y,c.left-=m.x;return c={top:w(c.top-h*a.topRatio),left:w(c.left-j*a.leftRatio),width:w(f+j),height:w(g+h)}},step:function(a,d){var e,c,f=d.prop;c=b.current;var g=c.wrapSpace,h=c.skinSpace;if("width"===f||"height"===f)e=d.end===d.start?1:(a-d.start)/(d.end-d.start),b.isClosing&&(e=1-e),c="width"===f?c.wPadding:c.hPadding,c=a-c,b.skin[f](l("width"===f?c:c-g*e)),b.inner[f](l("width"===
f?c:c-g*e-h*e))},zoomIn:function(){var a=b.current,d=a.pos,e=a.openEffect,c="elastic"===e,k=f.extend({opacity:1},d);delete k.position;c?(d=this.getOrigPosition(),a.openOpacity&&(d.opacity=0.1)):"fade"===e&&(d.opacity=0.1);b.wrap.css(d).animate(k,{duration:"none"===e?0:a.openSpeed,easing:a.openEasing,step:c?this.step:null,complete:b._afterZoomIn})},zoomOut:function(){var a=b.current,d=a.closeEffect,e="elastic"===d,c={opacity:0.1};e&&(c=this.getOrigPosition(),a.closeOpacity&&(c.opacity=0.1));b.wrap.animate(c,
{duration:"none"===d?0:a.closeSpeed,easing:a.closeEasing,step:e?this.step:null,complete:b._afterZoomOut})},changeIn:function(){var a=b.current,d=a.nextEffect,e=a.pos,c={opacity:1},f=b.direction,g;e.opacity=0.1;"elastic"===d&&(g="down"===f||"up"===f?"top":"left","down"===f||"right"===f?(e[g]=w(l(e[g])-200),c[g]="+=200px"):(e[g]=w(l(e[g])+200),c[g]="-=200px"));"none"===d?b._afterZoomIn():b.wrap.css(e).animate(c,{duration:a.nextSpeed,easing:a.nextEasing,complete:b._afterZoomIn})},changeOut:function(){var a=
b.previous,d=a.prevEffect,e={opacity:0.1},c=b.direction;"elastic"===d&&(e["down"===c||"up"===c?"top":"left"]=("up"===c||"left"===c?"-":"+")+"=200px");a.wrap.animate(e,{duration:"none"===d?0:a.prevSpeed,easing:a.prevEasing,complete:function(){f(this).trigger("onReset").remove()}})}};b.helpers.overlay={defaults:{closeClick:!0,speedOut:200,showEarly:!0,css:{},locked:!s,fixed:!0},overlay:null,fixed:!1,el:f("html"),create:function(a){a=f.extend({},this.defaults,a);this.overlay&&this.close();this.overlay=
f('<div class="fancybox-overlay"></div>').appendTo(b.coming?b.coming.parent:a.parent);this.fixed=!1;a.fixed&&b.defaults.fixed&&(this.overlay.addClass("fancybox-overlay-fixed"),this.fixed=!0)},open:function(a){var d=this;a=f.extend({},this.defaults,a);this.overlay?this.overlay.unbind(".overlay").width("auto").height("auto"):this.create(a);this.fixed||(n.bind("resize.overlay",f.proxy(this.update,this)),this.update());a.closeClick&&this.overlay.bind("click.overlay",function(a){if(f(a.target).hasClass("fancybox-overlay"))return b.isActive?
b.close():d.close(),!1});this.overlay.css(a.css).show()},close:function(){var a,b;n.unbind("resize.overlay");this.el.hasClass("fancybox-lock")&&(f(".fancybox-margin").removeClass("fancybox-margin"),a=n.scrollTop(),b=n.scrollLeft(),this.el.removeClass("fancybox-lock"),n.scrollTop(a).scrollLeft(b));f(".fancybox-overlay").remove().hide();f.extend(this,{overlay:null,fixed:!1})},update:function(){var a="100%",b;this.overlay.width(a).height("100%");I?(b=Math.max(G.documentElement.offsetWidth,G.body.offsetWidth),
p.width()>b&&(a=p.width())):p.width()>n.width()&&(a=p.width());this.overlay.width(a).height(p.height())},onReady:function(a,b){var e=this.overlay;f(".fancybox-overlay").stop(!0,!0);e||this.create(a);a.locked&&(this.fixed&&b.fixed)&&(e||(this.margin=p.height()>n.height()?f("html").css("margin-right").replace("px",""):!1),b.locked=this.overlay.append(b.wrap),b.fixed=!1);!0===a.showEarly&&this.beforeShow.apply(this,arguments)},beforeShow:function(a,b){var e,c;b.locked&&(!1!==this.margin&&(f("*").filter(function(){return"fixed"===
f(this).css("position")&&!f(this).hasClass("fancybox-overlay")&&!f(this).hasClass("fancybox-wrap")}).addClass("fancybox-margin"),this.el.addClass("fancybox-margin")),e=n.scrollTop(),c=n.scrollLeft(),this.el.addClass("fancybox-lock"),n.scrollTop(e).scrollLeft(c));this.open(a)},onUpdate:function(){this.fixed||this.update()},afterClose:function(a){this.overlay&&!b.coming&&this.overlay.fadeOut(a.speedOut,f.proxy(this.close,this))}};b.helpers.title={defaults:{type:"float",position:"bottom"},beforeShow:function(a){var d=
b.current,e=d.title,c=a.type;f.isFunction(e)&&(e=e.call(d.element,d));if(q(e)&&""!==f.trim(e)){d=f('<div class="fancybox-title fancybox-title-'+c+'-wrap">'+e+"</div>");switch(c){case "inside":c=b.skin;break;case "outside":c=b.wrap;break;case "over":c=b.inner;break;default:c=b.skin,d.appendTo("body"),I&&d.width(d.width()),d.wrapInner('<span class="child"></span>'),b.current.margin[2]+=Math.abs(l(d.css("margin-bottom")))}d["top"===a.position?"prependTo":"appendTo"](c)}}};f.fn.fancybox=function(a){var d,
e=f(this),c=this.selector||"",k=function(g){var h=f(this).blur(),j=d,k,l;!g.ctrlKey&&(!g.altKey&&!g.shiftKey&&!g.metaKey)&&!h.is(".fancybox-wrap")&&(k=a.groupAttr||"data-fancybox-group",l=h.attr(k),l||(k="rel",l=h.get(0)[k]),l&&(""!==l&&"nofollow"!==l)&&(h=c.length?f(c):e,h=h.filter("["+k+'="'+l+'"]'),j=h.index(this)),a.index=j,!1!==b.open(h,a)&&g.preventDefault())};a=a||{};d=a.index||0;!c||!1===a.live?e.unbind("click.fb-start").bind("click.fb-start",k):p.undelegate(c,"click.fb-start").delegate(c+
":not('.fancybox-item, .fancybox-nav')","click.fb-start",k);this.filter("[data-fancybox-start=1]").trigger("click");return this};p.ready(function(){var a,d;f.scrollbarWidth===v&&(f.scrollbarWidth=function(){var a=f('<div style="width:50px;height:50px;overflow:auto"><div/></div>').appendTo("body"),b=a.children(),b=b.innerWidth()-b.height(99).innerWidth();a.remove();return b});if(f.support.fixedPosition===v){a=f.support;d=f('<div style="position:fixed;top:20px;"></div>').appendTo("body");var e=20===
d[0].offsetTop||15===d[0].offsetTop;d.remove();a.fixedPosition=e}f.extend(b.defaults,{scrollbarWidth:f.scrollbarWidth(),fixed:f.support.fixedPosition,parent:f("body")});a=f(r).width();J.addClass("fancybox-lock-test");d=f(r).width();J.removeClass("fancybox-lock-test");f("<style type='text/css'>.fancybox-margin{margin-right:"+(d-a)+"px;}</style>").appendTo("head")})})(window,document,jQuery);
    //]]>
</script>
  <script type='text/javascript'>
$(&quot;.fancybox&quot;).fancybox({
    openEffect  : &#39;none&#39;,
    closeEffect : &#39;none&#39;,
 overlayOpacity: 0.4,

helpers : {
        overlay : {
            opacity : 0.4,
            css : {
                &#39;background&#39; : &#39;rgba(0, 0, 0, 0.3)&#39;,
            }
        },
 title : {
            type : &#39;inside&#39;
        },
  href: &#39;http://www.erhay.com&#39;,
        overlay : {
            css : {
                &#39;background&#39; : &#39;rgba(255,255,255,0.5)&#39;
            }
        }

    }



}
);
</script>
<!-- Script for tabber -->
<style type='text/css'>
/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }
/* Specific to example one */
      .widget{margin:0}
      #erhaytab{margin-bottom:18px}
      #erhaytab .nav{margin:0; padding:0;margin-bottom:18px}
      #erhaytab h2{display:none}
      #erhaytab .nav ul{margin-bottom:18px}
      #erhaytab .nav { overflow: hidden; list-style-type:none}
#erhaytab .nav li {   float: left;height: 33px;line-height: 33px;width: 115px; }
#erhaytab .nav li.last { margin-right: 0; }
      #erhaytab .nav li a { display: block;background: #959290;color:white;text-align:center}
      #erhaytab .nav li a.current{background:#7c7a79; font-weight:bold}
#erhaytab .nav li a:hover { background-color: #111; }
/* Specific to example two */
      .widget .post-body ul{padding: 0px 33px;margin: 6px 0px;line-height: 1.4;}
      #example-two .nav{border-bottom:1px solid #bbb}
      .addthis_toolbox{border-bottom:1px solid #bbb}
      #bi-tip-rating-2546{margin:3px 6px !important}
      #example-two{background:#F7F8F9}
#example-two .list-wrap { padding: 10px; margin: 0 0 15px 0;
padding: 66px 0 10px 10px;}
      .list-wrap{height:auto !important}
      #example-two .list-wrap{height:auto !important}
#example-two ul { list-style: none; }
#example-two ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#example-two ul li a:hover { background: ; color: #666; }
#example-two ul li:last-child a { border: none; }
      #example-two .nav { overflow: hidden; float:right}
#example-two .nav li { width: 120px; float: left; margin: 0 10px 0 0; }
#example-two .nav li.last { margin-right: 0; }
#example-two .nav li a { display: block; padding: 5px; color: #666; font-size: 12px; text-align: center; border: 0; }
#example-two li a.current,#example-two li a.current:hover { background-color: #eee !important; color: black; }
      #example-two li a.current{font-weight:bold; color:#666!important;border-bottom:2px solid #33A880 !important}
#example-two .nav li a:hover, #example-two .nav li a:focus { background: ;}
</style>
    <script type='text/javascript'>
      //<![CDATA[
(function($) {
    $.organicTabs = function(el, options) {

        var base = this;
        base.$el = $(el);
        base.$nav = base.$el.find(".nav");
           
        base.init = function() {
   
            base.options = $.extend({},$.organicTabs.defaultOptions, options);
       
            // Accessible hiding fix
            $(".hide").css({
                "position": "relative",
                "top": 0,
                "left": 0,
                "display": "none"
            });
       
            base.$nav.delegate("li > a", "click", function() {
       
                // Figure out current list via CSS class
                var curList = base.$el.find("a.current").attr("href").substring(1),
           
                // List moving to
                    $newList = $(this),
               
                // Figure out ID of new list
                    listID = $newList.attr("href").substring(1),
           
                // Set outer wrapper height to (static) height of current inner list
                    $allListWrap = base.$el.find(".list-wrap"),
                    curListHeight = $allListWrap.height();
                $allListWrap.height(curListHeight);
                                   
                if ((listID != curList) && ( base.$el.find(":animated").length == 0)) {
                                       
                    // Fade out current list
                    base.$el.find("#"+curList).fadeOut(base.options.speed, function() {
                   
                        // Fade in new list on callback
                        base.$el.find("#"+listID).fadeIn(base.options.speed);
                   
                        // Adjust outer wrapper to fit new list snuggly
                        var newHeight = base.$el.find("#"+listID).height();
                        $allListWrap.animate({
                            height: newHeight
                        });
                   
                        // Remove highlighting - Add to just-clicked tab
                        base.$el.find(".nav li a").removeClass("current");
                        $newList.addClass("current");
                       
                    });
               
                }
           
                // Don't behave like a regular link
                // Stop propegation and bubbling
                return false;
            });
       
        };
        base.init();
    };

    $.organicTabs.defaultOptions = {
        "speed": 300
    };

    $.fn.organicTabs = function(options) {
        return this.each(function() {
            (new $.organicTabs(this, options));
        });
    };

})(jQuery);
      //]]>
</script>
    <script>
        $(function() {

            $(&quot;#erhaytab&quot;).organicTabs();
       
            $(&quot;#example-two&quot;).organicTabs({
                &quot;speed&quot;: 200
            });

        });
    </script>

Bước 2: Tiếp theo là tìm khóa class='post-title entry-title'. (mmoforfun.blogspot.com). Nếu thêm trước title thì đưa code sau trước div của nó.

  <script type='text/javascript'>
     document.write(&quot;<a class='fancybox fancybox.iframe' expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;postID=&quot; + data:post.id + &quot;&amp;&quot;' title='Powered by Erhay.com'>Gửi nhận xét</a> &quot;);
</script>

Ok. Save template lại là được.

Nguồn: xóp.vn

Read More