Online Blog Ustaad

Animated Flying Android Man Widget for Blogger

2016-11-17T04:25:00.001-08:00

Friends we hope that you all are fine.I am presenting a new Android man Widget for Blogger.You can use this flying android man widget to increase your twitter views and you can use this instead of any other flying object like twitter bird and any other object. This is android man is commonly used by many people & I will refer you to add flying android man widget.See Below Live Link.

LIVE

In you Blogger Dashboard > Navigate to Layout > Add a Gadget
Choose HTML/JAVASCRIPT from the list
Copy & Paste Below code into it

<script type="text/javascript" src="http://makingdifferent.github.io/blogger-widgets/flying_android_man.js"\></script><script type="text/javascript">
var twitterAccount = "username";
var tweetThisText = "tweettexts";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying android man Widget By <a href="https://www.Onlineblogustaad.blogspot.com\">Onlineblogustaad</a></span></noscript>

Now Replace "username" with your twitter username and replace "tweettexts" with text you like.

So Finally Save your widget and you're done.

How to Optimized Title Tags With Blogger

2015-11-29T11:21:00.001-08:00

Today i want to say that how to optimized title tags.If you want to make unique your title tags.You should make easily title tag. Its shown below.

How to Optimized Title tags

Go to Dashboard > Template > Edit HTML
Find Out the following lines between the codes.

<title><data:blog.pageTitle/></title>

Replace the line with the following codes and it will remove the homepage title from the all post title.

<b:if cond='data:blog.pageType == "index"'><title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

save the template.Problem might be solved.

Daily visit Our website

Ijonkz Blue blogger template Complete SEO Optimize free download 2015

2015-11-27T11:44:00.001-08:00

LIVE / DOWNLOAD

Description :

Ijonkz blue blogger template is a premium blogger them.It is High user friendly and highly recommended for all types of webmasters.It suit with every nice you like.It used all browser's loading is very fast.Stylish blue color new updates,unique text design.Free download latest blogger template complete SEO optimize 2015.I like this template.

LIVE / DOWNLOAD

Features :

100% Responsive
Auto featured post
Customize editor supportive
Ajax page navigation
Slider effect in ajax related post widget
Support post preview
Support short codes
Complete SEO optimize
Custom 404 page error
Sticky sidebar
Comment with emotion icons
Ajax news ticker widget
Post sharing
Automatic post meta tag generate
Blue stylish color

Screen Shots !

LIVE / DOWNLOAD

How to disable facebook video autoplay

2015-11-20T09:19:00.000-08:00

Today I teach people to stop Facebook autoplay video.Facebook will be how we autoplay video.You look at our ways.We offer you daily new ways.We promise you our Share tips & tricks your friends.our screen shots to see the video to learn autoplay.

Below the screen shots and video

Watch Video

Dailymotion

Tunepk

How to hide your friends list from everyone on facebook

2015-11-11T04:46:00.002-08:00

Description:

Topics on today in the daily and be taken.Which are hidden how your fb friend.how to hidden friend list from everyone on facebook.Complete Facebook Tips and Tricks.See watch the video and step by step learn.

5 Basic Steps

Go to your profile
Click friends
Then click {EDIT PRIVACY}
Click all ONLY ME
Then click DONE

SEE BELOW VIDEO

How to Create Infolinks Account by Onlineblogustaad

2015-10-22T06:34:00.005-07:00

Today I make people Infolinks account will easy.How do you account will Infolinks .We have uploaded the video for you . Watching the video you made Infolinks account .We Infolinks code in the next tutorial how we will put on your blog .How would you spend the next Topics Infolinks earn money .Your visit to our website with your friends and join us Onlineblogustaad.Create Infolinks Account Click Here.

How to Create Infolinks Account By Onlineblogustaad

1: GO TO ( www.infolinks.com )
2: CLICK (SIGN UP)
3: Fill in your website URL
4: Clcik (Sign up with email)
5: Type (Full NAME)
6: Type ( your EMAIL )
7: Type (Password)
8: Click (JOIN) Button
9: GO To Your Email Adress And Activate Your Account

WELCOME TAIMOOR KAKAR!

Add Infolinks to your website

to start enjoying our smart ad units.

How would you like to integrate our ads?

Watch the video below

How to Create Gmail Account 2015 By Onlineblogustaad

2015-10-21T07:44:00.006-07:00

Hello friends. I m create new post and video create gmail account very easy step by step.very fantastic video watch your easy to learn gmail account.HD video and very fantastic topic how to create gmail account 2015 . share this post friends and family.

How to Create Gmail Account By Onlineblogustaad

1: GO TO ( GMAIL.COM )

2: CLICK (Create account)

3: TYPE FIRST NAME & LAST NAME

4: CHOOSE USERNAME / EXAMPLE : XXXXXXXX@GMAIL.COM

5: TYPE (PASSWORD) / Confirm Your password

6: SET YOUR BIRTHDAY

7: CHOOSE YOU ARE MALE/FEMALE

8: SELECT COUNTRY AND TYPE YOUR PHONE NUMBER / MOBILE NUMBER

9: Prove your not a robot

10: SELECT COUNTRY

11: Click Agree the google

12: CLICK (Next Step)

Welcome!

Your new email address is taimoorkakar786@gmail.com

Thanks for creating a Google Account. Use it to subscribe to channels on YouTube, video chat for free, save favorite places on Maps, and lots more.

Continue Gmail Account

WATCH VIDEO

How to create yahoomail account by onlineblogustaad

2015-10-11T07:46:00.002-07:00

Hello today my topic is how to create yahoomail account very easy step by step create account yahoomail.My next topic is create facebook to yahoomail EMAIL address.

