Show Adsense Ads With Addthis Sharing & Social Widget Below Post Title In Blogger/Blogspot

Adsense by Google is the most effective CPC ad network available for a normal blogger by any means. Adsense have the industries highest cost-per-click rate and it’s still the best option to make money out of his/her blog for an average blogger as well as also for a professional blogger. Adsense is a contextual ad network that means it first analyze site contents and then show most relevant ads for that content. And so visitors usually get interested to these promoted ads because they are based on the same interest. To get more Adsense clicks from your blog, you should focus on ad placement. You can try heatmap or Google In-Site Analytics and find out the place where visitors usually clicks more. Although this depends on site design, visitors mentality, contents behavior and many other thing, but placing Adsense just below post title could be a better place. Although you cannot generally put a widget in content area of blogger (Blogger doesn’t allow it – you will get template error), but yet you can add Adsense there by following some simple tips. We are using this hack for a long time and getting positive feedback too. If you have noticed, we use Adsense and Addthis sharing tool widget just below post title in article pages. Let me today show you how to do so.

Continue Reading

Reyad Islam

SHARE ON :

Add A jQuery Pop-Up Email Subscription Box With Social Widgets In Blogger

Email and Feed subscription is one of the proven way to boost your site traffic in short time. The number of feed subscriber shows how popular your site really is among the visitor. Also the Email subscribers are the most engaged and loyal visitor of your site. Judging a site with feed subscriber is an effective way to measure site popularity. But to turn your normal visitors into loyal subscribed ones’, you first need to show them the option. We had a good number of email subscriber but that was not something we liked. So we decided to go for author effective way to show subscription option to our visitors and then we implemented a pop-up subscription box in our blog. That’s almost 20 days ago and can you believe that our daily email subscriber got more then double in this short time! I am not blaming you if you don’t believe this, even I was surprised with the result. Then we added some social engaging buttons like Facebook Like Box, Google +1 Box, Tweet box and Delicious Box there and I can say the result is quite satisfactory. Now I am going to show you how to add a pop-up subscription box with social buttons in you Blogger powered site. Continue to find out.

Continue Reading

Reyad Islam

SHARE ON :

Desktop Plagiarism Checker Checks Content Duplication & Originality For Windows

Plagiarism and piracy is the two fearsome words for every content writer and developer. We write articles from our own experience and with our own skill. Each article takes lots of time to make it appropriate and unique. But not all people around internet have the same mentality, There’s a lots of guys here who tryies to steal our hard work and publish those article for their own by violating DCMA, TOS, Fair Usage Policy and many other rules. What is Plagiarism? In a simple line, Plagiarism means using someone’s work without his/her permission and sometimes without crediting the author. But it’s good that now almost all big internet companys like Google, Yahoo etc and hosting services are taking action against Plagiarism. Desktop Plagiarism Checker is a simple tool to check for duplicated content over internet, link to the copied content and calculate content’s originality.

Continue Reading

Anonymous

SHARE ON :

Default CSS2 & CSS3 Cursor Value For Web-Design Help And Inspiration

Web design is comparable with our mind. Like we change and renovated our thoughts every moment, the theme of web design is almost following that path. Definition of brilliant Web-Design has been changed a lot then it was a few days ago and still it’s running off tremendously. That may be because Web-Design is a kind of art and art come of mind, so just like mind- it’s running! May be this is a reason but what I think is, tools are making the real gap now. Designer’s now got tweaks like CSS3, HTML5  and tools to play them with which can’t even be dreamt a few days back. So why I am talking about this while today I only go through CSS cursor property? Because I am making you to feel it’s importance first. Designer’s now focus on details and cursor plays a lot role there. Like you can make a query form and then put help cursor there or you have made a resizable tab and then use resize cursor there. These small tweak can do a lot. So let’s have a look over CSS2 and CSS3 cursors property.

So, how to use CSS cursor? It’s simple, just write a CSS and put cursor: Whatever in it. Like if I want to use pointer cursor in text area, then the CSS can be like the following:

Mark that “cursor: pointer” in the code. It determines how the cursor will look like. There’s some different types of cursor styles (18 in CSS2 and 14 in CSS3 | as far I know). Let us have a quick demo over those.

Continue Reading

Reyad Islam

SHARE ON :

Let’s Add A Custom Related Post Widget With Thumbnail In Blogger

Related posts are a great way to attract your visitor to explore your site further more. It doesn’t matter how well you have designed your site to make it easy to navigate, but there are certain visitors who will spend only a few time on your site and then leave immediately. The best way to keep this visitors on track is to show them something they might feel interesting. Then what could be more accurate then showing his some of your similar articles? For example, everyday I got many visitor from Google search result. But most of them are not equally interested in all of my article. If I can give him the thing he is looking for, then he might like to check my site again later. That’s why a related post option is so important.

Continue Reading

Reyad Islam

SHARE ON :

