Featured post

Beginner Fractional mistakes in Blogging

Beginners are make many mistakes in their blogging, As bloggers are make different type mistakes, It is really Frustrate in your blog traff...

How to customize blogger featured post widget

How to customize blogger featured post widget

Recently blogger released a new widget called featured post widget, Now you can select one of your blog post and pin it in your blog widget area.  Also WordPress have many plugins for pin featured posts. This feature is much awaited blogger users now we got this. So now I'm talking about How to customize blogger featured post widget.

Featured post widget work in all pages, So i think better to use home page only.


  • Firstly add Featured post widget in Blogger - layout - add widget
  • Next Select a Post which one you want pin it in Featured widget
Now we can start editing with css

#FeaturedPost1 {
    background: rgb(227, 220, 93) none repeat scroll 0% 0%;
    padding: 10px 20px 20px;
    margin-top: 10px;
    border: 1px solid rgb(216, 136, 34);
}
#FeaturedPost1 h2{
display: none !important;
}
#FeaturedPost1 h3{
font-family: 'Roboto Slab', serif;
}
#FeaturedPost1 img{
    float: left;
    width: 15%;
    margin-top: 10px;
    border: 2px solid rgb(240, 147, 8);
}
#FeaturedPost1 p{
    float: right;
    width: 80%;
}

Tips| :- I'm using Featured post widget in top of post section (You can see Right Now).

Continue You will get update this post stay Subscribed.


Read more »
☞ 29 Jul 2016 3 comments

Tips to choosing a best Domain name to your Blog

Tips to choosing a best Domain name to your Blog
Past of my blogging career I was struggled with choosing a best domain name, Because that time I was a beginner and nothing to know about Blogging and SEO, but now I observed some things in my experience and I share some Tips to choosing a best Domain name for your blog.
Read more »
☞ 6 Mar 2015 4 comments

Pinterest Pin It button on image hover Widget to Blogger

Pinterest Pin It button on image hover Widget to Blogger
Social media is a good way to make traffic and, Pinterest is best one Social media network, Now Blogger user can add Pinterest Pin It button on image hover, Yo can easily make more trafic with Pinterest Pin It button on image hover, Check out Floating Social Media sharing buttons and Image Hover Share Buttons recommend to add this widgets.

Social media Trafic is a important thing of SEO and This Pin it button help to Get extra traffic from Pinterest. Pintrest Pin it button work with on your Blog post image mouse hover as Pin it button display on image top left. Your blog have large and awesome images, infographics or photographs if readers like to pin your images. It is Pinterest default Pin it button, This Post will be help for How to add Pinterest mouse hover Pin It button in blogger blog post images.

Follow The Steps


 Note : Backup Blogger Template and After do following Steps.
1. Go to Blogger > Template > Edit HTML.

2. Find following html (Ctrl+F).
</body>
3. Just Above Paste Following HTML code. 
<!-- Please call pinit.js only once per page --><script type="text/javascript" async  data-pin-color="red" data-pin-height="28" data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>
 4. You can edit pin it button color="red" with "white" and delete color="red" if apply default gray color.

5. Save Blogger Template,

You're done and Pin it button still live on your blog, Check out official site Pinterest Widget Builder. have any doubts? feel free mentioned it below comment box.

Read more »
☞ 24 Sep 2014 5 comments

Floating Social Media sharing buttons to Blogger

Floating Social Media sharing buttons to Blogger
Floating Custom Social Media Sharing ButtonsSharing is helpful to get New unique traffic, BloggerPing sharing Floating Custom Social Media Sharing Buttons To Blogger (Blogspot Blog), Floating share buttons created with HTML and pure CSS. Nowadays Social sharing is a important thing, Floating share buttons are help to effective way increases Social share count, Because Floating share buttons widget is user friendly and always show on left side of blog.

Almost popular Blogs are using Floating Social Media Sharing Buttons and it is most useful widget for blogger blogs.


Follow The Steps


1. Go to Blogger > Template > Layout > Add widget HTML/JavaScript.

2. Add following code inside the HTML/JavaScript, And Save


