Hi there, today i wanna share another fancy widget for blogger which not shows single or group images in lightbox effect but also it shows external links in the same effect. This is called as the Lytbox Effect inspired from our good old Lightbox, but the only problem is this is not automatic yet. In our Normal Lightbox OR lightbox2 the images are automatically grabbed and displayed with the effect but with this we have to paste some extra code, we will see it sooner or later.Before Working On this make sure that you are not using lightbox,shadowbox,facebox and mootools to avoid jquery conflict. if there is a conflict it wont work.




ok, First  Please follow the steps given below with at-most concentration..

Step 1: Save your Template before you try something, it will help you when something goes wrong with your editing.

Step 2:  goto >> dashboard >> Design>> Edit HTML >> search for </head> and paste this code above it

<script type='text/javascript'>
//<![CDATA[
//***********************************************************************************************************************************/
// LyteBox v3.22
//
//  Author: Markus F. Hay
//  Website: http://www.dolem.com/lytebox
//    Date: October 2, 2007
// License: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/)
// Browsers: Tested successfully on WinXP with the following browsers (using no DOCTYPE and Strict/Transitional/Loose DOCTYPES):
//    * Firefox: 2.0.0.7, 1.5.0.12
//    * Internet Explorer: 7.0, 6.0 SP2, 5.5 SP2
//    * Opera: 9.23
//
// Releases: For up-to-date and complete release information, visit http://www.dolem.com/forum/showthread.php?tid=62
//    * v3.22 (10/02/07)
//    * v3.21 (09/30/07)
//    * v3.20 (07/12/07)
//    * v3.10 (05/28/07)
//    * v3.00 (05/15/07)
//    * v2.02 (11/13/06)
//
//   Credit: LyteBox was originally derived from the Lightbox class (v2.02) that was written by Lokesh Dhakar. For more
//    information please visit http://huddletogether.com/projects/lightbox2/
//***********************************************************************************************************************************/
Array.prototype.removeDuplicates = function () { for (var i = 1; i < this.length; i++) { if (this[i][0] == this[i-1][0]) { this.splice(i,1); } } }
Array.prototype.empty = function () { for (var i = 0; i <= this.length; i++) { this.shift(); } }
String.prototype.trim = function () { return this.replace(/^\s+|\s+$/g, ''); }