Let’s Style Code Snippets Using CSS And Image In Blogger

If you are a web-designer then you have to use a lot of codes (CSS, HTML, PHP, Java-Script etc.) regularly. If you have chosen WordPress as your foundation, then it’s easier for you to highlight codes in your tutorials. But if you are one of them who chooses blogger as his platform then you will surly have a headache to style your codes in order to get visitor’s attraction there. Today we are going to show you a method to Style Code Snippets only Using CSS And Image In Blogger.

Continue Reading

Reyad Islam

SHARE ON :

Multi-Level DropDown Menu With Amazing CSS3 And JQuery Bouncy Effect

As I believe, I am not an art fan. I don’t even find a difference between Picasa’s art and some unsorted design (forgive me!). And I know, I can never be a web-designer ever. Because I believe the most important thing to be successful is to build foundation before starting to creating something. As I miss the foundation of becoming a web-designer (a creative sense), so no matter how well I know the codes I can never be one. Because of this, I hardly share any design related things. But yesterday I got something interesting on tutplus.com and it was so brilliant that I tried to make something with that. It was a java-script. So after trying a while I put up CSS3 with that script and now the outcome can be called “A Multi-Level Drop Down Menu With CSS3 and Bounce Effect”.

Continue Reading

Reyad Islam

SHARE ON :

A Great Professional Magazine Blogger Template Devil’s Workshop

I am not a art fan or neither I do much research on web development and coding. I think you already know that as I haven’t really shared a good number of tutorial about web-development and related. But to get something new in the design of ABC Trick blog I have to spend a lot of time on checking uncounted numbers of blogger templates. Though I haven’t yet shared any blogger theme yet because most of them are developed by some groups who gave really little time on designing each template. So most of them are really poor in quality as well as filled with a lot of bugs. Very few of them are developed with time and those few are the quality. Today I am going to share a great blogger template called “Devil’s Workshop”.

Continue Reading

Reyad Islam

SHARE ON :

How To Create An Author Info Widget With Multi Author Support For Blogger

Guest blogging is being a common business nowadays. More and more people are using guest post specially to show off their own sites. When I started this blog, only I was the writer of this. But as time passes, some people showed interest in publishing their article in this blog. I was both happy and a bit worried at this offer. I was worried about how can I give proper attribution to them as Guest Blogger. The most common (and obviously most effective) way to manage this. is to give a unique “Author Info” widget for every guest blogger. where they can share about them. This is an easy task for WordPress as it provides advanced RSS option and as well as plug-in too. But what about blogger? Yes, blogger doesn’t have any official one. But I am currently using “About The Author” widget in this blog running on blogger. So do you want to know how I did this? Just follow those instructions below.

Continue Reading

Reyad Islam

SHARE ON :

How To Show/Hide Widget Or Page Element In A Specific Part Of Blogger

Using blogger is not as handy as WordPress. Though some users might argue with me, but it took a long time for me to setup my silly blog with blogger. While I have done quite easily and within a very short time via WordPress. Stay tuned, I am going to show my WordPress soon. But not now, today we are going to talk about one of the major blogger problem. Blogspot doesn't give user to customise each and every single post/page/archive on their own. Once you activate any widget, in your blog, it will be displayed in all the pages by default, including your homepage.But what if you want a certain widget to appear only on a certain page or pages, can it be done? Well, there is a hack to do it. Today we're going to show you how. If you have played with blogger for quite a few time, then you might already try to make an specific post/page unique (for example, you might want to design your about me page in a different way). So what to do? You can enable or disable some part, gadget in a specific post/page. Previously I have shared about how to add related post widget to blogger. In that trick, I have made that related post widget visible to only blogger posts. You might want to show it in all pages including home page, archive page. Or you might want to hide your sidebar, a specific widget on a static page. So let's learn how to do this.

Continue Reading

Reyad Islam

SHARE ON :

How To Add Sleek And Custom AddThis Widget Below Blogger Post

There’s 100% chance that you are already noted with AddThis, even if you are not a blogger. It is the mostly used social sharing platform. A lot of sites are using this. AddThis is the world's largest content sharing platform. It gives end users a simple and easy way to share content across the social web, and provides publishers with increased web traffic and in-depth analytics. AddThis is the world's largest content sharing and social insights platform: It provides Easy-to-use tools help users to share your content and drive viral traffic, In-depth analytics provide insight into your audience and user activity, Powerful APIs let you create your own UI, access analytics, and more. But in default, AddThis button will show on all blogger pages (like home page, static pages, post pages etc.). And also there are only a few option to customize icons. Here, in this post, I am showing you how to add AddThis button with sleek, gray scale icons in only post pages of blogger. So join us after the break!

Continue Reading

Reyad Islam

SHARE ON :

Beautiful & Fastest Related Post Widget For Blogger