<style type="text/css">.left-share {position: fixed;margin-left: -743px;float: left;background-color: rgba(255, 255, 255, 1);z-index: 20;bottom: 40%;border-radius: 5px 0px 0px 5px;padding: 5px;border: 1px solid rgba(113, 113, 113, 1);}.g-plusone, #fb-root {display: inherit;padding: 5px 3px 0px 8px;}.twitter-share-button {padding-top: 5px;display: inherit;}</style><div class='left-share'><script src="https://apis.google.com/js/platform.js" async defer></script><div class="g-plusone" data-size="tall"></div><div id="fb-root"></div><script>(function(d, s, id) {  var js, fjs = d.getElementsByTagName(s)[0];  if (d.getElementById(id)) return;  js = d.createElement(s); js.id = id;  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=1455463981332494&version=v2.0";  fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><div class="fb-like" data-href="#" data-layout="box_count" data-action="like" data-show-faces="false" data-share="false"></div><a href="https://twitter.com/share" class="twitter-share-button" rel="canonical" data-via="your_screen_name" data-lang="en" data-related="anywhereTheJavascriptAPI" data-count="vertical">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>
Settings for Adjust widget  Positions. margin-left: -743px; bottom: 40%;

For adding more Social media buttons, Final </div> Just above paste your code.

You are looking to more fancy floating widget, if you better to add some Jquary floating effects like
Floating Effect. You have any trouble? feel free mention it below comment box.

Read more »
☞ 6 Sep 2014 No comments

Top Websites to Buy Blogger premium Templates

Top Websites to Buy Blogger premium Templates
You like to move a premium blogger template? Today I'm sharing top Sites to buy cheap price premium templates. Premium templates are best fit to your blog, because Premium templates are created by Professional Web designers and Many Reasons to choose premium templates.
Following sites are help to make a Premium look of your blog with Cheap price. Comparing with WordPress themes then You think it is just cheap rate templates. If want to buy one? I recommend  who is seriously take their blogging career.




So Premium templates have solid design and Get best customer support, Almost Premium templates are best to support SEO. Try out a best template for your blog.

Themeforest

Available 70+ Multipurpose blogger templates and get great community support. It is not only for blogger Also get other Popular CMS themes and Website Templates. This templates are best to fit Professional Bloggers. You must check user reviews about Template and after buy templates.

  • Great Community support.
  • Big collection of Premium Blogger templates.
  • Cheap price templates.
  • Customer support
  • 70+ SEO friendly Blogger templates.
  • Responsive, Mobile optimized design. 



Templateify

It is a popular Blogger premium templates provider and available awesome blogger templates , Also available free templates.Premium members get support from Templateify support team, Available 30+ high quality templates, available full responsive templates.

  • 30+ SEO friendly Blogger templates.
  • Support to customize your blog template.
  • Professional templates.
  • Responsive, Mobile optimized design.

Buy Template

Templateism

It is similar to Templateify, So Templateism offer cheap price Blogger templates and only have 20$ for  each templates, Subscribe monthly plan (20$) If you can access all Templateism templates. Fre

  • Cheap price templates.
  • Customer support
  • 40+ SEO friendly Blogger templates.
  • Responsive, Mobile optimized design. 

Buy Template



This sites are best to premium features supported blogger templates. Premium templates are always better to make professional blog. Almost bloggers have no idea about coding and How to creative design their Blog, But Premium templates are help to Easily create a blog.

I hope This Websites are help to choose a right Premium templates for your blogger blog. You have any advice for this Post? Please feel free mentioned it.
Read more »
☞ 11 Aug 2014 3 comments

How to Get detailed analytics of your Blog SEO?

How to Get detailed analytics of your Blog SEO?
We are doing right in our blog SEO? All bloggers are curios about SEO, How to get Detailed analytics of your blog/website? Today I'm sharing some powerful online websites to get Detailed analtics of our website/blog.

Past Two months I'm focused to fixing SEO errors and after effectvly boosted Digitcrops SEO score. That time I used many SEO analytics tools, Because it is Easy way for finding Errors. You know about Page loading affect your SEO? You must read Tips for Boost web page loading speed.


Google analytics but It is too hard to Get specified SEO errors, But we can do more With Some instant SEO analytic tools, So Expect any time for the next Google Page Rank update, Because in this year not found any PR updates. following online sites are help you to Get detailed analytics of your Blog SEO?


Quicksprout analyze tool

It is All in one SEO analytics tool, it is completely free Get every details about your blog (Socialmedia engagements, UI errors, Backlinks, Site speed). We can can analyst our site SEO scoreand get very fast result, As we can compare with other sites. Check SEO recommendation and SEO errors are thr Best feature of Quiksprout.

tools.quicksprout.com/analyze/

Open Site Explorer

