Senin, 29 September 2014

Tips To Attract More Visitors To Your Blog

Tips to attract more visitors to your blog and become a successful blogger

Blogging has become a competition now a days, every blogger wants to be no.1 and for that some are doing seo in there blog, some are adding gadgets, some are adding demanding content to their blogs, some are advertising their blogs and websites and doing much more to be popular. But the successful one is that who works smarter not harder. Actually we really don't know what impress the visitors some of the visitors are attracted by responsive design, some are attracted by gadgets and so on.
Continue reading »

How To Create Fade Out Effect In Blogger Images

How to create fade out effect in images in blogger

I have shared many tricks about blogging, today I am back with a new trick. In this post you will learn how to create fade out effect in post images in blogger. This effect can be easily created by css. Css can create many effects such as images zoom in or zoom out on hover, images black out on hover etc but a very common effect in css is fade out effect which shows image by fading it on mouse hover.
Continue reading »

Minggu, 28 September 2014

How To Enable Search Description In Every Post For Seo

How to enable search description in every post for seo

If you have read my post in which I have shared seo tips then you must have read one point that is having a brief description of each post you write. It is helpful in seo because when you write a post and also write its description then when it is shared on social networks e.g Facebook it will show your written description and search engines can use this description and show your blog/site in search results.
Continue reading »

Sabtu, 27 September 2014

How To Add Logo To Your Blogger Blog


In blogger there is no option to add a logo directly in a blog, but many bloggers add logo to their blogs and those who are beginners to blogging get confused about it. Everybody know that logo can be added to blog only by navigating to layout but it isn't so easy as you can find only favicon in your blog's layout. Because adding logo option is hidden inside Header. The reason for adding a logo to your blog is it makes your blog look decent other than this its trademark for your content.
Continue reading »

Jumat, 26 September 2014

How To Set Up An Rss Feed For Your Blogger Blog

How to set up an Rss feed for your blog with Feedburner

You may have noticed that in almost every blog you are asked to subscribe to blog, it means subscription to Rss feed of a blog. Rss feed is a very useful thing, it lets you to send your new post details to your subscribers. It makes it easy to inform your blog subscribers to get updates because if you send each post details to your subscribers then it needs very hard work and requires alot of time. You can create an Rss feed at feedburner. You can also find a related post to Rss feed in which I have shared how can you add feedburnur gadget to your blog to let users to subscribe to your blog here. Feedburner is made by Google, it works automatically.
Continue reading »

How I Make $1727 From Blogspot

How I Make $1727 From Blogger / Blogspot


At first I'm making blog in blogger / blogspot just for fun. My income was from another work. Then suddenly I'm cut / deleted from that work. I don't have income at all.

So I start focus developing my lyrics blog. I post everyday like crazy for that lyrics blog. Sometimes I post in my SEO blog 3 times in 1 month, but not every month. Because I thought the competition in SEO is harder. Blogspot can't beat website. So I focus in lyrics blog. Then the traffic to lyrics blog increase. I start using ads network to monetize my blog. Not many ads network accept blogspot. My traffic peak at January 2013 when Girls Generation released I Got A Boy album. But at the end of January, Google image change layout, so my traffic for February 2013 was drop. It takes many months to make traffic from Google search the same as Google image. Then at 3rd quarter 2013 the traffic start to hit the wall.

So actually it's impossible to get $1727 in 1 month from my lyrics blog. But it comes from my SEO blog that I don't care about (12 posts in 8 months). In fact I don't place ads at all in that blog. So where it come from? In May 2013 I made post about adsense alternatives. I put referral link in that post, and many people join. And then in December 2013 I got this:
referral
referral
Register to this ads network:
Adversal: https://www.adversal.com/publisher/rindex?t=0&c=a1ff59c9fcd256be3695bb06465e1011
Thanks for reading.

Kamis, 25 September 2014

How To Set Custom Robots Header Tags In Blogger

How to set custom robots header tags for better seo in blogger

You may have noticed that I have created many posts about seo(search engine optimization) this is because seo one the most important thing for a blogger. As a blogger or webmaster you sholud know the importance of seo too. Previously I have created a post about setting up custom robot text in which I told that robots text is like a pass for Google and other search engines robots or crawlers which inform robots about which pages of your blog are allowed for them to crawl and which are not, you can see more details about robot text here.
Continue reading »

Rabu, 24 September 2014

How To Customize Read More Link In Blogger

How to customize Read more link in blogger

