Welcome To My Blogger Guides :-)
My Blogger Guides - A Weblog For Blogger Tricks, Blogger Widgets, Blogger Templates, Make Money Online, SEO And Much More About Blogging.

Find out more...


Following are some Aims of My Blogger Guides :-

  • 500 Blogger Widgets.
  • 200 Blogger Templates
  • Helping To Blogging Beginners

Saturday, June 25, 2016

// // Leave a Comment

Responsive Blogger Social Sharing Buttons with Counter

Here is most wanted widget, "Responsive Social Sharing Buttons with Counter for Blogger" which you can add on footer or above of Blogger Posts. This allows your readers to share your blog post on social networking sites. We know very well if anybody share our blog post then we get free traffic by the shares and in this way, you are not increasing your blog traffic, also you can get better rank in Google Search Result because Google depends upon social media signal (Retweet, Like, Share, etc.) for the page rank in SERP.


Responsive Social Sharing Buttons, Stylish Blogger Social Media Counter Buttons

It is very necessary to add a social sharing buttons to the every blog post. So, today I'm going to share this social sharing widget for blogger blogs which includes Counter facility and also this is fully responsive. You can found hundreds of social media buttons on  the web but you may be looking for some unique social media sharing buttons for your blogger blog. So, stop googling because your search ends here, We are here with good and attractive social media share buttons for your blogger blog. You can view Live demo of this widget from the Below Demo Button.



Live Demo

Other Social Sharing Widgets
  1. Social Sharing Widget with Counter for Blogger
  2. How To Add CSS Social Sharing Widget to Blogger?
  3. Below Post Title or Post Footer Social Sharing Widget
  4. Below Post Responsive Social Sharing Buttons For Blogger

Qualities Of This Sharing Widget

  1. Fully Responsive.
  2. Fast Loading.
  3. Sharing Counter.

How To Add Social Sharing Buttons to Blogger?


  • Go to Blogger Dashboard.
  • Template >> Edit HTML.
  • After opening your Blog Template Search for below code by pressing CTRL+F.

<div class='post-footer'>

  • Now Paste Below Code just Below of it.

 <div class="don-share" data-bubbles="top" data-limit="4">
 <div class="don-share-total"></div>
 <div class="don-share-facebook"></div>
 <div class="don-share-google"></div>
 <div class="don-share-pinterest"></div>
 <div class="don-share-linkedin"></div>
 <div class="don-share-twitter"></div>
 <div class="don-share-tumblr"></div>
 <div class="don-share-stumbleupon"></div>
 <div class="don-share-reddit"></div>
 <div class="don-share-hackernews"></div>
 <div class="don-share-buffer"></div>
 <div class="don-share-xing"></div>
 <div class="don-share-pocket"></div>
 <div class="don-share-fancy"></div>
 <div class="don-share-yummly"></div>
 <div class="don-share-scoopit"></div>
 <div class="don-share-weibo"></div>
 <div class="don-share-vk"></div>
 <div class="don-share-mailru"></div>
 <div class="don-share-odnoklassniki"></div>
 <div class="don-share-hatena"></div>
</div>
<script type="text/javascript">
 (function() {
 var dr = document.createElement('script');
 dr.type = 'text/javascript'; dr.async = true;
 dr.src = '//share.donreach.com/buttons.js';
 (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dr);
 })();
</script>
  • Note : You may find this code more than one time but you have to paste above code to the below of second.
  • Now Save your Template.
  • To check the result open any single post of your blogger blog.

Conclusion:

So above guide is about How To Add Responsive Social Media Sharing Buttons with Counter to Blogger Posts? We hope this tutorial helps you in installing this widget in your blogger blog. If anyhow problem persist after following all steps then drop a comment below. We will help you out of sure. Thank you.
Read More

Tuesday, May 24, 2016

// // Leave a Comment

Add Responsive Subscription Box Above/Footer Blogger Posts

