Blogger Tricks & Tips

Top 5 Icon Fonts (via CDN) for websites

2017-05-14T18:58:00.000+05:30

On the web we will be seeing different kinds of icons on many websites but many think those icons were designed and kept as images but it is not true, those are just imported from different online libraries. You just need to add the particular class or custom tag provided by the icon pack to view those icons. Today I am going to provide the top 5 icon packs to use on the online. These packs can be used on blogger, wordpress, joomla or in your custom HTML pages.

Installation Process

Choose your icon pack provider
Download the pack or use the CDN link
If you are working in HTML paste the CDN HTML code inside the <head> tag.
Depending on the icon pack choose the desired icon and use the provided syntax to add the icon in your page.

1.Bootstrap Icons

CDN Link: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css

CDN HTML Code:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

Syntax:

<span class="glyphicon glyphicon-icon_name"></span>

<i class="glyphicon glyphicon-icon_name"></i>

All the icons and its names can be found here.
Check examples here.

Example:
See the Pen Bootstrap Icons Example by Harikesh (@harikesh409) on CodePen.

2. Font Awesome

CDN Link: https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css

CDN HTML Code:

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

Syntax:

<span class="fa fa-icon_name"></span>

<i class="fa fa-icon_name" aria-hidden="true"></i>

All the icons and its names can be found here.

Check examples here.

Example:

See the Pen Font Aweswome Icons Example by Harikesh (@harikesh409) on CodePen.

3. Foundation Icons

CDN Link: https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css

CDN HTML Code:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css" />

Syntax:

<span class="fi-icon_name"></span>

<i class="fi-icon_name"></i>

All the icons and its names can be found here.
Check examples here.

Example:

See the Pen Foundation Icons Example by Harikesh (@harikesh409) on CodePen.

4. Ionicons

CDN Link: http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css

CDN HTML Code:

<link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" />

Syntax:

<span class="icon ion-icon_name"></span>

<i class="icon ion-icon_name"></i>

All the icons and its names can be found here.

Example:

See the Pen Ion Icons Example by Harikesh (@harikesh409) on CodePen.

5.Themify

CDN Link: https://cdn.jsdelivr.net/themify-icons/0.1.2/css/themify-icons.css

CDN HTML Code:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/themify-icons/0.1.2/css/themify-icons.css" />

Syntax:

<span class="ti-icon_name"></span>

<i class="ti-icon_name"></i>

All the icons and its names can be found here.

Example:

See the Pen Themify Icons Example by Harikesh (@harikesh409) on CodePen.

How to Embed Social Media posts to your blog or website

2013-11-17T17:23:00.000+05:30

Social media sites offers various features including Embed feature for users to connect with peoples from across the World. With this feature users can add their social media posts including pictures, videos, hashtags and other content directly to their blog and website. Embed posts can be seen by anyone even if they not having such social media account.

How To Embed Tweets:

To embed your Twitter tweets to you blog please follow the below steps

Click on the down arrow button of a specific post, which you want to add to your blog post.

Then click Embed Tweet button in drop down menu

Next a pop-up window will open and show Embed code of the specific post
Just copy and paste the code in your your blog post.

How to Embed Facebook Posts:How to Embed Facebook Posts

