Saturday, January 30, 2016

How To Develop Image:Missing Too Amp Article Fault From Blogger Template

Missing And AMP Article Error From Blogger Template How To Fix Image:Missing And AMP Article Error From Blogger Template
Hello Folks,Today inwards this article nosotros volition explicate y'all How to resolve Image Object Missing Error In Blogger Template.In Previous postal service nosotros had already talked well-nigh fixing publisher,author,date published together with date modified error.So today inwards this tutorial nosotros volition explicate the importance of fixing picture object error.

Image is a real of import piece of work of whatsoever article together with website,think if google robots volition non sympathize the picture y'all are using inwards your article or website hence at that spot is no job of adding graphics together with content related image.yes y'all tin shipping away attract your readers but google won't read them.And if y'all add together the right picture attribute to your blogspot template hence google robots tin shipping away sympathize the picture together with also it's of import for SEO.If google robots tin shipping away sympathize they volition laissez passer on priority to your content consequence your webpage volition acquire higher ranking than others.

For checking the fault y'all accept to job google construction testing tool, only become to the below URL together with through click on Fetch URL to cheque your weblog Errors.
https://developers.google.com/structured-data/testing-tool/
Image Errors are of 2 types First,Image is missing together with required fault together with minute picture fault inwards AMP pages.Today nosotros are going to prepare both the errors from the webpage.To brand your template fault complimentary from picture object follow the steps mentioned below.

How To Solve Image:Missing together with required error 

installation steps:

Step .1 Go to https://www.blogger.com together with Sign inwards to your account
Step .2 Now From Blogger Dashboard click on ->Template ->Edit HTML
Step .3 Now Search For image_url attribute,you volition uncovering hence many times uncovering all inwards your template.
Step .4 Now Replace all image_url  with image.
Step .5 Now Save your template..Done !
Now y'all tin shipping away encounter that all Image:Missing Error is Fixed,Let's become for minute Error i.e AMP article picture error.

Fix Image Object Error From AMP Article

installation steps:

Step .1 Go to https://www.blogger.com together with Sign inwards to your account
Step .2 Now From Blogger Dashboard click on ->Template ->Edit HTML
Step .3 Now Search For the below code past times using CTRL+F keys.
<article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
Step .4 Now re-create the below schema markup code for fixing picture amp article fault together with glue it later step .3 way after the to a higher house code.
<b:if cond='data:post.firstImageUrl'>
<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
  <meta expr:content='data:post.firstImageUrl' itemprop='url'/>
  <meta content='800 itemprop='width'/>
  <meta content='800' itemprop='height'/>
  </div>
    </b:if>

Customization: 

  • To modify the picture size supersede 800 amongst your desired logo size pixels.
Step .5 Now salve your template..Done !!
We promise this article helped y'all to learn How To Fix Image:Missing And Accelerated Mobile Pages Article Error From Blogger Template.If y'all liked this article delight Join us on Facebook,Twitter,Google Plus.

How To Cook Publisher:Missing Required Mistake Inwards Blogger Template

Missing Required Error In Blogger Template How To Fix Publisher:Missing Required Error In Blogger Template
Hello folks,Today inwards this article nosotros volition explicate yous how to ready the publisher:missing required error inwards blogger template.

What is AMP ? 

The top dog Concern of Accelerated Mobile pages are nigh mobile friendly blog/websites.When yous ready AMP error inwards your blogger template google volition search for fast website in addition to they volition display them at the Top/Main page of the search engine results page.

AMP is an opened upward origin Project in addition to the vision is that publishers tin exercise mobile optimized content for ameliorate experience inwards mobile devices.You guys cause got seen reading on the mobile device webpage is a tedious in addition to frustrating experience,but straightaway it doesn't cause got to hold upward that way.
AMP Calculates a website's functioning yesteryear in addition to therefore many methods,and at that spot of them is Publishers.Publishers attribute way is that google robots tin sympathize the who is the existent publisher of the website,However Publisher doesn't way S/he is the author or admin.If yous feels that yous are updating your website regularly that doesn't hateful yous are the publisher..you mightiness hold upward i of them Admin or Author.In my Website case:
Currently yous volition run across author blunder fault inwards most of the Blogger template in addition to WordPress theme. For checking the error yous cause got to purpose google construction testing tool, precisely acquire to the below URL in addition to through click on Fetch URL to banking firm gibe your weblog Errors.

https://developers.google.com/structured-data/testing-tool/
If your template has Publisher:Missing in addition to Required Error yous volition run across this sort of message.
Missing Required Error In Blogger Template How To Fix Publisher:Missing Required Error In Blogger Template
Error indicates that search engine is non able to sympathize who is the publisher of your blog/website.For fixing this error follow the steps mentioned below.

Also Read:

Fixed Publisher:Author Missing Error In Blogger Template:

installation steps:

Step .1 Go to https://www.blogger.com in addition to Sign inwards to your account
Step .2 Now From Blogger Dashboard click on ->Template ->Edit HTML
Step .3 Now Search For Below Code inwards your template
 <article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
Step .4 Now re-create the below Schema markup code in addition to glue it later on the Step .3
<div itemprop='publisher' itemscope='' itemtype='https://schema.org/Organization'>
<div itemprop='logo' itemscope='' itemtype='https://schema.org/ImageObject' style='display:none;'>
      <img src='LOGO URL HERE'/>
      <meta content='LOGO URL HERE' itemprop='url'/>
  <meta content='600' itemprop='width'/>
  <meta content='600' itemprop='height'/>
    </div>
  <meta expr:content='data:blog.title' itemprop='name'/>