function LyteBox() {
 /*** Start Global Configuration ***/
  this.theme    = 'grey'; // themes: grey (default), red, green, blue, gold
  this.hideFlash   = true;  // controls whether or not Flash objects should be hidden
  this.outerBorder  = true;  // controls whether to show the outer grey (or theme) border
  this.resizeSpeed  = 8;  // controls the speed of the image resizing (1=slowest and 10=fastest)
  this.maxOpacity   = 80;  // higher opacity = darker overlay, lower opacity = lighter overlay
  this.navType   = 1;  // 1 = "Prev/Next" buttons on top left and left (default), 2 = "<< prev | next >>" links next to image number
  this.autoResize   = true;  // controls whether or not images should be resized if larger than the browser window dimensions
  this.doAnimations  = true;  // controls whether or not "animate" Lytebox, i.e. resize transition between images, fade in/out effects, etc.
  
  this.borderSize   = 12;  // if you adjust the padding in the CSS, you will need to update this variable -- otherwise, leave this alone...
 /*** End Global Configuration ***/
 
 /*** Configure Slideshow Options ***/
  this.slideInterval  = 4000;  // Change value (milliseconds) to increase/decrease the time between "slides" (10000 = 10 seconds)
  this.showNavigation  = true;  // true to display Next/Prev buttons/text during slideshow, false to hide
  this.showClose   = true;  // true to display the Close button, false to hide
  this.showDetails  = true;  // true to display image details (caption, count), false to hide
  this.showPlayPause  = true;  // true to display pause/play buttons next to close button, false to hide
  this.autoEnd   = true;  // true to automatically close Lytebox after the last image is reached, false to keep open
  this.pauseOnNextClick = false; // true to pause the slideshow when the "Next" button is clicked
        this.pauseOnPrevClick  = true;  // true to pause the slideshow when the "Prev" button is clicked
 /*** End Slideshow Configuration ***/
 
 if(this.resizeSpeed > 10) { this.resizeSpeed = 10; }
 if(this.resizeSpeed < 1) { resizeSpeed = 1; }
 this.resizeDuration = (11 - this.resizeSpeed) * 0.15;
 this.resizeWTimerArray  = new Array();
 this.resizeWTimerCount  = 0;
 this.resizeHTimerArray  = new Array();
 this.resizeHTimerCount  = 0;
 this.showContentTimerArray = new Array();
 this.showContentTimerCount = 0;
 this.overlayTimerArray  = new Array();
 this.overlayTimerCount  = 0;
 this.imageTimerArray  = new Array();
 this.imageTimerCount  = 0;
 this.timerIDArray   = new Array();
 this.timerIDCount   = 0;
 this.slideshowIDArray  = new Array();
 this.slideshowIDCount  = 0;
 this.imageArray  = new Array();
 this.activeImage = null;
 this.slideArray  = new Array();
 this.activeSlide = null;
 this.frameArray  = new Array();
 this.activeFrame = null;
 this.checkFrame();
 this.isSlideshow = false;
 this.isLyteframe = false;
 /*@cc_on
  /*@if (@_jscript)
   this.ie = (document.all && !window.opera) ? true : false;
  /*@else @*/
   this.ie = false;
  /*@end
 @*/
 this.ie7 = (this.ie && window.XMLHttpRequest); 
 this.initialize();
}
LyteBox.prototype.initialize = function() {
 this.updateLyteboxItems();
 var objBody = this.doc.getElementsByTagName("body").item(0); 
 if (this.doc.getElementById('lbOverlay')) {
  objBody.removeChild(this.doc.getElementById("lbOverlay"));
  objBody.removeChild(this.doc.getElementById("lbMain"));
 }
 var objOverlay = this.doc.createElement("div");
  objOverlay.setAttribute('id','lbOverlay');
  objOverlay.setAttribute((this.ie ? 'className' : 'class'), this.theme);
  if ((this.ie && !this.ie7) || (this.ie7 && this.doc.compatMode == 'BackCompat')) {
   objOverlay.style.position = 'absolute';
  }
  objOverlay.style.display = 'none';
  objBody.appendChild(objOverlay);
 var objLytebox = this.doc.createElement("div");
  objLytebox.setAttribute('id','lbMain');
  objLytebox.style.display = 'none';
  objBody.appendChild(objLytebox);
 var objOuterContainer = this.doc.createElement("div");
  objOuterContainer.setAttribute('id','lbOuterContainer');
  objOuterContainer.setAttribute((this.ie ? 'className' : 'class'), this.theme);
  objLytebox.appendChild(objOuterContainer);
 var objIframeContainer = this.doc.createElement("div");
  objIframeContainer.setAttribute('id','lbIframeContainer');
  objIframeContainer.style.display = 'none';
  objOuterContainer.appendChild(objIframeContainer);
 var objIframe = this.doc.createElement("iframe");
  objIframe.setAttribute('id','lbIframe');
  objIframe.setAttribute('name','lbIframe');
  objIframe.style.display = 'none';
  objIframeContainer.appendChild(objIframe);
 var objImageContainer = this.doc.createElement("div");
  objImageContainer.setAttribute('id','lbImageContainer');
  objOuterContainer.appendChild(objImageContainer);
 var objLyteboxImage = this.doc.createElement("img");
  objLyteboxImage.setAttribute('id','lbImage');
  objImageContainer.appendChild(objLyteboxImage);
 var objLoading = this.doc.createElement("div");
  objLoading.setAttribute('id','lbLoading');
  objOuterContainer.appendChild(objLoading);
 var objDetailsContainer = this.doc.createElement("div");
  objDetailsContainer.setAttribute('id','lbDetailsContainer');
  objDetailsContainer.setAttribute((this.ie ? 'className' : 'class'), this.theme);
  objLytebox.appendChild(objDetailsContainer);
 var objDetailsData =this.doc.createElement("div");
  objDetailsData.setAttribute('id','lbDetailsData');
  objDetailsData.setAttribute((this.ie ? 'className' : 'class'), this.theme);
  objDetailsContainer.appendChild(objDetailsData);
 var objDetails = this.doc.createElement("div");
  objDetails.setAttribute('id','lbDetails');
  objDetailsData.appendChild(objDetails);
 var objCaption = this.doc.createElement("span");
  objCaption.setAttribute('id','lbCaption');
  objDetails.appendChild(objCaption);
 var objHoverNav = this.doc.createElement("div");
  objHoverNav.setAttribute('id','lbHoverNav');
  objImageContainer.appendChild(objHoverNav);
 var objBottomNav = this.doc.createElement("div");
  objBottomNav.setAttribute('id','lbBottomNav');
  objDetailsData.appendChild(objBottomNav);
 var objPrev = this.doc.createElement("a");
  objPrev.setAttribute('id','lbPrev');
  objPrev.setAttribute((this.ie ? 'className' : 'class'), this.theme);
  objPrev.setAttribute('href','#');
  objHoverNav.appendChild(objPrev);
 var objNext = this.doc.createElement("a");
  objNext.setAttribute('id','lbNext');
  objNext.setAttribute((this.ie ? 'className' : 'class'), this.theme);
  objNext.setAttribute('href','#');
  objHoverNav.appendChild(objNext);
 var objNumberDisplay = this.doc.createElement("span");
  objNumberDisplay.setAttribute('id','lbNumberDisplay');
  objDetails.appendChild(objNumberDisplay);
 var objNavDisplay = this.doc.createElement("span");
  objNavDisplay.setAttribute('id','lbNavDisplay');
  objNavDisplay.style.display = 'none';
  objDetails.appendChild(objNavDisplay);
 var objClose = this.doc.createElement("a");
  objClose.setAttribute('id','lbClose');
  objClose.setAttribute((this.ie ? 'className' : 'class'), this.theme);
  objClose.setAttribute('href','#');
  objBottomNav.appendChild(objClose);
 var objPause = this.doc.createElement("a");
  objPause.setAttribute('id','lbPause');
  objPause.setAttribute((this.ie ? 'className' : 'class'), this.theme);
  objPause.setAttribute('href','#');
  objPause.style.display = 'none';
  objBottomNav.appendChild(objPause);
 var objPlay = this.doc.createElement("a");
  objPlay.setAttribute('id','lbPlay');
  objPlay.setAttribute((this.ie ? 'className' : 'class'), this.theme);
  objPlay.setAttribute('href','#');
  objPlay.style.display = 'none';
  objBottomNav.appendChild(objPlay);
};
LyteBox.prototype.updateLyteboxItems = function() { 
 var anchors = (this.isFrame) ? window.parent.frames[window.name].document.getElementsByTagName('a') : document.getElementsByTagName('a');
 for (var i = 0; i < anchors.length; i++) {
  var anchor = anchors[i];
  var relAttribute = String(anchor.getAttribute('rel'));
  if (anchor.getAttribute('href')) {
   if (relAttribute.toLowerCase().match('lytebox')) {
    anchor.onclick = function () { myLytebox.start(this, false, false); return false; }
   } else if (relAttribute.toLowerCase().match('lyteshow')) {
    anchor.onclick = function () { myLytebox.start(this, true, false); return false; }
   } else if (relAttribute.toLowerCase().match('lyteframe')) {
    anchor.onclick = function () { myLytebox.start(this, false, true); return false; }
   }
  }
 }
};
LyteBox.prototype.start = function(imageLink, doSlide, doFrame) {
 if (this.ie && !this.ie7) { this.toggleSelects('hide'); }
 if (this.hideFlash) { this.toggleFlash('hide'); }
 this.isLyteframe = (doFrame ? true : false);
 var pageSize = this.getPageSize();
 var objOverlay = this.doc.getElementById('lbOverlay');
 var objBody  = this.doc.getElementsByTagName("body").item(0);
 objOverlay.style.height = pageSize[1] + "px";
 objOverlay.style.display = '';
 this.appear('lbOverlay', (this.doAnimations ? 0 : this.maxOpacity));
 var anchors = (this.isFrame) ? window.parent.frames[window.name].document.getElementsByTagName('a') : document.getElementsByTagName('a');
 if (this.isLyteframe) {
  this.frameArray = [];
  this.frameNum = 0;
  if ((imageLink.getAttribute('rel') == 'lyteframe')) {
   var rev = imageLink.getAttribute('rev');
   this.frameArray.push(new Array(imageLink.getAttribute('href'), imageLink.getAttribute('title'), (rev == null || rev == '' ? 'width: 400px; height: 400px; scrolling: auto;' : rev)));
  } else {
   if (imageLink.getAttribute('rel').indexOf('lyteframe') != -1) {
    for (var i = 0; i < anchors.length; i++) {
     var anchor = anchors[i];
     if (anchor.getAttribute('href') && (anchor.getAttribute('rel') == imageLink.getAttribute('rel'))) {
      var rev = anchor.getAttribute('rev');
      this.frameArray.push(new Array(anchor.getAttribute('href'), anchor.getAttribute('title'), (rev == null || rev == '' ? 'width: 400px; height: 400px; scrolling: auto;' : rev)));
     }
    }
    this.frameArray.removeDuplicates();
    while(this.frameArray[this.frameNum][0] != imageLink.getAttribute('href')) { this.frameNum++; }
   }
  }
 } else {
  this.imageArray = [];
  this.imageNum = 0;
  this.slideArray = [];
  this.slideNum = 0;
  if ((imageLink.getAttribute('rel') == 'lytebox')) {
   this.imageArray.push(new Array(imageLink.getAttribute('href'), imageLink.getAttribute('title')));
  } else {
   if (imageLink.getAttribute('rel').indexOf('lytebox') != -1) {
    for (var i = 0; i < anchors.length; i++) {
     var anchor = anchors[i];
     if (anchor.getAttribute('href') && (anchor.getAttribute('rel') == imageLink.getAttribute('rel'))) {
      this.imageArray.push(new Array(anchor.getAttribute('href'), anchor.getAttribute('title')));
     }
    }
    this.imageArray.removeDuplicates();
    while(this.imageArray[this.imageNum][0] != imageLink.getAttribute('href')) { this.imageNum++; }
   }
   if (imageLink.getAttribute('rel').indexOf('lyteshow') != -1) {
    for (var i = 0; i < anchors.length; i++) {
     var anchor = anchors[i];
     if (anchor.getAttribute('href') && (anchor.getAttribute('rel') == imageLink.getAttribute('rel'))) {
      this.slideArray.push(new Array(anchor.getAttribute('href'), anchor.getAttribute('title')));
     }
    }
    this.slideArray.removeDuplicates();
    while(this.slideArray[this.slideNum][0] != imageLink.getAttribute('href')) { this.slideNum++; }
   }
  }
 }
 var object = this.doc.getElementById('lbMain');
  object.style.top = (this.getPageScroll() + (pageSize[3] / 15)) + "px";
  object.style.display = '';
 if (!this.outerBorder) {
  this.doc.getElementById('lbOuterContainer').style.border = 'none';
  this.doc.getElementById('lbDetailsContainer').style.border = 'none';
 } else {
  this.doc.getElementById('lbOuterContainer').style.borderBottom = '';
  this.doc.getElementById('lbOuterContainer').setAttribute((this.ie ? 'className' : 'class'), this.theme);
 }
 this.doc.getElementById('lbOverlay').onclick = function() { myLytebox.end(); return false; }
 this.doc.getElementById('lbMain').onclick = function(e) {
  var e = e;
  if (!e) {
   if (window.parent.frames[window.name] && (parent.document.getElementsByTagName('frameset').length <= 0)) {
    e = window.parent.window.event;
   } else {
    e = window.event;
   }
  }
  var id = (e.target ? e.target.id : e.srcElement.id);
  if (id == 'lbMain') { myLytebox.end(); return false; }
 }
 this.doc.getElementById('lbClose').onclick = function() { myLytebox.end(); return false; }
 this.doc.getElementById('lbPause').onclick = function() { myLytebox.togglePlayPause("lbPause", "lbPlay"); return false; }
 this.doc.getElementById('lbPlay').onclick = function() { myLytebox.togglePlayPause("lbPlay", "lbPause"); return false; } 
 this.isSlideshow = doSlide;
 this.isPaused = (this.slideNum != 0 ? true : false);
 if (this.isSlideshow && this.showPlayPause && this.isPaused) {
  this.doc.getElementById('lbPlay').style.display = '';
  this.doc.getElementById('lbPause').style.display = 'none';
 }
 if (this.isLyteframe) {
  this.changeContent(this.frameNum);
 } else {
  if (this.isSlideshow) {
   this.changeContent(this.slideNum);
  } else {
   this.changeContent(this.imageNum);
  }
 }
};
LyteBox.prototype.changeContent = function(imageNum) {
 if (this.isSlideshow) {
  for (var i = 0; i < this.slideshowIDCount; i++) { window.clearTimeout(this.slideshowIDArray[i]); }
 }
 this.activeImage = this.activeSlide = this.activeFrame = imageNum;
 if (!this.outerBorder) {
  this.doc.getElementById('lbOuterContainer').style.border = 'none';
  this.doc.getElementById('lbDetailsContainer').style.border = 'none';
 } else {
  this.doc.getElementById('lbOuterContainer').style.borderBottom = '';
  this.doc.getElementById('lbOuterContainer').setAttribute((this.ie ? 'className' : 'class'), this.theme);
 }
 this.doc.getElementById('lbLoading').style.display = '';
 this.doc.getElementById('lbImage').style.display = 'none';
 this.doc.getElementById('lbIframe').style.display = 'none';
 this.doc.getElementById('lbPrev').style.display = 'none';
 this.doc.getElementById('lbNext').style.display = 'none';
 this.doc.getElementById('lbIframeContainer').style.display = 'none';
 this.doc.getElementById('lbDetailsContainer').style.display = 'none';
 this.doc.getElementById('lbNumberDisplay').style.display = 'none';
 if (this.navType == 2 || this.isLyteframe) {
  object = this.doc.getElementById('lbNavDisplay');
  object.innerHTML = '&nbsp;&nbsp;&nbsp;<span id="lbPrev2_Off" style="display: none;" class="' + this.theme + '">&laquo; prev</span><a href="#" id="lbPrev2" class="' + this.theme + '" style="display: none;">&laquo; prev</a> <b id="lbSpacer" class="' + this.theme + '">||</b> <span id="lbNext2_Off" style="display: none;" class="' + this.theme + '">next &raquo;</span><a href="#" id="lbNext2" class="' + this.theme + '" style="display: none;">next &raquo;</a>';
  object.style.display = 'none';
 }
 if (this.isLyteframe) {
  var iframe = myLytebox.doc.getElementById('lbIframe');
  var styles = this.frameArray[this.activeFrame][2];
  var aStyles = styles.split(';');
  for (var i = 0; i < aStyles.length; i++) {
   if (aStyles[i].indexOf('width:') >= 0) {
    var w = aStyles[i].replace('width:', '');
    iframe.width = w.trim();
   } else if (aStyles[i].indexOf('height:') >= 0) {
    var h = aStyles[i].replace('height:', '');
    iframe.height = h.trim();
   } else if (aStyles[i].indexOf('scrolling:') >= 0) {
    var s = aStyles[i].replace('scrolling:', '');
    iframe.scrolling = s.trim();
   } else if (aStyles[i].indexOf('border:') >= 0) {
    // Not implemented yet, as there are cross-platform issues with setting the border (from a GUI standpoint)
    //var b = aStyles[i].replace('border:', '');
    //iframe.style.border = b.trim();
   }
  }
  this.resizeContainer(parseInt(iframe.width), parseInt(iframe.height));
 } else {
  imgPreloader = new Image();
  imgPreloader.onload = function() {
   var imageWidth = imgPreloader.width;
   var imageHeight = imgPreloader.height;
   if (myLytebox.autoResize) {
    var pagesize = myLytebox.getPageSize();
    var x = pagesize[2] - 150;
    var y = pagesize[3] - 150;
    if (imageWidth > x) {
     imageHeight = Math.round(imageHeight * (x / imageWidth));
     imageWidth = x; 
     if (imageHeight > y) { 
      imageWidth = Math.round(imageWidth * (y / imageHeight));
      imageHeight = y; 
     }
    } else if (imageHeight > y) { 
     imageWidth = Math.round(imageWidth * (y / imageHeight));
     imageHeight = y; 
     if (imageWidth > x) {
      imageHeight = Math.round(imageHeight * (x / imageWidth));
      imageWidth = x;
     }
    }
   }
   var lbImage = myLytebox.doc.getElementById('lbImage')
   lbImage.src = (myLytebox.isSlideshow ? myLytebox.slideArray[myLytebox.activeSlide][0] : myLytebox.imageArray[myLytebox.activeImage][0]);
   lbImage.width = imageWidth;
   lbImage.height = imageHeight;
   myLytebox.resizeContainer(imageWidth, imageHeight);
   imgPreloader.onload = function() {};
  }
  imgPreloader.src = (this.isSlideshow ? this.slideArray[this.activeSlide][0] : this.imageArray[this.activeImage][0]);
 }
};
LyteBox.prototype.resizeContainer = function(imgWidth, imgHeight) {
 this.wCur = this.doc.getElementById('lbOuterContainer').offsetWidth;
 this.hCur = this.doc.getElementById('lbOuterContainer').offsetHeight;
 this.xScale = ((imgWidth  + (this.borderSize * 2)) / this.wCur) * 100;
 this.yScale = ((imgHeight  + (this.borderSize * 2)) / this.hCur) * 100;
 var wDiff = (this.wCur - this.borderSize * 2) - imgWidth;
 var hDiff = (this.hCur - this.borderSize * 2) - imgHeight;
 if (!(hDiff == 0)) {
  this.hDone = false;
  this.resizeH('lbOuterContainer', this.hCur, imgHeight + this.borderSize*2, this.getPixelRate(this.hCur, imgHeight));
 } else {
  this.hDone = true;
 }
 if (!(wDiff == 0)) {
  this.wDone = false;
  this.resizeW('lbOuterContainer', this.wCur, imgWidth + this.borderSize*2, this.getPixelRate(this.wCur, imgWidth));
 } else {
  this.wDone = true;
 }
 if ((hDiff == 0) && (wDiff == 0)) {
  if (this.ie){ this.pause(250); } else { this.pause(100); } 
 }
 this.doc.getElementById('lbPrev').style.height = imgHeight + "px";
 this.doc.getElementById('lbNext').style.height = imgHeight + "px";
 this.doc.getElementById('lbDetailsContainer').style.width = (imgWidth + (this.borderSize * 2) + (this.ie && this.doc.compatMode == "BackCompat" && this.outerBorder ? 2 : 0)) + "px";
 this.showContent();
};
LyteBox.prototype.showContent = function() {
 if (this.wDone && this.hDone) {
  for (var i = 0; i < this.showContentTimerCount; i++) { window.clearTimeout(this.showContentTimerArray[i]); }
  if (this.outerBorder) {
   this.doc.getElementById('lbOuterContainer').style.borderBottom = 'none';
  }
  this.doc.getElementById('lbLoading').style.display = 'none';
  if (this.isLyteframe) {
   this.doc.getElementById('lbIframe').style.display = '';
   this.appear('lbIframe', (this.doAnimations ? 0 : 100));
  } else {
   this.doc.getElementById('lbImage').style.display = '';
   this.appear('lbImage', (this.doAnimations ? 0 : 100));
   this.preloadNeighborImages();
  }
  if (this.isSlideshow) {
   if(this.activeSlide == (this.slideArray.length - 1)) {
    if (this.autoEnd) {
     this.slideshowIDArray[this.slideshowIDCount++] = setTimeout("myLytebox.end('slideshow')", this.slideInterval);
    }
   } else {
    if (!this.isPaused) {
     this.slideshowIDArray[this.slideshowIDCount++] = setTimeout("myLytebox.changeContent("+(this.activeSlide+1)+")", this.slideInterval);
    }
   }
   this.doc.getElementById('lbHoverNav').style.display = (this.showNavigation && this.navType == 1 ? '' : 'none');
   this.doc.getElementById('lbClose').style.display = (this.showClose ? '' : 'none');
   this.doc.getElementById('lbDetails').style.display = (this.showDetails ? '' : 'none');
   this.doc.getElementById('lbPause').style.display = (this.showPlayPause && !this.isPaused ? '' : 'none');
   this.doc.getElementById('lbPlay').style.display = (this.showPlayPause && !this.isPaused ? 'none' : '');
   this.doc.getElementById('lbNavDisplay').style.display = (this.showNavigation && this.navType == 2 ? '' : 'none');
  } else {
   this.doc.getElementById('lbHoverNav').style.display = (this.navType == 1 && !this.isLyteframe ? '' : 'none');
   if ((this.navType == 2 && !this.isLyteframe && this.imageArray.length > 1) || (this.frameArray.length > 1 && this.isLyteframe)) {
    this.doc.getElementById('lbNavDisplay').style.display = '';
   } else {
    this.doc.getElementById('lbNavDisplay').style.display = 'none';
   }
   this.doc.getElementById('lbClose').style.display = '';
   this.doc.getElementById('lbDetails').style.display = '';
   this.doc.getElementById('lbPause').style.display = 'none';
   this.doc.getElementById('lbPlay').style.display = 'none';
  }
  this.doc.getElementById('lbImageContainer').style.display = (this.isLyteframe ? 'none' : '');
  this.doc.getElementById('lbIframeContainer').style.display = (this.isLyteframe ? '' : 'none');
  try {
   this.doc.getElementById('lbIframe').src = this.frameArray[this.activeFrame][0];
  } catch(e) { }
 } else {
  this.showContentTimerArray[this.showContentTimerCount++] = setTimeout("myLytebox.showContent()", 200);
 }
};
LyteBox.prototype.updateDetails = function() {
 var object = this.doc.getElementById('lbCaption');
 var sTitle = (this.isSlideshow ? this.slideArray[this.activeSlide][1] : (this.isLyteframe ? this.frameArray[this.activeFrame][1] : this.imageArray[this.activeImage][1]));
 object.style.display = '';
 object.innerHTML = (sTitle == null ? '' : sTitle);
 this.updateNav();
 this.doc.getElementById('lbDetailsContainer').style.display = '';
 object = this.doc.getElementById('lbNumberDisplay');
 if (this.isSlideshow && this.slideArray.length > 1) {
  object.style.display = '';
  object.innerHTML = "Image " + eval(this.activeSlide + 1) + " of " + this.slideArray.length;
  this.doc.getElementById('lbNavDisplay').style.display = (this.navType == 2 && this.showNavigation ? '' : 'none');
 } else if (this.imageArray.length > 1 && !this.isLyteframe) {
  object.style.display = '';
  object.innerHTML = "Image " + eval(this.activeImage + 1) + " of " + this.imageArray.length;
  this.doc.getElementById('lbNavDisplay').style.display = (this.navType == 2 ? '' : 'none');
 } else if (this.frameArray.length > 1 && this.isLyteframe) {
  object.style.display = '';
  object.innerHTML = "Page " + eval(this.activeFrame + 1) + " of " + this.frameArray.length;
  this.doc.getElementById('lbNavDisplay').style.display = '';
 } else {
  this.doc.getElementById('lbNavDisplay').style.display = 'none';
 }
 this.appear('lbDetailsContainer', (this.doAnimations ? 0 : 100));
};
LyteBox.prototype.updateNav = function() {
 if (this.isSlideshow) {
  if (this.activeSlide != 0) {
   var object = (this.navType == 2 ? this.doc.getElementById('lbPrev2') : this.doc.getElementById('lbPrev'));
    object.style.display = '';
    object.onclick = function() {
     if (myLytebox.pauseOnPrevClick) { myLytebox.togglePlayPause("lbPause", "lbPlay"); }
     myLytebox.changeContent(myLytebox.activeSlide - 1); return false;
    }
  } else {
   if (this.navType == 2) { this.doc.getElementById('lbPrev2_Off').style.display = ''; }
  }
  if (this.activeSlide != (this.slideArray.length - 1)) {
   var object = (this.navType == 2 ? this.doc.getElementById('lbNext2') : this.doc.getElementById('lbNext'));
    object.style.display = '';
    object.onclick = function() {
     if (myLytebox.pauseOnNextClick) { myLytebox.togglePlayPause("lbPause", "lbPlay"); }
     myLytebox.changeContent(myLytebox.activeSlide + 1); return false;
    }
  } else {
   if (this.navType == 2) { this.doc.getElementById('lbNext2_Off').style.display = ''; }
  }
 } else if (this.isLyteframe) {
  if(this.activeFrame != 0) {
   var object = this.doc.getElementById('lbPrev2');
    object.style.display = '';
    object.onclick = function() {
     myLytebox.changeContent(myLytebox.activeFrame - 1); return false;
    }
  } else {
   this.doc.getElementById('lbPrev2_Off').style.display = '';
  }
  if(this.activeFrame != (this.frameArray.length - 1)) {
   var object = this.doc.getElementById('lbNext2');
    object.style.display = '';
    object.onclick = function() {
     myLytebox.changeContent(myLytebox.activeFrame + 1); return false;
    }
  } else {
   this.doc.getElementById('lbNext2_Off').style.display = '';
  }  
 } else {
  if(this.activeImage != 0) {
   var object = (this.navType == 2 ? this.doc.getElementById('lbPrev2') : this.doc.getElementById('lbPrev'));
    object.style.display = '';
    object.onclick = function() {
     myLytebox.changeContent(myLytebox.activeImage - 1); return false;
    }
  } else {
   if (this.navType == 2) { this.doc.getElementById('lbPrev2_Off').style.display = ''; }
  }
  if(this.activeImage != (this.imageArray.length - 1)) {
   var object = (this.navType == 2 ? this.doc.getElementById('lbNext2') : this.doc.getElementById('lbNext'));
    object.style.display = '';
    object.onclick = function() {
     myLytebox.changeContent(myLytebox.activeImage + 1); return false;
    }
  } else {
   if (this.navType == 2) { this.doc.getElementById('lbNext2_Off').style.display = ''; }
  }
 }
 this.enableKeyboardNav();
};
LyteBox.prototype.enableKeyboardNav = function() { document.onkeydown = this.keyboardAction; };
LyteBox.prototype.disableKeyboardNav = function() { document.onkeydown = ''; };
LyteBox.prototype.keyboardAction = function(e) {
 var keycode = key = escape = null;
 keycode = (e == null) ? event.keyCode : e.which;
 key  = String.fromCharCode(keycode).toLowerCase();
 escape  = (e == null) ? 27 : e.DOM_VK_ESCAPE;
 if ((key == 'x') || (key == 'c') || (keycode == escape)) {
  myLytebox.end();
 } else if ((key == 'p') || (keycode == 37)) {
  if (myLytebox.isSlideshow) {
   if(myLytebox.activeSlide != 0) {
    myLytebox.disableKeyboardNav();
    myLytebox.changeContent(myLytebox.activeSlide - 1);
   }
  } else if (myLytebox.isLyteframe) {
   if(myLytebox.activeFrame != 0) {
    myLytebox.disableKeyboardNav();
    myLytebox.changeContent(myLytebox.activeFrame - 1);
   }
  } else {
   if(myLytebox.activeImage != 0) {
    myLytebox.disableKeyboardNav();
    myLytebox.changeContent(myLytebox.activeImage - 1);
   }
  }
 } else if ((key == 'n') || (keycode == 39)) {
  if (myLytebox.isSlideshow) {
   if(myLytebox.activeSlide != (myLytebox.slideArray.length - 1)) {
    myLytebox.disableKeyboardNav();
    myLytebox.changeContent(myLytebox.activeSlide + 1);
   }
  } else if (myLytebox.isLyteframe) {
   if(myLytebox.activeFrame != (myLytebox.frameArray.length - 1)) {
    myLytebox.disableKeyboardNav();
    myLytebox.changeContent(myLytebox.activeFrame + 1);
   }
  } else {
   if(myLytebox.activeImage != (myLytebox.imageArray.length - 1)) {
    myLytebox.disableKeyboardNav();
    myLytebox.changeContent(myLytebox.activeImage + 1);
   }
  }
 }
};
LyteBox.prototype.preloadNeighborImages = function() {
 if (this.isSlideshow) {
  if ((this.slideArray.length - 1) > this.activeSlide) {
   preloadNextImage = new Image();
   preloadNextImage.src = this.slideArray[this.activeSlide + 1][0];
  }
  if(this.activeSlide > 0) {
   preloadPrevImage = new Image();
   preloadPrevImage.src = this.slideArray[this.activeSlide - 1][0];
  }
 } else {
  if ((this.imageArray.length - 1) > this.activeImage) {
   preloadNextImage = new Image();
   preloadNextImage.src = this.imageArray[this.activeImage + 1][0];
  }
  if(this.activeImage > 0) {
   preloadPrevImage = new Image();
   preloadPrevImage.src = this.imageArray[this.activeImage - 1][0];
  }
 }
};
LyteBox.prototype.togglePlayPause = function(hideID, showID) {
 if (this.isSlideshow && hideID == "lbPause") {
  for (var i = 0; i < this.slideshowIDCount; i++) { window.clearTimeout(this.slideshowIDArray[i]); }
 }
 this.doc.getElementById(hideID).style.display = 'none';
 this.doc.getElementById(showID).style.display = '';
 if (hideID == "lbPlay") {
  this.isPaused = false;
  if (this.activeSlide == (this.slideArray.length - 1)) {
   this.end();
  } else {
   this.changeContent(this.activeSlide + 1);
  }
 } else {
  this.isPaused = true;
 }
};
LyteBox.prototype.end = function(caller) {
 var closeClick = (caller == 'slideshow' ? false : true);
 if (this.isSlideshow && this.isPaused && !closeClick) { return; }
 this.disableKeyboardNav();
 this.doc.getElementById('lbMain').style.display = 'none';
 this.fade('lbOverlay', (this.doAnimations ? this.maxOpacity : 0));
 this.toggleSelects('visible');
 if (this.hideFlash) { this.toggleFlash('visible'); }
 if (this.isSlideshow) {
  for (var i = 0; i < this.slideshowIDCount; i++) { window.clearTimeout(this.slideshowIDArray[i]); }
 }
 if (this.isLyteframe) {
   this.initialize();
 }
};
LyteBox.prototype.checkFrame = function() {
 if (window.parent.frames[window.name] && (parent.document.getElementsByTagName('frameset').length <= 0)) {
  this.isFrame = true;
  this.lytebox = "window.parent." + window.name + ".myLytebox";
  this.doc = parent.document;
 } else {
  this.isFrame = false;
  this.lytebox = "myLytebox";
  this.doc = document;
 }
};
LyteBox.prototype.getPixelRate = function(cur, img) {
 var diff = (img > cur) ? img - cur : cur - img;
 if (diff >= 0 && diff <= 100) { return 10; }
 if (diff > 100 && diff <= 200) { return 15; }
 if (diff > 200 && diff <= 300) { return 20; }
 if (diff > 300 && diff <= 400) { return 25; }
 if (diff > 400 && diff <= 500) { return 30; }
 if (diff > 500 && diff <= 600) { return 35; }
 if (diff > 600 && diff <= 700) { return 40; }
 if (diff > 700) { return 45; }
};
LyteBox.prototype.appear = function(id, opacity) {
 var object = this.doc.getElementById(id).style;
 object.opacity = (opacity / 100);
 object.MozOpacity = (opacity / 100);
 object.KhtmlOpacity = (opacity / 100);
 object.filter = "alpha(opacity=" + (opacity + 10) + ")";
 if (opacity == 100 && (id == 'lbImage' || id == 'lbIframe')) {
  try { object.removeAttribute("filter"); } catch(e) {} /* Fix added for IE Alpha Opacity Filter bug. */
  this.updateDetails();
 } else if (opacity >= this.maxOpacity && id == 'lbOverlay') {
  for (var i = 0; i < this.overlayTimerCount; i++) { window.clearTimeout(this.overlayTimerArray[i]); }
  return;
 } else if (opacity >= 100 && id == 'lbDetailsContainer') {
  try { object.removeAttribute("filter"); } catch(e) {} /* Fix added for IE Alpha Opacity Filter bug. */
  for (var i = 0; i < this.imageTimerCount; i++) { window.clearTimeout(this.imageTimerArray[i]); }
  this.doc.getElementById('lbOverlay').style.height = this.getPageSize()[1] + "px";
 } else {
  if (id == 'lbOverlay') {
   this.overlayTimerArray[this.overlayTimerCount++] = setTimeout("myLytebox.appear('" + id + "', " + (opacity+20) + ")", 1);
  } else {
   this.imageTimerArray[this.imageTimerCount++] = setTimeout("myLytebox.appear('" + id + "', " + (opacity+10) + ")", 1);
  }
 }
};
LyteBox.prototype.fade = function(id, opacity) {
 var object = this.doc.getElementById(id).style;
 object.opacity = (opacity / 100);
 object.MozOpacity = (opacity / 100);
 object.KhtmlOpacity = (opacity / 100);
 object.filter = "alpha(opacity=" + opacity + ")";
 if (opacity <= 0) {
  try {
   object.display = 'none';
  } catch(err) { }
 } else if (id == 'lbOverlay') {
  this.overlayTimerArray[this.overlayTimerCount++] = setTimeout("myLytebox.fade('" + id + "', " + (opacity-20) + ")", 1);
 } else {
  this.timerIDArray[this.timerIDCount++] = setTimeout("myLytebox.fade('" + id + "', " + (opacity-10) + ")", 1);
 }
};
LyteBox.prototype.resizeW = function(id, curW, maxW, pixelrate, speed) {
 if (!this.hDone) {
  this.resizeWTimerArray[this.resizeWTimerCount++] = setTimeout("myLytebox.resizeW('" + id + "', " + curW + ", " + maxW + ", " + pixelrate + ")", 100);
  return;
 }
 var object = this.doc.getElementById(id);
 var timer = speed ? speed : (this.resizeDuration/2);
 var newW = (this.doAnimations ? curW : maxW);
 object.style.width = (newW) + "px";
 if (newW < maxW) {
  newW += (newW + pixelrate >= maxW) ? (maxW - newW) : pixelrate;
 } else if (newW > maxW) {
  newW -= (newW - pixelrate <= maxW) ? (newW - maxW) : pixelrate;
 }
 this.resizeWTimerArray[this.resizeWTimerCount++] = setTimeout("myLytebox.resizeW('" + id + "', " + newW + ", " + maxW + ", " + pixelrate + ", " + (timer+0.02) + ")", timer+0.02);
 if (parseInt(object.style.width) == maxW) {
  this.wDone = true;
  for (var i = 0; i < this.resizeWTimerCount; i++) { window.clearTimeout(this.resizeWTimerArray[i]); }
 }
};
LyteBox.prototype.resizeH = function(id, curH, maxH, pixelrate, speed) {
 var timer = speed ? speed : (this.resizeDuration/2);
 var object = this.doc.getElementById(id);
 var newH = (this.doAnimations ? curH : maxH);
 object.style.height = (newH) + "px";
 if (newH < maxH) {
  newH += (newH + pixelrate >= maxH) ? (maxH - newH) : pixelrate;
 } else if (newH > maxH) {
  newH -= (newH - pixelrate <= maxH) ? (newH - maxH) : pixelrate;
 }
 this.resizeHTimerArray[this.resizeHTimerCount++] = setTimeout("myLytebox.resizeH('" + id + "', " + newH + ", " + maxH + ", " + pixelrate + ", " + (timer+.02) + ")", timer+.02);
 if (parseInt(object.style.height) == maxH) {
  this.hDone = true;
  for (var i = 0; i < this.resizeHTimerCount; i++) { window.clearTimeout(this.resizeHTimerArray[i]); }
 }
};
LyteBox.prototype.getPageScroll = function() {
 if (self.pageYOffset) {
  return this.isFrame ? parent.pageYOffset : self.pageYOffset;
 } else if (this.doc.documentElement && this.doc.documentElement.scrollTop){
  return this.doc.documentElement.scrollTop;
 } else if (document.body) {
  return this.doc.body.scrollTop;
 }
};
LyteBox.prototype.getPageSize = function() { 
 var xScroll, yScroll, windowWidth, windowHeight;
 if (window.innerHeight && window.scrollMaxY) {
  xScroll = this.doc.scrollWidth;
  yScroll = (this.isFrame ? parent.innerHeight : self.innerHeight) + (this.isFrame ? parent.scrollMaxY : self.scrollMaxY);
 } else if (this.doc.body.scrollHeight > this.doc.body.offsetHeight){
  xScroll = this.doc.body.scrollWidth;
  yScroll = this.doc.body.scrollHeight;
 } else {
  xScroll = this.doc.getElementsByTagName("html").item(0).offsetWidth;
  yScroll = this.doc.getElementsByTagName("html").item(0).offsetHeight;
  xScroll = (xScroll < this.doc.body.offsetWidth) ? this.doc.body.offsetWidth : xScroll;
  yScroll = (yScroll < this.doc.body.offsetHeight) ? this.doc.body.offsetHeight : yScroll;
 }
 if (self.innerHeight) {
  windowWidth = (this.isFrame) ? parent.innerWidth : self.innerWidth;
  windowHeight = (this.isFrame) ? parent.innerHeight : self.innerHeight;
 } else if (document.documentElement && document.documentElement.clientHeight) {
  windowWidth = this.doc.documentElement.clientWidth;
  windowHeight = this.doc.documentElement.clientHeight;
 } else if (document.body) {
  windowWidth = this.doc.getElementsByTagName("html").item(0).clientWidth;
  windowHeight = this.doc.getElementsByTagName("html").item(0).clientHeight;
  windowWidth = (windowWidth == 0) ? this.doc.body.clientWidth : windowWidth;
  windowHeight = (windowHeight == 0) ? this.doc.body.clientHeight : windowHeight;
 }
 var pageHeight = (yScroll < windowHeight) ? windowHeight : yScroll;
 var pageWidth = (xScroll < windowWidth) ? windowWidth : xScroll;
 return new Array(pageWidth, pageHeight, windowWidth, windowHeight);
};
LyteBox.prototype.toggleFlash = function(state) {
 var objects = this.doc.getElementsByTagName("object");
 for (var i = 0; i < objects.length; i++) {
  objects[i].style.visibility = (state == "hide") ? 'hidden' : 'visible';
 }
 var embeds = this.doc.getElementsByTagName("embed");
 for (var i = 0; i < embeds.length; i++) {
  embeds[i].style.visibility = (state == "hide") ? 'hidden' : 'visible';
 }
 if (this.isFrame) {
  for (var i = 0; i < parent.frames.length; i++) {
   try {
    objects = parent.frames[i].window.document.getElementsByTagName("object");
    for (var j = 0; j < objects.length; j++) {
     objects[j].style.visibility = (state == "hide") ? 'hidden' : 'visible';
    }
   } catch(e) { }
   try {
    embeds = parent.frames[i].window.document.getElementsByTagName("embed");
    for (var j = 0; j < embeds.length; j++) {
     embeds[j].style.visibility = (state == "hide") ? 'hidden' : 'visible';
    }
   } catch(e) { }
  }
 }
};
LyteBox.prototype.toggleSelects = function(state) {
 var selects = this.doc.getElementsByTagName("select");
 for (var i = 0; i < selects.length; i++ ) {
  selects[i].style.visibility = (state == "hide") ? 'hidden' : 'visible';
 }
 if (this.isFrame) {
  for (var i = 0; i < parent.frames.length; i++) {
   try {
    selects = parent.frames[i].window.document.getElementsByTagName("select");
    for (var j = 0; j < selects.length; j++) {
     selects[j].style.visibility = (state == "hide") ? 'hidden' : 'visible';
    }
   } catch(e) { }
  }
 }
};
LyteBox.prototype.pause = function(numberMillis) {
 var now = new Date();
 var exitTime = now.getTime() + numberMillis;
 while (true) {
  now = new Date();
  if (now.getTime() > exitTime) { return; }
 }
};
if (window.addEventListener) {
 window.addEventListener("load",initLytebox,false);
} else if (window.attachEvent) {
 window.attachEvent("onload",initLytebox);
} else {
 window.onload = function() {initLytebox();}
}
function initLytebox() { myLytebox = new LyteBox(); }
//]]>
</script>

