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

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

Monday, February 1, 2016

// // Leave a Comment

Why Google Indexing Next/Prev in Post Titles of Blogger

If google is indexing Next & Previous with Your Blogger Post Article then today we are going to share a big solution with all of you. By using below technique we can say google to not index Next-Prev in Article Title. So before applying condition to blogger site we should understand something about it. We must have to understand why google is indexing it and what should we do next for not face this problem again. "We can also say it Google is Rewriting our articles in search result."

Next Previous, Indexing Google, Search Result

Today's tutorial will thus amend one such SEO mistakes made by developers of Blogger widgets and plugins. These errors could also be found in some Wordpress plugins and therefore the solution below can be applied across all CMS platforms.

Why We Face This Problem?

If Google is rewriting your titles in search results by adding "Next" , "Prev" or "Previous" text before your webpage titles then know that you have mistakenly added rel="Next" , rel="Prev" or rel="Previous" attributes to links in an un-paginated page on your blog or website. That's why google is showing Next and Previous just before of your article title in search results.

Can We add Next/Prev Link Elements in Blogger?

Yes, we can add next/prev link elements in blogger blog. rel="next" and rel="prev" are called HTML links elements that acts as a string hint for duplicate contents just like rel="canonical". They indicate the relationship between component URLS in a paginated series. To divide a large articles into small component pages, many CMS systems makes use of paginated content.


Paginated Content, Next Previous System


If you want more detail on paginated content then read this Google's official Post.

Since there is currently no support to create paginated pages within a post in blogger blogs so it really makes no sense to add these link elements in widgets such as to display Next and Previous topics or Numbered page navigation.
 

Why Google Indexed New Keywords in Post Title?

Google Indexing Errors, SEO Error


Since each paginated content is interlinked and each page tells to search robots which is the actual first page, Google is able to pickup the correct title of the first post and display it in their search results. But when you add Next/Prev link elements inside a blog post or webpage which has no component pages at all, then you are confusing the search robot as a result of which you see your page titles rewritten in SERPs as shown below:

Checking Your Blog Titles are Rewritten or Not?

To check if your blog titles are rewritten in Google search results, apply this simple query in Google search box.

Rewritten Articles, Google Search Result


site:yourblog.blogspot.com

or for custom domains do this


site: www.yourblog.com

Removing HTML Link Elements From Your Blogger Template

If your blog titles are actually rewritten, then follow these steps to fix your blog's SEO

1. Go to Blogger > Template > Backup your template

2. Click "Edit HTML"

3. Search for this code and delete them where ever you find them

rel="next" 
rel="previous"
rel="prev

Note that the above link elements could be located using single quotes or double quotes depending on your template's code. They could even be written in escaped characters as shown below:

rel=&quot;next&quot;
rel=&quot;previous&quot; 
rel=&quot;prev&quot;

Conclusion:

So just find any code that resembles the ones We shared above. Once done resubmit your sitemaps to Google and wait when google refresh its cache and display the neat and clean page titles for you. Do let me know if you needed any help and further clarification. You can also give your suggestion us on our tutorials and what we should do next in blogging. Now share it on Blogging communities. Thank you Buddies!
Read More
Next Page Home