</div>

 Customization:

  • Replace LOGO URL HERE with your website logo image.
  • To alter the width in addition to tiptop of the logo ikon Change 600 amongst your logo size.
Step .5 Now Save your template..Done !!
Now After completing all the inwards a higher house steps ,go dorsum to google construction information testing tool in addition to banking firm gibe your blogger template fixed from publisher:missing error from blogger template.see below for example.
Missing Required Error In Blogger Template How To Fix Publisher:Missing Required Error In Blogger Template
We promise this article helped yous to learn How To Fix Publisher:Missing Required Error In Blogger Template.If yous liked this article delight Join us on Facebook,Twitter,Google Plus.

Thursday, January 28, 2016

Nice Xiii Covert Shooting+Recording Software

concealment recording is real beneficial inwards extraordinary ways consisting of growing tutorials/motion pictures,Videos, taking screenshot of spider web sites, sending to põrnikas reports to a person, etc.most of these software are complimentary together with others stimulate got premium together with complimentary trail variations. inwards illustration y'all realize closed to every other desirable display screen-capture utilities, delight depart a comment below.

Screenpresso

 concealment recording is real beneficial inwards extraordinary ways consisting of growing tutorials Nice thirteen Screen Shooting+Recording Software


Screenpresso is screenshot together with screencast device that permits for full-display, window or place-based totally captures for your estimator screenshots together with hard disk drive movies.
Platform: Windows
License: Free
http://www.screenpresso.com/

Snipping Tool

 concealment recording is real beneficial inwards extraordinary ways consisting of growing tutorials Nice thirteen Screen Shooting+Recording Software
windows operating structures has default screenshot software called "Snipping device". y'all could capture chemical component or all of your estimator display, upload notes, salve the snip, or email it correct from the Snipping device window.
Platforms: Windows
License: Free
http://windows.microsoft.com/en-us/windows/use-snipping-tool-capture-screen-shots

GifCam

 concealment recording is real beneficial inwards extraordinary ways consisting of growing tutorials Nice thirteen Screen Shooting+Recording Software
GifCam is tardily animated gif making pictures. GifCam has a pleasant stance inwards which the app plant similar a digital photographic television set camera that stays on pinnacle of all dwelling windows hence that y'all tin give the sack catamenia it together with resize it to tape your favored location.
Platform: Windows
License: Free

LICEcap

 concealment recording is real beneficial inwards extraordinary ways consisting of growing tutorials Nice thirteen Screen Shooting+Recording Software

LICEcap tin give the sack capture an expanse of your desktop,laptop together with salve it direct to epitome .GIF or .LCF
Platform: Windows, Mac OS X
License: Open Source
http://www.cockos.com/licecap/

Grabilla

 concealment recording is real beneficial inwards extraordinary ways consisting of growing tutorials Nice thirteen Screen Shooting+Recording Software
Grabilla is tardily together with rapid screenshot seize application. y'all may seize display or tape the desktop movements video amongst vocalization comments together with at nowadays upload it to their epitome website hosting server.
Platform: Windows, Mac OS X
License: Free Personal

JShot

 concealment recording is real beneficial inwards extraordinary ways consisting of growing tutorials Nice thirteen Screen Shooting+Recording Software
JShot is a complimentary concealment capture together with upload application.
Platforms: Windows, Mac OS X, Linux
License: Free Personal

TinyTake

 concealment recording is real beneficial inwards extraordinary ways consisting of growing tutorials Nice thirteen Screen Shooting+Recording Software
TinyTake complimentary concealment capture together with video recording software for bloggers.From tinytake y'all tin give the sack direct stimulate got whatever size of screenshot of your laptop,desktop together with direct upload together with part image,video amongst their hosting servers.you tin give the sack also upload videos to youtube.
Platform: Windows
License: Free

Lightshot

 concealment recording is real beneficial inwards extraordinary ways consisting of growing tutorials Nice thirteen Screen Shooting+Recording Software
Lightshot is a complimentary together with fastest screenshot of desktop selected areas.you tin give the sack part screenshot inwards seconds together with tardily to purpose powerful editor.
Platform: Windows, Mac OS X
License: Free

Skitch

 concealment recording is real beneficial inwards extraordinary ways consisting of growing tutorials Nice thirteen Screen Shooting+Recording Software
Skitch is a overstep notch screenshot modifying together with sharing application that lets inwards the individual to add together shapes together with text to an picture, together with hence part it on-line.
Platform: Windows, Mac OS X, Android & iPhone
License: Freemium

Snagit

 concealment recording is real beneficial inwards extraordinary ways consisting of growing tutorials Nice thirteen Screen Shooting+Recording Software

Snagit is a tremendous screenshot capture editor.Easy to purpose together with user friendly.From Snagit y'all tin give the sack practise documentation together with part it amongst others.
Platform: Windows, Mac OS X
License: Commercial [15 days case avaialble]

PicPick

 concealment recording is real beneficial inwards extraordinary ways consisting of growing tutorials Nice thirteen Screen Shooting+Recording Software
Influenza A virus subtype H5N1 full-featured concealment capture tool, Intuitive epitome editor, coloring picker, coloring palette, pixel-ruler, protractor, crosshair, whiteboard together with more.User friendly together with total of features for creating your image, Suitable for software developers, graphic designers together with dwelling users.
Platform: Windows
License: Free Personal

FastStone Capture

 concealment recording is real beneficial inwards extraordinary ways consisting of growing tutorials Nice thirteen Screen Shooting+Recording Software