Hello my all loyal readers. Hope you all are fine. First sorry to my all readers because this is a post after 2 months cause I'm too busy in my diploma exams. Now exam is over but Practical exam is not over. So now these days, I can't regular post here because of my practicals. Wait for me guys, I will back soon with hundreds of blogger widgets. Today I'm here with another widget for your Blogger blog which is important widget for every blogger blog. We always understand the importance and needs of a blogger so we always try to  make some good looking widgets for blogger blogs. In past we published Responsive Subscription Box Above/Footer Blogger Posts V1 and now we are going to publish the next version of this widget Add Responsive Subscription Box Above/Footer Blogger Posts V2. You can see a live demo of this widget from below screenshot.


Add Responsive Subscription Box,  Subscription Box for Above/Footer Blogger Posts





Live Demo


Actually, this is a widget which we are using on Template MBG Subscribe US Blogger Template.  I think you have already seen it in our last post. Now we think we can also use this widget on the above or footer of Blogger posts.

Subscription box widget is must having widget on blog for every blogger because it can increase your subscribers on feedburner and we know all very well if we have subscribers of our feed on feedburner then it can increase page views of our blog easily, which can increase PR and alexa rank of our blog. so we suggest you, if you don't have a subscription box widget in below post on your blog then must implement our widget. below are some features of this widget. Read before adding it on your blog.

Features of This Subscription Box

  • Fully Responsive.
  • Fast Loading.
  • 3 Colors Hover Effect on Submit Button.
  • Fully Customized with CSS & HTML Coding.
  • Attractive Look.

How To Add  Subscription Box Above/Footer Blogger Posts


So finally if you have decided to add this widget on your blogger blog then read following step by step guide.

Note : Before doing any customization in your template we highly recommended to Download a backup of your Blogger template.

  • Go to Blogger >> Template >> Edit HTML.
  • Click anywhere inside the code area.
  • Search for below code by pressing CTRL+F

]]></b:skin>


  •  Paste following code just above of this code.
/*  Subscription Box by:   www.MyBloggerGuides.com  */
div#MBG-Sub-Box {
padding: 50px 0px;
border-radius: 2px;
color: #CAF;
text-shadow: 2px 2px 2px #444343;
font-size: 20px;
font-weight: bold;
background-color: #fff;
font-family: sans-serif;
width:100%;
background:#F3F3F3;
}
div#MBG-Sub-Box:before {
content: "  \f0e0   Subscribe Us  ";
background: #FFFF00;
font-family: Lobster, FontAwesome;
padding: 20px 10px 20.5px 10px;
position: relative;
overflow: hidden;
z-index: 10;
top: 57px;
right: px;
transition: .3s;
}
div#MBG-Sub-Box .wrap-me {
margin: 0 auto;
display: block;
padding: 30px 20px;
background-color: #404040;
box-shadow: 2px 4px 2px 2px #444444;
border-top: 65px solid #FF0000;
color: #444444;
box-sizing: border-box;
background: #000 url('http://1.bp.blogspot.com/-FzCdLYOA4ms/U1DnVwbvYGI/AAAAAAAAAnY/M-EpS75hQNA/s1600/header_bg1.png' )no-repeat 0px 0px;
padding: 12px 0px 1px 0px;
clear: both;
text-align: center;
display: block;
margin: 10px 0;
height: auto;
}
.MBG-Enter-Email {
color: #444242;
width: 170px;
height: 50px;
background: #fff url(https://lh4.googleusercontent.com/-dPJx9mWYWPw/UtV5aN-6mRI/AAAAAAAAAJs/ibo7iZsN4nw/h120/MAIL.png) no-repeat 15px 22px;
padding: 5px 0px 5px 38px;
border-radius: 2px;
border: 1px solid #000;
margin-top: 22px;
}
.MBG-Button:hover {
background: #FFFF00;
border: 2px solid #FF0000;
}
.MBG-Button {
background: #FF0000;
  font-family: Lobster, FontAwesome;
cursor: pointer;
color: #CAF;
font-weight: bold;
text-shadow: 2px 2px 2px #444343;
border: 2px solid #FFFF00;
border-radius: 2px;
font-size: 30px;
padding: 3px 19px 3px 19px;
}
.MBG-Headline {
text-shadow: 2px 2px 2px #444343;
text-align: center;
color: #CAFFFD;
font-size: 35px;
  font-family: Lobster, FontAwesome;
line-height: 1.5em;
margin-top: 7px;
margin-bottom: 4px;
}

  •  Now search for <data:post.body/> tag and paste below code just below of this tag.