To Embed Facebook post to your blog, first check the post should be shared public. You can know that by hovering your mouse cursor over the audience selector (you'll see a globe icon).
Then click the Menu icon in the top right of the specific post and select Embed Post in drop down menu

Now the dialogue box shows the two lines of HTML code, just copy the code and paste it to your blog.

How to Embed Google+ Posts:

Sign in to your Google+ account
Click on the menu icon of the specific post which you want to embed
Then choose Embed post option in drop down menu
A dialog box displays with embed code that you can copy and paste into your site.

How to Embed Pinterest Posts:

Open Pinterest.com and sign in to your account
Click on a specific pin which you want to Embed, then click the Menu button in top of the pin
Then select Embed option

Then copy the embed code to your blog or website.

Are You Using Your Social Media?

2013-09-25T08:33:00.000+05:30

If you run a small business and you’re trying to use social media to promote yourself, remember that you have some remarkable advantages over larger businesses in this regard. Larger businesses have to navigate the tricky waters of coming up with posts that get people engaged and maintaining their brand image. For smaller businesses, the fact that you probably do business in a physical community and there is a face that people associate with your business can be real advantages. You just have to make sure you’re using it right.

Bad Stats

There were revealed some facts about social media that may apply to your business. For instance, a survey referenced in the article found that 58% of companies that were actively using Facebook didn’t feel like they were promoting it the way they should be. It is understood that most small businesses out there probably have a social media profile. Except for the time invested in making the profile, it is essentially free, at least from an upfront investment.

The same article, however, shows that 76% of small businesses surveyed about the matter found that they got positive results from using social media. A full 78% of the people who responded about their businesses said they got 25% to 100% of their customers via social media. That should reveal the power potential in this type of promotion, if you had any doubts.

How do you go about using it, however? Here are some creative ways that you can go about using social media to promote your business. Remember that they do require something of an investment, whether that is in terms of time or simply offering an incentive to customers who help you out.

Incentivize

There are various ways you can incentivize using social media. For example, if you happened to run a fitness center, you could offer a free beverage or some other incentive if people are willing to check in when they show up for a workout. This helps to get the word out about your facility, particularly to people who may be friends of some of your clients but who aren’t particularly interested in following your business. It gets your name out there and that’s important.

You can also offer an incentive for people to like your business. This is easy enough to do. If you have regular customers, clients or a membership driven business, ask them to like you on Facebook as a way of promoting the business. They are already your customers, so some sense of loyalty may apply here, particularly if you are a small business and the person they see behind the counter when they show up is the same person who owns the business.

Participate

If there are community events that you can sponsor or participate in, be sure to do so and publicize it on your social media profiles. You can do this without being overly opportunistic. For example, if you had employees participating in a charity run, it would be easy enough to put out a Twitter notice about it and actually promote the event rather than directly promoting your business. Remember that your business logo will appear on the tweet, so you get the promotion, anyway.

Make sure your domain is integrated with your social networking site.WordPress templates oftentimes have these types of features built right into them, so it’s usually just a matter of selecting a few check-boxes and settings and preferences. Once you have this done, you can further integrate your social media so that people who visit your webpage will see that they can learn more about your business on social media, where they may discover some very positive things.

About author

Anny Solway is a dedicated writer at ThemeFuse – a web studio that creates original WordPress themes, that can be used out of the box. She loves to share blogging and technology tips.

How to Add Wikipedia Search Box to Blogger

2013-05-16T16:04:00.000+05:30

Wikipedia Search Box for Blogger - Isn't it cool? In this article below, I have shared How to add Wikipedia Search Box to Blogger (BlogSpot) blog. Blogger has recently launched a new official widget to its Gadget Gallery as Wikipedia Search Box. Wikipedia Widget/Gadget allows you to insert a Wikipedia search box into your Blog. You can add this Wikipedia Search Box to your blog sidebar, header and Footer. So if you are looking for adding a Wikipedia search box to your blog, Here is a quick guide on how to add Wikipedia search to Blog.

No doubt, Wikipedia is the second top most popular search website in the world. And it is always a good idea to add best search engine box to Blog or website. Since if your are running an informative Blog, you must add Wikipedia search box to your blog. There are many benefit of adding Wikipedia Search to your blog. This Wikipedia Search box will help your blog reader to search Wikipedia articles without leaving your blog. And this is how you can stop your blog reader on your blog for some more time, that helps you to decrease your Blog Bonus rate too. Let’s start adding Wikipedia Search box to Blogger blog.

Wikipedia Search Box for Blogger

So if you are ready to add Wikipedia search to your Blog. Adding Wikipedia search box to your blog/website is so easy, you just need to add a new Gadget to your Blog in the form of Wikipedia. However follow the instructions given below for adding Wikipedia Search Box to Blogger.

Adding Wikipedia Search Box to Blogger

As you are a Blogger user for a long time, you probably would have know How to add widget to Blogger’s blog. But if you are new to Blogger, don’t worry it’s too easy to add new widget to Blogger.

Simply Go to Blogger>> Your Blog>> Layout>> Add Gadget>>More Gadgets.
A Pop-up box will open, Now find Wikipedia search widget.See the picture below for reference.

Now click on this widget and give a title (optional) and hit Save button.
Now drag this widget where you this widget to show i.e. Sidebar, Header and Footer.

Congratulations! You have successfully added Wikipedia Search box to your blog. Now check your blog, This Wikipedia Search box widget will looks like this.

Hope you like this tutorial to add Wikipedia Search to Blogger. What is your view about this new Wikipedia search box for blog. Share your view via comment box below.

4 Best Tools to Run Giveaways & Promotions on your Blog and Website

2013-05-13T20:50:00.000+05:30

Here I listed 4 best web apps to create entry form for giveaway and online promotions, it helps to increase your blog community and social media subscribers. With these app you can easily manage your giveaway and also you can select random winners.

1. Giveaway Tools

Giveways Tools is one of the best web application that allows users to create embeddable entry-form to run Giveaways and Promotions on your blog. You can create and stunning giveaways with following subscription features. It is featuring auto-verification through third-party APIs.

Features:

Blog Comments
Etsy - Favorite An Item
Etsy - Favorite A Seller
Facebook - Like A Page
FeedBurner - Email Subscription
Pinterest - Pin Something
Pinterest - Follow A Board
RSS Subscription
Twitter - Follow
Twitter - Tweet
Voting For Blog

2. Punch Tab

Punch Tab is an another best tool to run giveaways on your blog, websites and Facebook pages. With Punch Tab you can set 9 different ways to users for entering your giveaway.

Features:

Twitter - Follow
Twitter - Tweet
Facebook - Become fan
Facebook - like
Google+1
Blog Comment
Question
Visit
Download

3. Rafflecopter

Rafflecopter allows you to customize and embed an entry form on your site for promotions and giveaways. It automatically select random winners, and it allows to download all your subscription details as spreadsheet.

Features:

Build your email lists
Facebook Fan & Like
Twitter Follow & Tweet
Pinterest Follow & Pin
Facebook app to run giveaways on Facebook page
Instant Random Winners and more

4. Wildfire App

Wildfire one of the best web application to create giveaways and promotions. It is owned by Google and it is available only in premium version. It allows to Run any kind of promotion, contests, sweepstakes, coupons, giveaways, and others.

Features:

Real Time analytics
Fast and easy
Social media subscription option available for Facebook, Twitter, LinkedIn, Google+, Pinterest and YouTube.
It allows user to create Sweepstakes, Coupons, User-Generated Photo, Essay, Video Contests, Pick your Favorites, Quizzes and Trivia

How to add Save to Drive Button to Your Blogs

2013-05-12T13:15:00.000+05:30

Google launches new Save to Drive button that allows users to save web contents directly to Google Drive account with one click. If you are a blogger or web master? you can place the Save to Drive button into your site, that helps your site visitors to save your post image directly to their Drive account with one-click.

How to add Save To Drive Button

To add Save to Drive button on your website is easy. You simply have to include the script and HTML tag below

<script src="https://apis.google.com/js/plusone.js"></script>

<div class="g-savetodrive"

data-filename="My Statement.pdf"

data-sitename="My Company Name"

data-src="/path/to/myfile.pdf">

</div>

Demo

Click the Save button to save the above picture.

There is also the Save to Drive button’s JavaScript API, which allows programmatic and flexible control of the creation of Save to Drive buttons in your web pages

Google says "The Save to Drive button works in the context of the user’s browser. This allows your users to save files that could require some form of HTTP authorization – such as a session cookie – without any special customization from you. In most cases, the Save to Drive button should be simple to integrate, plug-and-play!"

5 Best Free Apps to Manage your Blogs with your Phone & Tablets

2013-05-07T20:59:00.001+05:30

1. Wordpress

It is official Wordpress app for users to manage their blogs with their smartphones and tablets. It is available for all major mobile platforms such iOS, Android and more.

Write, edit, publish your post
Check your blog stats
Moderate your comments
Post images and videos and more

Download Links
Android
iOS
BlackBerry
Windows Phone
Symbian

2. Blogger

Official Blogger app allows users to quickly and easily publish posts to your blog wherever you are. With this app you can compose and publish new post, Add labels and location and more. Available for both Android and iOS devices.

Compose a post that you can save to draft or immediately publish
View list of your saved and published posts
Switch account/blog if you have more than one
Embed an image from the gallery, or, by taking a picture directly from the app
Add labels to your posts
Add location information

Download Links
Android
iOS

3. Tumblr

Official Tumblr app for its users to manage blogs from anywhere and anytime with their smart devices. Tumblr app available for Android, iOS and Windows Phones.

Post anything, from anywhere.
Share photos, gifs, video, music, quotes, chats, links, and text. Find and follow the things you love, and get all your latest news from your dashboard.
Bonus: Add a 'create a post' widget to your home screen.
Advanced controls: Save drafts, queue posts, customize tweets, and more!
Messages: View and reply to messages.
Address book: Find people to follow from your address book.
Multiple blogs: Seamlessly manage all of your blogs.

Download Links

Android
iOS
Windows Phone

4. Weebly

Weebly is an one of the most popular blogging platforms and website builder. Currently more than 15 million sites created by Weebly users.

Start a new blog with our powerful drag & drop creator and modern themes
Create new blog posts while on the go
Easily add text, photos and videos to your blog posts
Apply custom filters that make your photos stand out
Instantly respond to blog comments & form entries
Share your posts to Facebook & Twitter with one click
Check your site stats from anywhere

Download Links

Android
iOS

5. LiveJournal

LiveJournal is a social network owned by SUP Media where Internet users can keep a blog, journal or diary and more. With is LiveJournal App you can read your friends page, manage your friends list, post entries to your journal and communities, upload photos, communicate with other LiveJournal users and more.

Read friendspage, users' and communities' journals
Read and write comments
Post entries to your journal and communities
Post photos
Create and post polls
Edit your last journal entry
Compose and edit drafts
Manage your app settings for mobile posting

Download Links
Android
iOS
Windows Phone
Symbian

Google Adsense introduced new ad unit 970 x 90 Super Leaderboard

2013-04-28T21:31:00.003+05:30

Google Adsense introduced new ad unit 970 x 90 also known as super leaderboard for every bloggers and webmasters to earn more. The new ad unit will fit your entire site width and now it shows text ads only even you have enabled rich media ads.

Google says:

970×90 ad units are a newly adopted IAB standard and are also known as ‘super leaderboards’. This larger ad size is another visually impactful placement for advertisers to promote their products and services even on wider screens.
Please note that since the 970×90 unit is new to our network, you’ll currently see mainly text ads appearing in this format. The new super leaderboard ad unit can show up to four text ads organized in a column layout but, as with other ad sizes, the number of text ads per unit may vary per impression. When enabling image and rich media ads for this unit, display ads in the size of a 728×90 unit will be displayed initially. Over time, we expect that the inventory of image and rich media ads for the 970×90 will grow and you’ll see more full-size display ads being served.

How to Add Adsense Super Leaderboard 970X90 Ads Unit to your website :

Just Login to your Google Adsense Account And create a My Ads tab .
Click “New Ads Unit” and then select the 970X90 ad size (Large Leaderboard).
Make sure to customize it according to your web design.
Means matching colors according to your content to get more clicks and revenue.

So now remember you still have that 3 ad unit per page limitation, so you would not be able to use this ad unit as a 4th one but you can replace an older ad unit with this new one. So just visit your AdSense account and under My Ads create a new 970 x 90 ad unit and copy the code to your website that it, hope you enjoy this new update from AdSense.

Google Adsense introduced Link Unit Ad Previews for Selected countries

2013-04-23T19:16:00.000+05:30

Google Adsense is a #1 way to earning decent money from online with your blog and website. The company now launched new update to link unit ads, when users click on a link unit ads the new page now opens with thumbnails of the advertisers landing page.

Kwanho Lee - Software Engineer of Google said "We ran extensive experiments on this change and found that users were more likely to click on the results with thumbnail images, leading to increased publisher revenue and more conversions for advertisers."

The new update available for all Adsense users excluding these countries such as Austria, Brazil, China, Germany, Indonesia, Mexico, Pakistan, Philippines, Poland, Saudi Arabia, Switzerland and Turkey. And also Link units ad previews not available for these site verticals.

This changes doesn't required any action from users it will be automatically updated to your site link units.

How to Install Google+ Comments to Your WordPress Blogs

2013-04-22T16:03:00.001+05:30

Everyone knows that Blogger has released Google+ comments option to there blogs. So, if you are using wordpress platform and not blogger dont worry. In this turtorial I will tell you how to add Google+ comments to wordpress .The new Google+ comments is something like Facebook comments. By using of this new Google+ comments on your blog, you can view your blog and Google+ comments, all in one place. Read below to install Google+ comments in WordPress.

Integrating Google+ Comments into WordPress

You can add Google+ comments to not only WordPress blog, but also to any website. Here is quick trick to install Google+ comments system on WordPress blogs.

In order to install Google+ comments on your wordpress blog manually, You need to add these codes to your theme’s comments.php.

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <div id="plusonecomments" style="width: 600px;height: 300px;"></div> <script type="text/javascript"> window.setTimeoutundefinedfunctionundefined) { var id = 'plusonecomments'; var divWidth = document.getElementByIdundefinedid).offsetWidth; var width = !!divWidth ? Math.minundefineddivWidth, 750) : 600; var url = "<?php the_permalinkundefined); ?>"; var moderationUrl = ""; var moderationMode = "FILTERED_POSTMOD"; gapi.comments.renderundefinedid, { 'href': url, 'first_party_property': 'BLOGGER', 'legacy_comment_moderation_url': moderationUrl, 'view_type': moderationMode, 'width': width }); }, 10); </script>