FastStone Capture is a powerful, lightweight, all the same full-featured concealment capture tool together with concealment video recorder. It allows y'all to easily capture together with annotate anything on the concealment including windows, objects, menus, total screen, rectangular / freehand / fixed regions every bit good every bit scrolling windows / spider web pages. It also allows y'all to tape all concealment activities including onscreen changes, vocalization communication from microphone, mouse movements together with clicks into highly compressed video files.
Platform: Windows
License: Commercial [30 days case avaialble]

Shutter

 concealment recording is real beneficial inwards extraordinary ways consisting of growing tutorials Nice thirteen Screen Shooting+Recording Software
Shutter is a feature-rich screenshot plan for Linux based operating systems such every bit Ubuntu. You tin give the sack stimulate got a screenshot of a specific area, window, your whole screen, or fifty-fifty of a website – apply dissimilar effects to it, depict on it to highlight points, together with hence upload to an epitome hosting site, all inside 1 window. Shutter is free, open-source, together with licensed nether GPL v3.
Platform: Linux
License: Open Source

Greenshot

 concealment recording is real beneficial inwards extraordinary ways consisting of growing tutorials Nice thirteen Screen Shooting+Recording Software
Greenshot is a light-weight screenshot software tool for Windows.Quickly practise screenshots of a selected region, window or fullscreen; y'all tin give the sack fifty-fifty capture consummate (scrolling) spider web pages from Internet Explorer.
Easily annotate, highlight or obfuscate parts of the screenshot together with Export the screenshot inwards diverse ways: salve to file, ship to printer, re-create to clipboard, attach to e-mail, ship Office programs or upload to photograph sites similar Flickr or Picasa, together with others.
Platform: Windows
License: Open Source

Tuesday, January 26, 2016

Add Responsive Feed Burner E-Mail Subscription Box Inward Blogger

Add Responsive Feed Burner Email Subscription Box In Blogger  Add Responsive Feed Burner Email Subscription Box In Blogger
Hello folks,today inwards this article nosotros are going to explicate how to add responsive feed burner widget inwards blogger post footer.This widget is absolutely responsive which suits alongside whatsoever template.natural CSS script used inwards this widget so, it hundreds fourth dimension faster.you tin customize it without whatsoever problems for the usage of this inwards whatsoever colored template.you tin share this widget underneath weblog header, to a higher house footer.To take in this widget follow the steps mentioned below.

How To Add Email Subscription Responsive Feed Burner Gadget In Blogger Template

installation steps:

Step 1. Log inwards to your Blogger employment organisation human relationship in addition to Go to your Blogger Dashboard.
Step 2. Now Click on -> Template -> Edit HTML.
Step 3. Now Search for ]]></b:skin> by Pressing Ctrl+F keys.
Step 4. Copy the below code in addition to glue it only earlier the ]]></b:skin> tag.
/* Feed Burner Subscribtion Widget Box past times http://www.bloggersstand.com */
#feedsignup{position:relative;padding:5px 0;background:#2D363E;overflow:hidden;border-top:4px corporation #eee;}
.subscribe-wrapper{color:#fff;font-size:16px;line-height:normal;margin:0;text-align:center;text-transform:none;font-weight:400;float:right;width:50%}
.subscribe-form{clear:both;display:block;overflow:hidden}
form.subscribe-form{clear:both;display:block;margin:0;width:auto;overflow:hidden}
.feedsignup-email-field{background:#252C33;color:#ccc;margin:10px 0;padding:15px 20px;width:50%;border:0}
.feedsignup-email-button{background:#5CB85C;color:#fff;cursor:pointer;font-weight:700;padding:11px 30px;margin-left:15px;text-transform:none;font-size:16px;border:0;transition:all .6s}
.feedsignup-email-button:hover{background:#017CB9;}
#feedsignup p.feedtext{margin:16px;text-align:center;color:rgba(255,255,255,.6);font-size:200%;float:left;font-weight:400;line-height:normal;width:45%}
#feedsignup p.feedtext bridge {position:relative;overflow:hidden;font-weight:700;transition:all .5s}
#feedsignup p.feedtext span.feedtext1 {font-weight:400;font-style:italic;color:rgba(255,255,255,.6);text-transform:lowercase}
#feedsignup p.feedtext span.feedtext1:before,#feedsignup p.feedtext span.feedtext1:after{display:none}
#feedsignup p.feedtext span:before{content:'';position:absolute;bottom:-2px;left:0;width:0;height:3px;margin:10px 0 0;background:rgba(255,255,255,.1);transition:all .5s}
#feedsignup:hover p.feedtext span:before{width:100%;}
@media solely shroud in addition to (max-width:767px){
  #feedsignup p.feedtext{margin:0 0 20px 0;width:100%;}
   .subscribe-wrapper {width:100%;}
}

Customization: 

  • To modify the widget font text size ,replace 200% with your desired value.
  • To modify the color of Sign Up Button Replace,5CB85C with your desired color.you tin direct colors from here:Color bike picker or Color Code Generator
  • To modify the sign upwards push hover color,replace 017CB9

Step 5. Now Search <data:post.body/> or <div class='post-footer'> by using CTRL+F keys.
Step 6. Now To add together the widget below Blog header  add the below code only above <div id='content-wrapper'>
Step 7. To house the widget inwards the weblog post footer.Paste the below code after<data:post.body/> 
Step 8.To display the widget inwards the weblog footer section.paste the below code above <footer id='footer-wrapper'> 
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>    
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div id='feedsignup'>
<p class='feedtext'><span>JOIN OUR SITE</span>
<span class='feedtext1'>TO LEARN</span> PRO TRICKS</p>
<div class='subscribe-wrapper'>
<div class='subscribe-form'>
    <form action='http://feedburner.google.com/fb/a/mailverify?uri=Bloggersstand' class='subscribe-form' method='post' onsubmit='window.open (&apos;http://feedburner.google.com/fb/a/mailverify?uri=Bloggersstand&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='Bloggersstand'/><input name='loc' type='hidden' value='en_US'/><input autocomplete='off' class='feedsignup-email-field' name='email' placeholder='Enter your Email Here...'/><input class='feedsignup-email-button' title='SIGN UP' type='submit' value='SIGN UP!'/></form>
  </div>
</div>
</div>
            </b:if>    
      </b:if></b:if>
Change Bloggersstand with your feed burner id.
Step 9. Now Save your template..Done !

We promise this article helped you lot to larn How to Add Responsive Feed Burner Email Subscription Box In Blogger Template.If you lot liked this article delight Join us on Facebook,Twitter,Google Plus.

Monday, January 25, 2016

Add Css3 Notification Message Box Inwards Blogger Template

 Notification Message Box In Blogger Template Add CSS3 Notification Message Box In Blogger Template
Hello folks,Today inwards this article nosotros are going to explicate you lot how to add together CSS notification Message boxes.By adding split shade too textual content nosotros tin arrive to a greater extent than beautiful for our weblog readers. And they may dearest to read your content fabric amongst consummate energy. because of this i'm going to portion sets of notification message boxes to boost your content.To see this flim-flam simply follow the mentioned steps below.

How To Add Custom Notification Message Box Using CSS3

installation steps:

Step 1. Log inwards to your Blogger concern human relationship too Go to your Blogger Dashboard.
Step 2. Now Click on -> Template -> Edit HTML.
Step 3. Now Search for ]]></b:skin> by Pressing Ctrl+F keys.
Step 4.Copy the below code too glue it simply earlier the ]]></b:skin> tag.
/* Notification Message Box past times http://www.bloggersstand.com */
.bsdmesg{color:#FFF;margin-bottom:15px;box-shadow:0 1px 2px rgba(0,0,0,0.20);border-radius:2px;padding:10px}
.success{background-color:#5CB85C}
.alert{background-color:#5BC0DE}
.warning{background-color:#F0AD4E}
.update{background-color:#017CB9}
.info{background-color:#18A8AA}
.error{background-color:#525252}
.headline{font-size:16px;background-color:rgba(0,0,0,0.30);padding:8px 10px;margin:-10px;margin-bottom:10px}
.headline > .fa{margin-$endSide:5px}
Step 5. Now Search for <head> by Pressing Ctrl+F keys.
Step 6.Copy the below script too glue it simply earlier the <head> tag.
<link href='//netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>
Step 7. Now Save your template.

Adding Notification Message Boxes In Post Editor 

Step 1. Log inwards to your Blogger concern human relationship too Go to your Blogger Dashboard.
Step 2. Now Write New post too click on edit html Button from post editor
Step 3. Now Copy Anyone code from the below too glue within the ship service editor.
For Success Box:
 Notification Message Box In Blogger Template Add CSS3 Notification Message Box In Blogger Template
<div class="success">
<div class="bsdmesg">
<div class="headline">
<i class="fa fa-check-circle"></i>Success message</div>
Dummy Text for Success Box. </div>
</div>
 For Update Box:
 Notification Message Box In Blogger Template Add CSS3 Notification Message Box In Blogger Template
<div class="update">
<div class="bsdmesg">
<div class="headline">
<i class="fa fa-volume-up"></i>Update message</div>
Dummy Text for Update Box.</div>
</div>
For Alert Box:
 Notification Message Box In Blogger Template Add CSS3 Notification Message Box In Blogger Template
<div class="alert">
<div class="bsdmesg">
<div class="headline">
<i class="fa fa-exclamation"></i>Alert message</div>
Dummy Text for Alert Box. </div>
</div>
 For Warning Box:
 Notification Message Box In Blogger Template Add CSS3 Notification Message Box In Blogger Template
<div class="warning">
<div class="bsdmesg">
<div class="headline">
<i class="fa fa-exclamation-triangle"></i>Warning message</div>
Dummy Text for Warning Box. </div>
</div>
 For Info Box:
 Notification Message Box In Blogger Template Add CSS3 Notification Message Box In Blogger Template

<div class="info">
<div class="bsdmesg">
<div class="headline">
<i class="fa fa-info-circle"></i>Info message</div>
Dummy Text for Info Box. </div>
</div>
 For Error Box:
 Notification Message Box In Blogger Template Add CSS3 Notification Message Box In Blogger Template
<div class="error">
<div class="bsdmesg">
<div class="headline">
<i class="fa fa-exclamation-circle"></i>Error message</div>
Dummy Text for Error Box. </div>
</div>
We promise this article helped you lot to larn How to Add Add CSS3 Notification Message Box In Blogger Template.If you lot liked this article delight Join us on Facebook,Twitter,Google Plus.

Sunday, January 24, 2016

Clever Social Media Sharing Buttons Inwards Blogger Post Service Footer

Adding a Clever Social Media Sharing Widget inward Blogger Post Footer Clever Social Media Sharing Buttons In Blogger Post Footer
Hello Folks,Today inward this article nosotros are going to explicate you lot How to add together Smart Social Media Sharing Widget In Blogger Post Footer.There may survive no inquiry that social sharing widget tin accelerate content advertisement around the internet. at the same fourth dimension readers similar your article or tutorial together with thus they direct maintain a style to survive percentage on their social media profile. As a number it enables to unfold your content URL firmly.Many Blogger produce that error that they don't add together social sharing widget on their spider web page Or sometimes they add together social sharing widget inward wrong location.In this widget nosotros are using pure coffee script together with equally good a usage of font awesome icons.we direct maintain added 12 social media sharing buttons but from them exceed three volition display on the page i.e Google +,Twitter together with Facebook together with residue our inward percentage to a greater extent than button.To view this social profile sharing buttons follow the steps mentioned below.

How To Add Clever Social Media Share Buttons In Blogger Post Footer

installation steps:

Step 1. Log inward to your Blogger describe of piece of occupation concern human relationship together with Go to your Blogger Dashboard.
Step 2. Now Click on -> Template -> Edit HTML.
Step 3. Now Search for <head> by Pressing Ctrl+F keys.
Step 4.Copy the below code together with glue it simply below the <head> tag.
<link href='//netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>
Step 5. Now Search for ]]></b:skin> by Pressing Ctrl+F keys.
Step 6.Copy the below code together with glue it simply earlier the ]]></b:skin> tag.
/* Clever Social Share widget past times http://www.bloggersstand.com */
.smartshare,.sharewrap{position:relative;display:block;font-size:0;margin:auto;text-align:center}
.sharewrap{display:block;text-align:center;margin:30px 0 0 0}
.sharewrap a.sb,.sharewrap a.fb,.sharewrap a.gp,.sharewrap a.tw,.sharewrap span.pl{text-decoration:none!important;display:inline-block;margin:0 .5px;font-weight:400;font-size:12px;color:#fff;text-shadow:none;padding:6px 10px;opacity:1;transition:all .3s}
.sharewrap a.sb {background:#222222;}
.sharewrap a.gp {background:#f20000;}
.sharewrap a.fb {background:#516ca4;}
.sharewrap a.tw {background:#00baff;}
.sharewrap span.pl {background:#ff6600;}
.fbbutback,.googlebutback,.plusbutback,.twbutback{font-size:13px!important;vertical-align:middle}
.sharewrap a.fb:hover,.sharewrap a.gp:hover,.sharewrap a.tw:hover,.sharewrap span.pl:hover{color:#fff;opacity:.9}
.sharewrap a.fb:active,.sharewrap a.gp:active,.sharewrap a.tw:active,.sharewrap span.pl:active{box-shadow:inset 0 1px 0 rgba(0,0,0,.16)}
span.pl{color:green;cursor:pointer}
#sharepop{display:none}
.sharepopup{position:absolute;bottom:100%;right:15%;z-index:99;float:left;min-width:100px;padding:5px 10px;margin:0;font-size:13px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ddd;border-radius:3px;}
.sharepopup li{list-style:none!important;margin:0!important;padding-left:0!important;line-height:1.8em!important}
.sharepopup li a{color:#333!important;font-weight:400;display:block}
.sharepopup li a:hover{color:#078FF8!important}
ul#sharepop{margin:10px 0;padding:5px 15px}
Step 7. Now Search for <data:post.body/> by Pressing Ctrl+F keys together with if you lot are non able to uncovering this code search for <div class='post-footer'>
Step 8.Copy the below code together with glue it simply after the <data:post.body/> tag.
Step 9. Now if you lot desire to demo sharing buttons below the post service championship together with thus glue the below code simply above <data:post.body/> tag.(*Step nine solely for sharing buttons below post service titles)
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<b:if cond='data:blog.pageType != &quot;archive&quot;'>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
var siteurl = window.location.href;
  document.write('<div class="sharewrap"><div class="smartshare"> \
<a class="sb" <h2>Sharing is Caring </h2><i class="fa fa-share-square-o"></i></a> \ \
<a class="gp social-popup" href="https://plus.google.com/share?url=' + siteurl + '" target="_blank" title="Clever Social Media Sharing Buttons In Blogger Post Footer">\
    <i class="fa fa-google-plus googlebutback"></i> Google</a> \
<a class="fb social-popup" href="https://www.facebook.com/sharer/sharer.php?u=' + siteurl + '" target="_blank" title="Clever Social Media Sharing Buttons In Blogger Post Footer">\
    <i class="fa fa-facebook fbbutback"></i> Facebook</a> \
<a class="tw social-popup" href="https://twitter.com/intent/tweet?text='+encodeURIComponent(document.title)+'&url='+siteurl+'" target="_blank" title="Clever Social Media Sharing Buttons In Blogger Post Footer">\
    <i class="fa fa-twitter twbutback"></i> Twitter</a> \
    <span class="pl" data-target="#sharepop"><i class="fa fa-share-alt plusbutback"></i> Share More</span> \
<ul class="sharepopup" id="sharepop"> \
    <li><a class="social-popup" href="javascript:pinIt();">Pinterest</a></li> \
    <li><a class="social-popup" href="//www.digg.com/submit?url=' + siteurl + '" target="_blank" title="Clever Social Media Sharing Buttons In Blogger Post Footer">Digg</a></li> \
    <li><a class="social-popup" href="//www.linkedin.com/shareArticle?mini=true&amp;url=' + siteurl + '" target="_blank" title="Clever Social Media Sharing Buttons In Blogger Post Footer">Linkedin</a></li> \
    <li><a class="social-popup" href="//www.stumbleupon.com/submit?url=' + siteurl + '&amp;title='+encodeURIComponent(document.title)+'" target="_blank" title="Clever Social Media Sharing Buttons In Blogger Post Footer">Stumbleupon</a></li> \
    <li><a class="social-popup" href="//delicious.com/post?url=' + siteurl + '&amp;title='+encodeURIComponent(document.title)+'" target="_blank" title="Clever Social Media Sharing Buttons In Blogger Post Footer">Delicious</a></li> \
    <li><a class="social-popup" href="http://www.tumblr.com/share/link?url=' + siteurl + '&name='+encodeURIComponent(document.title)+'&description='+encodeURIComponent(document.title)+'" target="_blank" title="Clever Social Media Sharing Buttons In Blogger Post Footer">Tumblr</a></li> \
    <li><a class="social-popup" href="http://bufferapp.com/add?text='+encodeURIComponent(document.title)+'&url=' + siteurl + '" target="_blank" title="Clever Social Media Sharing Buttons In Blogger Post Footer">BufferApp</a></li> \
    <li><a class="social-popup" href="https://getpocket.com/save?url=' + siteurl + '&title='+encodeURIComponent(document.title)+'" target="_blank" title="Clever Social Media Sharing Buttons In Blogger Post Footer">Pocket</a></li> \
    <li><a class="social-popup" href="http://www.evernote.com/clip.action?url=' + siteurl + '&title='+encodeURIComponent(document.title)+'" target="_blank" title="Clever Social Media Sharing Buttons In Blogger Post Footer">Evernote</a></li> \
    </ul> \
</div><div class="clear"></div></div> \
');
$(document).ready(function(){$(".pl").click(function(){$("#sharepop").slideToggle("fast")})});
business office pinIt(){var t=document.createElement("script");t.setAttribute("type","text/javascript"),t.setAttribute("charset","UTF-8"),t.setAttribute("src","https://assets.pinterest.com/js/pinmarklet.js?r="+99999999*Math.random()),document.body.appendChild(t)};
//]]>
</script>
<div class='clear'/>
            </b:if>    
      </b:if></b:if>
Step 10. Now Save your Template..Done !

We promise this article helped you lot to acquire How to Add Clever Social Media Sharing Widget In Blogger Post Footer.If you lot liked this article delight Join us on Facebook,Twitter,Google Plus.

Friday, January 22, 2016

Bluehost Democracy Twenty-Four Hours Hosting Offering For India From 25Th Jan To 27Th Jan 2016

BlueHost Republic Day Hosting Offer For Republic of Republic of India BlueHost Republic Day Hosting Offer For Republic of Republic of India From 25th Jan to 27th Jan 2016
BlueHost is a good known hosting companionship inwards the the world owned yesteryear Endurance International Group having #1 order together with value, its is recommended hosting network yesteryear WordPress.org. It is a reliable hosting service together with served millions of website since 1996 together with all the customers are agreed amongst its bully together with smoothly service. We bring mentioned its few bully features you lot volition sure enough like, if you lot desire to function yesteryear using this network's service together with then kindly click the below push to signup.
Promo code: REPUBLICDAY2016
Offer: 40% off on Hosting + Free domain + Privacy Protect (valid on 1st year)
Start Date: 25th January, 2016
End Date: 27th January, 2016
Note:Click on inwards a higher house Flat 40% off On Hosting+Free Domain together with Use our Promo Code.If you lot volition non click on inwards a higher house link to purchase you lot volition internet give-up the ghost discount.

Thursday, January 21, 2016

Adding Css Hover Upshot Inward Blogger Images

adding css ikon number convert ikon into greyish color on hover Adding CSS Hover Effect In Blogger Images
Hello Folks,Today inwards this article nosotros are going to explicate How to Add Css Image Hover Effect In Blogger Template.Whenever a mouse is placed over a certainly ikon or hyperlink inwards webpage that activity is called a number on hover.In this article nosotros are applying pure CSS t oconvert images into Greyscale effect(when you lot house a mouse on ikon the colorful ikon volition convert into beautiful greyish scale image) in addition to minute i Bump upward number (means when you lot house a mouse on a ikon it volition bounce upward agency it volition bounce upward inwards upward direction).By adding a dainty hover animation number on your images volition actually attract to your visitors.To watch this describe a fast i on follow the steps mentioned below.

practice css hover number inwards blogger images

installation steps:

Step 1. Log inwards to your Blogger line concern human relationship in addition to Go to your Blogger Dashboard.
Step 2. Now Click on -> Template -> Edit HTML.
Step 3. Now Search for ]]></b:skin> by Pressing Ctrl+F keys.
Step 4.Copy the below code in addition to glue it only earlier the ]]></b:skin> tag.


For Bump Up Effect:
.post-body img {
    border: 5px company #ccc;
    float: left;
    margin: 15px;
    -webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
}
.post-body img:hover {
    margin-top: 2px;
}
For GreyScale Effect :
.post-body img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
 /* Firefox 3.5+ */
    filter: gray;
 /* IE6-9 */
    -webkit-filter: grayscale(100%);
 /* Chrome 19+ & Safari 6+ */;
}
.post-body img:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}
 Step 5. Now Save your template..Done !

We promise this article helped you lot to acquire How to Add a  CSS Hover Effect In Blogger Images Trick.If you lot liked this article delight Join us on Facebook,Twitter,Google Plus.

Tuesday, January 19, 2016

How To Utilisation Driblet Caps Inwards Blogger Template

today inwards this article nosotros volition demo you lot how brand get-go missive of the alphabet large inwards blogger postal service that is How To Create Drop Caps In Blogger Template
How To Create/Make Drop Caps In Blogger Template | Hello Guys,today inwards this article nosotros volition demo you lot how brand get-go missive of the alphabet large inwards blogger postal service that is called Drop Caps.You bring seen a last of Drop Caps inwards Newspaper,Magazines as well as also lot of websites are using this technique to brand paragraph beautiful yesteryear making get-go missive of the alphabet large. You tin forcefulness out last this technique inwards get-go paragraph of your article to await to a greater extent than fashionable as well as unique.To direct grip of this flim-flam follow the steps mentioned below.we are using pure CSS for Drop Caps.

How Make Drop Caps In Blogger Post Template

installation steps:

Step 1. Log inwards to your Blogger trouble concern human relationship as well as Go to your Blogger Dashboard.
Step 2. Now Click on -> Template -> Edit HTML.
Step 3. Now Search for ]]></b:skin> yesteryear Pressing Ctrl+F keys.
Step 4.Copy the below code as well as glue it simply earlier the ]]></b:skin> tag.
.post-outer:first-letter {
    float: left;
    font-size: 4em;
    color: #666666;
    margin-right: 0.10em;
    line-height: 90%;
    text-shadow: 0.05em 0.05em #C0C0C0;
}
Step 5.Save your template..You Are Done !!

Customization:

  • To alter the color of the missive of the alphabet (Drop Caps) replace 666666 with your color hex value.you tin forcefulness out pick out colors from our tool Color Wheel Picker as well as Color Code Generator.
  • To alter the shadow color of the Drop Caps, replace C0C0C0. with your color hex value.
We promise this article helped you lot to larn How to Make First missive of the alphabet large inwards paragraph yesteryear using CSS trick.If you lot liked this article delight Join us on Facebook,Twitter,Google Plus.

Sunday, January 17, 2016

Disable Re-Create Text Alternative Inwards Blogger Template Using Css

How to Disable Copy Text Selection Using CSS In Blogger Template Disable Copy Text Selection In Blogger Template Using CSS
Hello Guys,Today inwards this article nosotros volition explicate you lot How to disable re-create text option using CSS inwards your blogger template.Just add together this CSS into your Blogger website to prevent/Restrict users selecting/Copy text of your website or blog.We are using pure CSS for this play a joke on you lot don't bring to add together lot of codes.To add together this play a joke on inwards your blogspot template follow the steps mentioned below.

How to Disable Copy or Select Text In Blogger Template By Using CSS:

installation steps:

Step 1. Log inwards to your Blogger concern human relationship as well as Go to your Blogger Dashboard.
Step 2. Now Click on -> Template -> Edit HTML.
Step 3. Now Search for ]]></b:skin> by Pressing Ctrl+F keys. 
Step 4.Copy the below code as well as glue it only earlier the ]]></b:skin> tag.
 body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
