Add One Time Facebook Like Pop-Up Box In Blogger Blog

Hello friends first of all sorry because from a long time i am not able to update this blog because of several reasons, forget it so now i am here with a new and great gadget for your blogger blog, Have you noticed that in October i post an article on How To Add One Time Pop-up Email Subscription Form in blogger blog which will become featured article on this blog and i'll also get lots of requests from readers for making a pop-up form same for Facebook like box, so after a long research i completed and come here for serving you a Facebook Like box with one time Pop-up.The Gadget will only appear on the first visit so your readers or you won't have to see it every time.

For this i changed some things in the Pop-up form which you surly like it if you really want to see then check out the demo and screen shot below.


Before moving towards the tutorial first backup your blog's template (and remember to backup your blog template every time when you edit anything in your blog).

How To Add The Pop-up Facebook Like Box In Blogger Blog??

Step1.) First go to your blogger blog dashboard.

Step2.) Now select your blog and and on your blog's Dashboard > Click On design > Choose a Gadget.




Step3.) After that choose HTML/Javascript gadget.



Step4.) Now copy the below code and paste it in the HTML/Javascript gadget which you choose in the step3.

Note: There is a lot of coding so make sure you copy all the coding correctly.


<style>


/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/*




User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;opacity:0.5 !important;}
#colorbox{
box-shadow:0 0 15px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
}
#cboxTopLeft{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuvmH4p7FtnzDkJdlf6blQF4yzxOD5U4hBSbzkmYvrt83FxPikN20YN0uX1J3704mtq47QfcEtDuurzyt7KNr2ucwNvENzi-DXHS6i8FdvIHMSXQSHUpjxVx4YN7DPqGglMBnuB4sIN27c/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirVTzIn7_P9hnagrGgkafiouImecC5GRyg2ywSIQ1ALoh7Yl1vbBLMTqkIi1cdwMXZy29vNyTkVvoqxpJWcuDTii3vtqldQpcOCJYPXeHvxYlIDsrXbKUrYa9CxRw7W_o7sqBE0__WLbsI/s1600/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuvmH4p7FtnzDkJdlf6blQF4yzxOD5U4hBSbzkmYvrt83FxPikN20YN0uX1J3704mtq47QfcEtDuurzyt7KNr2ucwNvENzi-DXHS6i8FdvIHMSXQSHUpjxVx4YN7DPqGglMBnuB4sIN27c/s1600/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuvmH4p7FtnzDkJdlf6blQF4yzxOD5U4hBSbzkmYvrt83FxPikN20YN0uX1J3704mtq47QfcEtDuurzyt7KNr2ucwNvENzi-DXHS6i8FdvIHMSXQSHUpjxVx4YN7DPqGglMBnuB4sIN27c/s1600/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirVTzIn7_P9hnagrGgkafiouImecC5GRyg2ywSIQ1ALoh7Yl1vbBLMTqkIi1cdwMXZy29vNyTkVvoqxpJWcuDTii3vtqldQpcOCJYPXeHvxYlIDsrXbKUrYa9CxRw7W_o7sqBE0__WLbsI/s1600/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuvmH4p7FtnzDkJdlf6blQF4yzxOD5U4hBSbzkmYvrt83FxPikN20YN0uX1J3704mtq47QfcEtDuurzyt7KNr2ucwNvENzi-DXHS6i8FdvIHMSXQSHUpjxVx4YN7DPqGglMBnuB4sIN27c/s1600/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuvmH4p7FtnzDkJdlf6blQF4yzxOD5U4hBSbzkmYvrt83FxPikN20YN0uX1J3704mtq47QfcEtDuurzyt7KNr2ucwNvENzi-DXHS6i8FdvIHMSXQSHUpjxVx4YN7DPqGglMBnuB4sIN27c/s1600/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuvmH4p7FtnzDkJdlf6blQF4yzxOD5U4hBSbzkmYvrt83FxPikN20YN0uX1J3704mtq47QfcEtDuurzyt7KNr2ucwNvENzi-DXHS6i8FdvIHMSXQSHUpjxVx4YN7DPqGglMBnuB4sIN27c/s1600/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjM1M32ICHPdTIzUcBTx14jpXOjPaAerUwtf2x0I2BTBCYNAUP9Mkvkf5IGzIUGYOHNVKWg1jcBTdyz8t3NnzeLJB0gMLfRykqgMz32fbsVbFFBkZW7l3eknno7GDLPmiHxFBFtQ7Cd_bF/s1600/loading-background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1L2Pwb2EVSS8NZpXYIAbBsjgiGj11ZZdGUT-HNkEoG-q4YUXdnHQUgyES9LRD_fImPZdEN-K9L0ejCmCv0zwsO0CKoGzJIZ_Zssmz6hSJKdv1c4Rv70pqbenj5CT4MuXaOXHZIsyB3Ekc/s1600/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuvmH4p7FtnzDkJdlf6blQF4yzxOD5U4hBSbzkmYvrt83FxPikN20YN0uX1J3704mtq47QfcEtDuurzyt7KNr2ucwNvENzi-DXHS6i8FdvIHMSXQSHUpjxVx4YN7DPqGglMBnuB4sIN27c/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
/*-----------------------------------------------------------------------------------*/
/* Facebook Likebox popup For Blogger
/*-----------------------------------------------------------------------------------*/
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
text-decoration:none;
}
.box-title {
color: #3B5998;
font-size: 20px !important;
font-weight: bold;
margin: 10px 0;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:10px;
line-height:25px; font-family:arial !important;
}
.box-tagline {
color: #999;
margin: 0;
text-align: center;
}
#subs-container {
padding: 35px 0 30px 0;
position: relative;
}
a:link, a:visited {
border:none;
}
.demo {
display:none;
}
</style>


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>
<script src="http://yourjavascript.com/11215013191/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#subscribe"});
}
});
</script>
<!-- This contains the hidden content for inline calls -->