Now many users are getting into blog world and as a primary (In many cases, Final) platform, most of them has chosen Blogger. Yeah, blogger is the best blogging platform for the Noobs and also for the pros too indeed. But it has a lot of limitation. Such as, there are only a few official widget available for blogger. On the other, WordPress provides a lot of ways to customize with unlimited plug ins. But yet blogger is my favourite. One of the most common widget I use is “Related Post”. That will display a list of related post in any blogger post page. It was one my biggest headache too. As I can’t find the best one, I tried several others. Some of them are too heavyweight and made my blog slower. And some of them are just boring. But there’s another! It doesn’t provide thumbnail image, except this, it is the fastest and best and also tiniest Related Post Widget I have ever found. Though I didn’t like the style of source, so I have customized the CSS part. In this widget, The related articles are chosen from other posts in that same category/label/tag. With this hack many of your readers will remain on your site for longer periods of time when they see related posts of interest. Join me after the break for this great trick.

Continue Reading

Reyad Islam

SHARE ON :

How To Add A Floating Social Sharing Button To Blogger

Have you seen the floating share button in Mashable? It’s cool, isn’t it? A blogger should have a social sharing option in his blog. I have tried several ways but none of the suits in my eyes. So I give a search for it. If you are a wordpress user, then you only need to install a simple plug-in in your blog. But what about blogger user? Yeah, there’s no such widget available for blogger. But there’s always some great designers who are working on this sort of things. And that's it! You can easily add a social sharing button list which will float. I am keeping this on my blog and till now it look fine. It uses CSS and some Java Script for sharing counter. No additional Java Script is needed and no JQuery trigger too. So let’s learn how.

Continue Reading

Reyad Islam

SHARE ON :

4 Ways To Add Google +1 Button Into Blogger

You Have Seen Twitter Tweet, Facebook Like, StumbleUpon, Digg Button And Many Other Social Networking Sharing Option in Many Sites. Now The “Big G” Google Also Introduced The “+1” Button To Add To Your Site. By adding the +1 button to your blog, you’re providing an easy way for your visitors to recommend your posts to their friends right from your blog.

This button also appears in Google search engine results. +1 buttons let people who love your content recommend it on Google search.

Now Let’s Learn Something About “+1”.

What is +1?

See +1's

Sometimes it’s easier to find exactly what you’re looking for when someone you know already found it. Get recommendations for the things that interest you, right when you want them, in your search results.

Continue Reading

Reyad Islam

SHARE ON :

Complete Tutorial To Mobify An Entire Site Via mobify.me

Guess You Made A Site (Specially blog site what has same structure as ‘Blogger’ or ‘Wordpress’). After completing design you come to understand that your site isn’t mobile friendly. Now what will you do?

You can leave it and loose almost all mobile visitor (Now a days, 60% of internet user are browsing via mobile. Guess how much u loose!!)

Or you can re-code it and made a mobile friendly site and add it to m.xxxx.xxx or whatever you want. (Now isn’t it a real panic?)

But now there is a third choice! You can mobify the whole site via www.mobify.me

Now let’s learn how to build a successful xxx.mobify.me site

******Note: This is an exclusive tutorial created by me. I have added full step-to-step description so that everyone can understand. If you already know those steps, just skip it******

Step 1: Go to www.mobify.me and sign up for a new account. If you already registered then sign in.

Continue Reading

Reyad Islam

SHARE ON :

Tutorial To Made Drop-Down Menu Widget

This Tutorial Will Help You To Create Your Own Style Drop-Down Menu In Blogger.
Its Too Easy And Also You Can Customize it Anyway You Want.
It Will Look Like Mine.


It Works As An Widget so You Can Place It Any Where You Want
So Lets Began.................
.
Tools Needed:
Notepad++(Optional)
.
Step 1: Login to Blogger Dashboard and navigate to Layout > Edit Html And Click On Download Full Template

Continue Reading

Reyad Islam

SHARE ON :

Numbered Page Navigation For Blogger {Simplified For Amateurs}

When I Start Visiting And Surfing In Internet, I Found Many Blog sites..........In-Fact Useful Blog Sites.......
But Then I Come To Find A New Difficulty.......
There Are No Numbered Page Navigation There.
Only "Older Page" And "Next Page" is Visible Which Made The Thing Hard To Surf In That Site......
So When I Start Blogging, I Tried To Edit My Blog Site And Add Numbered Page Navigation And I Did It.
Here's A Tutorial About "How To Add Numbered Page Navigation In Your Blog Site"
So Let's Begun.....

Continue Reading

Reyad Islam

SHARE ON :

How to add meta tag in blogger

Adding meta tag in blogger blog is an effective way to drive traffic to your blog. Meta tag is a piece of information that helps to delivered information of your webpage to the search engine. Meta tag are the tags that tells the search engine what your website or blog is about. You must be familiar with the certain information like meta keyword and meta description before adding meta tag in your blog.

Continue Reading

Reyad Islam

SHARE ON :