Note : If you are using read more button on your blog then you can find this tag 2 to 3 times. So paste below code which suite on your blog. Generally second one is right selection.

<div id="MBG-Sub-Box"><div class="wrap-me"><div class="MBG-Headline">Subscribe Us &amp; Get Latest Updates Direct into Your Mailbox!</div><form action="http://feedburner.google.com/fb/a/mailverify" class="MBGEmailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=MyBloggerGuides', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" value="MyBloggerGuides" type="hidden"> <input name="loc" value="en_US" type="hidden"> <input class="MBG-Enter-Email" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" required="" value="Enter your email..." type="text"><br><br><input class="MBG-Button" title="" value="Sign Up" type="submit"></form><div class="clr"><br></div></div></div>

  • Change Yellow highlighted color with yours.
  • Now Search for </head> tag and paste following code just above of </head> tag.

 
<link href='http://netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.css' rel='stylesheet'/>
<link href='https://fonts.googleapis.com/css?family=Oswald|Lobster:400' rel='stylesheet' type='text/css'/>


  • Now, Hit on Save template.
  • That's it. You are done.

How to  Add Responsive Subscription Box to Sidebar.


  • Go To Blogger >> Layout >> Add A Gadget >> HTML/JavaScript.
  • Paste following code inside it.

<link href='http://netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.css' rel='stylesheet'/>
<link href='https://fonts.googleapis.com/css?family=Oswald|Lobster:400' rel='stylesheet' type='text/css'/>
<style>
/*  Subscription Box by:   www.MyBloggerGuides.com  */
div#MBG-Sub-Box {
padding: 50px 0px;
border-radius: 2px;
color: #CAF;
text-shadow: 2px 2px 2px #444343;
font-size: 20px;
font-weight: bold;
background-color: #fff;
font-family: sans-serif;
width:100%;
background:#F3F3F3;
}
div#MBG-Sub-Box:before {
content: "  \f0e0   Subscribe Us  ";
background: #FFFF00;
font-family: Lobster, FontAwesome;
padding: 20px 10px 20.5px 10px;
position: relative;
overflow: hidden;
z-index: 10;
top: 57px;
right: px;
transition: .3s;
}
div#MBG-Sub-Box .wrap-me {
margin: 0 auto;
display: block;
padding: 30px 20px;
background-color: #404040;
box-shadow: 2px 4px 2px 2px #444444;
border-top: 65px solid #FF0000;
color: #444444;
box-sizing: border-box;
background: #000 url('http://1.bp.blogspot.com/-FzCdLYOA4ms/U1DnVwbvYGI/AAAAAAAAAnY/M-EpS75hQNA/s1600/header_bg1.png' )no-repeat 0px 0px;
padding: 12px 0px 1px 0px;
clear: both;
text-align: center;
display: block;
margin: 10px 0;
height: auto;
}
.MBG-Enter-Email {
color: #444242;
width: 170px;
height: 50px;
background: #fff url(https://lh4.googleusercontent.com/-dPJx9mWYWPw/UtV5aN-6mRI/AAAAAAAAAJs/ibo7iZsN4nw/h120/MAIL.png) no-repeat 15px 22px;
padding: 5px 0px 5px 38px;
border-radius: 2px;
border: 1px solid #000;
margin-top: 22px;
}
.MBG-Button:hover {
background: #FFFF00;
border: 2px solid #FF0000;
}
.MBG-Button {
background: #FF0000;
  font-family: Lobster, FontAwesome;
cursor: pointer;
color: #CAF;
font-weight: bold;
text-shadow: 2px 2px 2px #444343;
border: 2px solid #FFFF00;
border-radius: 2px;
font-size: 30px;
padding: 3px 19px 3px 19px;
}
.MBG-Headline {
text-shadow: 2px 2px 2px #444343;
text-align: center;
color: #CAFFFD;
font-size: 35px;
  font-family: Lobster, FontAwesome;
line-height: 1.5em;
margin-top: 7px;
margin-bottom: 4px;
}
</style>
<div id="MBG-Sub-Box"><div class="wrap-me"><div class="MBG-Headline">Subscribe Us &amp; Get Latest Updates Direct into Your Mailbox!</div><form action="http://feedburner.google.com/fb/a/mailverify" class="MBGEmailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=MyBloggerGuides', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" value="MyBloggerGuides" type="hidden"> <input name="loc" value="en_US" type="hidden"> <input class="MBG-Enter-Email" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" required="" value="Enter your email..." type="text"><br><br><input class="MBG-Button" title="" value="Sign Up" type="submit"></form><div class="clr"><br></div></div></div>

  • Change Yellow Highlighted colors into your's.
  • Click on Save.
  • That's it. You are done.