<div style='display:none'>
<div id='subscribe' style='padding:10px; background:#fff;'>
<h3 class="box-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >▼</p></center></h3> 
<center>


<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ftechleisureblog&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>


</center>
<p style=" float:right; margin-right:35px; font-size:9px;" >Powered By | <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.tekleisure.com">Blog Gadgets</a> Via <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.tekleisure.com">Blogger Widgets</a></p>
</div>
</div>

Important: You have two ways to get this gadget work on your blog.First change the Techleisureblog highlighted in yellow color with your Facebook Page username, or if you don't have a Facebook page then check how to create a facebook page, and the second is if you don't know the Username of your page id then create a page by clicking here and and replace the whole code in bold above with the code you get.

That is the cool Facebook pop-up widget which surly increase your Facebook fan count.If you face any problems and difficulties in this form kindly drop your mail and i will reply as soon as possible.
Read more >>

How To Add Thumbs Up Rating Widget To Blogger

While i am surfing over web then i came across on a script which enables "Thumbs Up" widget for blogger blog.Blogger offers star rating blogger widget by default but i am going to provide you a short code through which you able to add a "Thumbs Up" widget to your blog post.This widget offers you two options either than you choose "Thumbs Up" or set to "Star Rating" widget.It counts total number of thumbs up and thumbs down in your blog post.The visitor just click on the desired thumb and the rating is counted automatically by 1 and it will automatically incremented in the widget.

This awesome widget also shows four tabs which displays the likes made by visitor himself and also shows popular topics under the Hot/Top tabs.This widget will also shows the stats for that post.

I really found this widget very interesting and i will recommend you to install it in your blog posts for engaging your blog visitors into your blog and increase your overall page views.The page views increase because the readers will love to explore the hot new topics in your blog which is selected by ratings.

Now if you want to see a demo of this widget then click on the demo button below and see a live demo of this "Thumbs Up" widget and i am sure after viewing this demo you not able to stop yourself for installing this widget in your blog.


How To Add Thumbs Up Rating Widget In Your Blogger/Blogspot Blog

Step1.) Login to your blogger Account.

Step2.) After Login Go to Your Blogger Dashboard > Click On Design > Edit HTML.

Step3.) Tick On "Expand Widget Templates".

Step4.) Now search for the following code in your blog's HTML (Press CTRL + F for search bar for finding code easily in your browser).

<data:post.body/>

Step5.) Now copy the below code and paste it above the <data:post.body/> tag which you find above.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='js-kit-rating' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title' view='score'>
</div>
</b:if>  

  • This will add a "Thumbs Up widget to your blog's post just below the post titles.The main this is the widget just shows on the post pages not on the homepage so it doesn't look ugly.
  • If you would instead like to add the star rating then delete the view='score' from the coding.