It is great tool and popular on MOZ SEO tools,  Get detailed analyze of your blog backlinks and we can check which type backlinks are avilable dofollow and nofollow links. It free service and also available pro analytics for premium users but free user available almost SEO features. But it is not support social analytics. 

www.opensiteexplorer.org

AHREF

It is popular and optimal online SEO analyze tool, Support all options but some options are available only for premium members. It mainly focus on backlinks and it is a largest link database.

Ahref.com

Majestic SEO

It is alternative of Ahref, Also support more features in premium membership.Another awesome feature is Support advanced link intelligence map. As majestic SEO promise about get only fresh index.

http://www.majesticseo.com

SEO Site Checkup

It is very simple and basic SEO analytze tool, So you can find SEO score, As you can check your web page rank, Alexa rank, Safe browing test, broken link test and much more small SEO analze supported, it is useful for get basic SEO deatils.

http://seositecheckup.com


Next PR update Expect in following days, Take more care about your blog SEO. Recently Google removed author images in Google search result, but it is not affect on Google author rank, So we must require to optimizing Social media.

You like this online tools? Please share your valuable feedback in below comment box.

Read more »
☞ 23 Jul 2014 2 comments

Beginner Fractional mistakes in Blogging

Beginner Fractional mistakes in Blogging
Beginners are make many mistakes in their blogging, As bloggers are make different type mistakes, It is really Frustrate in your blog traffic and income. So I have experienced many things in my past 2 years blogging career and I'm sharing my personal experience of Fractional mistakes in Blogging.
fractional mistakes in blogging

What is the secret of a blogging? Who is seriously take the blogging? Their can do perfect career in blogging. I'm curious about a newcomers, How their dealing with blogging? Exactly starting time of blogging You have no traffic, No Subscribers, No Comments and nothing you have earned.

Beginners in the first time of blogging Try to making faster to get rich traffic, But get large amount traffic is impossible in blogging. Blog traffic depended with how much you posted, post quality and SEO. Count of post, post quality and SEO are main things of a blog, But some Fractional mistakes make your blog traffic going to down.

Bad user interface

Most top blogs have a cool user interface, Nowadays mobile friendly blogs  are important part of SEO, You must read Tips for boost web page loading speed. Bad designs are depended of traffic and subscribers.

Your own customized templates are the best, but new designs are not fit to your readers? If you must try premium templates, Because premium templates has great features and Efficient to your blog, All popular Premium templates are search engine optimized, user friendly and Responsive.

Lack of new and Transverse contents

A starter in the first time of blogging has no Pagerank, So in this time of your blog post Google search visibility is very poor, but Try to write new and Transverse contents, you have 70% Transverse contents? If I'm sure about your blog get average amount traffic.New and Transverse contents are help for your blog overtake Google Pagerank.

Overconfidence of success

Both are take down your blog, So overconfidence not help because sometimes bloggers face many critical situations example: lost Pagerank, someone hacked your blog and Expectation Brock of your  blog traffic, That time a Overconfidence blogger stop to interval posting and slowly Get in a Recessive mind, But you are a confidant blogger and keep calm in blogging critical stages.

Lower in Social media presence

Social media optimized blogs are make extra traffic and Social media presence is a way for Get more followers. Sometimes readers are different tastes and their use only specific social networking sites, So we need to active in all Social media networks. Share your new posts on social networking sites and add Social media 'follow widgets'.

Over imitate other bloggers

Beginner also try to make a better design and contents with imitated other popular Blog, It is OK but you have get average traffic in your Blog and have a Good Google PR or, if this time has Trespass for modify your Blog design and contents. You must rethink about making a different kind of  Blog design and contents.

Try to serving good stuff and keep calm with Blogging, This mistakes are faced in past of my Blogging career and I know you have faced some different type problems in your blogging career. What is your opinion of fractional mistakes? You can share your personal experience in Blogging.
Read more »
☞ 18 Jul 2014 No comments

Make free Website with Github Pages

Make free Website with Github Pages
GitHub support for hosting static website with GitHub pages. Also I'm posted Make a website in Google Drive. GitHub pages is more better for hosting static websites, It have unlimited bandwidth hosting. Beginners little confuse to Editing Files in GitHub Repository, But it is Easy to edit Static type files on directly with GitHub file editor (Not required Any extra tools).




Follow The Steps

1. Go to Github.com (Sign In)

2. Create a 'New Repository'.