step 3:goto >> dashboard >> Design>> Edit HTML 
>> search for </b:skin> and paste this code above it

#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
 #lbOverlay.grey { background-color: #000000; }
 #lbOverlay.red { background-color: #330000; }
 #lbOverlay.green { background-color: #003300; }
 #lbOverlay.blue { background-color: #011D50; }
 #lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
 #lbOuterContainer.grey { border: 3px solid #888888; }
 #lbOuterContainer.red { border: 3px solid #DD0000; }
 #lbOuterContainer.green { border: 3px solid #00B000; }
 #lbOuterContainer.blue { border: 3px solid #5F89D8; }
 #lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; overflow: auto; margin: 0 auto; }
 #lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
 #lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
 #lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
 #lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
 #lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
 position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqttqCinSx7e7StWHfHl45EQ-5rOFdaN96QprIfQmJiJp_pvLitJamKhCg-NHvFuxAD0SYUm8kpfMo6Biuoea82oF8ZHe30LBS3UA-1sZWvMKIc_gp2TG5Lp1Ym85ksue2udMKo1H3OLE/s1600/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD1kq3_9rHYp-qFHiwhcTQ_LLM-nBg64RX6cu9aOF7nmlyv33NXccLnXaOE50ov0zNtbT1sOouHqLjPhCySpUAn-NvhR1AS9JZe3w_ddHN6aFZ69qZ8gikoukoWvxEgPT23JRRxHSzlPk/s1600/blank.gif) no-repeat; display: block; left: 0; float: left; }
 #lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm9X72vpVjWOsN0JWM_rx6fhKw4SmY_zmEN5VaaiKDpCjg8VEgJ8sLf12G0erS1CSz7uQazcm3eeSOV3WLMITi59VxdHhIczUkq5kuNSNpoXmYzfOsPCEPKDmAICcGx6ZdP7S_leze69Q/s1600/prev_grey.gif) left 15% no-repeat; }
 #lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-NUlxxFhMr4GMl5P5pRkPde-O6e2yLUKkUpBvx0VlqVKVYjaJ8aNWKBrzvORrFd_XkPLPM-cBiX8u24rh8uhmjXZLTwHiu5jk-Db1ywLS4VGybkuLE-EC3hKosCVsWPQLFbyo_Ca0rX4/s1600/prev_red.gif) left 15% no-repeat; }
 #lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX5Twc-nryebI1D1OjZLPdjOME4A5-4Pjs4l_-_NSfo271UhnK9oiWbhJ6vZlE_S2ljuLeb3CQjl77km8Fm7PDaoGSXwPUqJqVLfols1ffPvZe5fok0wokXIiJZruS7cpLZesWZiP4ACw/s1600/prev_green.gif) left 15% no-repeat; }
 #lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkdaaqTny3WbjMineT_8Qqs29n7iLJvuvOEcKDZJoy6Z0C5wSS2bUTxLnTHX-oQVu8havve6delHK9_Vi62KOL4b-w0A1lrwA7A4_m7trUSWXduBm0uGB9zW2VyO3dxR2f9J8rzDCMx4c/s1600/prev_blue.gif) left 15% no-repeat; }
 #lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilddpFH2iUaCeFq4KPe2wXKC_whv7eJ7KPEyn2mRfO-g15k4L9gQcQe26_Hp1k8EJC0tgRjHoPgGLPTyXfRaGchpdr8Huq8rcK5wWzUJtxErcakWU5jT8yAcuQnhctFfJ9NIRiNVXgmxY/s1600/prev_gold.gif) left 15% no-repeat; }
 