Copy the above code and paste into comments.php.
That’s it, You have installed Google+ comments in your WordPress blog.

Install Google+ Comments using WordPress Plugin

Plus One Comments is an only plugin that allows you to show Google+ comments on your WordPress blog. It just replaces the default commenting system to Google+ comments on your WordPress blogs. You just need to upload the plugin to your blog plugin folder and then activate it. Follow the link given below to download Google+ Comment Plugin for WordPress blogs.

Download Google+ Comment WordPress Plugin.
Once you have installed this Google+ Comments plugin, Your blog is now ready with Google+ commenting system.

Hope this article helped you to show Google+ comments on your WordPress blogs. What’s your view on using Google+ commenting system on blogs? Please feel free to share your view on Google+ comments for WordPress by the comment box below.

How to Add Google+ Comment box to your Blogger Blogs

2013-04-19T09:17:00.000+05:30

Google announced today that it brings Google+ comment box to Blogger blogs. Peoples who are using Google+ as their default instead of Blogger profile, they can add Google+ comments to their blogs. Google+ Comments look similar to traditional Blogger comments, but have some important differences. Check below to know important features of Google+ comments.

Features of Google+ Comments:

When leaving a comment on a blog, you have an option to whether share that comment to Google+ or not.
Google+ posts that link to blog posts will show up as a comment underneath those blog posts
If comment is shared on Google+, all replies to the comment on the Google+ stream will show up in blog as a comment replies and vice versa.
If a comment is not shared with the blog author, the blog author will not be able to see the comment in either location.
As the author of a post, you’ll receive Google+ notifications when readers comment on or share your blog post.
Google+ posts that link to blog posts will show up as a comment.
You can view your blog and Google+ comments, all in one place.
It will helps your readers to connect with their Google circles.