Step6.) Now find the below code in your blog's HTML.

</body>

Step7.) Now copy the code from below and paste it above </body> tag which you find above.

<script src='http://js-kit.com/ratings.js'/>

Step8.) First see preview for checking errors if there is no error then save your template.

Now visit any of your blog post and check the ratings widget and rate your post by "Thumbs Up" or "Thumbs Down" and you can also explore the tabs.

Enjoy this cool new widget for your blog if you not able to get anything then feel free to comment below for any questions and suggestions.

Read more >>

SOPA & PIPA Attract Huge Lobbying On Both Sides

For what SOPA stands for, the meaning of SOPA is "Stop Online Privacy Act".
A total of 145 companies and organizations lobbied the house of representatives for and Against the Stop Online Privacy Act (SOPA), while 157 lobbied for and against its sister bill in the senate, the Protect Intellectual Property Act (PIPA), according to the center for Responsive politics.

Some of the big companies were supporting both bills by millions of Dollars.The Comcast a biggie in the list which is supported both bills, was by far the biggest lobbyist in spending upwards of $ 5 million on the issuse, this is the biggest lobbyist in the list who supporting both bills, Google was also the largest lobbyist which supporting and spending a sum of 4 million dollar.

These lobbying bills are only a rough estimates because all companies often include multiple bills and issues in their lobbying reports to congress.

SOPA and PIPA were proposed bills that aimed to crack down on copyright infringement by restricting access to sites that hosted or facilitated the trading of pirated content.

But all the opponents agreed that protecting content is a worthy goal, and is right content will have to be copyright protected because a writer spends its lots of time in writing an article and anyone can steal its content is not good.They argued that the way the bills were written effectively prompted censorship and were rife with the potential for unintended consequences.

The largest proponents are comes from the media and commerce field like Yahoo, The Web's domain registry and the Amazon, the internet corporation for assigned Names and numbers.

But some unexpected names also lobbied Congress about SOPA and PIPA, including Tiffany (TIF), Ultimate Fighting Championship and Pepsi (PEP, Fortune 500). However, companies are not required to disclose whether they lobbied for or against a particular bill.

It was a tremendous lobbying effort on both sides, though it was not enough to crack the top-10 most-lobbied bills of 2011. Interestingly, the lobbying effort may not have been what ultimately sealed the bills' fate. After a massive pushback from tech companies and their supporters in online and physical protests, both SOPA and PIPA were officially "postponed" on January 20
Read more >>

Some Requirements To Make Money From Blogging In 2012

Hey do you want to make money from your home.?? So here's a good answer for this question...It doesn't matter you are a housewife, student or any disabled person who doesn't able to go out for making money like others.Here i am talking about blogging, blogging is a technical skill which turns a layman into entrepreneur if the skill is applied correctly.I always advise 10th class students to learn blogging because by the time they become graduate their tiny/small blog will become into a revenue generating machine which gives them lots of income from their blogs.Its not late if you haven't start learning blogging yet because there is no age of learning, start learning blogging today and start earning money through online blogs.Blogging is an art and it will generate lots of income for you if you practically focused on it.You know big marketers launch their blogs with the start of each new year for boosting their income.Making lots of blogs is not a challenge but starting your first blog is.

Before you start a new blog or make a such decision, i would like to tell you something about blogging through which you able to become a professional blogger instead of a learner.

The Four Fundamental Requirements Of Blogging

1.) Build Up Your Skills

In this section i will tell you what type of knowledge you want to make your blog look and feel attractive.
  1. Web Designer
  2. Web Developer
  3. Internet Marketer
In the above list if you know any one thing than no one would able to stop you becoming star of blogging field.If says truly then i don't know anything listed above, but still i love blogging not because it gives income, because blogging is my passion and telling everyone about the latest trend, news and blogging hacks is my passion.I don't know anything about Web designing but i learn it from internet and web tutorials because Blogging is not just an English writer blog in which you write articles about 700 to 1000 words and submit your links into Google, he is the brain behind the content and the solid structure of the blog.To win the hearts of your readers you must have to exhibit extra ordinary skills by presenting your posts into a professional ways.You must design and maintain your blog regularly.A blog with grey design and bad look is always a big  failure.You must use a rich HTML, CSS and Javascript effects to create web objects that may provide the best web interface to your readers.