Step 5. Now Save your template..you are Done !!

We promise this article helped you lot to larn How to Disable Copy Text Selection In Blogspot Theme By Using CSS.If you lot liked this article delight Join us on Facebook,Twitter,Google Plus.

Saturday, January 16, 2016

Disable Correct Click Inwards Blogger Using Jquery Trick

How to Disable Right Click In Blogger Using Jquery Trick Disable Right Click In Blogger Using Jquery Trick
How to Disable Right Click In Blogger Using Jquery Trick | Hello Folks,Today inward This article nosotros volition explicate to you lot how to disable correct click component using a jQuery code snippet.So you lot must disable correct click for protecting your page origin in addition to likewise the content.To add together this characteristic inward your Blogger website or spider web log follow the steps mentioned below.

How to Disable Right Click On Website By Using Jquery:

installation steps:

Step 1. Log inward to your Blogger describe of piece of occupation concern human relationship in addition to Go to your Blogger Dashboard.
Step 2. Now Click on -> Template -> Edit HTML.
Step 3. Now Search for </head> tag by Pressing Ctrl+F keys. 
Step 4.Copy the below code in addition to glue it merely earlier the </head> tag.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js' type='text/javascript'></script>
<script src='http://code.jquery.com/jquery-migrate-1.2.1.js'></script>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function($) {
    $(document).bind("contextmenu", function(e) {
        furnish false;
    });
});
//]]>
</script>
Note:If Jquery is already installed inward your blogger template in addition to therefore take the next below lines from the inward a higher house code.
 <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js' type='text/javascript'></script>