How to Add Google+ Comments:

Go to your Blogger dashboard
Click on the small arrow then select Google+ in drop down menu (remember you should use Google+ as your default profile instead of Blogger profile)

Tick mark on "Use Google+ Comments on this blog" check box

Incase Google+ comments are not working on your blog, don’t get terrified because you just need to tweak your template. Go to Blogger.com >> Template >> Edit HTML >> Format Template. Now within the template coding, search for <b:if cond='data:post.showThreadedComments'> and just below it paste the following coding. Once everything is done, save the template.

<div class='cmt_iframe_holder'
expr:data-href='data:post.canonicalUrl'
expr:data-viewtype='data:post.viewType'/>

Note: If you find "<b:if cond='data:post.showThreadedComments'>" code more than once ,you need to add the above code Before all those codes.!

That's all you have successfully enabled Google+comments to your blog, that allows you to use various features of Google+ comments.Share your experiences whether you liked the new comment box or not with me and others by commenting below.

Blogger template HTML editor has been updated

2013-04-10T08:40:00.001+05:30

Whether you’re a web developer who builds blog templates for a living, or a web-savvy blog owner who prefers to make changes to your template using HTML, CSS or JavaScript, you may be interested in some enhancements that blogger made to Blogger’s Template HTML Editor.

Your blog’s HTML template is the source code that controls the appearance of your blog. This template can be customized to appear however you’d like. The improved HTML template editor now supports line numbering, syntax highlighting, auto-indentation and code folding to make editing your template much easier.

Suppose we wanted to move the date of a blog post underneath the post title. To do this, follow these steps:

1.Click the “Template” tab on the Blogger dashboard, then the “Edit HTML” button, to see the new template HTML editor:

2.Locate the “Blog1” widget quickly using the new “Jump to widget” drop down:

3.This widget controls how your blog posts are displayed. The code inside the widget is folded by default. Clicking the new fold markers ‘►’ next to the line numbers expands the widget and reveals a set of “includable” tags:

4.Inside the “main” includable is the block of code that renders the post date:

5.Cut the post date code section and move it to where we want it, in this case, under the post title in the “post” includable:

6.To check our changes, click the new “Preview template” button to see the updates:

7.The post date is exactly where we want it, so tab back to “Edit template”, hit “Save template” and we’re done!

Finally, blogger has added a “Format template” button that automatically cleans up the indentation of