3. Give Repository Name, Example: mywebsite.

4. Continue click  Create Repository (leave it blank description and license).

5. Go to Settings (right side bottom)





6. In 'Settings' you can see 'Automatic page generator' button and click it.

7. In 'Automatic page generator' page Yo can edit the body text or leave it blank,
    Just click bottom   'continue to layout' button.

8.  Select A layout and continue Click publish Button.












9. 2 minutes  after your website still live! Your Steps are finished.

After you can check your website following link username.github.io/repository

Example: digitcrop.github.io/mywebsite
Tips:- Github Pages Support Custom Domain, Read Following Documentaion How to add Custom Domain in Git hub page.
Have Any Doubts About this Post, Please feel free mentioned it below Comment box.
Read more »
☞ 8 Jul 2014 No comments

Post images Customize in Blogger home page

Post images Customize in Blogger home page
Is your Blogger home page Post images fit to your blog? Exactly Blogger default template post images directly load in home page, As home page images are default size, How we can customize post images  in blogger home page only?. It is a simple trick for Customize Post images in Blogger home page and label page, It is not affects in Post page.


Follow The Steps  

 Note : Backup Blogger Template and After do following Steps.
Go to Blogger > Template > Edit HTML

Find following Code (Ctrl+F).
]]></b:skin>
Just below Paste Following Code, Choose which code you want.

Boxed Post Images :



<style type='text/css'><b:if cond='data:blog.pageType == &quot;index&quot;'>
.post-body img {
    height: 70px;
    width: 70px;
    border: 3px solid #B1B1B1;
    border-radius: 15px;
}
 </b:if></style>

Rounded Post Images:


<style type='text/css'><b:if cond='data:blog.pageType == &quot;index&quot;'>
.post-body img {
    height: 70px;
    width: 70px;
    border: 3px solid #B1B1B1;
    border-radius: 50%;
}
 </b:if></style>
Save Blogger template, Your Effort are completely done.
Tips:- Make Uploading Images are Exact height and width for better view. As You're upload large images oblong (500x250) type in post  If does not fit, If you must change image width and height in  above Code.
Have Any Doubts about this post? Please feel free mentioned it below comment box.

Read more »
☞ 30 Jun 2014 2 comments

Customize Dropbox Saver/Chooser Buttons with CSS

Customize Dropbox Saver/Chooser Buttons with CSS
Dropbox have Dropins Saver/Chooser buttons, Who is like for sharing a file on Dropbox with their own Webpage so it is tool. Comparing with other API it is very Simple Javascript code and You can Add to any webpage. Now This post will be explain How to Customize Dropbox Saver/Chooser Button with CSS.
Do you like to customize Saver/Chooser Button? If you care about Dropbox Developer branding guide.

Drop-Ins Buttons Have Two parts, box and Span link. Must use '!important' tag in CSS.

Saver Button:dropbox-saver
Chooser Button: dropbox-chooser

Example of Saver Button.
.dropbox-saver  {
    font-size: 14px !important;
    border-radius: 0px 0px 10px 10px !important;
    border: 1px solid rgba(188, 189, 189, 1) !important;
    box-shadow: 0px 0px 5px #BBB inset;
    padding: 12px !important;}

.dropbox-saver span {
    font-size: 13px;}

I hope This post will be Help for Making a nice Drop-in Button.
Read more »
☞ 26 Jun 2014 No comments

How to Make Simple contact form for Blogger

How to Make Simple contact form for Blogger
Contact Form is the best solution for blogs and websites, It is Easy to use for Blog Readers and not sharing our email address for readers, So Contact form protect our email privacy. Blogger Users Also available a Contact form Widget, It is flexible to make a contact form page.
Now we can use this widget for making a simple contact form page in your blogger blog (blogspot).



Follow The Steps  

 Note : Backup Blogger Template and After do following Steps.
1.Add Contact Form Widget. 

Go to Blogger Dashboard >  Layout > Add A Gadget > More Gadget > Contact Form

2. Delete Following Code.