#lbNext { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; right: 0; float: right; }
 #lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(images/next_grey.gif) right 15% no-repeat; }
 #lbNext.red:hover, #lbNext.red:visited:hover { background: url(images/next_red.gif) right 15% no-repeat; }
 #lbNext.green:hover, #lbNext.green:visited:hover { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUBR9O0VdPK2hCo8UxwuTRU8d4zKZcUm7YiEMKVM9jfmV2FOIipnMlZsDpmGYrgGLiPy79ACw2NCCGMtHdy-eNwdr0JDJKtbMzC1toJcAEbH24OGtMNcxJrdHjsFljHueEf-yYO_RaJLw/s1600/next_green.gif) right 15% no-repeat; }
 #lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXor1pNGpRWpGEwzTuCiO0pIYHuiCUDP7Xeh6q4vEDtOYHWs0FOc60KiXrONhB2U8RdccyTsqfguuXe1utMR5bPC4sTVoNlq8s08mKcLIaxjWHTp1WnT1TfpV_kCWt42D8XPvMgVdVvWg/s1600/next_blue.gif) right 15% no-repeat; }
 #lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIJ1wQfTzCwdEQLGJ9SdZxK3W-MwDKVKwA5f8gVgndro8t5Bam6-1uUYHs4YATn5AoFbJkRoBxdkB_pGdCVuD5SWTPZ1RjGsFRwsCqOFxozCbjKzED4tqlwBdGgmOYjUjzhlP3QY21yes/s1600/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
 #lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
 #lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
 #lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
 #lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
 #lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
 
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
 #lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
 #lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
 #lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
 #lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
 #lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
 