<script src='http://code.jquery.com/jquery-migrate-1.2.1.js'></script>
Step 5. Now Save your template..you are Done !!

We promise this article helped you lot to larn How to Disable Right Click In Blogger Using Jquery Trick For Content Protection.If you lot liked this article delight Join us on Facebook,Twitter,Google Plus.

Friday, January 15, 2016

Embed Pdf Viewer Inwards Wordpress Blog/Website

How to add together pdf viewer to display pdf file inward wordpress Embed Pdf Viewer In Wordpress Blog/Website
How to add together pdf viewer to display pdf file inward Wordpress | Hello Folks,Today In this article, nosotros volition country you lot how to add together a PDF viewer inward WordPress Blog/website.Wordpress display PDF files equally a links,result users tin shipping away persuasion the PDF file yesteryear downloading inward their figurer or opening file inward novel tab or window.But this ever number SEO of page. Now inward this  article nosotros volition country you lot embeding PDF file into post service in addition to display on Blog only.However if you lot desire visitors to persuasion PDF file without leaving your website thus you lot convey to purpose this PDF viewer plugin inward your wordpress Blog. The create goodness of this plugin is that users tin shipping away persuasion your pdf file,read,download in addition to equally good they tin shipping away impress file without leaving your wordpress site.

How To Install PDF Viewer In Wordpress