Bloggers read more link in the homepage which lets users to read full post makes your blog look ugly therefore it needs to be customized to make it look beautiful. If you want your blog to be more attractive, beautiful and cool you must customize it. You may have noticed that in many blogs read more or continue reading option is either a button or an image and it is floating on right side of the post and in simple template or any other template designed by blogger there is only a link which looks rubbish.

Continue reading »

Senin, 22 September 2014

How To Optimize Post Titles For Seo In Blogger

How to optimize post titles for seo in blogger

Now a days bloggers are in a competition with each other for traffic, but only few are able to get alot of traffic. Previously I've shared a post( How to increase your blog traffic / seo tips 100% working) in which I shared many tips for seo(search engine optimization), today I am back with a new seo trick which makes your blog post titles fully optimized for seo and helps you to increase your blog traffic.
Continue reading »

Sabtu, 20 September 2014

How To Add E-mail Subscription Gadget in blogger

How to add E-mail subscription gadget in blogger and below every post

Like other websites blogger also lets its users to send their promotion links to there subscribers by E-mail. To send E-mail updates to your subscribers you need to setup an Rss feed at Feed burner. This is a service provided by Google which automatically send your post links to your subscribe when you publish it. So first go to feed burner and set up an Rss feed for your blog.
Continue reading »

Jumat, 19 September 2014

How To Add Authors To Your Blog By E-mail

101Helper tutorials for bloggers 2014


If you are searching for how to add authors to your blog then you are at right place. A blog with multi-authors grows faster as there are many authors working on the same blog and this blog have a rich content too because a blog which has more authors generates more posts as compared to a blog which has only one author, many bloggers add a gadget to their blogs to get more people to write for them(Join this site gadget), but it only works with those who have more subscribers and readers.
Continue reading »

Rabu, 17 September 2014

How To Add Stylish Back To Top Button In Blogger


101Helper blogger gadgets


Forget old way of pressing scroll button or using mouse well to scroll to top now its time to add a back to top button to your blog which let your visitors to scroll to top by just one click.
Continue reading »

Selasa, 16 September 2014

How To Create Or Delete Pages And Design Tabs In Blog

101Helper tutorials for beginners to blogging

How to create and delete pages in blog? you are at right place. As a beginner its very difficult to create pages in blog and represent them in different styles. Most of bloggers understands that categories are pages but its wrong, categories and pages are different. Category means group of posts.
Continue reading »

Senin, 15 September 2014

How To Add Scrolling Text And Images In Blogger

101Helper blogging tricks

You might have seen flowing text in some websites such ad on news website there are headlines flowing from right to left or may be you have used a recent post widget in which text are bind with links of latest posts and when the flowing text in hovered by mouse it stops and let visitors to reach latest posts.
Continue reading »

Minggu, 14 September 2014

How To Add Music Player Gadget In Blogger

101Helper gadgets for blogger



Previously I shared a gadget which represents welcome message on your blog to welcome visitors, in this post 101Helper brought a new gadget for those who love music and want to add a music player to their blog. This gadget lets you to share as many songs as you want( upload unlimited songs) and let your visitors to enjoy songs while surfing your blog. This gadget is made by podsnack.
Continue reading »

Sabtu, 13 September 2014

How To Apply Round Corners Effect To Images In Blogger

101Helper blogging tricks

In previous post I told about how can you make your blog post images to auto zoom on mouse hover, this post is for those who are interested in making there post images round cornered. If we make each image of our blog round cornered then it is very difficult and it will take a long time to make all images round cornered, so I found a solution for this problem now you don't need to add code to each image simply add a css code to your blog and all images will be round cornered.
Continue reading »

How To Disable Right/Left Click In Blogger

101Helper blogging tricks how to disable right/ left click in blog

You might have seen that in some sites right and left clicks are disabled. They are disabled in order to prevent content stealing. When content is copied from your site or blog then with the results of your site the duplicate content also appears which decreases your site value and search engines don't index your site in that way as they indexed before the content is copied.

Continue reading »

Jumat, 12 September 2014

How To Add An Animated Welcome Message In Blogger

101Helper gadgets for blogger


If you wish to welcome every visitor to your blog then this is perfect widget for you. This widget conveys your message to every visitor, it is animated and it flows your message from left to right. You can customize the color of your message also.
Continue reading »

Kamis, 11 September 2014

How To Create Auto Zooming Effect In Blogger Images

101Helper blogger tricks