Conclusion:

So above guide is about Adding Responsive Subscription Box Above/Footer Blogger Posts V2 and we hope by this guide you can easily implement this sub box to blogger blog. If anyhow problem persist after following all above steps then drop a comment below. Do follow and Subscribe for another attractive Blogger widgets.
Thank you!
Read More

Sunday, March 27, 2016

// // Leave a Comment

Remove Default Widget Bundle CSS from Blogger Template

Are you trying to remove blogger's default widget from template? Don't worry, now you are on right platform because in this post we are going to share How To Remove Default CSS Bundle Widget from Blogger Template? Actually, The important thing is that you cannot permanently remove Widget CSS bundle file only you can commented out so that it just ignored by the browser and make webpage load faster. Before learn this trick we should have to know about these CSS bundle widget. So let me explain first.

Blogger Widget Bundle CSS

What Does the default Blogger CSS Bundle do?

The function of this file is to reset CSS styles according to the Blogger standards. The file carries the default, predefined Navbar styles, Blogger share buttons CSS, and many more besides utility classes like .clear, .widget etc.

Developers sometimes want to get rid of this default CSS file to make their templates more flexible in terms of custom assets, design responsiveness, etc. This tutorial post is all about removing or disabling the Blogger CSS bundle with least possible edits.

This is the exact code carrying that default Blogger CSS I found in my blog’s source code:

<link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/1738504331-widget_css_bundle.css' />

What is Bundle CSS Widget in Blogger?

Widget CSS Bundles is a default stylesheet for all the widgets we apply from the layout section, so one cannot remove it like this only, as its secured internally. But we have a hack around that can help you in removing these CSS bundles hence making your blogger blog a lot faster. So to check these CSS stylesheet you can right click and see these two CSS styles like in the below image.

CSS Bundle Widget, Working CSS Bundles of Blogger


After we apply the hack, we are going to convert these two CSS link into normal comments line hence they won't get loaded and you will get a speed boost. Check the below screenshot.

Removing CSS Bundles Widget, How To Remove CSS Bundles from Blogger





Now move on and learn How To Disable, Hide or Remove Default CSS Bundle Widget from Blogger Template?

How To Remove Default CSS Bundle Widget from Blogger

  • Open Blogger >> Template >> Restore >> Download a Backup copy of your Blogger Template.
  • Now Go to Template >> Edit HTML.
  • Press CTRL+F and search for below code :
<b:skin><![CDATA[

  • Now simply replace the above searched code with the below one.


&lt;style type=&quot;text/css&quot;&gt;

&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>

<style type='text/css'>

  • Once again search for below code:
]]></b:skin>

  • Now again replace the above searched code with the below one.
</style>
  •  Now its pretty much done, press the Save Template button and see your result by right refreshing your blog, right clicking and looking inside the page source.
You should be able to see the links changed into those comments line, so it means it worked, now try to check your page speed and you will find huge decrease in the load time, hence increase in ranking.

What If Template Messed Up?

If your template got messed up after you applied the above hack, then its normal as few CSS styles are removed that why the styling is messed up, so either you reverse the hack or if you have a good CSS knowledge then you can simply check the affected widgets and apply CSS styling for that specific widget easily.

Conclusion:

So above guide is about How To Remove Default CSS Bundle Widget from Blogger Template and we hope by this complete guide you can easily understand how to remove it and what is the work of default CSS Bundle in blogger. Hope your blog loading speed increased after doing this job. Hope you like this article. Don't forget to share on blogging communities and on your social networking profiles.
Thank You!
Read More
// // 2 comments

Introducing! MBG Subscribe Us Blogger Template for Subdomain Users

In previous post we have shared a pro looking MBG Contact Us Blogger Template for Subdomain Users, which we can also use on another blog by using subdomain and now once again we are here with a special Blogger Template. Just like as MBG Contact US template this is also for blogger users who want to use subscription form on another blog with using subdomain of their blog. We have given MBG Subscribe Us Blogger Template name to this blogger template.


MBG Subscribe Us Blogger Template





Every other blogger has his/her own choices and many did not like it to appear into sidebar, footer as a gadget or into a static page but they wanted it to install into a new blogger blog by using custom sub domain.


Must Read...


Actually, When we thought about a blogger template which we can use on our sub domain like subscribe.yourdomain.com then there is nothing on web for blogger users. We have searched many pages on google for finding subscribe us blogger template but cant find anything related to this topic. So today we are here with a big solution for all of you, also this is a big solution for us. We are launching our Second Blogger template which is for those users who want to use sub domain.

Have some questions related to Subscription Box?

Frequently Asked Question For Blogger Subscription Box


Q.1 Why Should I add a Subscription Box?

Adding a Subscription Box will make it easy for your readers to get latest updates of your blog directly into their mail box. It is also very helpful for Blog admin because it can increase your followers on Feedburner. As you know very increasing in followers is a good signal for your blog.

Q.2 Is there any positive or negative impacts on SEO  by using Subscription Form

This is more of a personal choice. Another thing to note is that, the regular sidebar subscription form doesn’t currently support mobile templates. So if you want the subscription form to be supported on mobile templates as well, then it might be a better option to move the blogger subscription form to another blog by using sub domain of your top level domain.

Q.3 Why should I use Subscribe Us Form as A Blogger Template on Sub Domain?

Yes, this is a good question. Generally newbies are using Subscription form on Sidebar, footer or on a static page but using subscription box on a sub domain attract your readers and increase your feed subscribers because it looks professional. Many Pro Blog like MBT, BG are using sub domain for subscription form.

Q.4 Is the Subscription Box Safe from SPAM?

Mostly yes. Blogger has taken enough care to prevent automated comment spam. Buy you can never prevent human spammers!

Before downloading this template see live demo of this blogger template. Now, If you are interested into using this template on your blogger blog then download this template from below Download button.


DEMO


DOWNLOAD


Customization:

Go To Blogger >> Upload this Template and after that Edit HTML
  • First, You have to change Main Menu Links which you want to use. Search for 

<div class='nav-menu'>
  •  Now change all links which is near to Back to Top button. For doing this change search for
 <div id='backtotop'>
  •  Must Change Two times Feedburner id with your's. For changing Feedburner id Search for
mailverify?uri=MyBloggerGuides
  •  For Changing Second time Feedburner id you have to search for
value=&quot;MyBloggerGuides&quot;
 Note : Only Change MyBloggerGuides with your Feedburner ID.
  • Add Some Gadgets on Footer Bar by going to Layout section.
Note : After Uploading Blogger Template, You must have to change Blogger Mobile Template Setting to - No, Show desktop template on Mobile Devices. See below Screenshot.

Responsive Subscribe US Blogger Template

Conclusion:

So above is all about our newly launched MBG Subscribe Us Blogger Template, which is totally free. You don't have need to spent a single coin for this template. Share your thoughts below by using comment box. Hope you all were like it. Don't forget to share it on Blogging communities on and on Social Sites. Have you any question? Ask Me Via Contact Us Form.
Thank You!
Read More

Friday, March 25, 2016

// // Leave a Comment

How To Setup Custom SubDomain in Blogger

In our Previous post We have shared a tutorial How To Setup Custom Domain in Blogger and now we are going to share or you can say going to share a big solution with all of you which is How To Setup Custom Sub Domain in Blogger? So, we know you are here to understand how you can setup/host your custom sub domain on your Blogger account? One of the best things about Blogger is that it does not push you to host your site with blogger.

