Pinterest is the name that is making much news on the web for the last one and half month. Many of us know about Pinterest now but for people who do not know, let me tell a bit about it. Pinterest  is a great new innovative social sharing concept that was operated in a closed beta mode over a year now. From March 2012 Pinterest allowed people to register for invitation of joining Pinterest. Pinterest is an online pin-board created with good technology and technical backup. This site is proving to be a great tool to share content on internet. Due to its usability and ease of using it, this site has become a very popular site within a month of its public release. You can visit Pinterest and register for an invitation using your Facebook or Twitter profile. You will get an invitation by e-mail within few days of  registering and you can start creating boards on various topics and pinning content to it.

Get Pinterest follow buttons in various styles

<a href="http://pinterest.com/USERNAME/"><img src="http://passets-cdn.pinterest.com/images/about/buttons/follow-me-on-pinterest-button.png" width="169" height="28" alt="Follow Me on Pinterest" /></a>

<a href="http://pinterest.com/USERNAME/"><img src="http://passets-cdn.pinterest.com/images/about/buttons/pinterest-button.png" width="80" height="28" alt="Follow Me on Pinterest" /></a>

<a href="http://pinterest.com/USERNAME/"><img src="http://passets-cdn.pinterest.com/images/about/buttons/big-p-button.png" width="60" height="60" alt="Follow Me on Pinterest" /></a>

<a href="http://pinterest.com/USERNAME/"><img src="http://passets-cdn.pinterest.com/images/about/buttons/small-p-button.png" width="16" height="16" alt="Follow Me on Pinterest" /></a>

Get the Pinterest Pin button for your website or blog.

<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>
<a href="http://pinterest.com/pin/create/button/" class="pin-it-button" count-layout="horizontal"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>

Use Pinterest pin it button with  Blogger

Use Pinterest Pin It button below title in Blogger

<data:post.body/>

<div> <b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='//assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<a class='pin-it-button' count-layout='horizontal' href='http://pinterest.com/pin/create/button/'>
<img border='0' src='//assets.pinterest.com/images/PinExt.png' title='Pin It'/></a>
    </b:if> </div>

The lightbox concept had hit the internet with a great news. After many years of the introduction of the first lightbox, many extended and better lightbox alternatives are available now. Lighbox could prove to be very useful and people utilized it for many other purposes and to fetch attention of visitors to important content.

Get a Facebook lightbox popup like box widget for blogger

1000*60*60*24*7