#lbDetailsData { padding: 0 10px; }
 #lbDetailsData.grey { color: #333333; }
 #lbDetailsData.red { color: #620000; }
 #lbDetailsData.green { color: #003300; }
 #lbDetailsData.blue { color: #01379E; }
 #lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
 #lbClose.grey { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYt6mRlBGyuW8Jl6wKp9vKCZC5E1-dPIDI5mJGgMzgI9SCizQwyTuapURdL2M4Kc2CX9STdBzjpSgcahrz1zP1PEz9fB7zcsDIQH8LvfAvwuFtUpv6_UAeVzD7GpxirfyIaUpsRTAVEXY/s1600/close_grey.png) no-repeat; }
 #lbClose.red { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOnFkmyM5PJE36qvRtdnon68_iEWNbc-7KD6NjnLCh5U7QfHHeYFEFYCKLZlWXul0bRIIEILS6Tfdoz62XoEqcJnDTlCrwxGLTKaPMyBwRvceM2ci6qXqYlp2FBJNg5ZB8a8x85krw6dk/s1600/close_red.png) no-repeat; }
 #lbClose.green { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWjGrRUpz6Y-J_qmQFp0UCwaEL-6ch37pMhPk8wckJYbw-pphIGMbG1OSC6MRewOr8B9T5uD4XWz_O0BCNpWA5R3L53k63dgQYbe5jvIyMnqdSAyt1hl8TO7PYTxZMlktImM_k7XGIJMI/s1600/close_green.png) no-repeat; }
 #lbClose.blue { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBPazem6xSI19aDc0NDOSpOlGnDxFQ_6iss0DVNmIafSiDvpr6ypod-Xz_fYtZiQbJIpdt8EiJzpA3ewgCq5GisIc0JUOER-6uX_9PgFvIc8M3f23P_qr_BnS9KaMS2x1j_W9DfL4-Cqk/s1600/close_blue.png) no-repeat; }
 #lbClose.gold { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib79_FblV0Ru3ihVGr8OrEP8yXjGA1D-U_3EROnUAxlcj_dVL4vKtT2vxRBc2XP2QciFN8PG21xZrCTYCcRZa5m7GCrAnC5b3klUF_6adXmHVHF2u0AgsFJW2mct0HLGye5Cg1wkZ4ppM/s1600/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
 #lbPlay.grey { background: url(images/play_grey.png) no-repeat; }
 #lbPlay.red { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisuGTPIwyziYxI3am-VZ-SDu7hnnGx2Yvg-GNq-ns1H3Lqlz-dpuCfmcxrgy-dQFSNuqQg-BNLuxbmPq_MltexMaWONqG5KDnQgZIddEZs14qF7-n46YWxfuXkvenHhugSLPymA63pvAg/s1600/play_red.png) no-repeat; }
 #lbPlay.green { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX1UCctjPExhDtduftAkl6E0nr8Uk1wXT6IEqmFaQRuhFo5mN75daUMzK5f3sc1s8aKh9o1Wby9D_YsF-D6YYzB2RTVutap51hvOJmajAcEtECI0FHafNHsbmnhQqStw-iDIZIqw8I2Hw/s1600/play_grey.png) no-repeat; }
 #lbPlay.blue { background: url(images/play_blue.png) no-repeat; }
 #lbPlay.gold { background: url(images/play_gold.png) no-repeat; }
 
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
 #lbPause.grey { background: url(images/pause_grey.png) no-repeat; }
 #lbPause.red { background: url(images/pause_red.png) no-repeat; }
 #lbPause.green { background: url(images/pause_green.png) no-repeat; }
 #lbPause.blue { background: url(images/pause_blue.png) no-repeat; }
 #lbPause.gold { background: url(images/pause_gold.png) no-repeat; } 