You able to learn the HTML, CSS and Javascript coding's within a month if you focus on it and understand how easy language is these and start using these languages for making effective objects for your blogs which likes by readers within a month with online tutorials.

2.) What Search Engine Is

Ofcourse after reading this question everyone says all knows what is Search engine, but tell me if everyone knows about search engine so why lots of people fail in driving traffic to their blog while on contrary others are entertained with immense traffic significantly.??
Optimizing your blog through Search engine is not the end of the story and is not enough to increase the traffic of your blog here is something without you doesn't able to drive traffic to your blog and without it your blog is not able to compete with millions of page in Google, Yahoo, Bing in a single day.

Do you know on which algorithm search engine works.??? Let me tell you that search engine works on the following algorithm is Produce quality content, publish it first, and get served forever.

A.) Produce Quality Content: This is the only one thing which is not understandable in blogosphare.The line "Produce Quality Content" not means to write articles about 700-1000 words, the real mean of the line is to produce generate content which is totally fresh live and latest news for the world and blogosphare, that's why the blog's like TechCrunch and Mashable are so popular.The main reason behind the success of these blogs are, these blogs updated with latest news of all around the globe right when the news released or the next day.Publishing Good and quality content also stands for Google Panda Algorithm.

You know one thing that the search engine look more aggressively towards those blogs who produce content to the current time, happening around the  world, trends in the technology and lots more.

B.) Publish It First: It means never wait for someone else to publish news when you heard about it first.Because if you heard about it first then publish it in real time not after some time, because in that sometime the thousands of tutorials will be published on the same topic and your article will not able to drive enough traffic to your site. Always publish news on the latest developments and tips.

C.) Get Served Forever: This is the one thing which i personally experienced from the search engine specially from Google is that if you are the first one to break the news, then Google will drive all the organic traffic towards your article.I mean if you share anything first on the internet then you will be served all the organic traffic searching that particular thing.

3.) Act As Journalist

Do you know what a Journalist do.?? Ok let me tell you, a journalist's job is to keep informed himself with everything on its topic.If your topic is technology so you have to become same like journalist for this you have to subscribed the Giant technology blogs which provides all latest news about technology, social-media and lots more or visit those sites/blogs once in a day and pick the best news for your blog.If this is not possible for you then just create a igoogle homepage for you and subscribe the RSS of those blogs on your igoogle homepage through which the latest news from those blogs will flash on your igoogle homepage.

4.) Publish Multiple Posts Per Day

This is the last but not least point which we consider in the 2012 for making money with blog, if you are updating your blog twice or three times in a week so my friend open your eyes and gear up your speed of writing articles, because more articles will give you more and more traffic from search engine.

Have you ever noticed that if you didn't post regularly then in your analytic's account a red symbol shown which means your traffic is going down and when you post regularly the red symbol goes green which means your traffic increasing day by day.So blogging is all about the frequency of posts.I suggest this point to all bloggers.Only that's why Mashable and TechCrunch type blogs be on the top in getting lots of traffic.

If you have a good friend circle then encourage them for writing good article for your blog because good quality content and the quantity of articles will do wonders to your blog.

So friends if you are thinking for launching a new blog kindly consider the above points because the above points are tested and these points will do wonders to your blog in a very short time.If you already have a blog then change your strategy with my these mentioned tips i am damn sure your revenue and traffic will increase in 2012.

I hope you enjoyed the post , if you have any idea or suggestion or any point which you think is good for bloggers kindly leave your comment below and inform all bloggers.

Read more >>

Vital Information on Enterprise Software Engineering

Enterprise Software Engineering adverts to the entire process related to the creation of the software systems. In other words, it refers to the engineering of the software systems to suit the business needs of the organizations and the software systems are also developed keeping in mind the growth and development of the company. Its prime focus is the integration and appropriate design of specific software or rather business components.