To install pdf viewer plugin inward your wordpress,first you lot postulate to add PDF Viewer plugin.After Downloading in addition to activating plugin into your wordpress become to Settings » PDF Viewer to configure the PDF viewer plugin Settings.
How to add together pdf viewer to display pdf file inward wordpress Embed Pdf Viewer In Wordpress Blog/Website
Above PDF viewer plugin settings page shows you lot tin shipping away adapt the meridian in addition to width of the PDF file.And you lot tin shipping away equally good add together disable notice for quondam browser versions,by default PDF viewer does non back upward IE 9.After Completing all steps click on save changes button.

How to Embed PDF File In Wordpress Blog With PDF Viewer Plugin:

To Embed PDF file inward wordpress,first affair you lot postulate to create upload the PDF file inward your wordpress yesteryear using media upload.Look below for example:
How to add together pdf viewer to display pdf file inward wordpress Embed Pdf Viewer In Wordpress Blog/Website
After uploading your pdf file you lot postulate to re-create the URL of the file,you tin shipping away honor URL straight inward Media uploader.

After that you lot postulate to add together the URL betwixt Shortcode [pdfviewer] [/pdfviewer],got it ? expect below for example;
 [pdfviewer]http://www.yourwebsite.com/wp-content/uploads/2016/1/mywebsiteintroduction.pdf[/pdfviewer]