Step 4: The next step is simple and crucial , so make sure that you follow me closely,

For Single image:  paste  rel="lyteframe" after <a href=" link "

Example:  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX2Z3CceImWFjBOnMoIyiJK-K8JDNE3f6eXZGOnjYfsiRAKErBSz21YWrgv8gbRrHtYwnKelEK401VPWSkf7dAKHtsoFP_vzbKq0riuzG7xQagyM-rA7tAOTGMPSxlB2WRo4J-pasuc_4/s1600/3434592582_5d0d2d96cc_o.gif" imageanchor="1" rel="lyteframe" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="249" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX2Z3CceImWFjBOnMoIyiJK-K8JDNE3f6eXZGOnjYfsiRAKErBSz21YWrgv8gbRrHtYwnKelEK401VPWSkf7dAKHtsoFP_vzbKq0riuzG7xQagyM-rA7tAOTGMPSxlB2WRo4J-pasuc_4/s400/3434592582_5d0d2d96cc_o.gif" width="250" /></a>

For Group Images:  paste  rel="lyteframe[groupcode]" after <a href=" link "

Example:  
 <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX2Z3CceImWFjBOnMoIyiJK-K8JDNE3f6eXZGOnjYfsiRAKErBSz21YWrgv8gbRrHtYwnKelEK401VPWSkf7dAKHtsoFP_vzbKq0riuzG7xQagyM-rA7tAOTGMPSxlB2WRo4J-pasuc_4/s1600/3434592582_5d0d2d96cc_o.gif" imageanchor="1" rel="lyteframe[groupcode]" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="249" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX2Z3CceImWFjBOnMoIyiJK-K8JDNE3f6eXZGOnjYfsiRAKErBSz21YWrgv8gbRrHtYwnKelEK401VPWSkf7dAKHtsoFP_vzbKq0riuzG7xQagyM-rA7tAOTGMPSxlB2WRo4J-pasuc_4/s400/3434592582_5d0d2d96cc_o.gif" width="250" /></ a>

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX2Z3CceImWFjBOnMoIyiJK-K8JDNE3f6eXZGOnjYfsiRAKErBSz21YWrgv8gbRrHtYwnKelEK401VPWSkf7dAKHtsoFP_vzbKq0riuzG7xQagyM-rA7tAOTGMPSxlB2WRo4J-pasuc_4/s1600/3434592582_5d0d2d96cc_o.gif" imageanchor="1" rel="lyteframe[groupcode]" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="249" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX2Z3CceImWFjBOnMoIyiJK-K8JDNE3f6eXZGOnjYfsiRAKErBSz21YWrgv8gbRrHtYwnKelEK401VPWSkf7dAKHtsoFP_vzbKq0riuzG7xQagyM-rA7tAOTGMPSxlB2WRo4J-pasuc_4/s400/3434592582_5d0d2d96cc_o.gif" width="250" /></a>

 For External Links paste  rel="lyteframe" rev="width: 1000px; height: 1000px; scrolling: yes;" title="caption here" after <a href=" link "