This term also refers to the integration and modeling of the technical parts of a business process keeping in mind the desired wish of the client. It can also be taken into consideration as an extension of the procedures related to the development of softwares. This feature is essential for the business or the industrial organizations to be at par with the reputed organizations, known well for their services and solutions. 

 It is an emerging trend as far as the IT organizations are concerned and is considered to be an important factor as far as enhancement is concerned.

 Enterprise software engineering thus requires the use of certain methods, a fixed set of techniques and a logical process, which has undergone testing and has been designed carefully. It requires the expert and proficient knowledge of the developers and their adept skills. The developers should also be aware of all the nuances, aspects and facets of this feature as the smooth and efficient running of an organization depends highly on this factor. 

 The two most important processes, which can be associated with Enterprise Software Engineering are, CIMOSA (Computer Integrated Manufacturing Open System Architecture) and EPD (Enterprise Function Diagrams). The CIMOSA is a framework for enterprise modeling. It provides support as far as the enterprise integration of the computers, man power and machines is concerned. Whereas the EPD is a model that model recognizes the functions of the enterprise as well as the requirement of the IT organizations. 

 This service is provided by reputed companies, that are known worldwide, such as the IBM, Microsoft, UC4 Software, Oracle, CA Technologies, BMC Software, Redwood, ASG, J Boss ( Red Hat), Adobe Systems, QAD, SAP AG, to name a few. However apart from these there are a few others as well.

 Thus it is required to state here, that hiring of employees for your organization for the accomplishment of this service should not be done in a hasty way. The individuals should undergo a thorough testing process, before hired.




About the author: Shweta is a content writer; she is sharing information about EnterpriseSoftware Engineering and Enterprise Software Solution.

Read more >>

What To Do To lose All Blogging Stress

Blogging is very interesting isn't it.??Instead of we have to deal lots of other stressful things like writing articles for blog, marketing of article, managing the blog and lots more.But after all these stressful things we loves blogging so much because for our passion and for our livelihood.

But have you ever noticed that all these stressful things makes us to loose our prime focus on blogging and make our blogging work harder and harder.We are not able to write good quality article and not able to invent new things for our readers.If you are in stress you are not able to hold pen properly for writing some effective lines for your blog you are not tactic to market your blog posts.If you are in stress then you are not able to do any work of your blog effectively and properly.

So if you want to shine in blogging arena then the first thing is that you have to do is to rid of this stress thing.Because stress is productivity eater and it eats all your effective lines which you are able to write for your blog posts and eats all your marketing strategy which you able to do for your blog and lots more.

So what to do when you are in stress, how to remove all stress.??? I know now these questions is running in your mind so the simple answer of all of your questions is given below, in the below mentioned 3 ways are the best ways through which you are able to loose all your stress in minutes.I always use these stress buster ways and i am sure these are definitely help you in loosing your stress.

1.) Spend Time On Facebook

This is the best and my favorite stress buster way, whenever i got lot of stress from blogging then i just log-in into my Facebook account and see what my friends doing, i always prefer to view funny videos, some funny clips and see the status updates of my friends and always prefer to make some funny comments on updates for refreshing mind, if its not able to refresh my mind then i used to chat with friends and even do some flirt with girls (kidding), playing games is also a very good stress buster and these things on Facebook will burst my stress and, my head is totally refreshed for blogging.

2.) Hangout With Friends

When ever i feel that my stress level is rising up then i just call all my friends and go for a short hangout with friends.This hangout with friends will decrease/burst all my stress of blogging and energies my mind and from this hangout i also invent some new idea's and hacks with the help of my friends because whenever they search from my blog then told me the mistakes and lacks of content, coding and some important widget and lots more. Its also a good Stress buster.

3.) Watch Funny Video's & Movies

Last but not least is laughing.The best thing which you do for reducing your stress is laughing.You can watch funny videos over Youtube or over the internet or from some CD's which you have in your room to let it out all your stress so that you can work more productively and effectively.

In my opinion laughter is the best medicine for loosing all stress in minutes and you can loose it by watching funny videos, movies or movies which you like the most.

All these are the ways through which you loose your stress of blogging.If you have your own way to reduce your stress so share it with us in comments.I hope this article will help you a lot.

Read more >>

How Does a VoIP Service Cater To The Growing Needs of People?

VoIP technology has adapted in the telephone marketplace to where it can help fulfill the needs of many different kinds of users. VoIP runs on an Internet connection which is readily available in most households and businesses, as opposed to ancient telephone cables. Now there are different kinds of VoIP service providers which fulfill different niches: residential, peer-to-peer, and cable. Cable is when you receive a VoIP package which includes phone, fax, Internet and television. For most residential users, the best way to go is to receive fax and phone services. However for the penny pinchers or the Internet-savvy peer-to-peer service providers enable users to make call via mobile or computer.