the template, and made it possible to search for text by pressing “Ctrl+F” once you’ve clicked into the

editor.

To find and replace text occurrences one by one, use “Ctrl+Shift+F” or to find and replace all

occurrences at once, use “Ctrl+Shift+R”

Google PageRank Update Schedule 2013

2013-04-07T17:29:00.001+05:30

The incoming links towards a website or blog determine its success in the SERPS and increases its trust in the eyes of Google. Each website is ranked on the basis of quality incoming links and this Rank is known as PageRank. This is a very old algorithm and I don't think I need to explain it as you all would be familiar with it. I guess you all know the benefits of a higher Google Page Rank in Promotion of any website.

This is the reason behind webmasters always keeping one eye on Google PageRank update. Google doesn't do it on regular basis. Neither there is a fixed time for this. There is no one who can tell exactly when next Google PageRank update will take place. Google keeps few things hidden and you never get the idea behind why Google does this

As per expected, on November 2012 Google PageRank update took place. Keeping this in mind that, PageRank updates took place on May 2012 then August 2012 and then November 2012 so I have came to the conclusion that Google is rolling out these updates. So now according to my calculation, I have developed a list for PageRank Update schedule for 2013.

Google PageRank update schedule for 2013,

First PR Update	January 31 - February 1st Week
Second PR Update	June 28 - July 1st Week
Third PR Update	September 28 - October 1st Week or Earlier
Fourth PR Update	December 15 - January 1st Week or Later

These are just roughly calculated by me. The PageRank Updates might take place between these dates or earlier or later. We can’t say anything right now because Google never does things on time!

Top 4 Facebook Smooth jQuery Static POP OUT likebox widget generator for blogger blog

2013-04-03T16:37:00.000+05:30

I had developed a Facebook Static popout jquery effect Like box generator for you.This Widget Generator let's you easily generaate your favorite Facebook style Widget and also easily add to your Blogger Blog.Use this Widget generator and Enjoy..!

Add jQuery plugin (if your blog have a jquery plugin ignore this step)

Go to Design->Edit HTML[Template->Edit HTML in new blogger interface]
Copy below code inside <head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>

Add the Widget To Your Blog

Go to Design-> Page Elements
Click add gadget and select HTML/javascript
Copy and paste the generated code inside it and save it.

Add Flash Twitter Follow Me Buttons to Blogger Blogs / Websites

2013-03-31T14:06:00.000+05:30

I have created a widget generator to install the widget to your blog so just follow the below steps to generator the code and add it to your blog.

How to install Flash Twitter Follow Me Buttons On Your Blog?

1. Choose Any Flash Follow Me Button As You Want

2. Replace harikesh409 With Your Twitter User Name

3. Customize Width And Height as You Need

4. Click on Generate Button and Finally Click on Add to Blogger Button to add this widget on your blog.

What To Do When You Are Bored With Blogging?

2013-03-30T12:57:00.001+05:30

Blogging isn’t that much easy as it appears. A blogger, one day or other, actually start getting bored from it usually when he gets nothing for his hard work and precious content. Usually people leave blogging because they think that it is actually boring. Frankly speaking, I too have experienced these things a lot in blogging! In this post, I would tell you some quick tips to make your self refresh from blogging stress and continue with your usual blogging task.

Why Do We Get Bored?

It’s a Job – Familiarity breeds contempt, or in our case, a lackluster form of writer’s block. Blogging is a job and like any job we’re prone to become disgusted, bored and jaded with it, no matter how excited we are about the subject matter.
It’s a Conversation with…Yourself – When you write about the same topic every day, not only will you run out of things to say, but you’ll stop wanting to say things. The more you talk about a certain topic, the less interesting it becomes to you.
It’s Repetitive – Because of SEO, best practices and other regulatory powers of the blogosphere and the internet, we’re usually limited to presenting that information in a handful of appropriate ways that don’t change much on a day to day basis. Maybe the next time Google rolls out a Panda or Penguin update we can arrange our bullet points differently, but I wouldn’t count on it.

Things To Do When You Are Bored From Blogging:

1: Listen Music

Music is the best way to ease yourself and reduce stress. Music has a magic that you get immediately refreshed from 2 or 3 songs. So, it is better to get a mic and attach it with your computer. Listen music as you blog but don’t listen when you are writing posts as it may disturb your thoughts.

2: Go Out And Have Fun

Basically, when you are fed up with blogging, you are fed up with your PC. So, go out of your house and take a round or two. Buy and eat something and freshen your mind and let new ideas come in your mind. This would really help you to get back to business.

3: Sleep

Sleeping is the best way to forget your tension and stress. Get a tight sleep of around 4-5 hours in day and then start your blogging again. I can bet that you would feel much much happy to blog after sleeping. This trick is really worth and I must say that you should also try this one.

4: Chatting

Get on to facebook and look for your friends or professionals and start chating! Chating might ease your stress and also help you to give new ideas for your posts on your site. Sometimes you can ask normal people what they want as a visitor. This is a good practice.

5: Dream

When you are bored, dream of your upcoming bright site future. Fans and fans everywhere and a billion visits a day. These good thoughts would fill you with enthusiasm and you would realize that you can do anything you want. This is called self-motivation.

6: Play Games

Download some cool games and install them. Just time pass by playing games on your PC, PSP, XBox, iPad, or any other tech stuff. I am sure games would open your mind and your stress would be reduced by 100%. This is also a good method to follow.

7: Watch Movies

Get to the cinema and watch some movies. This would help you to reduce your stress. This may also help you to get some new thoughts and cool ideas about your posts. Do tell us which movie you are going to watch or will watch!!