Many bloggers wish to have a responsive blog to attract users and for that purpose they search for different responsive template such as a template having responsive social sharing buttons, popular post widget, images zooming effect etc. But I prefer simple template so why don't they make simple template attractive and responsive, So I brought a css(cascading style sheet) effect which makes blog post images to auto zoom on mouse hover. You have to add a small piece of code to make your blog post images zoom automatically on mouse hover.
Continue reading »

How To Add Or Remove Gadgets In Blogger

101Helper tutorials for beginners to blogging

Adding a gadget?

As a new blogger adding a gadget to blogger is difficult. But after reading this post you will learn that its very easy to add a gadget to your blog, you can add many gadgets provided by blogger such as 1+ button, popular post widget, followers, widget, contact widget, blog states widget etc except these widgets you can also custom widgets to your blog but  for this purpose you need a javascript or html code of that widget.
Continue reading »

Rabu, 10 September 2014

Related Post Widget With Thumbnails For Blogger

101Helper related post widget for blogger

Related post widget is one of the most useful widget. It shows similar posts at the bottom of every post. It is so popular now adays that not only bloggers but webmasters are also using it. It works automatically and doesn't need  to update after publishing new posts.
Continue reading »

Selasa, 09 September 2014

How To Customize Template In Blogger

101Helper tutorials for beginners to blogging

Blogger provides many features among which template customization is very useful. It lets you to customize everything in your blog such as changing colors, customizing images, links, adding css codes etc. You can make your blog look beautiful by using these customization tools.
Continue reading »

Senin, 08 September 2014

How To Backup Blogger Blog

101Helper tutorials for beginners to blogging


Whats is backup?

Backup means to restore all the settings to the previous settings.  Backup helps you to restore all the settings of your blog to previous settings and also restore all your blog posts and pages along with comments. It also restore all the gadgets and widgets which you add to your blog.

Continue reading »

Minggu, 07 September 2014

Where To Find Free Blogger Backgrounds and Textures

Blogger is a fantastic tool for amateur and professional writers that have a passion for publishing online content. Unlike WordPress or hosting companies that require you to design your site before ever getting started, Blogger is a ready to go service right out of the box that will allow you to start writing for yourself or others on day one. The effort required to sign up for an account is minimal, and you can really get as creative as you want, whenever you want.

Even if you aren't familiar with web development or design, that's okay. Blogger is a place for everyone. Thanks to the overwhelming support of the Blogger and creative communities, there are plenty of free to use resources out there to make your site look great and keep you focused on what you love best. Here are some of the top sites for acquiring blogger backgrounds that won't cost you a dime and will look incredible.

http://hotbliggityblog.com/

Shabby Blogs

Shabby blogs offers some unique texture and graphic rendered Blogger backgrounds to choose from. All of the designs that they have are created to be standard width so you don't get a lot of flexibility to choose from; however, there are guides out there that can teach you how to extend the sidebars, header, and footer of your screen if you find one you love and this is something important to you. In addition to offering Blogger backgrounds Shabby blogs also has a section for cute little buttons that you can add to your site to give it an extra special touch.

http://www.shabbyblogs.com/backgrounds.htmlhttp://www.shabbyblogs.com/backgrounds.htmlhttp://www.shabbyblogs.com/backgrounds.htmlhttp://www.shabbyblogs.com/backgrounds.html

Hot Bliggity Blog

Aside from having one of the coolest and creative names to say out loud, Hot Bliggity Blog has a wide selection of patterned-based blogs for your site. You can choose between different color schemes, and they also offer three different sizes to pick from, standard, widened, and full width. Best of all, they are really easy to install. All you have to do is click on the install link underneath the image. From there it will copy the code for you into your clipboard and give you instructions on where to paste it.

http://hotbliggityblog.com/http://hotbliggityblog.com/http://hotbliggityblog.com/

Dotty Dot Dot

Dotty Dot is the place to go if you like geometric type backgrounds that are heavy on squares, plaid, circles, and of course dots. The website is a little bit hard to navigate, but they have a sidebar with a bunch of tags to help you sort through all the available templates and find something you like. Just about every color you can imagine is available if you plan on matching your Blogger backgrounds to your favorite color or font style. The widths of the most of the templates vary so some have heavy padded sidebars, whereas some are very skinny.

http://dottydotdotdesign1.blogspot.com/http://dottydotdotdesign1.blogspot.com/http://dottydotdotdesign1.blogspot.com/http://dottydotdotdesign1.blogspot.com/