<!-- START www.ksnworld.com Lightbox Style Popup Facebook Likebox Widget -->
<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(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(http://1.bp.blogspot.com/-TcJGMnSfOCY/TxrtzzHDLVI/AAAAAAAAFWc/mdndgrisRuA/s1600/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(http://1.bp.blogspot.com/-TcJGMnSfOCY/TxrtzzHDLVI/AAAAAAAAFWc/mdndgrisRuA/s1600/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(http://1.bp.blogspot.com/-PPvu-446sn4/Txrt1QsGH1I/AAAAAAAAFWw/_jWYVoR1HX8/s1600/loading-background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(http://1.bp.blogspot.com/-31strss_1-E/Txrt1J6NThI/AAAAAAAAFWo/4P12CJPj924/s1600/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#F1F1F1;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#F1F1F1;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/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-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>
   1:  
   2: <script src="http://yourjavascript.com/11215013191/jquery.colorbox-min.js">
   1: </script>
   2: <script type="text/javascript">
   3: jQuery(document).ready(function(){
   4: if (document.cookie.indexOf('visited=true') == -1) {
   5: var fifteenDays = 1000*60*60*24*7;
   6: var expires = new Date((new Date()).valueOf() + fifteenDays);
   7: document.cookie = "visited=true;expires=" + expires.toUTCString();
   8: $.colorbox({width:"400px", inline:true, href:"#subscribe"});
   9: }
  10: });
</script>
<!-- This contains the hidden content for inline calls -->

<div style='display:none'>
<div id='subscribe' style='padding:10px; background:#fff;'>
<center><img src="http://4.bp.blogspot.com/-yKl984YHtNc/Tz5eFcKawQI/AAAAAAAAClc/tRhcONEeG9k/s1600/LikeUsOnFacebook.png" width:300px; height:150px;"/></center>
<center>

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fkumarsuhas&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 align="right"><font size="1"><strong><a title="Widgets For Blogger-Facebook lightbox popup like box widget for blogger" href="http://www.ksnworld.com/2012/04/widgets-for-blogger-facebook-lightbox.html" target="_blank">Get This Widget</a></strong></font></p>
</div>
</div>

<!-- END www.ksnworld.com Lightbox Style Popup Facebook Likebox Widget -->

Many Bloggers who operate a blog on Blogger were surprised to see two new widgets options added to their dashboard. These options can be accesses by clicking on Add A Gadget option in the Layout  mode in blogger dashboard. These two options are much awaited +1 Button & Google + Badge.

Get a Beautiful Google Profile Widget With update feed .

Apart from the official Google profile widget provided directly in the Blogger dashboard, a Google plus profile widgets is also provided by widgetplus.com. You can visit the site widgetplus.com to create your widget or simply use the code below to use with Blogger blog or any site.

<!-- START www.ksnworld.com Google Plus profile widget -->
<script type="text/javascript">mbgc='f5f5f5';ww='320';mbc='cecece';bbc='3F79D5';bmobc='3b71c6';bbgc='4889F0';bmoc='3F79D5';bfc='FFFFFF';bmofc='ffffff';tlc='cecece';tc='6a6a6a';nc='6a6a6a';bc='6a6a6a';l='y';fs='16';fsb='13';bw='100';ff='4';lu='6a6a6a';pc='4889F0';wh='340';b='s'; pid='117718167591179881423';</script><script type="text/javascript" src="http://widgetsplus.com/google_plus_widget.js"></script>
<!-- END www.ksnworld.com Google Plus profile widget -->

Learn to find the your Google plus profile Id.

The internet giant Google has introduced their own social connectivity solution Google plus for more than a year now. Google have merged all their profiles with their new social connectivity services operated under the name of Google Plus. Due to this large operation considering the number of profiles with Google service like Gmail and others. Google has not provided a facility to get a Google plus profile with an unique user id like facebook and other social networks provide. Your Google profile is identifies with your own profile id. This is a long numeric Id which is difficult to remember. You require your profile id at various places but do not always know that.

Simple way to find your Google plus profile id.

https://plus.google.com/117718167591179881423/posts

Learn to unlock the add a gadget option for any position in your Blogger layout.

Step 1. Go to your Blogger dashboard and select the blog you want to unlock the gadgets for.

Step 5. A screen will open showing you the source code of your blogger template. Select the option Expand Widget template.

Learn about blog features and select the best blogging platform for your blog.

The image used in this article is licensed under Creative Commons Attribution 2.0 Generic License by the source edkohler

Except otherwise noted,this work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License.

After a good response to the Share This Love heart Sharing Widget for blogger. I am sharing with you one more similar widget now in the form of an egg. The Share This team has come up with a featured widget for social sharing. This beautiful AJAX (Asynchronous JavaScript and XML ) powered egg resides at the bottom left of your blog, it remains fixed to its position and opens up on hover to offers many social sharing and bookmarking option for your visitors. So grab this code and follow the instruction to have this beautiful widget at you site.

Live demo of Share This Egg widget

Step 1. Go to you Blogger dashboard and select the blog that you want to use this widget with. Then go to TEMPLATE, now backup your blogger template.

Learn backing up blogger template

Step 2. Then go to TEMPLATE>EDIT HTML>PROCEED

Step 3. Look for the ending head tag in your template code. You can search for the tag by using Ctrl+F keys. The ending head tag code is in the following box.

</head>

Step 4. Copy and paste the code given below, above the ending head tag.

<!-- Start Egg Bookmarking Gadget Code From http://www.ksnworld.com/ --><script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>
   1: stLight.options({publisher: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); 
</script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/><!-- End Heart Bookmarking Gadget Code From http://www.ksnworld.com/ -->

Step 5. Now find the ending body tag by using the Ctrl+F keys

</body>

Step 6. Now copy and paste the code offered in the box below directly above the ending head tag.

Step 7. Click preview from the options available .

<!-- Start Egg Share Code From http://www.ksnworld.com/ --><div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/></div><script type='text/javascript'>
   1: stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&#39;,&#39;blogger&#39;,&#39;stumbleupon&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});
</script><a href="http://www.ksnworld.com/">Blogger Wordpress Gadgets</a><!-- End Heart Share Code From http://www.ksnworld.com/ -->

Step 8. If you are not satisfied with the position of your widget, change the bottom 2% and left 2% values in the line 2 of the code offered in Step 6. The changes are to be made in the code pasted in your template. Change the values to get your widget to the desired position. Increasing the bottom % value will make the widget move up in the webpage. Increasing the left values will change the position of the widget horizontally

Step 9. Now save your template and enjoy the widget.

Stay tuned to The KsnWorld for more Blogger and Wordpress gadgets.

Blogger by Google is a great blogging platform, Blogger offers many modifications to be made to the template of your blog by directly accessing it. I strictly recommend any modification  directly to the Blogger template only if you are comfortable with it. For simple changes the options of template designer can be used.

Many times we have to edit Blogger templates and make modifications to it, we do this to add useful features to our blog that can not be added from Blogger dashboard. Before making any change I advice you to make a backup copy of your working template by downloading it. In case of anything going wrong with your template you can upload and use the backed up version of your template and restore your blog to working condition.

Follow these simple steps to backup your Blogger blog template

Step 1

Go to your Blogger dashboard and select template of the blog you wish to backup template of.

Step 2

In the screen that opens up , select Backup/Restore from the top right corner of the screen.

Step 3

A new screen will open up with few options. Just click Download full template to download and have a backup copy of your working template.

To upload a backed up or new template, follow the step 1 and step 2 in the same manner as mentioned above but just click choose file in step 3 and select the file of the template that you want to use with your blog.

Make sure that you backup your template every time you are directly going to edit it.

As promised in the earlier article of this series on making money by creating and promoting a website, I am writing about the basics of after launch promotion and maintenance of a website.  One free advise that I can offer to the readers who have landed on this page directly is to check out other articles of this series published before this by visiting links below.

Making Great Income With Your Own Dream Website, Article 1

Making Great Income With Your Own Dream Website, Article 2

Making Great Income With Your Own Dream Website, Article 3

Making Great Income With Your Own Dream Website, Article 4

When you operate a site of any kind. There are some regular to dos for maintaining and promoting your website. As you go on and continue your activities in this industry, you learn a lot from your experience but here are some basics of maintaining and promoting a website that you should know before planning your own site.

Learn the basics of maintaining and promoting a website.

Maintaining and promoting a website can be moderately complicated but for a techno person, this can be an usual task for completion. I have categorized the administration of a website in three broad categories for the ease of understanding. These categories are as below,

1. Ensure Safety and security of your site.

2. Check Performance of your site.

3. Make your site search engine optimized.

All these areas require deep involvement to be an expert with them but here we will just understand the basics of it.

1. Ensure Safety and security of your site.

Your website is hosted on a web-sever. A webserver generally is more secured than a personal computer but still it has many threats from the villains of internet arena. A web server has threat from hackers who hack the servers for various reasons.  You have to protect your server site and content from unauthorized access. If you are hosting on server provided by a reputed host like HostGator , GoDaddy , I-web and such other leading hosts, You will have to worry less but if you are hosting on your own servers or servers by less reputed host,, you will have to be little careful.

There are hundreds of ways to protect your servers from security threats but here you should just understand that you have to protect servers from any physical damage to it, any accidental deletion of the date on it, Spam , Malware , Brut Force Attack , Spoofing , Out of band etc.

You will require skilled assistance and professional services to secure your website from the above mentioned threats.

2. Check Performance of your site.

The performance of your website is very important. It will decide the user experience, bandwidth usage and many important aspects of your website. There are many measures that can be taken to make a website more efficient performer. You can use various services like Yslow , PageSpeed , FireBug , Gtmetrix to measure performance of your site and to repair the issue causing performance issues.

3. Make your site search engine optimized.

search engine optimization (seo)of a website is a complicated and ongoing process. Many companies provide SEO services to make your site visible in search results. You can also learn the basics of SEO for your website. You can go through a series of eight articles offering many interesting and useful tips for optimization of your website for search engines.

Learn search engine optimization of a website.

So this it in this series of articles on creating a website and to make good earning from it. I will be publishing individual posts with further detailing of the topics discussed in this series. Stay tuned to The KsnWorld.

The image used in this article is licensed under Creative Commons Attribution 2.0 Generic License by the source birgerking

Except otherwise noted,this work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License.

Before moving to the fourth article of this series on earning from a website. I recommend users to check out below mentioned earlier articles in this series.

Making Great Income With Your Own Dream Website, Article 1

Making Great Income With Your Own Dream Website, Article 2

Making Great Income With Your Own Dream Website, Article 3

Learn creating a service oriented website

In this article we are going to learn about creating a service oriented site and making money from it. Let us first understand that, what a service oriented site can be ? A service oriented site is a site dedicated to some service or multiple service, these services can either be offered for free or can be charged.

A service based site is actual business activity and requires more resources than any other type of websites. Some known examples of service based sites are Google - which provides search facilities and hundreds of other services under this brand, Facebook- which provides social connectivity service and advertisement service. There are many such services and sites providing them. Most of the top ranking sites in Alexa are service based sites. Sites like YouTube and Flickr are content based sites but operate on large scale and become service based sites.

Now after knowing few service based sites , you can understand the efforts required to create such a site. You are not going to plan creation of next Google or Facebook but you can simply start a concept and later grow it to scales.

The first and most important recommendation I can give you is that creating of a commercial service oriented site is a full time and totally commercial activity and you should know that this will have to be your primary activity and you should have basic minimum resources to do this.

Steps for creation of service oriented site.

To start with the project of creating a service based site, you need to have some concept of a service you are going to offer. If you have a concept that is yet to be introduced and is required by internet users, you have better possibilities of making it popular very early.

You can also go for simple concepts like e-commerce site or and online store. Nowadays many sites offer hosted services that can be used to create an online store in minutes. Some leading services are Shopify , Yokaboo , HighWire etc. You can also go for an self hosted e-commerce site with e-commerce software like X-Cart and Zen Cart. Going for a self hosted e-commerce site will be bit difficult and will require more effort and resources.

Learn about starting an online e-commerce website or online store.

starting an online stores requires you to have some experience of trading and a good strategy to sell products. Offering popular services like  Cash On Delivery, will require you to pour large capital and then enjoy returns. You will also need to have customer care service and quality care norms. Nowadays when large corporates are in this business it is becoming expensive to be competitive. Creating a brand of online store requires great efforts, time and money. Payment integration facilities are provided by many companies in different countries. Services like PayPal, Moneybookers and 2checkOut are very popular but are guided by various country specific norms.  Receiving and processing payment online, delivering goods, consumer safety and trading of goods are activities that are guided by various laws in individual countries. You will need to have good knowledge of all these compliances.

Other online service oriented websites

Some creative minds create great service offered on the internet. Popular site like Facebook and YouTube and even Google are such creations only. A good concept quickly becomes popular on the internet.  If you have such a concept you can also make it a dream come true project but before you proceed know few basic things.

1. Offer time to develop a good concept that will be able to make its market. Discuss with people around you and even internet users over social media sites.

2. Once you have a good concept, make a good promotional strategy. If you lack such abilities , consult someone better for this. Make a project report of your idea and various other aspects of it.

3. Now think of the initial capital required to do this. You will need custom scripts and technical resources to create your website. No open source script will give you 100% of what you need. So even if you use an open source software, you will have to do a lot of customization. Such a website will have to be hosted on a dedicated server with higher configuration. You will also need to spend good money to promotes such project.

4. If you can arrange the basic capital required to start and operate your website over a period , that is great. You can operate your website for over a period and after that you may approach venture capital firms or sell you site to a third party and cash on your initial investment.

Website like Google and Facebook were formed and promoted in this manner only. Popular video hosting site YouTube was also promoted in this manner but was sold to Google after becoming popular.

4. If the initial capital required for your project is more than what could arrange on your own. Now this will be the time to be more of an entrepreneur. You will have to raise funds by approaching venture capital companies, Financial institutions,  High network investors or any other project financers. Raising capital for business projects is guided by laws in different countries. Do mind the laws prevailing in the country you belong to. Raising funds for a project which is yet to be introduced in market requires a lot of efforts but a good concept will find the right people for it.

5. Apart from having a good concept to start with , you project also requires to be updated with new features and services. This can not be done only by you.Once you have adequate capital and other resources, actual administration of these resources is extremely important. If you think that you need assistance over these, you can hire people from good business schools to take care of this.

I can give you an example for this, a very popular anonymous video chat website Chatroulette was promoted with minimum resources and a desired concept. The site became very popular within few weeks of its launch. The site later lost its visitors  due to lacking up-gradation and now is a less visited site than it could have been.

In the next and final article of this series on creating a website and making money from it, We will learn about some basics of maintaining and promoting a website after its launch. Stay tuned to KsnWorld.

The image used in this article is licensed under Creative Commons Attribution 2.0 Generic License by the source BryanAlexander

Except otherwise noted,this work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License.