Latest News

Showing posts with label Widget. Show all posts
Showing posts with label Widget. Show all posts

Saturday 12 July 2014

Top 10 Creative & Best 404 Error page Designs

404 Page or Error Page can be as creative and descriptive and is an alternative suggesting that -
 What to Do Next!!  or you can make your own creativity and inspiring quotes. 

So Where do you use "404 Error Page"? Well this is the page on your website or blog that comes up when user tries to browse the missing page or link that no more exist.

Here is collection of - Top 10 Creative & Best 404 Error page Designs :-














8.Lego 





Follow and Subscribe Widget

The widget is similar to WordPress follow widget.
This is very nice widget using JQuery with smooth effects and  the widget is very easy to customize.
You will get more email subscribers with this widget and Very easy to Install in your Blog

Add this Stylish Widget in Blogger/Blogspot as follows 

 

>> Go To Layouts >> Add a Gadget >> Select HTML/JavaScript and paste the below code >> Hit Save and You are Done !

How to Disable Right Click on Blogger

You might have noticed that in some websites or blog right click is disabled . Now you can also add "Disable Right Click on Blogger"widget on your blog and protect your copyright content from being used in any other website.

Follow these steps to Add "Disable Right Click on Blogger" by eBlogger Tips


1) Log in to Blogger Dashboard --> Layout --> Page Elements 

2) Click on 'Add a Gadget' on the sidebar

3) Select 'HTML/Javascript' and add the code given below and click save.

<script language="JavaScript">
<!--


//For full source code, visit http://www.web-sir.blogspot.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>
Useful Tip:- If you want to protect your images/pictures, then our suggestion is to add a Watermark (logo) on images

Sunday 29 June 2014

Most Commented Posts Widget for Blogger with Comment bubbles!

Most of you requested how we created the Most commented widget that shows the list of Top10 most popular posts sorted by comment bubbles. You can see this widget on our sidebar under the heading "Most Discussed". What we did here was using existing script from Yahoo! Pipes that uses json to parse and display each post with highest number of comments posted on it. Using CSS3 pseudo properties, we then styled the comment count with comment bubbles. This widget is simply a copy-paste tool that can be installed within seconds. Lets add this dynamic and fast loading widget to your blogger blogs!

Add Most Commented Widget to Blogger

  1. Go to Blogger > Layout
  2. Click "Add a Gadget"
  3. Choose HTML/JavaScript widget
  4. Paste the Following code inside it:

Floating Bar For Pinterest & Other Sharing Buttons

This is one of the few social sharing widgets that took a lot of my time in designing it. You have seen the trend of floating sharing count buttons on popular blogs. The traditional icons are now replaced with auto incremented counter buttons that are updated in seconds.  We created different versions of this bar applying both Jquery effects and CSS3 styles but this widget is different because it contains custom twitter, pinterest and an Email button. Services like Addthis and Sharethis are both doing a great job but they still need to work on some of their plugin integration conflicts. Pinterest pin it buttons are causing great trouble and it badly fails in fetching the correct thumbnail image. In most cases it does not even select a image thus making the entire pinning concept tasteless. We however redesigned the widget provided by shareThis to create a new one by correcting all flaws. This sharing bar would float  to the left of your blog posts and would float as the visitor scrolls up or down. This widget contains counters of important social networking sites that has the potential to bring you traffic by circulating your content to a wider audience. We have tested the widget on major browsers like IE7+, Firefox, Chrome etc. and found it working just fine with no compatibility issues or design conflicts.
Developers and bloggers are requested to link back to this post if in case they wish to share our code with their readers. Lets get to work now!

Which Social Networking Buttons To Use?

Your first priority should always be Facebook, Google+, Twitter, Linkedin and Now Pinterest. All these sharing counters play well in circulating your content over a wide range of visitors. Social Media is a non-stoppable engine, which if driven correctly and carefully can bring tons of valuable traffic each visitor worth a dollar. Since displaying too many count boxes could surely effect your blog load time therefore we have added a AddThis share button which provides visitors with over 330+ social sharing options all at one place.

Why not use JQuery?

Ignore JavaScript and its library which is Jquery as much as possible. Browsers like Internet Explorer still lacks support to all functionalities offered by jquery. Moreover JavaScript is responsible for a great percentage of your overall blog load time. We therefore did not add a smooth sliding effect to this plugin as we previously did to Jquery Sliding share widget
To learn more about blog load time optimization Please read:

How it works?

We have integrated both Addthis and ShareThis service in it. In order to customize the twitter button and others we took the Sharethis default code and customize it to change the button image, bubble size and count text. The widget that we initially developed looks extremely attractive compared to this one. You can see the first designed draft version in the screenshot below: 
You can observe that both Twitter, Google Plus, Pinterest and Stumbleupon are displayed with custom shapes, same sizes and different count colors. I spent a lot of time trying to make all buttons of the same size by using a common image linked by a sprite but the only problem with this plugin is that the counts wont show the official numbers registered at Twitter, Google and pinterest servers but they will show increments registered at ShareThis. If you add this sharing bar to your blog, you will see zero on all counters unless someone clicks them and circulates your content.
To correct this issue I had to unfortunately dropped the idea of sharing the above designed version and share this tutorial widget instead. However the widget on our blog still contains the twitter button which wont display official count but that of ShareThis. If you would like to replace it with the official big size twitter count box then you can surely do this by customizing the code shared below.

Adding The Sticky Floating Widget Next To Blogger Post

  1. The steps are kept extremely easy to apply. All you need is to copy and paste the long chunk of code we developed and tested all day. Follow these friendly steps: 
  2. Go to Blogger > Template
  3. Backup your template
  4. Click Edit HTML
  5. Click Proceed
  6. Then Click Expand Widget Templates
Search for

Friday 27 June 2014

How to Add Flying Twitter bird.

Hello readers, adding twitter flying bird in blogger is amazing. It is not just for fun. It is the best widget to sharing your blog by visitors. Each and every visitor who enters into your blog will see the flying bird. More than half of the people try to catch the bird (click on that bird). By clicking the bird they promote your blog in twitter network. So that you will get more visitors from twitter.


Twitter is one of the top most social networking services which is used by people for community purpose like facebook. The bird will fly for the movement of cursor which is moved by blog visitors. More than half of the people living in the world having twitter account to index them in society. So that your blog will be promoted by sharing your blog in twitter easily with the help of this flying bird.

This amazing twitter bird is necessary, mostly used by web masters to share blog contents easily with people and increasing the blog traffic. 

Step 1: Go to Blogger Dashboard in your blogger account.

Step 2: Click on the Edit HTML button to extract your blog template.

Step 3: Search for </body> using Ctrl+F.

Step 4: Copy the following code and paste the code above </body> tag.

Step 5: Replace web_sir with your twitter username in coding. Click on the Save templatebutton.


Share this post if you like this. Comment here to Share Your Experience with us..

Recent Post

Random