Find following code (Ctrl+F), And Delete it.
(This Step for Hide Contact Form Widget in Your blog widget section or don't like to remove, If You  leave this step.)
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='contact-form-widget'>
<div class='form'>
<form name='contact-form'>
<p/>
<data:contactFormNameMsg/>
<br/>
<input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
<p/>
<data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
<br/>
<input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
<p/>
<data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
<br/>
<textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
<p/>
<input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
<p/>
<div style='text-align: center; max-width: 222px; width: 100%'>
<p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
<p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
</div>
</form>
</div>
</div>
<b:include name='quickedit'/>
3.Create A new Contact Page.  

Go to Blogger Dashboard > Pages > New Page.
Add a Title name on page : Contact or Contact Us 

4.Add Following code.

Then Edit with HTML mode.

<div dir="ltr" style="text-align: left;" trbidi="on">
Paste Following code Just Below of above code.
<div class="widget ContactForm" id="ContactForm1">
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
<ul style="text-align: left;"></ul>
<ul style="text-align: left;"></ul>
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
</div>
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
</div>
<span style="color: #674ea7;"><b>Name</b></span><input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />

<span style="color: #674ea7;"><b>E-mail</b></span><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />

<div style="text-align: right;">
<b><span style="color: #674ea7;">Message &nbsp;&nbsp; </span></b></div>
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Submit" />
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
5.Add Some CSS.
Go to Blogger > Template > Edit HTML
Find following html (Ctrl+F).
]]></b:skin>
Just Above Paste Following CSS.

/* contact-form
---------------------------------------------- */
.contact-form-widget {
width: 500px;
max-width: 100%;
margin: 0px auto;
color: #000;
border-radius: 10px;}
.contact-form-name, .contact-form-email {
width: 60%;
margin-bottom: 10px;
border-radius: 5px;
height: 35px;
box-shadow: 0px 0px 3px 2px #E0DEDE inset;}
.contact-form-name {
margin-left: 25px; }
.contact-form-email {
margin-left: 20px; }
.contact-form-email-message {
width: 100%;
max-width: 100%;
border-radius: 10px 10px 0px;
box-shadow: inset 0px 0px 5px rgba(218, 218, 218, 1);}
.contact-form-button-submit {
border-color: #C1C1C1;
background: none repeat scroll 0% 0% rgba(228, 211, 140, 1);
color: #585858;
width: 20%;
max-width: 20%;
margin-bottom: 10px;
float: right;
border-radius: 0px 0px 10px 10px;
height: 40px;}
.contact-form-button-submit:hover{
background: #000;
color: #ffffff;
border: 1px solid #FAFAFA;} 

You're done! have Any Questions? Please feel free mentioned it below comment box.
 
Read more »
☞ 15 Jun 2014 No comments

Tips for increase Web Page loading Speed

Tips for increase Web Page loading Speed
Page loading Speed is affect on SEO and it is important fact, What can do for increase Web Page loading Speed? How much we can optimize page contents, so web page will be increase loading speed. You think which way is better for optimizing, many ways we can do that. Now you can check your website/blog page speed with Google Developer Page Speed Insights, It will be help for know about why your website/blog is slow and how to fix, Google take detailed analysis our web page. Smaller websites and blogs get good benefit of optimizing page loading speed. Page speed performance based two main things true design and Powerful host provider.


Choose Powerful host provider:
Reduce Plugins is main thing of WordPress users Make use of a content delivery network, CloudFlare give free CDN account and also available premium plans. Always Update your version of WordPress and it would help for fixing bad bugs and page loading speed.

Optimize Social media Plugins:
Default Social media plugins are make slow webpage, better using custom plugins  Page loading performance increased, Better way you can make popup windows for Follow,share and like buttons and Custom buttons.

Enable compression:

One of the best thing is compress web files, It will be help for decreeing webpage size and after load faster. You must read How to Enable Gzip Compression.

Minify Resources:
We can do with static type (CSS/HTML) minify Resources. CSS minifying is simple, Make only single external CSS style sheet So multiple style sheets make slow webpage. Ever make CSS on inside HTML element, Feedthebot is help for analyzing our CSS errors. Minify HTML codes on Willpeavy.

Optimize images:

Use small size images and recommended JPEG format. Optimize images in Photoshop (keybord shortcut for Optimize images Ctrl+Shift+Alt+s ).

Try on Google Page Speed Insights with your website/blog and try to fix the problems, Make faster your website and user friendly, If we have get lot of benefit. So It would make next PR update in positive result. Take Particularly and which one infect our site speed? Exactly Bounce rate, Conversion, Page views, Reader satisfaction, Revenue and Google PR. So we need more detailed analysis of web page, Use Pingdom It is a great online tool. My observations are not full, it is only basic, Share your feedback about speed up webpage.
Read more »
☞ 11 Jun 2014 5 comments