VoIP is voice technology for the people. The reason is because it fits the needs of the users it serves. First of all, VoIP technology uses an Internet connection, which most people have access to. As opposed to a standard phone service which require the existence of dated telephone cables. VoIP service providers can be grouped into three parts: residential, peer-to-peer, and cable.

Residential VoIP service providers

Residential VoIP service providers or consumer VoIP service providers focus on the residential and small business needs of VoIP. The residential VoIP service providers are the most familiar to the average consumer. Residential providers cater to those who are making the direct switch from a traditional landline telephone and fax service to an Internet-based phone and fax service. Residential VoIP providers deliver an abundance of features which would otherwise be extra with a traditional landline service they are: call waiting, voicemail, call forwarding caller ID, and a bunch more. Some residential VoIP services offer telephone and fax service only, however many “triple play” residential VoIP service providers deliver phone, fax, television and Internet services.

Peer-to-peer VoIP service

Another kind of VoIP service provider is peer-to-peer which is otherwise known in shorthand as P2P. Peer-to-peer VoIP service uses a dedicated network in conjunction with VoIP services obtained from an individual’s smart phone or computer. This type of VoIP service caters to self-employed contractors or mobile workers who have replaced their landline with a mobile phone. P2P VoIP service usually provides necessary software for free, but charges if faxes or phone calls are sent to landlines or fax machines.

Lastly, the next VoIP service providers which caters to consumers’ needs are cable VoIP service providers. These cable VoIP service providers bundle their phone and fax service together with cable television, and in many cases, with Internet service. Many cable VoIP providers are different based on geographical location, therefore international and national service may vary.

Selecting the best kind of business voip phonewhich suits you depends on your budget and the type of service you need. Due to the bundle package, cable VoIP is the most expensive, however if you are receiving more than a phone and fax service, bundling plans is a lot less expensive. It’s the most economical for homeowners and small businesses that use fax and phone equipment to use residential VoIP service. Meanwhile, digitally-savvy individuals who are looking to save wherever they can, choose the peer-to-peer VoIP service. No matter what your kind of lifestyle is, the evolution of VoIP technology has catered to the needs of the people.


About the author:
I am a technology freak who loves reading and writing about latest gadgets, mobiles, reviews, guides and technology updates. I really believe that the new VoIP technology has brought a revolution in the telecommunication industry. This Voice over Internet Protocol (VoIP) streamlines telecommunications while reducing total cost of ownership. Other cost saving factors of a business voip phone are lower start-up costs, lower maintenance costs and lower monthly phone bills.

Read more >>

Adding Post Titles To Read More Links In Your Blogger/Blogspot Blog's

In our blogger Home page we all add Read More links after a short summary of post instead of showing full posts, because the summary with thumbnail gives a good look to our Homepage.And after that summary  reader sees a link named "Read More" or "Continue Reading" for reading full article.This feature enables us to display summaries of our blog posts on the homepage of our blogs.

We are able to configure the text displayed for the jump link (which links to the posts item page) by editing in the page elements from Design > page elements.However i come up with a hack through which you are able to add Post title beside the jump-link text to clarify the title of the posts which links.

However you are not able to understand what i am saying so its better to see a live demo of my this hack through which you are able to know how this hack works and looks.By the way our this hack will help your blog in SEO which this your blog will become more Search Engine Friendly and your blog will be shown higher in search results.

For seeing a live demo of How to add post titles to read more links in your blogger/blogspot blog, click on the demo button below.

How To Add Post Titles To Read More Links In Blogger/Blogspot Blog

This is a very easy customization and the modified jump link with inherit any current style you have applied to this section.Here's how to add this feature in your blogger blog step by step.

Step1.) First Login to your blogger dashboard.

Step2.) Now Go to your Blog's Dashboard > Click On "Design" > Click On "Edit HTML".

Step3.) Now Check the "Expand Widget Templates".

Step4.) Find the following code in your blog's HTML (for finding code easily Press CTRL + F for search bar in your browser).

<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>

Step5.) Now replace the above code which you find in your blog with the below code.

<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/> <data:post.title /></a>
      </div>
    </b:if>

Step6.) Now preview your template and check the changes you have made in your template, if the post title will be displayed after the read more link then Save your template.

The post title is now added in your Read more links and your blog becomes more seo friendly, i hope you find this post useful for customizing your blogger based blog/sites.Please feel free to leave a comment if you have any opinion and suggestions below.