8: Learn

When you don’t want to blog, then you can learn! This is the best time to take online tutorials on sites like YouTube, W3Schools, etc. to learn stuff like javascript, HTML, CSS, and much more languages. This would help you in future a lot! Trust me!

9: Optimize SEO

If you are fed with blogging, then you can do some tasks for it too! You can optimize Off SEO for your site. This would help your blog to get good rankings even if you are not doing anything inside it! Off Page SEO includes commenting,
~~guest posting (fed up!!)~~, learning seo tricks, submitting sitemaps, etc.

10: View Similar Niche Sites

In the meantime, you can visit your neighboring sites and check whats hot there. This would also help you to find some new ideas for your website and would also help you to reduce your stress a lot!

So, what are you waiting for? Try the above tricks and tell us how does it feel after that. And don’t forget it to share with your friends. If you have some more, then feel free to submit them!

Enjoy!!

How to Change Default Anonymous Avatar in Blogger Comments

2013-03-24T19:43:00.000+05:30

In this simple tutorial, I will show you how to change or customize default avatar of anonymous commenters or Blogger users with no picture added on their profiles. After Blogger announced new feature of threaded comment, we can still customize it by adding a jQuery plugin to our template and replacing the default anonymous avatar.

Step 1.

Go to Dashboard - Template - click on the Edit HTML button and then Proceed

