Wednesday, October 26, 2016
Tuesday, October 25, 2016
Tuesday, October 18, 2016
SITE MAP
Displaying all 213 posts
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&alt=json-in-script&callback=arlinagrid"></script>
http://www.thebloggerguide.com/recent-post-widgets-for-blogger/
Monday, October 10, 2016
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>
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'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;
}
margin:0 auto;
padding:0px;
}
li.menu{
padding:5px 0;
width:100%;
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;
}
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;
}
right:0px;
top:0px;
position:absolute;
color:#ccc;
display:block;
}
.dropdown1{
display:none;
padding-top:5px;
width:100%;
}
padding-top:5px;
width:100%;
}
.dropdown1 li{
border:1px solid #7E7E7E;
color:#CCCCCC;
margin:5px 0;
padding:4px 10px;
}
border:1px solid #7E7E7E;
color:#CCCCCC;
margin:5px 0;
padding:4px 10px;
}
.dropdown1 li:hover {
border:1px solid #ccc;
text-decoration:none;
}
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
-->
#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:
- Blogger Dashboard > Template > Edit HTML. Click [] Expand Widget Templates.
- 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:
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>
The new view looks like:
Remove Loading Gear
Remove Loading Gear :
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.
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
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
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.
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.
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 :
1
2
3
4
5
| <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3LX25Gp2oOS0_L2i9ikydvRD3Y0pgYmLGmJY1IFFuOfEQ2KRdtSu3PmM1ibBLHXeiGMRj-DHlKdQvLRVhDyiqxLUz2bgUXxImroFT0y_CXbtWGYNOv9nozXQsAIdyJ0JvDoNu09imJH-j/s1600/301804_419266174773556_195336197166556_1276547_1117941733_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3LX25Gp2oOS0_L2i9ikydvRD3Y0pgYmLGmJY1IFFuOfEQ2KRdtSu3PmM1ibBLHXeiGMRj-DHlKdQvLRVhDyiqxLUz2bgUXxImroFT0y_CXbtWGYNOv9nozXQsAIdyJ0JvDoNu09imJH-j/s320/301804_419266174773556_195336197166556_1276547_1117941733_n.jpg" width="286" /></a></div> |
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 :
- Go to your Blogger Dashboard
- Select the Template tab
- Click on Edit HTML and proceed
- Now use CTRL+F or CMD+F on Mac
- Search for
</head>in the template and then paste the jQuery/JavaScript code just above it and Save the template.
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> |
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'/> |
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.
Subscribe to:
Posts (Atom)