Read more >>

Adding A Recent Comment Widget With Avatar For Blogger Blog

Adding a recent comment widget with avatar for blogger blog.This new widget will give a whole new look to your blog.Some days ago Blogger updated its comments API for threaded comments and install threaded comments option in blogger blogs.So in this new updated comments API blogger also adds a feature of Avatar in blogger comments.With the help of this updated API i created a recent comments widget with Avatar for blogger/blogspot blogs.This widget looks very cool and the look is also very good for your blog and the best feature is it works fine with all type of templates weather it is default or its custom blogger templates.

In this widget i also included the comments excerpts and avatar image, you can choose default anonymous Avatar Image also.

For seeing a live demo of this widget click on the "Live Demo" button below and check hows this widget works and look.


How To Add A New Recent Comments Widget With Avatar

Step1.) Login to your Blogger account.

Step2.) Now go to your Dashboard > Click On Design.

Step3.) Now in the right side bar click on the "Add A Widget" link for adding a gadget.

Step4.) Now a pop-up window comes with lots of gadget, so choose HTML/Javascript gadget.

Step5.) Now copy the code from below and paste it in HTML/Javascript gadget.

<style type="text/css">
    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
    .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
numComments = 6,
showAvatar = true,
avatarSize = 60,
roundAvatar = true,
characters = 40,
defaultAvatar = " https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4WoyWgiTaZUx89U1vANsJDh_DwbOtweJpbQUGZeXg6RptyV19ShYPerrrgrWs4Ce1jmcK5U8M7bVKl1eoFUujlL31SnyQqXLC4jaMMi3ET10GPc48sb9c6f5EOO9Zl_vp0N5vUOYiiUON/s50/icon_author.jpg ",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://www.tekleisure.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=6"></script><div style="float:right; font-size:10px;"><a href="http://www.tekleisure.com">Get This Widget</a></div>

Note: Now change the code highlighted in yellow color for increasing or decreasing the number of comments to be shown, and change the code highlighted in green color for changing the default avatar image, and most important change the code in red color and add your website url (www.yourdomain.com or www.yourdomain.blogspot.com) for getting your blogs comments.

Step6.) Save the widget.

Now your recent comment widget with Avatar is ready and check it hows it looks on your blog.If you find any difficulty in installing this code in your blog leave your quires and questions in comments below.

Read more >>

How To Add A Transparent Notification Bar To Blogger Blog

Hello friends!!! Do you ever highlight your best content or product on your website or blog in front of your readers?? If no then highlight it now, it will increase the visibility of your content and product, but the major draw back of blogger is, blogger doesn't gives you this awesome facility so today i came up with a hack with the tutorial which adds a transparent notification to your blogger blog and highlights your best content and product.

This new Transparent Notification Bar comes with a close button through which your readers able to close the notification bar if they doesn't like it.Many popular blogs use this type of notification bar for showing a News Feed and latest content which attracts readers.


Now you are able to add this awesome notification bar to your blog by adding a little code in your blog's HTML, you also able add this notification bar in the bottom and on the top of your blog.The best thing is that you able to add RSS feed, News feed, and links in this notification bar.

From description it seems nice but if you see a demo yourself then you know this transparent notification bar more so see a demo by clicking on the button below.

1.) How To Add A Transparent Notification Bar On Top Of Your Blogger Blog

First See a live demo of this transparent notification bar how it looks and work on your blog click on the demo button below and check it live.


Step1.) Login to your blogger dashboard.

Step2.) Now Go To Your Blogger Dashboard > Click On Design > Click On Edit HTML.

Step3.) Now Check on the Expand Widget Templates.

Step4.) Now find the following piece of code in your blog's HTML (For finding the code click CTRL + F for the search bar for searching the code easily).

</body>

Step5.) Now copy the code from below and paste it directly above/before the </body> tag.