It is entirely your own choice to choose from either of two hosting plans 'hosting on BlogSpot' with address myblog.blogspot.com, or going with a custom subdomain with address like as contact.domainname.com or something else but i was surprised to see that some people didn’t know you could set up a custom sub domain name on your Blogger account, which is totally free. You don’t have to be stuck with a “myblog.blogspot.com” website address, so for those of you that don’t know how to set this up, I am going to show you how to setup custom sub domain in blogger using step by step guide.

Must Read...

1. MBG Contact Us Blogger Template for Subdomain Users.

2. How To Setup "top level domain" (www.domain.com) in Blogger?

I realize that this looks daunting, but I promise it really isn’t, and once you set it up you won’t need to worry about it anymore. Having your own custom sub domain name is one of the main things I always recommend a blogger do for various reasons, which are mentioned below.


  1. It looks much more professional and shows that you take your blog seriously.
  2. It’s easier for others to remember.
  3. You own it which means you can move it anywhere with you. If you decide to move off of Blogger or decide that maybe one day you’d like to change your brand/blog to something a little different, you can do that easily.

Remember:

Before you do this, you will need to register a domain name. You can use any registrar you like, but I prefer GoDaddy and in this example I am going to show you how to do this using GoDaddy.com. For custom domains from other sites, the steps are almost same, so don't vanish.

Okay, now that you’ve got your domain registered, it’s time to put it to use. I’ve outlined this the best I can so follow along with me…

Setting Up Blogger Custom SubDomain

Step 1. Login to your Blogger account at www.blogger.com.

Step 2. Click on your blog and then go to "Settings", choose "Basic".



blogger custom domain full set up guide


Step 3. Under "Publishing" section, click "+ Setup a 3rd party URL for your blog".

Step 4. Under "Third-party domain settings" next to "http://" type your domain that you just purchased and make sure that you don't forget to add the subdomain like as "contact" prefix to the domain name.

blogger subdomain setting



Step 5. Click "View settings instructions" to get the blogger's official instructions. On the Blogger instruction page, choose the "On a subdomain (foo.example.com)" option.

How To, Setup Custom Subdomain in Blogger
 

Step 6. Go back to your Blogger Settings and press Save. It won't get saved and an error will appear saying 'We have not been able to verify your authority to this domain. Error 32.'


Setup Blogger Subdomain, Custom Subdomain Setting


Note : If you have already setup custom "top level domain" (www.domain.com) on blogger then you will not face this error so don't worry skip Step 8. and read step 9.
 
Step 8. Under the error, you will see two fields "Name, Label or Host Field" and "Destination, target, or Points To" field. Copy data of both rows from these fields.

Step 9. Now log in to your GoDaddy.com account and click on "My account" on the upper right corner > select "Manage my Domains".



godaddy manage domains setup custom domain

Step 10. Here you should see your purchased domain name > just click on your domain name.



godaddy domains and setting up custom domain in blogger

Step 11. Click on the "DNS Zone File" tab next to Settings and choose "Use Classic DNS Manager".



use classic dns manager

Step 12. Next, click the "Edit" button to edit your DNS Zone File. 



blogger custom domain DNS management

Step 13. Under the "CNAME (Alias)" menu, click "Quick Add" button at the bottom of the screen (see image 1 in the below screnshoot).

Step 14. In the Edit box that now appeared, enter your subdomain which you want to use just like as "contact" in the first box and "@" in the second.

Quick Add Setting, Blogger Custom Sub Domain

Note: If you already using top level domain on blogger then you have to enter only "Contact" in first box and in second fill "@" Under the "CNAME (Alias)" menu.


Step 15. Click "Quick Add" again and enter details from second row of the data we saved in step 8.

Step 16. Under the "A (Host)" menu, again choose Quick Add (see the below image).

Note : If you have already setup custom "top level domain" (www.domain.com) on blogger then you will not face this error so don't worry skip Step 17 and step 18.




Step 17. Host will be @ and the "Points to" value should be the one provided by Google IPs, saved in step 6 above. These are the Google IPs that you should get:

216.239.32.21

216.239.34.21

216.239.36.21

216.239.38.21
Step 18. Add all 4 of them one by one and delete old host as you won't need it anymore. 



setting up custom domain in blogger

Step 19. At the top of the page, click on the "Save Zone File" button to save your setings.

Step 20. Now go back to Blogger and try to save settings again. The registration process takes 24-48 hours, so don't worry if you get an error again. Come again later to Blogger after 24-48 hours, repeat step 2 to 4, press Save and the error should be gone.

Step 21. After your URL starts working, click on the "Edit" link next to domain name on setting page.

Step 22. Keep uncheck the "Redirect... to..." checkbox if you are using top level domain like as www.yourdomain.com andif you are not using top level domain then check it.


Custom Subdomain, Redirect Setting



Step 23. And that's it. Enjoy your new URL!


Conclusion:

So above guide is about How To Setup Custom SubDomain in Blogger and we hope this was easy, right? Only a handful of steps and we have successfully completed our mission of adding our custom sub domain in our blogger account. In case you haven't yet, stay patient wait for 2 days and try again. Or repeat steps 1-22, and make sure you don't miss any. Otherwise your new URL is ready and all set to roam around the wonderful world of web.
Read More

Thursday, March 24, 2016

// // 3 comments

MBG Contact US Blogger Template For SubDomain Users

In previous post we have shared a pro looking contact us form, which we can use on any static page on blogger but when we thought about a blogger template which we can use on our sub domain like contact.yourdomain.com then there is nothing on web for blogger users. We have searched many pages on google for finding contact us blogger template but cant find anything related to this topic. So today we are here with a big solution for all of you, also this is a big solution for us. We are launching our first Blogger template which is for those users who want to use sub domain.



Every other blogger has his/her own choices and many did not like it to appear into sidebar, footer as a gadget or into a static page but they wanted it to install into a new blogger blog by using custom sub domain.


Must Read...


Actually, Blogger users were gifted back in 2013 when official Blogger Contact form widget was introduced along with other awesome features in blogger dashboard. By this way we got a huge pain relief from using other third party contact form widgets.

Have some questions related to contact form?

Frequently Asked Question For Blogger Contact Form


Q.1 Why Should I add a Contact Form?

Adding a contact form will make it easy for your readers to contact you. They don’t have to take the pain of noting down your email address, opening up an email application like Gmail/Hotmail, composing and sending it across to you. Instead they can just come over to your blog, fill in the necessary information in the contact form and just press send. That makes it so easy for them. It’s also useful to the blog administrators as they don’t have to expose their email address on your blog.

Q.2 Is there any positive or negative impacts on SEO  by using Contact Form

This is more of a personal choice. Another thing to note is that, the regular sidebar contact form doesn’t currently support mobile templates. So if you want the contact form to be supported on mobile templates as well, then it might be a better option to move the blogger contact form to a separate page.

Q.3 Why should I use Contact Form as A Blogger Template on Sub Domain?

Yes, this is a good question. Generally newbies are using Contact form on Sidebar, footer or on a static page but using contact form on a sub domain attract your readers because it looks professional. Many Pro Blog like MBT, BG are using sub domain for contact form.

Q.4 Where will the contact form messages be delivered to? 

It will be sent out to the email addresses of all blog administrators.

Q.5 Is the Contact form Safe from SPAM?

Mostly yes. Blogger has taken enough care to prevent automated comment spam. Buy you can never prevent human spammers!

Before downloading this template see live demo of this blogger template. Now, If you are interested into using this template on your blogger blog then download this template from below Download button.


DEMO


DOWNLOAD


Customization:

Go To Blogger >> Upload this Template and after that Edit HTML
  • First, You have to change Main Menu Links which you want to use. Search for 

<div class='nav-menu'>
  •  Now change all links which is near to Back to Top button. For doing this change search for
 <div id='backtotop'>
  •  Add Some Gadgets on Footer Bar by going to Layout section.
Note : After Uploading Blogger Template, You must have to change Blogger Mobile Template Setting to - No, Show desktop template on Mobile Devices. See below Screenshot.