HOW TO CREATE YAHOO MAIL ACCOUNT BY ONLINEBLOGUSTAAD

1: GO TO ( YAHOOMAIL.COM )

2: CLICK (Sign up for a new account)

3: TYPE FIRST NAME & LAST NAME

4: CHOOSE USERNAME / EXAMPLE : XXXXXXXX@YAHOO.COM

5: TYPE (PASSWORD)

6: SELECT COUNTRY AND TYPE YOUR PHONE NUMBER / MOBILE NUMBER

7: SET YOUR BIRTHDAY

8: CHOOSE YOU ARE MALE/FEMALE

9: CLICK (CREATE ACCOUNT)

10: SEND VERIFICATION CODE YOUR NUMBER

11: RECIEVED CODE YOUR NUMBER AND TYPE CODE / CLICK SUBMIT CODE

Congratulations

Your account has been successfully created.

Watch Video

Maggner Blogger Template Free Download without payment

2015-10-10T09:55:00.002-07:00

Maggner is magazine blogger template inspired by ribbon wordpress theme,2 columns and wonderful stylish header banner with adsense ads and it very easy to edit template. Maggner template is very fast loading. SEO friendly optimize blogger template.click live button and click download.

LIVE

DOWNLOAD

How To Create Yllix.com Account

2015-10-08T10:10:00.001-07:00

Hello Friends Today my Topic is how to create yllix.com Account . Watch video's and create a account and start online earning with blog,website,wordpress without any agreement .

Tune.pk

Dailymotion.com

How to customize scroll bar With Jscroll Panel Blogger

2015-10-08T08:51:00.001-07:00

Today in certain way to change people Scrollbar. What good will your blog scrolls.This wine shows Google Chrome and Safari.Blogging of the world's most stylish scroll bar.

LIVE

Go to Template > Edit Html > and before </head> paste this code:

<script src='//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>
<style>.jspContainer {overflow: hidden;position: relative;}.jspPane {position: absolute;}.jspVerticalBar {position: absolute;top: 0;right: 0;width: 16px;height: 100%;background: #ccc;}.jspHorizontalBar {position: absolute;bottom: 0;left: 0;width: 100%;height: 16px;background: #ccc;}.jspVerticalBar *,.jspHorizontalBar * {margin: 0;padding: 0;}.jspCap {display: none;}.jspHorizontalBar .jspCap {float: left;}
.jspTrack {background: #fff; /* background color of the bar */position: relative;}.jspDrag {background: #CC0000; /* Color of the scrollbar */position: relative;top: 0;left: 0;cursor: pointer;}.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag {float: left;height: 100%;}.jspArrow {background: #888; /* The color of the scrollbar limits */text-indent: -20000px;display: block;cursor: pointer;}.jspArrow.jspDisabled {cursor: default;background: #333; /* Color of the limits when the srollbar is reaching them */}.jspVerticalBar .jspArrow {height: 16px;}.jspHorizontalBar .jspArrow {width: 16px;float: left;height: 100%;}.jspVerticalBar .jspArrow:focus {outline: none;}.jspCorner {background: #eeeef4;float: left;height: 100%;}* html .jspCorner {margin: 0 -3px 0 0;}html, body {height: 100%;margin: 0;padding: 0;}#blog-container {height: 100%;margin: 0;padding: 0;overflow: auto;}</style><script>//<![CDATA[/*! Copyright (c) 2013 Brandon Aaron (http://brandonaaron.net)* Licensed under the MIT License (LICENSE.txt).* Version: 3.1.3*/
(function (factory) {if ( typeof define === 'function' && define.amd ) {define(['jquery'], factory);} else if (typeof exports === 'object') {module.exports = factory;} else {// Browser globalsfactory(jQuery);}}(function ($) {
var toFix = ['wheel', 'mousewheel', 'DOMMouseScroll', 'MozMousePixelScroll'];var toBind = 'onwheel' in document || document.documentMode >= 9 ? ['wheel'] : ['mousewheel', 'DomMouseScroll', 'MozMousePixelScroll'];var lowestDelta, lowestDeltaXY;
if ( $.event.fixHooks ) {for ( var i = toFix.length; i; ) {$.event.fixHooks[ toFix[--i] ] = $.event.mouseHooks;}}
$.event.special.mousewheel = {setup: function() {if ( this.addEventListener ) {for ( var i = toBind.length; i; ) {this.addEventListener( toBind[--i], handler, false );}} else {this.onmousewheel = handler;}},
teardown: function() {if ( this.removeEventListener ) {for ( var i = toBind.length; i; ) {this.removeEventListener( toBind[--i], handler, false );}} else {this.onmousewheel = null;}}};
$.fn.extend({mousewheel: function(fn) {return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel");},
unmousewheel: function(fn) {return this.unbind("mousewheel", fn);}});
function handler(event) {var orgEvent = event || window.event,args = [].slice.call(arguments, 1),delta = 0,deltaX = 0,deltaY = 0,absDelta = 0,absDeltaXY = 0,fn;event = $.event.fix(orgEvent);event.type = "mousewheel";if ( orgEvent.wheelDelta ) { delta = orgEvent.wheelDelta; }if ( orgEvent.detail ) { delta = orgEvent.detail * -1; }if ( orgEvent.deltaY ) {deltaY = orgEvent.deltaY * -1;delta = deltaY;}if ( orgEvent.deltaX ) {deltaX = orgEvent.deltaX;delta = deltaX * -1;}if ( orgEvent.wheelDeltaY !== undefined ) { deltaY = orgEvent.wheelDeltaY; }if ( orgEvent.wheelDeltaX !== undefined ) { deltaX = orgEvent.wheelDeltaX * -1; }absDelta = Math.abs(delta);if ( !lowestDelta || absDelta < lowestDelta ) { lowestDelta = absDelta; }absDeltaXY = Math.max(Math.abs(deltaY), Math.abs(deltaX));if ( !lowestDeltaXY || absDeltaXY < lowestDeltaXY ) { lowestDeltaXY = absDeltaXY; }fn = delta > 0 ? 'floor' : 'ceil';delta = Math[fn](delta / lowestDelta);deltaX = Math[fn](deltaX / lowestDeltaXY);deltaY = Math[fn](deltaY / lowestDeltaXY);args.unshift(event, delta, deltaX, deltaY);return ($.event.dispatch || $.event.handle).apply(this, args);}}));
/** jScrollPane - v2.0.0beta5 - 2010-09-18* http://jscrollpane.kelvinluck.com/* Copyright (c) 2010 Kelvin Luck* Dual licensed under the MIT and GPL licenses.*/(function(b,a,c){b.fn.jScrollPane=function(f){function d(C,L){var au,N=this,V,ah,v,aj,Q,W,y,q,av,aB,ap,i,H,h,j,X,R,al,U,t,A,am,ac,ak,F,l,ao,at,x,aq,aE,g,aA,ag=true,M=true,aD=false,k=false,Z=b.fn.mwheelIntent?"mwheelIntent.jsp":"mousewheel.jsp";aE=C.css("paddingTop")+" "+C.css("paddingRight")+" "+C.css("paddingBottom")+" "+C.css("paddingLeft");g=(parseInt(C.css("paddingLeft"))||0)+(parseInt(C.css("paddingRight"))||0);an(L);function an(aH){var aL,aK,aJ,aG,aF,aI;au=aH;if(V==c){C.css({overflow:"hidden",padding:0});ah=C.innerWidth()+g;v=C.innerHeight();C.width(ah);V=b('<div class="jspPane" />').wrap(b('<div class="jspContainer" />').css({width:ah+"px",height:v+"px"}));C.wrapInner(V.parent());aj=C.find(">.jspContainer");V=aj.find(">.jspPane");V.css("padding",aE)}else{C.css("width",null);aI=C.outerWidth()+g!=ah||C.outerHeight()!=v;if(aI){ah=C.innerWidth()+g;v=C.innerHeight();aj.css({width:ah+"px",height:v+"px"})}aA=V.innerWidth();if(!aI&&V.outerWidth()==Q&&V.outerHeight()==W){if(aB||av){V.css("width",aA+"px");C.css("width",(aA+g)+"px")}return}V.css("width",null);C.css("width",(ah)+"px");aj.find(">.jspVerticalBar,>.jspHorizontalBar").remove().end()}aL=V.clone().css("position","absolute");aK=b('<div style="width:1px; position: relative;" />').append(aL);b("body").append(aK);Q=Math.max(V.outerWidth(),aL.outerWidth());aK.remove();W=V.outerHeight();y=Q/ah;q=W/v;av=q>1;aB=y>1;if(!(aB||av)){C.removeClass("jspScrollable");V.css({top:0,width:aj.width()-g});n();D();O();w();af()}else{C.addClass("jspScrollable");aJ=au.maintainPosition&&(H||X);if(aJ){aG=ay();aF=aw()}aC();z();E();if(aJ){K(aG);J(aF)}I();ad();if(au.enableKeyboardNavigation){P()}if(au.clickOnTrack){p()}B();if(au.hijackInternalLinks){m()}}if(au.autoReinitialise&&!aq){aq=setInterval(function(){an(au)},au.autoReinitialiseDelay)}else{if(!au.autoReinitialise&&aq){clearInterval(aq)}}C.trigger("jsp-initialised",[aB||av])}function aC(){if(av){aj.append(b('<div class="jspVerticalBar" />').append(b('<div class="jspCap jspCapTop" />'),b('<div class="jspTrack" />').append(b('<div class="jspDrag" />').append(b('<div class="jspDragTop" />'),b('<div class="jspDragBottom" />'))),b('<div class="jspCap jspCapBottom" />')));R=aj.find(">.jspVerticalBar");al=R.find(">.jspTrack");ap=al.find(">.jspDrag");if(au.showArrows){am=b('<a class="jspArrow jspArrowUp" />').bind("mousedown.jsp",az(0,-1)).bind("click.jsp",ax);ac=b('<a class="jspArrow jspArrowDown" />').bind("mousedown.jsp",az(0,1)).bind("click.jsp",ax);if(au.arrowScrollOnHover){am.bind("mouseover.jsp",az(0,-1,am));ac.bind("mouseover.jsp",az(0,1,ac))}ai(al,au.verticalArrowPositions,am,ac)}t=v;aj.find(">.jspVerticalBar>.jspCap:visible,>.jspVerticalBar>.jspArrow").each(function(){t-=b(this).outerHeight()});ap.hover(function(){ap.addClass("jspHover")},function(){ap.removeClass("jspHover")}).bind("mousedown.jsp",function(aF){b("html").bind("dragstart.jsp selectstart.jsp",function(){return false});ap.addClass("jspActive");var s=aF.pageY-ap.position().top;b("html").bind("mousemove.jsp",function(aG){S(aG.pageY-s,false)}).bind("mouseup.jsp mouseleave.jsp",ar);return false});o()}}function o(){al.height(t+"px");H=0;U=au.verticalGutter+al.outerWidth();V.width(ah-U-g);if(R.position().left==0){V.css("margin-left",U+"px")}}function z(){if(aB){aj.append(b('<div class="jspHorizontalBar" />').append(b('<div class="jspCap jspCapLeft" />'),b('<div class="jspTrack" />').append(b('<div class="jspDrag" />').append(b('<div class="jspDragLeft" />'),b('<div class="jspDragRight" />'))),b('<div class="jspCap jspCapRight" />')));ak=aj.find(">.jspHorizontalBar");F=ak.find(">.jspTrack");h=F.find(">.jspDrag");if(au.showArrows){at=b('<a class="jspArrow jspArrowLeft" />').bind("mousedown.jsp",az(-1,0)).bind("click.jsp",ax);x=b('<a class="jspArrow jspArrowRight" />').bind("mousedown.jsp",az(1,0)).bind("click.jsp",ax);if(au.arrowScrollOnHover){at.bind("mouseover.jsp",az(-1,0,at));x.bind("mouseover.jsp",az(1,0,x))}ai(F,au.horizontalArrowPositions,at,x)}h.hover(function(){h.addClass("jspHover")},function(){h.removeClass("jspHover")}).bind("mousedown.jsp",function(aF){b("html").bind("dragstart.jsp selectstart.jsp",function(){return false});h.addClass("jspActive");var s=aF.pageX-h.position().left;b("html").bind("mousemove.jsp",function(aG){T(aG.pageX-s,false)}).bind("mouseup.jsp mouseleave.jsp",ar);return false});l=aj.innerWidth();ae()}else{}}function ae(){aj.find(">.jspHorizontalBar>.jspCap:visible,>.jspHorizontalBar>.jspArrow").each(function(){l-=b(this).outerWidth()});F.width(l+"px");X=0}function E(){if(aB&&av){var aF=F.outerHeight(),s=al.outerWidth();t-=aF;b(ak).find(">.jspCap:visible,>.jspArrow").each(function(){l+=b(this).outerWidth()});l-=s;v-=s;ah-=aF;F.parent().append(b('<div class="jspCorner" />').css("width",aF+"px"));o();ae()}if(aB){V.width((aj.outerWidth()-g)+"px")}W=V.outerHeight();q=W/v;if(aB){ao=1/y*l;if(ao>au.horizontalDragMaxWidth){ao=au.horizontalDragMaxWidth}else{if(ao<au.horizontalDragMinWidth){ao=au.horizontalDragMinWidth}}h.width(ao+"px");j=l-ao;ab(X)}if(av){A=1/q*t;if(A>au.verticalDragMaxHeight){A=au.verticalDragMaxHeight}else{if(A<au.verticalDragMinHeight){A=au.verticalDragMinHeight}}ap.height(A+"px");i=t-A;aa(H)}}function ai(aG,aI,aF,s){var aK="before",aH="after",aJ;if(aI=="os"){aI=/Mac/.test(navigator.platform)?"after":"split"}if(aI==aK){aH=aI}else{if(aI==aH){aK=aI;aJ=aF;aF=s;s=aJ}}aG[aK](aF)[aH](s)}function az(aF,s,aG){return function(){G(aF,s,this,aG);this.blur();return false}}function G(aH,aF,aK,aJ){aK=b(aK).addClass("jspActive");var aI,s=function(){if(aH!=0){T(X+aH*au.arrowButtonSpeed,false)}if(aF!=0){S(H+aF*au.arrowButtonSpeed,false)}},aG=setInterval(s,au.arrowRepeatFreq);s();aI=aJ==c?"mouseup.jsp":"mouseout.jsp";aJ=aJ||b("html");aJ.bind(aI,function(){aK.removeClass("jspActive");clearInterval(aG);aJ.unbind(aI)})}function p(){w();if(av){al.bind("mousedown.jsp",function(aH){if(aH.originalTarget==c||aH.originalTarget==aH.currentTarget){var aG=b(this),s=setInterval(function(){var aI=aG.offset(),aJ=aH.pageY-aI.top;if(H+A<aJ){S(H+au.trackClickSpeed)}else{if(aJ<H){S(H-au.trackClickSpeed)}else{aF()}}},au.trackClickRepeatFreq),aF=function(){s&&clearInterval(s);s=null;b(document).unbind("mouseup.jsp",aF)};b(document).bind("mouseup.jsp",aF);return false}})}if(aB){F.bind("mousedown.jsp",function(aH){if(aH.originalTarget==c||aH.originalTarget==aH.currentTarget){var aG=b(this),s=setInterval(function(){var aI=aG.offset(),aJ=aH.pageX-aI.left;if(X+ao<aJ){T(X+au.trackClickSpeed)}else{if(aJ<X){T(X-au.trackClickSpeed)}else{aF()}}},au.trackClickRepeatFreq),aF=function(){s&&clearInterval(s);s=null;b(document).unbind("mouseup.jsp",aF)};b(document).bind("mouseup.jsp",aF);return false}})}}function w(){F&&F.unbind("mousedown.jsp");al&&al.unbind("mousedown.jsp")}function ar(){b("html").unbind("dragstart.jsp selectstart.jsp mousemove.jsp mouseup.jsp mouseleave.jsp");ap&&ap.removeClass("jspActive");h&&h.removeClass("jspActive")}function S(s,aF){if(!av){return}if(s<0){s=0}else{if(s>i){s=i}}if(aF==c){aF=au.animateScroll}if(aF){N.animate(ap,"top",s,aa)}else{ap.css("top",s);aa(s)}}function aa(aF){if(aF==c){aF=ap.position().top}aj.scrollTop(0);H=aF;var aI=H==0,aG=H==i,aH=aF/i,s=-aH*(W-v);if(ag!=aI||aD!=aG){ag=aI;aD=aG;C.trigger("jsp-arrow-change",[ag,aD,M,k])}u(aI,aG);V.css("top",s);C.trigger("jsp-scroll-y",[-s,aI,aG])}function T(aF,s){if(!aB){return}if(aF<0){aF=0}else{if(aF>j){aF=j}}if(s==c){s=au.animateScroll}if(s){N.animate(h,"left",aF,ab)}else{h.css("left",aF);ab(aF)}}function ab(aF){if(aF==c){aF=h.position().left}aj.scrollTop(0);X=aF;var aI=X==0,aH=X==j,aG=aF/j,s=-aG*(Q-ah);if(M!=aI||k!=aH){M=aI;k=aH;C.trigger("jsp-arrow-change",[ag,aD,M,k])}r(aI,aH);V.css("left",s);C.trigger("jsp-scroll-x",[-s,aI,aH])}function u(aF,s){if(au.showArrows){am[aF?"addClass":"removeClass"]("jspDisabled");ac[s?"addClass":"removeClass"]("jspDisabled")}}function r(aF,s){if(au.showArrows){at[aF?"addClass":"removeClass"]("jspDisabled");x[s?"addClass":"removeClass"]("jspDisabled")}}function J(s,aF){var aG=s/(W-v);S(aG*i,aF)}function K(aF,s){var aG=aF/(Q-ah);T(aG*j,s)}function Y(aN,aL,aF){var aJ,aH,s=0,aG,aK,aM;try{aJ=b(aN)}catch(aI){return}aH=aJ.outerHeight();aj.scrollTop(0);while(!aJ.is(".jspPane")){s+=aJ.position().top;aJ=aJ.offsetParent();if(/^body|html$/i.test(aJ[0].nodeName)){return}}aG=aw();aK=aG+v;if(s<aG||aL){aM=s-au.verticalGutter}else{if(s+aH>aK){aM=s-v+aH+au.verticalGutter}}if(aM){J(aM,aF)}}function ay(){return -V.position().left}function aw(){return -V.position().top}function ad(){aj.unbind(Z).bind(Z,function(aI,aJ,aH,aF){var aG=X,s=H;T(X+aH*au.mouseWheelSpeed,false);S(H-aF*au.mouseWheelSpeed,false);return aG==X&&s==H})}function n(){aj.unbind(Z)}function ax(){return false}function I(){V.unbind("focusin.jsp").bind("focusin.jsp",function(s){if(s.target===V[0]){return}Y(s.target,false)})}function D(){V.unbind("focusin.jsp")}function P(){var aF,s;C.attr("tabindex",0).unbind("keydown.jsp").bind("keydown.jsp",function(aJ){if(aJ.target!==C[0]){return}var aH=X,aG=H,aI=aF?2:16;switch(aJ.keyCode){case 40:S(H+aI,false);break;case 38:S(H-aI,false);break;case 34:case 32:J(aw()+Math.max(32,v)-16);break;case 33:J(aw()-v+16);break;case 35:J(W-v);break;case 36:J(0);break;case 39:T(X+aI,false);break;case 37:T(X-aI,false);break}if(!(aH==X&&aG==H)){aF=true;clearTimeout(s);s=setTimeout(function(){aF=false},260);return false}});if(au.hideFocus){C.css("outline","none");if("hideFocus" in aj[0]){C.attr("hideFocus",true)}}else{C.css("outline","");if("hideFocus" in aj[0]){C.attr("hideFocus",false)}}}function O(){C.attr("tabindex","-1").removeAttr("tabindex").unbind("keydown.jsp")}function B(){if(location.hash&&location.hash.length>1){var aG,aF;try{aG=b(location.hash)}catch(s){return}if(aG.length&&V.find(aG)){if(aj.scrollTop()==0){aF=setInterval(function(){if(aj.scrollTop()>0){Y(location.hash,true);b(document).scrollTop(aj.position().top);clearInterval(aF)}},50)}else{Y(location.hash,true);b(document).scrollTop(aj.position().top)}}}}function af(){b("a.jspHijack").unbind("click.jsp-hijack").removeClass("jspHijack")}function m(){af();b("a[href^=#]").addClass("jspHijack").bind("click.jsp-hijack",function(){var s=this.href.split("#"),aF;if(s.length>1){aF=s[1];if(aF.length>0&&V.find("#"+aF).length>0){Y("#"+aF,true);return false}}})}b.extend(N,{reinitialise:function(aF){aF=b.extend({},aF,au);an(aF)},scrollToElement:function(aG,aF,s){Y(aG,aF,s)},scrollTo:function(aG,s,aF){K(aG,aF);J(s,aF)},scrollToX:function(aF,s){K(aF,s)},scrollToY:function(s,aF){J(s,aF)},scrollBy:function(aF,s,aG){N.scrollByX(aF,aG);N.scrollByY(s,aG)},scrollByX:function(s,aG){var aF=ay()+s,aH=aF/(Q-ah);T(aH*j,aG)},scrollByY:function(s,aG){var aF=aw()+s,aH=aF/(W-v);S(aH*i,aG)},animate:function(aF,aI,s,aH){var aG={};aG[aI]=s;aF.animate(aG,{duration:au.animateDuration,ease:au.animateEase,queue:false,step:aH})},getContentPositionX:function(){return ay()},getContentPositionY:function(){return aw()},getIsScrollableH:function(){return aB},getIsScrollableV:function(){return av},getContentPane:function(){return V},scrollToBottom:function(s){S(i,s)},hijackInternalLinks:function(){m()}})}f=b.extend({},b.fn.jScrollPane.defaults,f);var e;this.each(function(){var g=b(this),h=g.data("jsp");if(h){h.reinitialise(f)}else{h=new d(g,f);g.data("jsp",h)}e=e?e.add(g):g});return e};b.fn.jScrollPane.defaults={showArrows:false,maintainPosition:true,clickOnTrack:true,autoReinitialise:false,autoReinitialiseDelay:500,verticalDragMinHeight:0,verticalDragMaxHeight:99999,horizontalDragMinWidth:0,horizontalDragMaxWidth:99999,animateScroll:false,animateDuration:300,animateEase:"linear",hijackInternalLinks:false,verticalGutter:4,horizontalGutter:4,mouseWheelSpeed:10,arrowButtonSpeed:10,arrowRepeatFreq:100,arrowScrollOnHover:false,trackClickSpeed:30,trackClickRepeatFreq:100,verticalArrowPositions:"split",horizontalArrowPositions:"split",enableKeyboardNavigation:true,hideFocus:false}})(jQuery,this);//]]></script>
<script>$(document).ready(function() {$('.scroll-pane').jScrollPane({showArrows: true});});</script>

Find <Body>
After paste this Code

<div class='scroll-pane' id='blog-container'>

Finally Search </Body>
Before Paste this code

</div>

HTML Color Code Generator

2015-10-01T08:49:00.003-07:00

Online color generator for free without any problem all color's generate.Automatic color generator free . USE IT.

Enjoy

How to add Social widget with search box in blogger blog

2015-10-01T08:39:00.001-07:00

Beauty Effect Social media widget for blogger template with awesome search box.Fantastic Widget for blogger 2015 . This is very easy to add blog follow below simple Step.

LIVE

Go To Blogger Dashboard → Layout → Page Element
Add a HTML/Javascript Gadget.
Paste below Code in it

<style>#tbg-social{ width:350px;}ul.tbg-social{margin:0;padding:0;list-style:none;-webkit-perspective: 10000px; -moz-perspective: 10000px;-o-perspective: 10000px;perspective: 10000px;}ul.tbg-social li{display: inline-block;width: 55px; height: 50px;margin-right: -px; background: white;font: bold 36px Arial;text-transform: uppercase;text-align: center;cursor: pointer;}ul.tbg-social li a{display:block;width: 100%;height: 100%;color: black;text-decoration: none;outline: none;-webkit-transition:all 300ms ease-out 0.1s; -moz-transition:all 300ms ease-out 0.1s;-o-transition:all 300ms ease-out 0.1s;transition:all 300ms ease-out 0.1s;}ul.tbg-social li a span{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding-top: 5px; display:block;width: 100%;height: 100%;-webkit-transition:all 300ms ease-out 0.1s;-moz-transition:all 300ms ease-out 0.1s;-o-transition:all 300ms ease-out 0.1s;transition:all 300ms ease-out 0.1s;}ul.tbg-social li a img{border-width: 0;}ul.tbg-social li:hover a{-moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg);transform: rotateY(180deg);background: #cef1ff; -webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;-webkit-box-shadow:0 0 5px #eee inset;-moz-box-shadow:0 0 5px #eee inset;box-shadow:0 0 5px #eee inset;}ul.tbg-social li:hover a span{-moz-transform: rotateY(90deg); -webkit-transform: rotateY(90deg);transform: rotateY(90deg);}#tbguide-searchbox { border-radius: 5px; background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirQrJQS9ewz6WcWzegp974hkoEDuTqgqFNFRfmztYa87gATG4QjjbzCAtbn9TlBJgX9BPVpyF3XeawYktemT6G6TfGT1sStUZscTmstm_3N-ADG6aVmTBgzato2ZcrntPb-iil7GQjvnYg/s1600/search_box_psd_12.jpg) no-repeat scroll center center transparent; width: 290px; height: 50px; disaply: block;}form#tbguide-searchform { display: block; padding: 7px 16px; margin: 0;}form#tbguide-searchform #s { padding-left: 24px !important; padding: 7.5px; margin: 0; width: 198px; font-size: 16px; font-family: georgia; font-style: italic; color: #666666; vertical-align: top; border: none; background: transparent;}form#tbguide-searchform#sbutton { margin: 0; padding: 0; height: 40px; width: 74px; vertical-align: top; border: none; background: transparent;}</style><div id="tbg-social"><center><a style="font-size:25px;" >Find Us Here </a></center><br /><ul class="tbg-social"><li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCymjiIndTapeTHacMEtPjKJWkwMEHGD1cvQ6QyZxYfEWsryjn_KH769vvmHt7Kh_c_Efo19buKodwBelS_CNyoxFqHQkjo711-3HvUnn2oN5b_UodfqY9oraGvw_rBj14kjXcPwnBjKK4/s1600/tbguide-social-buttons-facebook.jpg" title="Facebook" /></a></li><li><a href="USERNAME"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJr9W42Abjo6FxssVp9PcezZK-agXvO35YDbuajh88XOESuG2MvnTsdnwMmuwNLyddfhqtJKfxCeL9nhQJgH67Zd41kzDbfO-AowYVVXPGAJYjw5OdOd3VGpAPNLL15iXGN3e3j3NbeKHe/s1600/tbguide-social-buttons-stumble.jpg" title="stumble" /></a></li><li><a href="USERNAME1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPVEQn4thmDhrejYh32WPFNyJKfGzkCiBQuxnCmbmdId9pJGBbc2wK6NmMXc70qSTfR0uZr-jcQKow8OQhpFScDBAcMeUlWQO7mZ7y3IUtlUezNeO1zAdhOioiZVQ9EKosNVeA6dNssoZo/s1600/tbguide-social-buttons.jpg" title="twitter" /></a></li><li><a href="USERNAME2"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-u7HD9KDio2mT4KwBtX6aKNSvp6DGb2yTR3WMCtf9dCpuICSPg4Iv0rnII59ThdeAOtb9hMgw9SNRxe_L3uYjr8Bi0uNU7hcU3RPmAqS83GLBpUniHUzMScWT3J7CDs3o0kcpzAoigdT3/s1600/tbguidesocial-buttons-google.jpg" title="Google Plus" /></a></li><li><a href="USERNAME3"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicoTscN5zAi-ZElXy5uDdESg4RjOlnb0_DkEZU_7syIvLls8nx5wlmx4ooBIS-C976PM0NN_eMPTXAcuW2qqYWfN7dwWeiUeyjGqksBOJ_TwelWNSS0aBszrpl7XP9L6sTeE8ZBeWe3MXh/s1600/tbguidesocial-buttons-rss.jpg" title="Add RSS Feed" /></a></li></ul><div id="tbguide-searchbox"><form action="/search" id="tbguide-searchform" method="get"><input id="s" name="q" onblur="if (this.value == "") {this.value = ""Search..;}" onfocus="if (this.value == "Search...") {this.value = ""}" type="text" value="" /><input id="sbutton" src="http://img1.blogblog.com/img/blank.gif" type="image" /> </form></div></div>

Customize your code. Find > USERNAME, USERNAME1, USERNAME2, USERNAME3 Change it.

SAVE GADGET

How to Add Metro Style Sharing Widget For Blogger Blog

2015-09-23T09:44:00.001-07:00

How to add link For Facebook , Twitter , Google Plus , Feedburner your Site blog. This Is Metro Wonderful Sharing Gadget. All visitors to your site as a site professionally.Daily Likes, Follows and Subscribes.

LIVE

Description :

Go To Blogger Dashbord → Layout → Page Elements
Add a HTML/JavaScript Gadget.
Paste Below Code in it

<center><style>.seconds{text-align:right;color:#000;font-size:10px;}.supportive a:active{position:relative;top:1px}.widget-item-control a{display:none;} .widget-item-control a{display:none;} #supportive{width: 300px; float: left;margin-top: 10px;} #supportive li{position:relative; cursor:pointer; padding: 0 !important;} #supportive .facebook, .googleplus, .rss, .twitter{ position: relative; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: 5; display: block; float: left; margin: 1px;} #supportive .icon{} #supportive .facebook{width: 147px; height: 150px; background: rgba(59,89,152,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIa60MyX17ZC3PPJRP2s5UFSMK9oQg3muR9bZ3vkAxMRJEsQI4ibY5gEgEddFGZt_vSDa0YiE9zyHoyj9xBK_-_QSuqmdPVkmxbEKdLfPanJvHYU5TULzH1oVHS7mH1NCFNQ6htp0TLIk/s1600/facebook.png") no-repeat center center;} #supportive .twitter{width: 148px; height: 74px; background: rgba(59,89,152,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaSWp4qfQPrj6c0X6oxQsHUfD4_bm3pb3iFXhvjTmyiwr4N92lwyLmXnUF9zjz2TK1rJJJXvfdHMZElfdPF03SPKxiTE2aHrJBEW4pBydZedNVfh2G88SR0kmJCIqsoLDr1Ka7rgOQM00/s1600/Twitter.png") no-repeat center center;} #supportive .googleplus{width: 148px; height: 74px; background: rgba(59,89,152,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFxEo_uT9zCAtt9-MYk-gsLqfNtE0MI9flbHuO96qqMgKC3GDlzSKsiI2VOnE6piRvZDnLwWEa9-DwXqiD1PRqWVte8r6F9y0e6c1Vk_lWSXgA05g-oSbQGsV-JK5S0y91wuDL2LMpBWQ/s1600/google+plus.png") no-repeat center center;} #supportive .rss{ width: 299px; height: 74px; background: rgba(59,89,152,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM3N_P4SzsxE9lhMaIlDimk9CiJvsKVo3r3BDlrVsMoZcMvObT49I3H7nVK8Iu8tZVvsEUo-a9E5XFiAsj4xlfJ2gv8mRrsAeMrZzcy9XansUDKewdiBKSTUVGoe-2BjOq7hqRMDdCWQA/s1600/rss.png") no-repeat center center;} #supportive li:hover .facebook{background-color:#3468B6;-moz-transition: all 0.1s ease-in-out;-webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); -webkit-transition: all 0.1s ease-in-out;} #supportive li:hover .twitter{background:rgba(64,153,255,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaSWp4qfQPrj6c0X6oxQsHUfD4_bm3pb3iFXhvjTmyiwr4N92lwyLmXnUF9zjz2TK1rJJJXvfdHMZElfdPF03SPKxiTE2aHrJBEW4pBydZedNVfh2G88SR0kmJCIqsoLDr1Ka7rgOQM00/s1600/Twitter.png") no-repeat center center;-moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out;} #supportive li:hover .googleplus{background:rgba(228,69,36,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFxEo_uT9zCAtt9-MYk-gsLqfNtE0MI9flbHuO96qqMgKC3GDlzSKsiI2VOnE6piRvZDnLwWEa9-DwXqiD1PRqWVte8r6F9y0e6c1Vk_lWSXgA05g-oSbQGsV-JK5S0y91wuDL2LMpBWQ/s1600/google+plus.png") no-repeat center center;-moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out;} #supportive li:hover .rss{background:rgba(255,102,0,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM3N_P4SzsxE9lhMaIlDimk9CiJvsKVo3r3BDlrVsMoZcMvObT49I3H7nVK8Iu8tZVvsEUo-a9E5XFiAsj4xlfJ2gv8mRrsAeMrZzcy9XansUDKewdiBKSTUVGoe-2BjOq7hqRMDdCWQA/s1600/rss.png") no-repeat center center;-moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out;}</style><ul id='supportive'><li><a class='icon facebook' href='http://www.facebook.com/USERNAME3' target='_blank'></a></li><li><a class='icon twitter' href='http://twitter.com/USERNAME2' target='_blank'></a></li><li><a class='icon googleplus' href='G+ URL' target='_blank'></a></li><li><a class='icon rss' href='http://feeds.feedburner.com/USERNAME1' target='_blank'></a></li><div class="seconds"><a href="http://Onlineblogustaad.blogspot.com/" target='_blank'>Get This</a></div></ul></center>

Customize Your code. Find USERNAME1 , USERNAME2 , USERNAME3 , G+ URL Change it.
Save Gadget.
Allah Hafeez

How To Cool Subscribe Box In Blogger Blog 2015

2015-09-23T09:23:00.002-07:00

Today My Topic is Easy To Add Stylish Subscribe Box Blogger blog. Subscribe to mailing lists and everyone . Add this code to blogger blog gadget's.

LIVE

Description :

Go To blogger dashbord→ layout → page elements
Add a HTML/JavaScript Gadget.
Paste Below Code in it

<center><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=USERNAME', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="login"><h1>SUBSCRIBE TODAY</h1><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg56shsLF6RXRFVzpgRxW8wrXzhtRW0ufmRoNZlJxSzbfuNJ8nuCuScHAmxCq4GlfRHh0q-giPhHvky9IANXyhAh7Qf2nl7wCmvfigsuJ7powV9_MPMXqLSEKQMXkA9-l1tMBEpTK38yxE/s1600/mail_appt.png" alt="Smiley face" align="LEFT" height="48" width="48" /> <center><font size="3" color="white"><span style="line-height:25px"> Sign up and receive our free Newsletter  </span></font></center><br/><input type="hidden" value="USERNAME" name="uri" /><input type="email" name="email" class="login-input" placeholder="Email Address" autofocus /><input type="hidden" name="loc" value="en_US" /><input type="submit" value="Subscribe" class="login-submit" /></form><br/></center><div align="right"><a href="http://newth3.blogspot.com/" class="tt">Get This<span class="tooltip"><span class="top"></span><span class="middle">Premium Widget provided by coolworld.in</span><span class="bottom"></span></span></a></div><style>a.tt{ position:relative; z-index:24; color:#3CA3FF;font-weight:bold; text-decoration:none;}a.tt span{ display: none; }a.tt:hover{ z-index:25; color: #aaaaff; background:;}a.tt:hover span.tooltip{ display:block; position:absolute; top:0px; left:0;padding: 15px 0 0 0;width:200px;color: #993300; text-align: center;filter: alpha(opacity:90);KHTMLOpacity: 0.90;MozOpacity: 0.90;opacity: 0.90;}a.tt:hover span.top{display: block;padding: 30px 8px 0; background: url(bubble.gif) no-repeat;}a.tt:hover span.middle{ /* different middle bg for stretch */display: block;padding: 0 8px;}a.tt:hover span.bottom{display: block;padding:3px 8px 10px;color: #548912;}::-moz-focus-inner { padding: 0; border: 0;}:-moz-placeholder { color: #bcc0c8 !important;}::-webkit-input-placeholder { color: #bcc0c8;}:-ms-input-placeholder { color: #bcc0c8 !important;}.input { font: 12px/20px "Lucida Grande", Verdana, sans-serif; color: #404040; background: #ebc9a2;}.input { font-family: inherit; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}.login { padding: 18px 20px; width: 80%; background: #3f65b7; background-clip: padding-box; border: 1px solid #172b4e; border-bottom-color: #142647; border-radius: 5px; background-image: -webkit-radial-gradient(cover, #437dd6, #3960a6); background-image: -moz-radial-gradient(cover, #437dd6, #3960a6); background-image: -o-radial-gradient(cover, #437dd6, #3960a6); background-image: radial-gradient(cover, #437dd6, #3960a6); -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);}.login > h1 { margin-bottom: 20px; font-size: 24px; font-weight: bold; text-align: center; color: #fff; text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;}.login-input { display: block; width: 90%; height: 37px; margin-bottom: 20px; padding: 0 9px; color: white; text-shadow: 0 1px black; background: #2b3e5d; border: 1px solid #15243b; border-top-color: #0d1827; border-radius: 4px; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0)); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);}.login-input:focus { outline: 0; background-color: #32486d; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.6); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.6);}.lt-ie9 .login-input { line-height: 35px;}.login-submit { display: block; width: 100%; height: 37px; margin-bottom: 15px; font-size: 14px; font-weight: bold; color: #294779; text-align: center; text-shadow: 0 1px rgba(255, 255, 255, 0.3); background: #adcbfa; background-clip: padding-box; border: 1px solid #284473; border-bottom-color: #223b66; border-radius: 4px; cursor: pointer; background-image: -webkit-linear-gradient(top, #d0e1fe, #96b8ed); background-image: -moz-linear-gradient(top, #d0e1fe, #96b8ed); background-image: -o-linear-gradient(top, #d0e1fe, #96b8ed); background-image: linear-gradient(to bottom, #d0e1fe, #96b8ed); -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15);}.login-submit:active { background: #a4c2f3; -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.1);}.login-help { text-align: center;}.login-help > a { font-size: 11px; color: #d4deef; text-decoration: none; text-shadow: 0 -1px rgba(0, 0, 0, 0.4);}.login-help > a:hover { text-decoration: underline;}</style>

Customize Your Code Setting . Find USERNAME and Change it.