Welcome to the tech blog copacopi

Showing posts with label Web-Design. Show all posts
Showing posts with label Web-Design. Show all posts

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

Show-Adsense-Ads-With-Addthis-Sharing-&-Social-Widget-Below-Post-Title-In-BloggerBlogspot-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.

Read more »
Read More

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

Add-A-jQuery-Pop-Up-Email-Subscription-Box-With-Social-Widgets-In-BloggerEmail 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.

Read more »
Read More

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

AirDroid-Let’s-You-Control-&-Manage-Your-Android-Device-From-Web-Browser-Via-Wi-FiWeb 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.

Read more »
Read More

© Copacopi, AllRightsReserved.