Showing posts with label Blogging. Show all posts
Showing posts with label Blogging. Show all posts

Tuesday, 24 February 2015

How To Add Border Around Post Images On Blogger ?


Sometime you wish that there should be some style to your blog images like drop shadow or borders. In this simple tutorial i will teach you to add borders around your post images on blogger using few simple CSS Code. Lets do it!
Hot To Add Border Around Blog Images?
1. Go to Blogger > Template > Edit Html
2. Now search for ]]></b:skin>
3. Copy/Paste the following code just above ]]></b:skin>
/*--Mybloggersworld.com--*/
.post img
{
     border:1px solid #e3e3e3;
     border-radius:10px;
     padding: 10px;
}
4. Save the template and you are done.
5. Make following changes to change style, color or size of the border.
Increase 1px to increase the width of border
change solid to dotted or dashed to change style of border
Replace #e3e3e3 to change border color
Remove border-radius: 10px; to remove the radius around the corners

Tips For Boosting Up Your Blog's Subscriber Base

Many beginners tend to underestimate the importance of building a strong subscriber base for their blogs. A successful blog isn’t just well written and well-presented content, its maintaining a dedicated and passionate subscriber base who would read your content and spread it across their own networks. Engaged readers provide long term and reliable traffic to your blog.

While there is no denying that building a loyal subscriber base can be a tricky and long process, it can be done with dedication and hard work by the bloggers. So those who do work on it need to do it right to make sure their time is well utilized. Today we take a look at 5 Tips to boost up your blog's subscriber base.

1. Give your readers a reason to subscribe

If someone visits your blog and sees a “Subscribe” button there, he/she should know exactly what they will get from subscribing to your blog. For example, if your blog is about Internet Marketing, you should have a text that says “covers all inbound marketing, SEO marketing and email marketing”. Giving your readers an incentive to subscribe is a plus that will push them to subscribe to your site. Everybody likes free stuff, so will your readers. Offer them an exclusive ebook or something relevant on a certain topic that was not covered in your posts in return for subscribing to the blog.

2. Simpler is better

It’s a basic rule of web design that your website should lead the user to the desired action in less than three clicks. In this case, the subscription process can be made as simple as one-click. Soon enough you’ll figure out that there are many people out there who are unfamiliar with the concept of RSS Feeds. Try explaining to them how it works and how wonderful it is. Then, of course, there are readers who simply don’t prefer RSS. In that case provide them with an alternative, most commonly, an email subscription to your blog.

3. Produce Quality Content
While it may be obvious, but no matter how great your marketing and subscription strategies for your blogs are, your readers will never return to you if they are not satisfied with the content. Try to find peak traffic times for your blog and post on those times to touch the as many readers as possible. If posting on those times is a problem for you, schedule your posts to be published, schedule your posts to be published on the specified timings. Write frequently and write well. That is the key concept.

4. Leverage Social Proof

People tend to follow the masses, its human nature. That remains true in case of blogging. You can make use of this to make people subscribe to your blog. While this scheme may not work particularly well for a newer blog, it can work handsomely for a blog with a decent number of subscribers. Display the number of subscribers your blog has next to the subscribe button. Not only does this boost their confident in your blog, but also pushes them to subscribe to a blog that is followed and trusted by many.

5. Use All Available Resources

Use your existing blogs, website, social media profiles to convince audience to subscribe to the blog. If you already have a subscriber base elsewhere, you can easily convince them to subscribe to the blog since they already enjoy your content. They might even recommend your RSS feed to others. Add social media sharing buttons to the blog posts. If your readers enjoyed a post, they can share it with their Facebook/Twitter/LinkedIn networks and eventually some of them will end up subscribing to your blog. Let the readers do some work too.

Monday, 23 February 2015

Awesome Guest Author Info Widget For You Blog

Guest blogger plays important role on your blog when you don't have enough time. But no one serves you when they get nothing in return. Well you can reward your precious guest blogger by displaying their bio along with a link to their blog, website or any other social links like Google+, twitter etc. In this post i will share with you a widget which will allow you to display author bio below their post .

Editing Code For Guest Author Widget

1. Go to Blogger > Template > Edit Html
2. Now search for ]]></b:skin>
3. Copy/Paste following code just above ]]></b:skin>

/****MBW Guest Blogger Widget*****/
.mbw-author-box {
background: #f6e4db;
margin: 5px 0 20px 0;
padding: 12px;
border: 1px solid #e3e3e3;
border-radius:5px;
box-shadow:2px 2px 1px #e3e3e3;
overflow: hidden;
color: #3b3b3b;
font-size: 14px;
font-family: Arial, Tahoma, Verdana;
line-height: 1.6em;
}
/****www.myblogggersworld.com*****/
.mbw-author-box p {
margin: 0px;
padding: 0px;
}
.mbw-author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 5px;
border: 3px solid #e3e3e3;
}

4. Save the template.
5. The major part is done, now every time you publish a guest post just follow this simple steps given below to add guest author widget.

How To Add Guest Author Bio Inside Blog Post?
1. After writing your guest post go to html section of your blog post by clicking on HTML beside Compose as show in the image below.

2. Now paste the following code at the end of html code (Below the last html Tag in the HTML Section)

<div class="mbw-author-box">
<img alt="author-pic" height="85" src="IMG" width="85" /> <strong>About Guest Blogger</strong><br />Here Goes Details about your guest author</div>

Replace IMG with your guest author image url
Change Here Goes Details about your guest author to the details about your guest author.
If you have any query or have problem implementing this widget to your blog leave a comment below i will be happy to help you out.