And encounter below how PDF viewer plugin volition present your PDF file inward wordpress.
How to add together pdf viewer to display pdf file inward wordpress Embed Pdf Viewer In Wordpress Blog/Website
That's it folks !
We promise this article helped you lot to larn How To Embed PDF file In Wordpress .If you lot liked this article delight Join us on Facebook,Twitter,Google Plus.

Tuesday, January 12, 2016

Dw Shop V1.0 - Multipurpose Woocommerce Wordpress Theme

 Multipurpose WooCommerce Wordpress Theme DW Store V1.0 - Multipurpose WooCommerce Wordpress Theme
Free Download DW Store V1.0 - Multipurpose WooCommerce Wordpress Theme | DW Store - our first-ever multipurpose WooCommerce topic - tin sack tending brand edifice store easier too to a greater extent than effective. You tin sack suit DW Store for store of whatever size, either product-rich eCommerce site, or a brick too mortar store.

demo:

https://creativemarket.com/designwall/352192-DW-Store-Multipurpose-WooCommerce

download links:

https://userscloud.com/omm531ysjdqs
http://www49.zippyshare.com/v/luZ3gmkS/file.html
https://uptobox.com/wy93w9u6rtj5
http://ge.tt/2gQiYaV2
http://www.datafilehost.com/d/adf3e96b
https://tusfiles.net/hzmxy2q60kip
http://upx.nz/4uQGb1
http://www.solidfiles.com/d/9301e28e8a
http://mir.cr/W2LQ3EYY

KEY FEATURES:

  • Drag & Drop Page Builder
  • Advanced Theme Settings
  • Responsive Design & Retina Ready
  • Unlimited Sidebars
  • Content exhibit install
  • Custom Background
  • Translation Ready
  • Search Engines Optimization (SEO)
  • Breadcrumbs
  • Boxed & Wide Layout Option
  • Typography & Colors Options
  • Infinite Scroll alternative for Posts & Products
  • Multiple Blog, Pages & Shop Layout
  • Megamenu
  • Slider
  • Flexible production grid
  • Mini Cart
  • Quick View
  • Image Zoom (product view)

Supermag V1.0 - Fast Textile Periodical Wordpress Theme

 Browser Compatible Supermag Themes Responsive Magazine WordPress subject that features an e Supermag V1.0 - Fast Material Magazine Wordpress Theme
Free Download Supermag V1.0 - Fast Material Magazine Wordpress Theme | Browser Compatible Supermag Themes Responsive Magazine WordPress subject that features an engaging blueprint that is fully fluid responsive, loads incredibly fast, Don’t lose customers past times making them hold off for a website to load.!

Ultra Responsive Supermag themes are 100% fluid responsive, as well as thence your website volition await cracking on mobile devices as well as tablets, but it volition besides heighten the user sense on every device on the market.

Faster On All Browser & Touch Optimized This ensures your website has the best search engine visibility as well as it takes advantages of the latest browser/plugin technologies to plow over yous equally much ability equally possible.

Powerfull Magazine/News/Blogging Create posts alongside or without an excerpt, add together beautiful galleries, videos as well as audios to yous site. Use dissimilar postal service layouts (narrow, broad or correct sidebar), optionally disable postal service info.

demo:

https://creativemarket.com/wpfastest/479713-Supermag-Fast-Material-Magazine-W

download links:

https://userscloud.com/s1tytsrofok7
http://www103.zippyshare.com/v/keXZZZFR/file.html
https://uptobox.com/6ew3ex1p8b3s
http://ge.tt/4uvB6bV2
http://www.datafilehost.com/d/53715a57
https://tusfiles.net/yb2f2p1hk5en
http://upx.nz/OT3jgq
http://www.solidfiles.com/d/3a5fa63de8
http://mir.cr/0ENKE4NT

Powerfull Features

  • Fast Load: Supermag built-in produce clean code.
  • Best Query: Supermag created for speed, nosotros utilization best inquiry for calling wordpress function. Save bandwith, depression process, visitor dear your site.
  • SEO Optimized: Microdata schema, Rich snippets for breadcrumbs as well as reviews are built-in. Code Frendly alongside crawl
  • Ultra Responsive: All elements are responsive.
  • Page Builder: Creating your ain homepage/Page without coding.
  • Multiple Layouts: Posts, Pages, as well as Categories tin last configured to utilization a full-width layout or get got a correct sidebar.
  • Easy Customization: Influenza A virus subtype H5N1 lite color system included! Use the pre-made manner or modify colors / typography inwards options panel to produce your ain style.
  • Easy Options: unlimited colors as well as typography customizations.
  • Mega Menus: Supermag back upwardly megamenu.
  • Retina Ready (HD): Best visitor icon browsing experience
  • RTL (right-to-left) supported as well as auto-activated when WordPress is configured to utilization an RTL language. Translation ready.
  • WPML supported.
  • Responsive Google Adsense is supported using the default Google Adsense.
  • 100% HTML5 & CSS3 structured elements.
  • Multiple Layouts: (for categories or page-builder/homepage)