Conclusion:

So above is all about our newly launched MBG Contact Us Blogger Template, which is totally free. You don't have need to spent a single coin for this template. Share your thoughts below by using comment box. Hope you all were like it. Don't forget to share it on Blogging communities on and on Social Sites. Have you any question? Ask Me Via Contact Us Form.
Thank You!
Read More

Tuesday, March 8, 2016

// // Leave a Comment

5 Best & Popular Posts Till 29 Feb 2016

Sorry guys these days i am too busy in my exams so i've not some fresh material for your blog but today we are going to Our 5 Best and Popular Posts Till 29 Feb 2015 for Blogger Blogs. These Posts are most seen in few last months.

Blogger Guides, Best Articles 2015-1016

So as i have mentioned above in this post i am going to Giving you a quick look of the best and most  viewed posts till 29 Feb 2016 which had been posted or published on My Blogger Guides and When I think of the most helpful posts and most viewed posts that we have published so far in 2015 and till 29 Feb 2016, I get to know that I am thinking helpful posts of "all time" because My Blogger Guides was started or was created and being modified and controlled and have its existence on Blogspot since 2015.

Here, I am going to list 5 best and most popular posts of My Blogger Guides that you can browse to learn some more! Let's move on our besties >>

No.1 5 Ways To Customize Blogger's New Featured Post Widget!

Actually Blogger team have made another wonderful widget which they call "Featured Post" widget but don't you think that blogger team should make it stylish? They have used CSS at only one place, e.g., on the image. To make its widget 100% (fit to the container). So in this situation what you can do or what you want. Are you want to using it. We are not. Because it has not stylished and a successful blogger always want to show pro looking widgets on their blog. So we have created 5 skins for this blogger official widget. Read and use it by clicking on below link.
Click To Read...


No.2 Add Stylish Contact Form To Separate Page On Blogger.

Blogger Platform Published Contact Form for their users in 2013 and many skilled blogger who has good knowledge of CSS and HTML programming gave it a new stylish look and offered their readers and other blogger users. So just like others we have designed a pro looking Contact form for Blogger users. You can use it on Separate page of blogger. Read and use it by clicking on below link.

Click To Read...

No.3 3 Types of Christmas Snow Falling Effect Widget for Blogger.

In this article i have shared 3 types of Snow Falling Effect With Bells widget. You can use to super charge your blog over the Christmas. With just a small piece of code you have Snow Flakes gently falling down your blog. Adding Snow Falling Effect With Bells is very simple and I’m sure it won’t disrupt the readers. You can use it anytime when you want to use but according to me you should use it on December month. If you want to use then Click on below link and read guide.

Click To Read...

No.4 Social Sharing Widget with Counter for Blogger.

In this article we have shared a social sharing widget which have auto counter. We all know that social sharing widget is a must have widget on our blog. As a blogger, webmaster, SEO enthusiast or ethical social network lover, we cannot forget or neglect social media. Social media play a role, sometimes as a traffic provider and other times as a factor to change the search engine rank position. Any website or blog even authority blogs like Mashable and Techcrunch can not increase the online presence without using social media properly. So if you want to use Social sharing widget on your blogger blog then read complete guide by clicking on below link.

Click To Read...

No.5 How To Host Self CSS and JavaScript (.Js) Files Using Google Drive.

Nowadays Hosting your file online isn't much perfect by Free Online Hosting Sites. They usually ask for Signup and after hosting your file , they delete it after some days. Thus if you are a Blogger / Web Designer or Custom Designer then you must upload your .js [Java] files to run them on your sites or blogs or for your templates. Professional Web Designers always upload their files on such web services There are many sites which provide Free Java File Hosting but their services are a bit tough or risky. So In this article i have shared a trick by using which you can upload your files and use it totally free of cost. If you want to learn this trick then read complete article by clicking on below link.

Click To Read...

Conclusion:

So above in this article i have shared our 5 best articles with all of you. Hope you like and enjoy this article. We will share more articles but you have to wait because my exams are coming very soon. so I'm busy in preparation for my exams. Thank you guys.

Read More
Next Page Home