Example:


<a href="http://trickserver.blogspot.com/" rel="lyteframe" rev="width: 1000px; height: 1000px; scrolling: yes;" title="caption here">Lytbox effect [click here]</a>

Kita bakal mencoba memasang tombol facebook share pada blog. Untuk memasangnya, ikuti langkah berikut ini :


1. Buka blogger. Masuk ke menu Design->Edit HTML

2. Beri centang pada 'Expand widget templates'

3. Cari kode <data:post.body/>

4. Kalau anda menemukan dua kode <data:post.body/> maka pilih yang pertama

5. Letakkan salah satu kode tombol facebook share berikut ini dibawah kode <data:post.body/> jika anda ingin memasang tombol fshare dibawah postingan atau letakkan diatas <data:post.body/> jika anda ingin memasang diatas postingan.

<a name="fb_share" type="button" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

atau

<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

maka akan muncul seperti ini :

Dated Released : 27 January 2011
Quality : DVDRip.XviD.AC3-ARJ
Info : imdb.com/title/tt1832438/
IMDB Rating : 6.0
Star : Jin-yeong Jeong, Mun-shik Lee, Seung-yong Ryoo
Genre : Comedy | Drama

Download here :

1. Enterupload
2. Mediafire 1 (Password : MediafireHBO.COM)
   * Part 1
   * Part 2