LeeLou Blogs

Lee Lou Blogs offers Blogger backgrounds that look a lot like you would find in a scrapbook with a heavy dependency on small pictures and vector graphics. These free templates would go great with any home improvement blog or DIY arts and crafts writer. Most of the free backgrounds are standard size with the high padded sides, but like anything you can get access to more templates if you want to take advantage of any of his premium designs.

http://leelou-blogs.com/

CgTextures

If you just want something basic real basic that won't distract customers from your content, you can head over to CgTextures. Their site is full of photos and textures that could be added as a background image with a reduced transparency. The blog would still look great and you wouldn't have to worry as much about trying to match your font style and color so that it fits in with the background. Instead you can draw more focus on what's important and less on the site's bells and whistles.

http://www.cgtextures.com/

Every Stock Photo

Bloggers that want less of an 'artsy' look to their site and instead more of a serious appeal can get a picture from Every Stock Photo to use as the background image. You can also benefit by using some of the pictures offered through this site within your blog posts so that you aren't stuck buying things from premium image providers. There search bar and navigation panel makes it easy to find exactly what you are looking for to see a unique feel to every page.

http://everystockphoto.com/

Shizoo-Design

Shizoo-Design is a German based design firm with about 554 different patterns to choose from. You can find everything from conservative shapes to abstract rainbows and splashes of color. All of the textures are provided in a range of size, anywhere from 1000x700 pixels to 1300x600 pixels so that they will comfortably fit your entire site's background and work with most browsers and computer screen sizes. Brushes and custom icons are also available from the site, free of charge.

http://www.shizoo-design.de/textures.php

Patterns of Change

Patterns of Changes offers Blogger backgrounds that are cartoon oriented and that can best be tiled across the screen. The site is perhaps one of the easiest to use compared to all the others on the screen, providing a simple navigation bar where you can choose what color you'd like the pattern to be. When you select one of the colors provided, it will come up with a bunch of different patterns usually associated with that color. For instance, when the color brown is selected, one of the choices ia brown cake. Blogger backgrounds for this site might not be the best choice for business professionals, but they certainly are fun.

http://www.lizaphoenix.com/tiles/

How to Add a Background Image using the Blogger Template Designer

If you have a background image that you want to upload, then follow these steps:

1. Log into your Blogger account and go to Template, press the Customize button on the right side. Once the Blogger template designer has opened, you'll see the Background option on the left - click on it:

change blogger background

2. Now click on the box below the Background image title and it will open a window from where we can select a default background image. On the upper left side of this window, click Upload Image and select the image you would like to use from a location on your computer.

upload background image

Note that you should use a JPG, GIF, or PNG image that is no more than 300k in size. If your image is too large, then you can use the Kraken.io image optimizer to make the file smaller.

3. After you've uploaded your image, click 'Done' and you'll be taken back to the background menu. Here you will see additional options like: Alignment, Tile and Scroll with page:

  • Alignment: change the position of the background image to start either horizontal (left, center, right) or vertical (top and bottom);
  • Tile (Repeat): if you want a small background image to fill the page, choose to repeat (tile) horizontally and/or vertically; 
  • Scroll with page: the box is checked by default, this means that the background scroll along with the page contents. If you want the background picture to not move as the page is scrolled and stay exactly where it is, uncheck this box.

background image position

4. For a background image with plain color in the middle for content, you might want to remove the main and header background. Navigate to Advanced > Backgrounds and type the word transparent inside the Main Background and Header Background box:

change background color

5. If the background is smaller than the content area, we can fix this using CSS. Scroll down and click on the Add CSS option, then paste this CSS code inside the box:
body {
background-size: 200%;
}

.body-fauxcolumn-outer .cap-top {
background: none;
}
Note: to change the size of the background, modify the 200% value in red.

change background size

Once you're happy with the results, press the 'Apply to blog' button and enjoy the new background for your site.

How to Change Background in a Custom Blogger Template

Sometimes the above options might not appear in some custom Blogger templates if the body.background variable hasn't been defined. In this case, we will need to access the HTML of the template:

1. Go to Template, click the Edit HTML button and click anywhere inside the code area. Press the CTRL + F keys to open the Blogger search box:

blogger template html

2. Paste or type the following tag inside the search box and hit Enter to find it:
]]></b:skin>
3. Immediately before the ]]></b:skin> tag, paste one of the following code snippets:

For a large background image:
body {
background-image: url(IMAGE-URL.png) !important;
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
background-size: 100%;
}
Note: the no-repeat value prevents the image from repeating either vertically or horizontally. Use background-repeat: repeat-y if you'd like the image to repeat vertically, or background-repeat: repeat-x if you want it to repeat only horizontally. To increase the size of the background, change the 100% value.

adding background in blogger

If using a repeating pattern, add this CSS code instead:
body {
background-image: url(IMAGE-URL.png) !important;
background-repeat: repeat;
background-position: center top;
background-attachment: fixed;
}
4. Open a new tab and upload your background image to Blogger or an image hosting site, and copy the URL of your hosted image to your clipboard. If you don't know how to do it, please take a look at this tutorial.

After you copied it, replace the text highlighted in blue from above with your image url.

5. Finally, Preview the template to ensure that the background image appears as you want, and press the Save template button to save your changes. That's it!

Using the 8 sites listed above, you have a wide range to choose from when creating a site that really represents you. Given the right tools, designing you blog can be a fun hobby to enjoy that can spark your creativity and improve the quality of your writing. With such a large selection, the hardest part of setting up your new theme will be finding which one you like best.

Sabtu, 06 September 2014

How To Add an Instagram Widget in a Blogger Blog

If you're not familiar with Instagram, it's a photo-sharing network that can be downloaded to your smart phone as an application. Think of it as Facebook without the status updates. By developing a simple service that does one thing, and does it well, Instagram has become one of the most prominent photo sharing apps on the market.

The great thing about using Instagram is that it's not just for individuals. Businesses and non-profits alike can take advantage of this service to share their day and passions with their dedicated customers and fans. These fans number nearly 200 million active users a month, and approximately 7.3 million new daily posts. That's an astonishing number of potential new customers available for you to capture.

By adding Instagram on Blogger as a widget, you can unleash a new visual aspect of that site and allow visitors to go beyond just words on a page. With the convenience to carry the application around on your smartphone wherever you go, you can snap pictures, apply filters, and upload that content to your profile. From the profile, a widget specially designed for Instagram on Blogger would translate that data and display the image on your site. Even those visitors that aren't members of Instagram could benefit from such a service.

It doesn't matter what you are sharing. Whether you're the type of person that loves to share pictures of your dinner with the world, or business owner that loves showcasing their brand in everyday life, Instagram can work for you. Adding Instagram on Blogger as a widget also offers an incredibly accessible tool for stock photos to use in new posts.

This guide will explain how to add an Instagram widget to your site with step-by-step instructions. The design of your new Instagram widget is entirely customizable and will allow you to modify the background color, font, and how the widget is actually displayed on the site. When you're finished, you'll find that the Instagram widget will blend together effortlessly with your current theme and make your Blogger site truly stand out from the rest.
instagram widget in blogger

How to Add An Instagram Widget in Blogger

1. To get the Instagram widget, access the Intagme website here: http://www.intagme.com/

2. Type in your username > select Grid or Slideshow:

instagme username setting

3. Select the Thumbnail size of your images (100px is the default) and choose if you want a border around your Photos or not

instagram widget thumbnail

4. To change the Background Color, simply click on the empty box and pick your favorite color

instagram background color

5. If you want to show the Sharing buttons on your widget, select 'Yes', otherwise, click 'No'.

6. Once you're satisfied with the widget, press the "Get Code" button and copy your code.

instagram sharing buttons
7. Log into your Blogger account and select your blog > navigate to Layout and click on the "Add a Gadget" link on the right side:

adding instagram to blogger

8. In the pop-up window, scroll down and click on the "HTML/JavaScript" gadget:

add html javascript gadget

9. Paste the code that you got from the Instagme website into the content section and press the 'Save' button to save the widget.

instagram code to blogger

10. Click and drag your widget if you want to change its position and press the "Save Arrangement" button on the upper right side.

blogger save arrangement

And that's it! Now you have your very own Instagram widget on your Blogger blog to share new photos with visitors, and provide just a glimpse of your life when you're away from the computer. To change or add any of the photos that are displayed in the widget, you'll have to go directly through the app itself, or log on to your account via Instagram's website.

Once you're ready to show off your new work, let all your customers or fans know by posting a Facebook link to the site or a tweet about the changes and asking them to follow you. Just make sure that you've added a few photos before making the announcement, so that they have something to look at. After they access your widget, they can like your new photos and interact with you in entirely new ways.