<!-- Notification code start -->
<style type='text/css'>
#ut-sticky
{
background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9JMcp_FTSD1ZCiR2ypva1JWfidKIM2mFBqFBbsg60-s32aKejCHV0dIkcTNDMXUV_DqUghmUCuRsAzyFYdMNvmuO3Rm7K2RDGwByk20qc29lyDcoK04nvUlyLZefXWb6CB_k1UrOc198v/s1600/ut-bg.png&#39;) repeat;
color:#fff;
margin:0 auto;
border-top: 0px solid #fff;
height:28px;
font-size:13px;
position:fixed;
top:0;
z-index:999;
width:95%;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
display:block;
font-weight: bold;
font-family: arial,&quot;Helvetica&quot;;
font-color:#fff;
}
#ut-sticky:hover
{background:#333;}
#ut-sticky p{line-height:5px; font-size:13px; text-align:center; width:95%; float:left;}
#ut-sticky p a{ text-decoration:underline; color:#FFFF33;}
.ut-cross{display:block; position:relative; right:15px; float:right;}
.ut-cross a{font-size:18px; font-weight:bold; font-family:&quot;Arial&quot;; color:#FF0000; line-height:30px;}
</style>
<div id='ut-sticky'>
<p>Add This Transparent Notification Bar To Your Blog <a href='http://www.tekleisure.com' target='_blank'>Transparent Notification Bar</a></p>
<div class='ut-cross'><a href='javascript:hide_cross();'>X</a></div>
</div>
<script language='JavaScript'>
function hide_cross() {
crosstbox = document.getElementById(&quot;ut-sticky&quot;);
crosstbox.style.visibility = &#39;hidden&#39;;
}
</script>
<!-- End of Notification code, info - http://www.tekleisure.com -->

Note: To change the color combination of your transparent notification bar so change the color codes which are highlighted in yellow color.

How To Change Message: To change the message and link of your transparent notification bar change the code highlighted in red color.

Thee colors used in the transparent notification bar are used by our HTML Hex color chart, you can also use it for changing the colors.

2.) How To Add A Transparent Notification Bar In Bottom Of Your Blogger Blog

First see a live demo of this transparent notification bar how it looks and work on your blog, click on the demo button below and check it live.



Step1.) Login to your blogger dashboard.

Step2.) Now Go To Your Blogger Dashboard > Click On Design > Click On Edit HTML.

Step3.) Now Check on the Expand Widget Templates.

Step4.) Now find the following piece of code in your blog's HTML (For finding the code click CTRL + F for the search bar for searching the code easily).

</body>

Step5.) Now copy the code from below and paste it directly above/before the </body> tag.

<!-- Notification code start -->
<style type='text/css'>
#ut-sticky
{
background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9JMcp_FTSD1ZCiR2ypva1JWfidKIM2mFBqFBbsg60-s32aKejCHV0dIkcTNDMXUV_DqUghmUCuRsAzyFYdMNvmuO3Rm7K2RDGwByk20qc29lyDcoK04nvUlyLZefXWb6CB_k1UrOc198v/s1600/ut-bg.png&#39;) repeat;
color:#fff;
margin:0 auto;
border-top: 1px solid #fff;
height:28px;
font-size:13px;
position:fixed;
bottom:0;
z-index:999;
width:95%;
border-top-left-radius:15px;
border-top-right-radius:15px;
display:block;
font-weight: bold;
font-family: arial,&quot;Helvetica&quot;;
font-color:#fff;
}
#ut-sticky:hover
{background:#333;}
#ut-sticky p{line-height:5px; font-size:13px; text-align:center; width:95%; float:left;}
#ut-sticky p a{ text-decoration:underline; color:#FFFF33;}
.ut-cross{display:block; position:relative; right:15px; float:right;}
.ut-cross a{font-size:18px; font-weight:bold; font-family:&quot;Arial&quot;; color:#FF0000; line-height:30px;}
</style>
<div id='ut-sticky'>
<p>Add This Transparent Notification Bar To Your Blog <a href='http://www.tekleisure.com' target='_blank'>Transparent Notification Bar</a></p>
<div class='ut-cross'><a href='javascript:hide_cross();'>X</a></div>
</div>
<script language='JavaScript'>
function hide_cross() {
crosstbox = document.getElementById(&quot;ut-sticky&quot;);
crosstbox.style.visibility = &#39;hidden&#39;;
}
</script>
<!-- End of Notification code, info - http://www.tekleisure.com -->

Note: To change the color combination of your transparent notification bar so change the color codes which are highlighted in yellow color.

How To Change Message: To change the message and link of your transparent notification bar change the code highlighted in red color.

The colors used in the transparent notification bar are used by our HTML Hex color chart, you can also use it for changing the colors.

If you having any problems in installing this transparent notification bar in your blog then drop your questions and comments below.

Read more >>