3. Mediafire 2
   * Part 1
   * Part 2
   * Part 3
   * Subtitle Indo
   * Subtitle Eng

Mulai dari mengmbalikan password yg berda di browser sampe yg d massengger sekalipun bisa koq.
Mau dicoba ?
Nich Download aja kang
Download disini

 Download DS III here
http://www.mediafire.com/?6cm3nro63cyhj

Cuma extract n mount image'a....

http://www.filesonic.com/file/1354818651/A.Photoshop.FULLwithCRACK.rar

Okay,,
karena cara installnya agak ribet, gw jelasin pake bahasa Indonesia aja biar lebih mudah dimengerti.

Catatan :
C:\Program Files (x86)\Adobe\Adobe Device Central CS5

Universal Shield by Everstrike Software is the ultimate protection tool for your computer - hide files, folders, and drives, and set access rules using flexible security combinations for your most precious data. A unique feature of Universal Shield is the perfect combination of data hiding and encrypting. The program has been especially designed to be the most flexible security tool on the market, suitable both for home use and in corporate environments. Password-protect your data, program start-up, or program uninstall. Secure your data not only from local users, but network and Internet users as well. The new version also contains a wizard, which includes an option of restricting personal folders and settings, as well as files/folders/drives protection, a hiding expert, and a data encryption master.
:
- Ability to hide files, folders, or drives from all other users (including the administrator).
- Encrypts files and folders.
- A mask that allows you to hide file groups (for example, c:\*.doc).
- Ability to set permissions (Read, Write, Visibility, Delete) for any files, folders, and drives. For example, you can make your files - Read Only and make it impossible to delete them.
- An access lock on your private folders and settings (My Documents, Favorites, Control Panel, Internet History, and so forth).
- A protection wizard.
- Password protection for files, folders, and drives.
- Unlimited number of objects to protect.
- Access restrictions on your data against local network users as well as Internet users.
- Password-protected start of Universal Shield.
- Password-protected uninstall of Universal Shield.
- Use of hot keys to start Universal Shield and to change the protection mode from other Windows applications.
- Trusted processes that allow you to specify the process that can override the protection.
- Stealth Mode that allows you to hide the program from other people.
- Ability to lock your Windows desktop so that users cannot delete, add, or modify the shortcuts and icons on your desktop.
- Adds files and folders via an Explorer menu command.
- Enables protection automatically if the computer has been idle.
- Protects files and folders even in Windows Safe Mode.
- High-level protection.
- High performance rates.
- Multilingual interface.
- Support of FAT, FAT32, and NTFS systems.

Internet Download Manager merupakan sebuah download manager dengan fitur-fitur menarik. Software ini bisa mengunduh file-file dengan kecepatan tinggi, dengan menyedot semua bandwitdh sehingga kecepatan internet fokus terletak pada kecepatan saat melakukan pengunduhan.

Ini mungkin sudah lama sekali tp cuma mau memberitahu yang belum kenal ma sahabat saya yang satu ini.Multifox,suatu extension pendukung Browser Musang Api atau yang kita kenal denan Firefox. Multifox ini berfungsi untuk menjalankan 2 Account dalam 1 Browser.
Kita bisa gunakan ini di website manapun,seperti facebook,twitter,dll.

Keamanan Jaringan


Beberapa Bentuk Ancaman Jaringan

HTML (Hypertext Markup Language) adalah salah satu script Markup Language untuk membangun aplikasi Web.
HTML sendiri dapat kita gunakan untuk mendesign sebuah website atau blog. Kita pun dapat menggabungkan HTML dengan CSS sehingga kita dapat menghasilkan kualitas Web yang menarik. Berikut adalah perintah dasar dari HTML.

<title> </title
digunakan untuk menambahkan judul halaman pada web

<body> ... </body>
berisikan kalimat-kalimat yang ingin kita tampilkan pada halaman website kita.

Download & Penyimpanan Data  
[FTP, Kompresi, Dekompresi, Online Storage]

Pengertian Upload dan Download :