...then select Expand Widget Template (don't forget to make a backup)

Step 2. Find (CTRL + F) this code in your template:

</body>

Step 3. Add the following code just above it:

<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$("img[src='http://img1.blogblog.com/img/anon36.png']")
.attr('src', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjewz3gSQ4-kwac1gsnhZFk-NPt0mwzl6NnLky2mn-IQnGprYonuSbKUu3EXZEb6FcVKenMFkaGT1vfV7WCfmd5wMYkIXoI2cCGXYZp2qavJMs1kAN7E9DQUqCYTyr4Eh3ygm-sodhW-fU/s1600/default_avatar.gif')
.ssyby('blank')
</script>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$("img[src='http://img2.blogblog.com/img/b36-rounded.png']")
.attr('src', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE1EUA9h6PImFB9ptfZkJjqDc0xRDTci_2uK08h2uH1l7mDNwZexbG7DXNwiBcYXUDXC5MT17GqjJ8gHAPGmfCS3veFS3T7uw-YLY6VqqSZkA3EHSd45DAbJ7rgq_d4DTof1XuWL7213A/s1600/blogger-user.png')
.ssyby('blank')
</script>

Step 4. Save the Template

How to change avatar:

For Anonymous users: Replace the code in red with the url address of your image
For Blogger users: Replace the URL in blue with your own.

You can choose one from these below (copy the url address):

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjewz3gSQ4-kwac1gsnhZFk-NPt0mwzl6NnLky2mn-IQnGprYonuSbKUu3EXZEb6FcVKenMFkaGT1vfV7WCfmd5wMYkIXoI2cCGXYZp2qavJMs1kAN7E9DQUqCYTyr4Eh3ygm-sodhW-fU/s200/default_avatar.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW7BJ__Jn2sXMLvmRIXOaEtI9-2TMiRejjTFiAfQZmjBuhOsBHUQOQ3YmyeXfg6Of7pJdlpRjirqEbbHriqxDkmGpLKbGDyfgBPMxmLnJqYS64RgCj3N1DIjFIV0B_r4xhKqSdU0nd-88/s1600/facebook.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK9Fl9yjdPEQlxHs1xIgUgZ83c970y6hSAxPHIr8J02bXBx0TYCFZLf_mxbaypsHoKpMML5O_oM9bc9uheIrf82VAVKVHBwL-jCGC_cHnJ1Eiggcp0msMua6dMEQfltaf4biWiVxmG970/s1600/anonymous3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ1d-Bun1kvI0zEjo1ASnIeog5-vca4pFlIrEigr8YdZxkuBzfsdEUckqsstdRffrbW5_IBXbGTnrEczuq-SKrhyK0LfFCwD6p-6tFh-LQrRo_ZpZLqEMLg5ReyiOfDcTR8U7WIpuk7BO8/s1600/blogger-user.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisQDA_e2jkNX6e6JUmUK7OQVRmlsuyw6eui83_FrZATsTKn7Sw8K6dzz-jbB2zgwgI-vCViranEGDR3jCiddF64lQHt-uDBlUdYA3Lr9xmENx4v0OpTgSC__NUSLd8wWknUXc29Z8MOkpg/s1600/btrix1.png

http://www.voice-online.co.uk/sites/default/files/pictures/dummy_avatar.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYXONh-JnMrmmgFS5h8MkFcQ9O5yv9Rs02Ea4KSwzMiNwtPn-05D7z1bymu9fu0RvfH52nvO3hPOmRDQoCZiKw8ZihgbeySW1axrmnIFLs4xW-USSUM6K8v0jpprTq8NX3DyXfWDTlBlOG/s1600/utpak-avater.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBUV_We58YNhyODCrmpkhTgOdhp24IhgMKZagLjJ_YffUyQs5Wo2Wji0_66RwBKfnDBhP2-nQ__A7JsPiUba0WfXDog1QB7RfC8Shu41vXokDGFAsNxTPkNVKD_udjvIFRgHcFmfBHHYg/s1600/blogger2.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3RPfvvrVyPiSBABhn8otk-Uy6kDxUH-t08edmMO5mqBOrkKKTkyG8o5PQoxfGrDw4kRWExj35P3Szx9j8fD8LxXIyTiXU4AGu7DSTBXn7R-2BLbV_LR9zHirJXcICONlE1Met_0s4PPY/s1600/anon6.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQPdrz_IQGkG5zDD8PFFuvyFBj3tuFVKU_mSx_9jqgGc-NVMsHRlOydmjncK0aG8us3J_04x7S0i9FhopJsI-rEjQkuueM43R4znVEAgw_hhj29jFOg8t0MjhjAFWFLLDECvAYslBBMl4/s1600/anon7.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY1bgtM8GTwarFCqJRCbCJCS_y6eUdgVJYlFL3QnJbP4FHPhbP4eBmy2Wj-eokNx5DQg_7MBJShLldvKWiQDsJZMu3D8wkThZZ0mHyR1tOmvtf95dMbY7qF17vjb8Bx4hb2qq2nR1J45yI/s1600/btrix2.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRtOvBhwO-CiALaQmRoqEv9WnfyoT0j1-rTmpOSrIh664tVe-fs-O29HCN7pMWtng4jEHsrk71yM3DxuR9Xz6SkmokBGItCwZiUUW4UeP4OmIGbfB6tsXqePx8cs5MC6OdZSWtwMqDM0Gk/s1600/btrix3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfnwZ0O-XN1Lda-_M9OuAFny1WjvuF2mXZST7vW7NC56RSuEvuzVDGtF5rKbWMe3M3HW9dY8ZBH2iXKCFieV9UXUGMUApiJP80Nj2ADTYyFFqMx89uNEgOVM237vb7_WTsoR73XXfU_Rc/s1600/avatar.png

http://onenaijablog.com/wp-content/uploads/2013/02/blogger-avater.jpg?2e03a4

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij0KvonzsCxnY06gfF3ELzvt-5NmAEBa7MZ64XMGkoTMEzm-N5_-8yj4IvUXc9Sl8-gMPNzNKz_4sJwkxWNdo1XzoJCNAK_rVMzMnSQ5z7mUsl9LKiKwuM4Y3lAWrnC9JvpxDCqZLRh91P/h120/anon.jpg

How to Completely Transfer your Google Reader account into Feedly

2013-03-18T17:08:00.001+05:30

Google announced recently the Google reader service will retire on July 1, 2013. Most of users searching best alternative to Google Reader. I can say surely Feedly is a best alternative to Google Reader, that offers number of features to users than Google Reader.

Because of Google Reader retirement more than 500,000 users registered in last 48 hours. Feedly browser extension available for Chrome, Firefox and Safari. It is also available for Android and iOS device. Feedly enables users to completely migrate their Google Reader account into feedly without losing any data.

How to Migrate :

To import your google reader feeds and categories over to feedly, simply login to feedly using your google account.
Feedly will automatically sync your Google Reader account with feedly

Thats It . Share your thoughts and doubts in the comments.

Creator of RSS says he won’t miss Google Reader

2013-03-17T09:31:00.000+05:30

When Google announced that it plans on shutting down Google Reader, many users were outraged. Many people took to blogs and Twitter to voice their opinions, and many users started petitions to change Google’s mind. Everyone hopes that with enough people showing their disapproval towards Google’s decisions, Google may change its decision. One person (probably many actually), has stated that he doesn’t understand what the big deal is.

Dave Winer, the creator of the first version of RSS, stated on his blog that he won’t miss Google Reader. He stated, ‘Never used the damn thing. Didn’t trust the idea of a big company like Google’s interests being so aligned with mine that I could trust them to get all my news.” He continues to say that he didn’t like Google’s “Mailbox” approach when it came to RSS feeds, and that he likes the “river of news approach”.
Winer believes that Google Reader shutting down is a good thing for RSS. He believed that Google was in the business of controlling the news, especially with services like Google Now. Google Now brings you the latest updates on stories you have recently searched for and/or read. He said that it’s bad because one, it’s snooping on your information and searches, and two, it’s deciding what news “you don’t see”.

While Winer does have some interesting points, the point of RSS (Really Simple Syndication) feeds is to frequently publish updated works from subscriptions, which Google Reader had done exceedingly well. Unlike what Winer said, I believe that Google Readers did have a choice of deciding what type of news stories came to them, and Google in no way tried to omit any of that information out of its Reader service.

[via ZDNet]

How To Recover Your Blog's Posts If your Blog Is Deleted By Google

2013-03-16T21:57:00.000+05:30

As Google is deleting many blogs suddenly by giving some reasons which is related spams and violence etc. and many blogs were deleted latesly by Google and as bloggers make their effort with them and give you the best content on the daily basis and some one is lost their many years hard work and many bloggers are living from blogs by adsense and they also lost their important and valuable posts which are very important from the eye of admin and also from the visitors, and if Google OR Blogger deleted your blog and you didn't take backup of your blog's post and template then there is also a second way to take your blog's content back but this way is little sticky and you have to do hard work with it. :)

How To Take Backup Of All Your Posts Using Google Catch

First Keep it in mind that if you are using this method then it's not completely sure that you will get your all posts back but you could get back mostly 99.90% of your blog posts.

Copy below link and paste in browser's address bar (where we write google.com)

http://webcache.googleusercontent.com/search?q=cache:http://Write Your Blog URL Here / post URL

Now Replace it Write Your Blog URL Here / post URL with your blog link OR Post link.
Now when you open your blog post then Ctrl + C and copy your all post's content
You can also press Ctrl + U and see the source codes of your post.

All the best to all bloggers, I wish that Google may not delete your Blog and If Google Already Deleted Your Then May You Get Back Your Content Back.

Create A Free Privacy Policy For Your Blog /Website

2013-03-16T21:00:00.001+05:30

Privacy Policy is often a statement that declares a party's policy on how it collects, stores, and releases personal information it collects. It informs the client what specific information is collected, and whether it is kept confidential, shared with partners, or sold to other firms or enterprises."

-This defines Privacy Policy.

In other words Privacy policy is a statement or often a legal document which the publisher provides to its users clarifying them the way the company/brand will use their personal information and identity which the users have provided to them. The users must agree to this statement before providing any confidential information about themselves. Likewise the company cannot/must not make any other usage of the information that they retrieve from their users other than that stated in the policy.

In most of the website that you visit you will see a privacy policy. Blogs in general do not have any sort of privacy policy. Even though it is not compulsory for blogs but it gives an assurance of security to the privacy of the users.

These are few points a Privacy Policy Statement should contain:

Respecting User Privacy: In short tell the user how you respect their privacy policy and take steps to ensure that their critical information is not misused.

Cookies: If your blog / website uses and stores cookies on users PC, disclose this up front.

Tracking Location/ Data Collection: Make a small note on what information is collected by which tracking software and disclose that you will not share the information.

Credit Card Info: Tell the user whether or not you accept credit card details from the user as part of providing a service to them.

External Sites: Make it clear that you are not to be held responsible for any content in the external site and the policy is meant only for your domain/subdomain.

Now here we are providing a free tool to create a Privacy Policy for your site. This generator will make a basic privacy policy for you to use on your site.

Steps to be followed:

Fill in the form with your details then click on the Generate Code button.
You can preview your privacy policy by clicking on the preview link.
Copy and paste the generated code for use on your site.
Feel free to add/remove anything that doesn't apply.

Oh NO!! Google will shut down Google Reader on July 1st

2013-03-14T13:47:00.001+05:30

Oh NO!! Google will shut down Google Reader on July 1st Google Reader, one of the world's most popular RSS readers, is shutting down on July 1, 2013, Google announced Wednesday. Read More

How to add a Hexa Color Code Generator Tool

2013-03-14T13:01:00.000+05:30

Blogger Tools is very important in these days just because of some blog have many unique and awesome tools but they never share that all tools with their visitors to add on another blog but as we saw that and we want to share that tools and we are starting from new and some one unique tools where you doesn't need to search the codes for your fav color just you have to click on your fav color and color code will be show automatically. This is not a SWF tool, this is simply created by the JavaScript.The Credits to this tool goes to Hemant Verma.

Live Demo

How to add It?

Using Iframe

Go to Blogger posting area
Click on HTML and paste below code in that area.

<center> <iframe frameborder="0" height="420px" marginheight="0px" marginwidth="0px" name="Roseic Hexa Color COde Generator" scrolling="no" src="https://harikesh409.github.io/Widget-Generators/Hexa%20Color%20Code%20Generator.html" style="border: 0px #FFFFFF none;" width="500px"></iframe> </center>

Iframe URL: https://harikesh409.github.io/Widget-Generators/Hexa%20Color%20Code%20Generator.html

You can use my Iframe Generator to create your own customized frame.

Pinterest rolls outs web analytics tool for website

2013-03-13T20:53:00.001+05:30

Pinterest rolls outs web analytics tool for website: Pinterest has gained quite a bit of popularity over the course of its life, short as it may be.Read More

Twitter Blogger Template

2013-03-03T14:56:00.000+05:30

Template Name: Twitter Blogger Template
Platform: Blogger / Blogspot
Release date : 28, February 2013
Author : www.templateism.com
License : Creative Commons Attribution 3.0

Twitter Blogger Template is inspired from world’s first micro blogging website Twitter.com. Though, this theme is not a replica of Twitter.com but still it has a touch which would convert your Blogger blog into a robust social networking website. The color combination of light blue and place gives it an elegant touch. Since, this theme is inspired from Twitter. Therefore, we have also attached twitter Tweet button. This Theme is extremely efficient and sober which makes it standout from other templates. It has some built-in extra-ordinary features like Numbered page navigation, floating header, and much more.

Features of Twitter Blogger Template:

Floating Header Bar: It has a sleek and stylish black floating header bar that consists of a Small LOGO, Navigation menu and a search bar. It floats along your screen whenever scroll up or down the page.

Numbered Page Navigation: We have installed Number page navigation plugin in this theme which automatically overrides Older/Newer post buttons. It reduces bounce rate and improves user engagement.

SEO-Friendly: We have also installed an SEO Plugin in this template, which would surely help you to increase your organic traffic in quick succession. Though, the plugin is not FREE, but it is sponsored by MyBloggerLab.com. Therefore, it is free only for this theme.

Custom CSS3 Label: Among the few prominent features, we have also added a magnificent CSS3 Label cloud in this theme which would surely catch some extra attention.

More Features: Twitter Look, Web 2.0, Magazine Style, light blue and black color Scheme, threaded commenting system, and much more.

How to Customize Floating Menu?

Go To Blogger.com >> Template >> Edit HTML >> Proceed. Now search for the following coding in the template. After finding it Replace # with your URLs and Save the template.

<ul class='art-hmenu'>
<li><a class='active' href='#' title='Home'>Home</a></li>
<li><a href='#' title='About the theme'>About the theme</a></li>
<li><a href='#' title='Buy Theme'>Buy Theme</a></li>
<li><a href='#' title='Plugins'>Plugins</a></li>
<li><a href='#' title='Help'>Help</a></li>
<li><a href='#' title='Contact'>Contact</a></li>
</ul>

Preview

Download