Label Posts

Website bawlna

AD (728x90)

  • 2793 Pine St

    2793 Pine St

    Nulla facilisi. Cras blandit elit sit amet eros sodales, non accumsan neque mollis. Nullam tempor sapien tellus, sit amet posuere ante porta quis. Nunc semper leo diam, vitae imperdiet mauris suscipit et. Maecenas ut neque lectus. Duis et ipsum nec felis elementum pulvi...

  • 1100 Broderick St

    1100 Broderick St

    Nulla facilisi. Phasellus ac enim elit. Cras at lobortis dui. Nunc consequat erat lacus, a volutpat nisi sodales vitae. Phasellus pharetra at nulla in egestas. Vestibulum sit amet tortor sit amet diam placerat tincidunt sit amet eget lorem. Phasellus ...

  • 868 Turk St

    868 Turk St

    Nulla facilisi. Phasellus ac enim elit. Cras at lobortis dui. Nunc consequat erat lacus, a volutpat nisi sodales vitae. Phasellus pharetra at nulla in egestas. Vestibulum sit amet tortor sit amet diam placerat tincidunt sit amet eget lorem. Phasellus posuere posuere fel...

  • 420 Fell St

    420 Fell St

    Sed at vehicula magna, sed vulputate ipsum. Maecenas fringilla, leo et auctor consequat, lacus nulla iaculis eros, at ultrices erat libero quis ante. Praesent in neque est. Cras quis ultricies nisi, vitae laoreet nisi. Nunc a orci at velit sodales mollis ac ac ipsum. Na...

Wednesday, October 26, 2016

how to reset chromebook

Tuesday, October 25, 2016

mycapstonelibrary




http://www.mycapstonelibrary.com/

User name: Jacksonville
Password:Jacksonville

Tuesday, October 18, 2016

SITE MAP

<style>
 /* CSS Full Sitemap */
 #bp_toc {background:#ffaaa4;color:#666;margin:0 auto;padding:5px;}
 span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#ffcfcc;font-family:'Open Sans';font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}
 .toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}
 .toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}
 .toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}
 .toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px;
 text-decoration:none;color:#aaa;font-family:'Open Sans';font-weight:700;letter-spacing: 0.5px;}
 .toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
 text-decoration:none;}
 .toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}
 .toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}
 .toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#e76e66;}
 #bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}
 .toc-entry-col1 {counter-increment:rowNumber;}
 #bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}
 td.toc-entry-col2 {background:#fafafa;}
 </style>
 <div id="bp_toc">
 </div>
 <script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/sitemap-content.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>
 <style scoped="" type="text/css">
 #comments {display:none;}
 </style>

http://www.thebloggerguide.com/how-to-create-sitemap-page-blogger/

Sunday, October 16, 2016

Recent post

<style>
/* CSS Recent Post Gallery */
.recent-gallery {padding:0;clear:both;}
.recent-gallery:after {content:"";display:table;clear:both;}
.recent-gallery .gallerytem{display:inline-block;position:relative;margin:6px 0;overflow:hidden;}
.recent-gallery .gallerytem a{position:relative;float:left;margin:0 6px;text-decoration:none}
.recent-gallery .gallerytem .ptitle{background:rgba(0,0,0,.7);display:block;clear:left;font-size:10px;line-height:1.3em;position:absolute;text-align:left;bottom:3px;left:3px;right:3px;top:3px;color:#fff;padding:5px;word-wrap:break-word;overflow:hidden;visibility:hidden;opacity:0;backface-visibility:hidden;transition:all .2s}
.recent-gallery .gallerytem:hover .ptitle{visibility:visible;opacity:1}
.recent-gallery a img{background:#fdfdfd;float:left;padding:2px;border:1px solid #e3e3e3;transition:all .3s}
.recent-gallery a:hover img {border-color:#bbb;}
</style>
<script type='text/javascript'>
//<![CDATA[
// Recent Post Gallery
function arlinagrid(a){for(var t=a.feed.entry||[],e=['<div class="recent-gallery">'],i=0;i<t.length;++i){for(var l=t[i],r=l.title.$t,n=l.media$thumbnail?l.media$thumbnail.url:"http://2.bp.blogspot.com/-4fCf53FqYKM/Vccsy7apoZI/AAAAAAAAK4o/XJkv3RkC0pw/s1600/default%2Bimage.png",s=n.replace("s72-c","s"+arlina_thumbs+"-c"),h=l.link||[],c=0;c<h.length&&"alternate"!=h[c].rel;++c);var d=h[c].href,m='<img src="'+s+'" width="'+arlina_thumbs+'" height="'+arlina_thumbs+'"/>',p=arlina_title?'<span class="ptitle">'+r+"</span>":"",g='<a href="'+d+'" target="_blank" title="'+r+'">'+m+p+"</a>";e.push('<div class="gallerytem">',g,"</div>")}e.push("</div>"),document.write(e.join(""))}
//]]>
</script>
<script>
var arlina_thumbs = 72; 
var arlina_title = true; 
</script>
<script src="/feeds/posts/summary?max-results=9&amp;alt=json-in-script&amp;callback=arlinagrid"></script>


http://www.thebloggerguide.com/recent-post-widgets-for-blogger/

Monday, October 10, 2016

website photos


ka website photos

Original

<div id='blognbt' style='background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7fUNf1NitWAO54Qyybu9oPSOSCbNy1C3eS6avbbusFwpISvRe7JbdQkgd6_HbdX0zfrm7qaqIFmrXoVufSNP_-_JX4fxcXzvzD8NYvmpTCPhiLRIqglDvj0RluXNelj-MsWfksNsf_Zlt/s1600/01_services.jpg);'>
<div class='dark-overlay vision'>
<div class='centered vision-border wow bounceIn'>
<b:section class='siteheadersec' id='siteheadersec' maxwidgets='5' showaddelement='no'>
  <b:widget id='Header1' locked='true' title='MUC (Header)' type='Header' version='1' visible='true'>
    <b:includable id='main'>
                 <h2 class='site-title'><b:include name='title'/></h2>
                 <h6 class='site-description'><b:include name='description'/></h6>
    </b:includable>
    <b:includable id='description'><data:description/></b:includable>
    <b:includable id='title'><a expr:href='data:blog.homepageUrl'><data:title/></a></b:includable>
  </b:widget>
</b:section>
</div>
</div>
</div>



----------------------------------------------------------------------

<div id='blognbt' style='background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJTteWRSb74KeOu5WQtU_tuAMwWLNzam_WqDrl5qejOf3x7Ns-eVrL8K-_JRgtO3CEUX3iDUYk1blkj0IcgYaz18O9U_oPDP1h7D0jqponRLkauviSk71ln5Y-MSj0EcUrpV60C4tQLbDR/s1600/IMG_1687.JPG);'>
<div class='dark-overlay vision'>
<div class='centered vision-border wow bounceIn'>
<b:section class='siteheadersec' id='siteheadersec' maxwidgets='5' showaddelement='no'>
  <b:widget id='Header1' locked='true' title='MUC (Header)' type='Header' version='1' visible='true'>
    <b:includable id='main'>
                 <h2 class='site-title'><b:include name='title'/></h2>
                 <h6 class='site-description'><b:include name='description'/></h6>
    </b:includable>
    <b:includable id='description'><data:description/></b:includable>
    <b:includable id='title'><a expr:href='data:blog.homepageUrl'><data:title/></a></b:includable>
  </b:widget>
</b:section>
</div>
</div>

</div>

website photo


muc7 photo


Sunday, October 9, 2016

Accordion menus




Page ah guang ding



<ul class="container">
     
   
<!- TAB ONE -->

      <li class="menu">
     
          <ul>
            <li class="button"><a href="#" >ADD TAB TITLE HERE<span>▼</span></a></li>            
            <li class="dropdown1">

                <ul>
<li>1. <a  href="ADD LINK HERE" >ADD LINK TEXT HERE</a></li>
<li>2. <a  href="ADD LINK HERE">ADD LINK TEXT HERE</a></li>
<li>3. <a href="ADD LINK HERE">ADD LINK TEXT HERE</a></li>
<li>5. <a href="ADD LINK HERE">ADD LINK TEXT HERE</a></li>
<li>4. <a href="ADD LINK HERE">ADD LINK TEXT HERE</a></li>
                </ul>
            </li>
          </ul>
         
      </li>

<!- TAB TWO -->

<li class="menu">
     
          <ul>
            <li class="button"><a href="#" >ADD TAB TITLE HERE<span>▼</span></a></li>
            <li class="dropdown1">
                <ul>
<li>1. <a href="ADD LINK HERE" >ADD LINK TEXT HERE</a></li>
<li>2. <a href="ADD LINK HERE">ADD LINK TEXT HERE</a></li>
<li>3. <a href="ADD LINK HERE">ADD LINK TEXT HERE</a></li>
<li>5. <a href="ADD LINK HERE">ADD LINK TEXT HERE</a></li>
<li>4. <a href="ADD LINK HERE">ADD LINK TEXT HERE</a></li>

               
             </ul>
            </li>
          </ul>

      </li>

 
  </ul>



<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
<script>
//<![CDATA[
$(document).ready(function(){
/* This code is executed after the DOM has been completely loaded */
/* Changing thedefault easing effect - will affect the slideUp/slideDown methods: */
$.easing.def = "easeOutBounce";
/* Binding a click event handler to the links: */
$('li.button a').click(function(e){
/* Finding the drop down list that corresponds to the current section: */
var dropDown = $(this).parent().next();
/* Closing all other drop down sections, except the current one */
$('.dropdown1').not(dropDown).slideUp('slow');
dropDown.stop(false,true).slideToggle('slow');
/* Preventing the default event (which would be to navigate the browser to the link&#39;s address) */
e.preventDefault();
})
});
// t: current time, b: begInnIng value, c: change In value, d: duration
jQuery.easing['jswing'] = jQuery.easing['swing'];
jQuery.extend( jQuery.easing,
{
def: 'easeOutQuad',
swing: function (x, t, b, c, d) {
  //alert(jQuery.easing.default);
  return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
},
easeInQuad: function (x, t, b, c, d) {
  return c*(t/=d)*t + b;
},
easeOutQuad: function (x, t, b, c, d) {
  return -c *(t/=d)*(t-2) + b;
},
easeInOutQuad: function (x, t, b, c, d) {
  if ((t/=d/2) < 1) return c/2*t*t + b;
  return -c/2 * ((--t)*(t-2) - 1) + b;
},
easeInCubic: function (x, t, b, c, d) {
  return c*(t/=d)*t*t + b;
},
easeOutCubic: function (x, t, b, c, d) {
  return c*((t=t/d-1)*t*t + 1) + b;
},
easeInOutCubic: function (x, t, b, c, d) {
  if ((t/=d/2) < 1) return c/2*t*t*t + b;
  return c/2*((t-=2)*t*t + 2) + b;
},
easeInQuart: function (x, t, b, c, d) {
  return c*(t/=d)*t*t*t + b;
},
easeOutQuart: function (x, t, b, c, d) {
  return -c * ((t=t/d-1)*t*t*t - 1) + b;
},
easeInOutQuart: function (x, t, b, c, d) {
  if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
  return -c/2 * ((t-=2)*t*t*t - 2) + b;
},
easeInQuint: function (x, t, b, c, d) {
  return c*(t/=d)*t*t*t*t + b;
},
easeOutQuint: function (x, t, b, c, d) {
  return c*((t=t/d-1)*t*t*t*t + 1) + b;
},
easeInOutQuint: function (x, t, b, c, d) {
  if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
  return c/2*((t-=2)*t*t*t*t + 2) + b;
},
easeInSine: function (x, t, b, c, d) {
  return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
},
easeOutSine: function (x, t, b, c, d) {
  return c * Math.sin(t/d * (Math.PI/2)) + b;
},
easeInOutSine: function (x, t, b, c, d) {
  return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
},
easeInExpo: function (x, t, b, c, d) {
  return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
},
easeOutExpo: function (x, t, b, c, d) {
  return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
},
easeInOutExpo: function (x, t, b, c, d) {
  if (t==0) return b;
  if (t==d) return b+c;
  if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
  return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
},
easeInCirc: function (x, t, b, c, d) {
  return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
},
easeOutCirc: function (x, t, b, c, d) {
  return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
},
easeInOutCirc: function (x, t, b, c, d) {
  if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
  return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
},
easeInElastic: function (x, t, b, c, d) {
  var s=1.70158;var p=0;var a=c;
  if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
  if (a < Math.abs(c)) { a=c; var s=p/4; }
  else var s = p/(2*Math.PI) * Math.asin (c/a);
  return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
},
easeOutElastic: function (x, t, b, c, d) {
  var s=1.70158;var p=0;var a=c;
  if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
  if (a < Math.abs(c)) { a=c; var s=p/4; }
  else var s = p/(2*Math.PI) * Math.asin (c/a);
  return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
},
easeInOutElastic: function (x, t, b, c, d) {
  var s=1.70158;var p=0;var a=c;
  if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
  if (a < Math.abs(c)) { a=c; var s=p/4; }
  else var s = p/(2*Math.PI) * Math.asin (c/a);
  if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
  return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
},
easeInBack: function (x, t, b, c, d, s) {
  if (s == undefined) s = 1.70158;
  return c*(t/=d)*t*((s+1)*t - s) + b;
},
easeOutBack: function (x, t, b, c, d, s) {
  if (s == undefined) s = 1.70158;
  return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
},
easeInOutBack: function (x, t, b, c, d, s) {
  if (s == undefined) s = 1.70158;
  if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
  return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
},
easeInBounce: function (x, t, b, c, d) {
  return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
},
easeOutBounce: function (x, t, b, c, d) {
  if ((t/=d) < (1/2.75)) {
   return c*(7.5625*t*t) + b;
  } else if (t < (2/2.75)) {
   return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
  } else if (t < (2.5/2.75)) {
   return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
  } else {
   return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
  }
},
easeInOutBounce: function (x, t, b, c, d) {
  if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
  return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
}
});
//]]>
</script>







Paste the following CSS Styles just above </b:skin>

/*------ Accordion Widget by MBT  -----*/
ul.container{
    width:275px;
    margin:0 auto;
    padding:0px;
}

li.menu{
    padding:5px 0;
    width:100%;
}
li.button a{
    display:block;
    font-family: Arial, sans-serif,Helvetica;
    font-size:12px;
    overflow:hidden;
    padding:0px 0px 5px 0;
    position:relative;
    width:100%;
        text-transform:capitalize;
}
li.button a:hover{
    text-decoration:none!important;
}
li.button a span{
   
    right:0px;
        top:0px;
    position:absolute;
    color:#ccc;
    display:block;
}

.dropdown1{
    display:none;
    padding-top:5px;
    width:100%;
}
.dropdown1 li{
   
   
   
border:1px solid #7E7E7E;
    color:#CCCCCC;
    margin:5px 0;
    padding:4px 10px;
       
}
.dropdown1 li:hover {
border:1px solid #ccc;
text-decoration:none;
}

.dropdown1 li a:hover {
text-decoration:none;
}

Saturday, October 8, 2016

Jump to Top

<style type="text/css">
#bcd-052008-widget-sbs-jump-top-button-2393{
    width: /*width-s*/60px;/*width-e*/
    height: /*height-s*/77px;/*height-e*/
    opacity:0.3;
    filter: alpha(opacity=30);
    position:fixed;
    bottom: /*bottom-s*/50px;/*bottom-e*/
    right: /*right-s*/50px;/*right-e*/
    display:none;
    text-indent:-9999px;
    background: url('http://sneeit.com/wp-content/uploads/blogger/bi-sbs-jump-top-button-image-013.png') no-repeat;
}
#bcd-052008-widget-sbs-jump-top-button-2393:hover{
    opacity:0.6;
    filter: alpha(opacity=60);
}
</style>
<script type="text/javascript">
/*
Name: SBS jump top button plugin for Blogger
Author: Tien Nguyen
Site: http://www.sneeit.com/
Version: 1.1
License GNU
*/
// Flag check jQuery
if (typeof(jquery_included) == 'undefined') {
   
    var jquery_included = false;
}
_s7RaT = ['undefined','undefined','script','src','http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js','type','text/javascript','head','bcd-052008-widget-sbs-jump-top-button-2393','<a href="#" id="','">Scroll Top</a>','body','#','#','#',"html, body",'#','-hook','div.widget','display','none','#','-hook','div.widget','body'];if(typeof(bcd_052008_widget_sbs_jump_top_button_2393)==_s7RaT[0]){bcd_052008_widget_sbs_jump_top_button_2393=false;}if(!bcd_052008_widget_sbs_jump_top_button_2393){bcd_052008_widget_sbs_jump_top_button_2393=true;function _fExD(){if(typeof(jQuery)==_s7RaT[1]){if(!jquery_included){jquery_included=true;var _vEvD=document.createElement(_s7RaT[2]);_vEvD.setAttribute(_s7RaT[3],_s7RaT[4]);_vEvD.setAttribute(_s7RaT[5],_s7RaT[6]);document.getElementsByTagName(_s7RaT[7])[0].appendChild(_vEvD);}setTimeout(function(){_fExD();},50);}else{$(function(){var _vIaH=_s7RaT[8];var _vRoS=_s7RaT[9]+_vIaH+_s7RaT[10];$(_s7RaT[11]).append(_vRoS);$(document).ready(function(){$(window).scroll(function(){if($(this).scrollTop()>100){$(_s7RaT[12]+_vIaH).fadeIn();}else{$(_s7RaT[13]+_vIaH).fadeOut();}});$(_s7RaT[14]+_vIaH).click(function(){$(_s7RaT[15]).animate({scrollTop:0},600);return false;});$(_s7RaT[16]+_vIaH+_s7RaT[17]).parents(_s7RaT[18]).css(_s7RaT[19],_s7RaT[20]);$(_s7RaT[21]+_vIaH+_s7RaT[22]).parents(_s7RaT[23]).appendTo(_s7RaT[24]);});});}}_fExD();}

</script>
<!--
BLOGGER-WIDGET-OPTIONS
"Width" : {
    "start" : "/*width-s*/",
    "default" : 40,
    "end" : "px;/*width-e*/",
    "type" : "number",
    "desc": "Width of the iamge using for jump-top button"
},
"Height" : {
    "start" : "/*height-s*/",
    "default" : 40,
    "end" : "px;/*height-e*/",
    "type" : "number",
    "desc": "Height of the iamge using for jump-top button"
},
"Bottom" : {
    "start" : "/*bottom-s*/",
    "default" : 50,
    "end" : "px;/*bottom-e*/",
    "type" : "number",
    "desc": "Number pixels margin from the bottom of the jump-top button"
},
"Right" : {
    "start" : "/*right-s*/",
    "default" : 50,
    "end" : "px;/*right-e*/",
    "type" : "number",
    "desc": "Number pixels margin from the right of the jump-top button"
}
BLOGGER-WIDGET-OPTIONS
-->

limit label post

steps:
  1. Blogger Dashboard > Template Edit HTML. Click [] Expand Widget Templates.
  2. Search for this code:
expr:href='data:label.url'

3. Replace it with the following:
    expr:href='data:label.url + "?max-results=150"'
    In the above code, Peter opted to use 150 because he wants all posts to be displayed. You may use another value instead of 150.
    If you can find   expr:href=’data:label.url’ repeat step 3.
    4. Save template.
      Note: Do save a backup before doing any changes in your template. Here’s how you do it:
      Blogger Dashboard > Template > Backup (seen at the top right corner) > Download full template > All files.


      Friday, October 7, 2016

      Header menu view remove from dynamic view blogger



      As a follow up on my first article on Dynamic Views, http://blog.mridey.com/2015/08/how-to-customize-bloggers-dynamic-views.html, here's a quick trick to remove the "views" menu in the menu bar.

      Typically at the top of all Dynamic Views templates, you'll see a menu to select views other than the one you selected for your blog. It looks something like:


      But what it you would prefer not to have this menu, then go to the template editor and change the view loading code from

      <script language='javascript' type='text/javascript'>
        window.onload = function() {
          blogger.ui().configure().view();
        };
      </script>

      to

      <script language='javascript' type='text/javascript'>
        window.onload = function() {
          blogger.templates().compile(
              blogger.templates().template("Header").raw()
                  .replace(/{block:HasViews[\s\S]*block:HasViews}/,""));
          blogger.ui().configure().view();
        };
      </script>

      This will remove the section of the Header conditioned on having views {block:HasViews}...{/block:HasViews}that renders the menu for the views.

      The new view looks like:

      Remove Loading Gear


      Remove Loading Gear :


      Loading gear
      If you are blogging in Blogger and using its Dynamic theme then you may experience that it always shows a Loading Gear whenever it gets load. It is sometimes disturbing. So if you want to eradicate this problem then just follow the below steps-


      1. At first go to the Dashboard of your Blog and and then in the left side you will find an option sayingTemplate.

      2. Now click on Template and there you will find a Customize option beside Edit HTML button.

      3. Click on Customize and after clicking on that in the left side you will find an option saying Advanced, click on that option.

      4. Now you should get an option saying Add CSS, click on that.

      5. Now an empty box should appear in the right side. In this box copy paste the following codes and Pressenter button after the last character of the last line ie, } .
      –Now, Apply it to your Blog.


      .ss,.blogger-gear{
      display: none;
      }




      Remove Dynamic View Options :



       >>>>  If you want to remove Dynamic Blogger view options like this  >>>>





      In the same way as I have shown in the removal of loading gear part, at first go to the Dashboard of your Blog and and then in the left side you will find an option saying Template. Now click on Template and there you will find a Customize option beside Edit HTML button. Click on Customize and after clicking on that in the left side you will find an option saying Advanced, click on that. Now you should get an option saying Add CSS, click on that. Now an empty box should appear in the right side. In this box copy paste the following codes and Press enter button after the last character of the last line ie, } .
      –Now, Apply it to your Blog.


      #views{
      display: none !important;
      }

      #header #pages, #header #pages:before{
      border-left: 0px !important;
      }

      Tuesday, October 4, 2016

      Slider aneu




      <style type="text/css">
      /*
      * jQuery FlexSlider v2.0
      * http://www.woothemes.com/flexslider/
      *
      * Copyright 2012 WooThemes
      * Free to use under the GPLv2 license.
      * http://www.gnu.org/licenses/gpl-2.0.html
      *
      * Contributing author: Tyler Smith (@mbmufffin)
      */
      /* Browser Resets */
      .flex-container a:active,
      .flexslider a:active,
      .flex-container a:focus,
      .flexslider a:focus{
      outline:none;
      }
      .slides,
      .flex-control-nav,
      .flex-direction-nav{
      margin:0;
      padding:0;
      list-style:none;
      }
      /* FlexSlider Necessary Styles
      *********************************/
      .flexslider{
      margin:0;
      padding:0;
      }
      .flexslider .slides > li{
      display:none;
      -webkit-backface-visibility:hidden;
      -moz-backface-visibility:hidden;
      -ms-backface-visibility:hidden;
      -o-backface-visibility:hidden;
      backface-visibility:hidden;
      }
      /* Hide the slides before the JS is loaded. Avoids image jumping */
      .flexslider .slides img{
      width:100%;
      display:block;
      }
      .flex-pauseplay span{
      text-transform:capitalize;
      }
      /* Clearfix for the .slides element */
      .flexslider a.intro {
      bottom:0;
      color:rgba(0, 0, 0, 0.1);
      font-size:14px;
      position:absolute;
      right:0;
      text-decoration:none;
      z-index:99999;
      }
      .slides:after{
      content:".";
      display:block;
      clear:both;
      visibility:hidden;
      line-height:0;
      height:0;
      }
      html[xmlns] .slides{
      display:block;
      }
      * html .slides{
      height:1%;
      }
      /* No JavaScript Fallback */
      /* If you are not using another script, such as Modernizr, make sure you
      * include js that eliminates this class on page load */
      .no-js .slides > li:first-child{
      display:block;
      }
      /* FlexSlider Default Theme
      *********************************/
      .flexslider{
      margin:0 0 50px;
      background:#fff;
      border:4px solid #fff;
      position:relative;
      -webkit-border-radius:4px;
      -moz-border-radius:4px;
      border-radius:4px;
      -webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);
      -moz-box-shadow:0 1px 4px rgba(0,0,0,.2);
      box-shadow:0 1px 4px rgba(0,0,0,.2);
      zoom:1;
      }
      .flex-viewport{
      max-height:1500px;
      -webkit-transition:all 1s ease;
      -moz-transition:all 1s ease;
      -o-transition:all 1s ease;
      transition:all 1s ease;
      }
      .loading .flex-viewport{
      max-height:200px;
      }
      .flexslider .slides{
      zoom:1;
      }
      .carousel li{
      margin-right:5px;
      }
      /* Direction Nav */
      .flexslider li {
      border: 0 none !important;
      padding: 0 !important;
      text-indent: 0 !important;
      }
      .flex-direction-nav a{
      width:30px;
      height:25px;
      margin:-20px 0 0;
      display:block;
      background:url(http://project.dimpost.com/flexslider-carousel/images/bg_direction_nav.png) no-repeat 0 0;
      position:absolute;
      top:50%;
      cursor:pointer;
      text-indent:-9999px;
      opacity:0;
      -webkit-transition:all .3s ease;
      -moz-transition:all .3s ease;
      -o-transition:all .3s ease;
      transition:all .3s ease;
      }
      .flex-direction-nav .flex-next{
      background-position:100% 0;
      right:-36px;
      }
      .flex-direction-nav .flex-prev{
      left:-36px;
      }
      .flexslider:hover .flex-next{
      opacity:0.8;
      right:5px;
      }
      .flexslider:hover .flex-prev{
      opacity:0.8;
      left:5px;
      }
      .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{
      opacity:1;
      }
      .flex-direction-nav .disabled{
      opacity:.3!important;
      filter:alpha(opacity=30);
      cursor:default;
      }
      /* Control Nav */
      .flex-control-nav{
      width:100%;
      position:absolute;
      bottom:-40px;
      text-align:center;
      }
      .flex-control-nav li{
      margin:0 6px;
      display:inline-block;
      zoom:1;
      *display:inline;
      }
      .flex-control-paging li a{
      width:11px;
      height:10px;
      display:block;
      background:#666;
      background:rgba(0,0,0,0.5);
      cursor:pointer;
      text-indent:-9999px;
      -webkit-border-radius:20px;
      -moz-border-radius:20px;
      border-radius:20px;
      -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
      -moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
      box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
      }
      .flex-control-paging li a:hover{
      background:#333;
      background:rgba(0,0,0,0.7);
      }
      .flex-control-paging li a.flex-active{
      background:#000;
      background:rgba(0,0,0,0.9);
      cursor:default;
      }
      .flex-control-thumbs{
      margin:5px 0 0;
      position:static;
      overflow:hidden;
      }
      .flex-control-thumbs li{
      width:25%;
      float:left;
      margin:0;
      }
      .flex-control-thumbs img{
      width:100%;
      display:block;
      opacity:.7;
      cursor:pointer;
      }
      .flex-control-thumbs img:hover{
      opacity:1;
      }
      .flex-control-thumbs .active{
      opacity:1;
      cursor:default;
      }
      </style>
      <script type="text/javascript" src="http://project.dimpost.com/flexslider-carousel/jquery.js"></script>
      <script type="text/javascript" src="http://project.dimpost.com/flexslider-carousel/jquery.flexslider-min.js"></script>
      <script type="text/javascript">
       $(document).ready(function(){  
      $(window).load(function() {
        $('.flexslider').flexslider({
          animation: "slide",
          animationLoop: false,
          itemWidth: 210,
          itemMargin: 0,
          minItems: 1,
          maxItems: 6
        });
      });
      });
      </script>
      <div class="flexslider">
        <ul class="slides">
          <li>
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCcdl5JmVxiDsdU9nP96x3iFIAN_Xe97MER1zClyuiWSUbuJeyfbBfhVE7rTbK0zMJkmd7b9MAzN13nbGdf3dC6r1NU_ynQP-VfFacXE6Z3whG79kPcjGtvqhe2p_1dgtzgFjr3nsoXyIV/s1600/1412782_732469593449898_291484368_o.jpg" />
          </li>
          <li>
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaNk7h5QoD_atyy-__7J7IeH6EvSsqsAzorOwWzTJcdnJ10-56gTRrkpUOgNi0DJ3WJbQXBuKxQbyip-dsa1XTyrQ2Lvx5qpGLZZ39L3bpU4iGY8YG8Xe1b-Lz7yMMwokqbNYyP5VMZUYT/s1600/DSCF4398.jpg" />
          </li>
          <li>
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcmB_dHHRzSijP74nqQYxT0uuxA6bNXPAymsvmFS2vlT8xt08CmRmrC4LhZ8PjGFTBmS6kGFFR-3hTgVT_Dv9NloxHwQxUELYSO54XoAnJTQ_Nt7fq90Shyphenhyphen-01HP7n1fJx9WVGcnXxKzm8/s1600/UPA.jpg" />
          </li>
          <li>
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhIxMvqWX4LOSRh_lnKfVXadqpnfaM2YqNmWnEEvYC-B3hO_jFdDQGLApeGTjADQsId5r7YYSiz6rAWzAQgU7WbE7dBcwWDsBbyu6Lfu-LAl2hPPcobbNC5S8DsaOjMvPHiPcmCl1add0H/s1600/1932393_893290010701188_6694448986576676030_n.jpg" />
          </li>
          <li>
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNDpzYzmy-EGzcmWN5VXSSP0bJpqxFKlgwxTUL77gJP4xv8FNacmQpVadeDSxBw3wHyn9vLzlmERSjX8Zh_beGTTpRaMlQ9HVgOz7JJgnwf8_nIksR5hFxzFg7ydcWHI3lBoHYvNwx5aOw/s1600/1538695_895201460510043_8142188767144667162_n.jpg" />
          </li>
          <li>
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQvhqc1H2thiwbfNgVdiglUxJ5tRGaGfyugRriT34wsg6L9wHGC4Y_c1DWE8HxQy0zRJLsmQzwu8IS-mx6amjdzgxDhgqmmgMfihyphenhypheneTwPlkkNwVPwK7mHmRFq-woHfSverH5y4XTl7uHNu/s1600/16310_892899224073600_6568307907643476945_n.jpg" />
          </li>
          <li>
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtNdc0QjXcFblvr2zfuP5bgLs8k9jlaTcaCe7GipdhPJ0zlS5fVN391L6V4Dk5tzgh1-xIDdTcDd9E0iy0-V0DSshI6DuTeI2zCUW-P42jvje3kFn3vPXZHi3KTVn5NWOFICU5yHMvdUJJ/s1600/DSCF4444.jpg" />
          </li>
          <li>
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFsRYdIOdLZR_pL3PIbknIYAHIu0nvMvv2AXphyphenhyphen_7zIuZiEJID3Y5ydL9KdXuwbquPZvhlKQLVw1LgxkQ9InUUbJrAlhPIjmbjZsJ7YsUd8pCQJGE5vbvxuNS74e4Rw0xmqGN3oqJsR-qh/s1600/10443384_872705772758588_2786249063538569568_n.jpg" />
          </li>
          <li>
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1l7uXXR8YqoU48LBlx8rIyx71D1mNsqV2LG8Kzb_E0pXnqHhQu2CRtfGnZ0cK14MBqOiHrYn1FkZRCDPVO4v6FOuGWD5gszx2rdLye4DC6BgE0D0lT2Uxp9BYNowl4qfUymLVG-5AjnCI/s1600/988797_824591957570994_7231336081219874609_n.jpg" />
          </li>
          <li>
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5__caAMr6BGwjsmexq6SqBd8euq2Dl3tFZz_hTgQdYP9rNS7kg8j4H644uierPViQmFfAg9-zVLzvbKvlGO2vv-zegiEH9fkMOHzAr5pNuUcmLPJXVTSkCOW9ZGbdYJAnWAfYc9OMgtlm/s1600/1403103_732492443447613_888639865_o.jpg" />
          </li>
          <li>
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVP9UidDqED_fdwGQ7_dA64GlwkqMKNQYqcG9sj_z2codb78zKlpnSxL4zTY-s5dQyjfvMhw1qGFu1hj2xB-euYP0-aZzATbjR51wdacyfPkh_02NtXFnAV7sqvOiJJOqBUhf_UyOxenMp/s1600/1498819_824577434239113_4056997940743919036_o.jpg" />
          </li>
          <li>
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuovLbnzvOjisQpmPtg7vJP82HWcYVAFiNJLhOVMmSEN44LrGNej9n42xu7QG2fNdUt1Uns8TQWHb0HvXYe1LI4uniUiiBoomquyW2JliIReGA4HLgf9j1yhlYR1nOVlOn0xBKZAwnI3yy/s1600/10274187_824575164239340_2239202857863592473_n.jpg" />
          </li>
        </ul>
      </div>

      Monday, October 3, 2016

      How to Disable Right Click on Blogger blog 2016

      How To Disable Right Click on Blogger Blog, Want to Disable Mouse Right Click Button on Blogger Blog?. So this is a tutorial about how to add mouse right click Disable script to your blog ( protect your work to be get copied by some copycats ). Everyone wants his/her work to be protected by thief so I thought of sharing this..

      how to disable right click on blogger blog
      HOW TO DISABLE RIGHT CLICK ON BLOGGER BLOG

      How to Disable Right Click on Blogger Blog

      You guys have may notices that some sites don’t allow their users to copy their content from that web page. They dont allow their users to use Mouse Right Click Button, this is what they have done they just Disable Right Click in Blogger Blog so that copycats cant copy their content. This not only disables the right click but helps you to protect your work, your content from some sort of thiefs or copy-cats.
      So today in this article I decided to share my views on Disable Mouse Right Click Button on Blogger Blog, we are sharing the latest and updated javascript that will protect your work from copycats..

      How to Disable Right Click on Blogger Blog

      Disable Mouse Right Click Button on Blogger Blog, so here we are talking about How to Disable Right Click on Blogger Blog, just follow the simple steps given below so lets get started ðŸ™‚ …
      • Log in to Blogger Dashboard and navigate to Layout.
      • Click on ‘Add a Gadget‘ on the sidebar.
      • Select ‘HTML/Javascript‘ paste the given code and finally click on save ðŸ™‚ ..
      <script language=javascript>
      <!--
      //Disable right click script - By LegendTricks.com
      //
      var message="Function Disabled";
      ////////////////
      function clickIE() {if (document.all) {(message);return false;}}
      function clickNS(e) {if
      (document.layers||(document.getElementById&&!document.all)) {
      if (e.which==2||e.which==3) {(message);return false;}}}
      if (document.layers)
      {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
      else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
      document.oncontextmenu=new Function("return false")
      // -->
      </script>
      NOTE: All the credits goes to the original creator of this script ðŸ™‚
      After Saving Visit Your Blog and try to right click, Whoops “Function disabled“, hahah ðŸ˜›
      If you want to change the alert message you just by simply chaning the “Function disabled” text in the above script.
      By Using this Script you can protect your Images and Copyrights Content from Being Use in Other Websites..So thats it guys share it so that your friends can too protect their work if you really care about them because sharing is caring ðŸ™‚ If you really enjoyed reading you can leave your feedback in the comments section below 
      🙂

      Disable Left Click on Images in Blogger Posts

      Disable Left Click on Images in Blogger Posts

      In Blogger, when someone clicks an image (added from blogger image uploader) in blog posts the image are opened in new tab.

      This is the default behaviour of posted images in Blogger, it's specially designed for image lightbox but if the lightbox is disabled images are opened in new tabs, it's because the images you add in post editor are automatically wrapped in an anchor element with a link to the original image which makes the image a link to the its source.

      There's no settings in Blogger Dashboard to turn this function on or off so you have do some extra work to prevent images from opening in new tab if it's clicked. There are two ways to do that.

      Editing HTML of each and every post

      When you upload a image in your blogger post the image is automatically wrapped inside an anchor tag to the original image file. That's the reason images you post on bloggers are clickable, if you remove the anchor tag, the image becomes unclickable.

      Open your blogger post editor, upload an image in a blank post and then switch to the HTML mode (use the buttons on top left). This is what you will see :

      Deleting those two highlighted lines (2 and 4) will do the job or in the compose mode click on the image and then the Link option on the format toolbar, it will remove the link.

      But you have to do this every single time you upload an image which is a difficult and if you have hundreds of posts with thousands of images then this is going to be a boring job for you.    

      he JavaScript way

      With a small code of JavaScript on your blog, you can disable left click on all the images inside posts on your blog it means you don't have to edit each image to remove it's link. However this JavaScript don't remove the link from the image, it just disables left click on the images.

      Adding the jQuery Library first

      Note: If jQuery is already added in your template, skip this step.
      Before we add the main JavaScript code, let's include the jQuery framework in the template. It's a JavaScript framework. Here's the HTML code for the jQuery framework :
      ?
      1
      <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

      To add this HTML in your template go to your Blogger Dashboard -> Template -> Edit HTML -> Press CTRL+F (CMD+F on Mac) and search for <head> and paste the JavaScript/HTML immediately below it. It may then look like this
      ?
      1
      2
      3
      4
      <head>
      <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
      .....
      ........
      Once the code is on the right place, click on Save Template and the first step is done. Now move onto the next step for the real action.

      The jQuery Function Code

      This small jQuery code disables left click on images (or anything else you want) inside the post body. So even if you have your images wrapped inside a clickable anchor link, and even if you click it, nothing will happen.
      ?
      1
      2
      3
      4
      5
      6
      7
      8
      9
      <script type='text/javascript'>
      $(document).ready(function(){
      $('.post-body a img:not(.clickEnabled)').click(function(e) {
          if (e.which === 1) {
              e.preventDefault();
          }
      });
      });
      </script>
      To make this code work for your blog you have to add this in the template. Follow the instruction to add it :
      1. Go to your Blogger Dashboard
      2. Select the Template tab
      3. Click on Edit HTML and proceed
      4. Now use CTRL+F or CMD+F on Mac
      5. Search for </head> in the template and then paste the jQuery/JavaScript code just above it and Save the template. 
      This is what the code should look like on it's correct place
      ?
      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      <script type='text/javascript'>
      $(document).ready(function(){
      $('.post-body a img:not(.clickEnabled)').click(function(e) {
          if (e.which === 1) {
              e.preventDefault();
          }
      });
      });
      </script>
      </head>
      Note that this will disable left click on all the linked images in post body of your blog, but if you ever want an image to be clickable then just add the clickEnabled class to the img tag. So a click enabled image should look like this (just notice the class name)
      ?
      1
      <img src='some-image.png' title='An amazing image' class='clickEnabled'/>
      This will stop the code from running on this particular image, you can do this on any number of image in your posts.

      Not only on blogspot, you can use this snippet of code on any website you want Wordpress, Tumblr etc. just change the selector (the .post-body a img:not(.clickEnabled) thing) but if you aren't sure about it you can contact me to know the correct selector for you site or blog. 
      This code simply stops the browser from doing anything when the link images inside post body are clicked, simple, isn't it ? 
      If you are facing problems implementing this code into your blog, do let us know in the comments, also remember to include your blog address with the comment. If you have any suggestions, comments are welcomed.

      © 2013 khenno. All rights resevered. Designed by