/india-vs-pakistan.

india-vs-pakistan.

sachin-tendulkar-man-who-became-god.

sachin-tendulkar-man-who-became-god

india-vs-england-2012-2nd-t20i-preview.

sehwag-gambhirs-smug-overconfidence.

all-proteas-players-to-be-given-game.

Showing posts with label Blogger. Show all posts

Saturday, June 29, 2013

How to add music player with picture in blogger,website and also Play audio online.

10:27 AM Blogger, Html codes, Music player No comments

HTML Link
This page contains various HTML link codes - HTML codes for creating links to another web page.

An HTML link is one of the easiest things to do in HTML - you can link to another website within minutes, using one line of code. Having said that, there are lots of other things you can do with HTML links. For example, you can link images, change the color of your HTML links, open a link in a new window, and much more.
Basic HTML Link
How to add music player in your blog:
Blogger>layout
Html/JavaScript
Copy and paste the following code below

You can use the following HTML code to embed a picture into your HTML document. The code uses the <img> tag, which is the official tag to use for embedding pictures on web pages.

You can also check out the HTML images section of the HTML Tutorial.

Example Picture Code/html picture code

<audio src="/music/good_enough.mp3" controls>
<embed
src="/music/good_enough.mp3"
width="180"
height="90"
loop="false"
autostart="false" />
</audio>
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
<embed
src="/music/good_enough.mp3"
width="180"
height="90"
loop="false"
autostart="false" />
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
<audio src="/music/good_enough.mp3" controls>
<embed
src="/music/good_enough.mp3"
width="300"
height="90"
loop="false"
autostart="false" />
</audio>
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
bACKGROUND IMAGE

<div style="background-image:url(http://www.html.am/images/backgrounds/background-image-2.gif);width:300px;height:200px;">HTML background image example</div>
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
bACKGR

<div style="background-color:yellow;width:300px;height:200px;">HTML background color example</div>

If you have any complaint or request please comment.
MyLabofblogger.blogspot.in

Add a social stylish subscribe widget for blogger

6:16 AM Blogger, Stylish Widget, Subscription Box, Widgets 2 comments

Hey guys there is very cool thing for you all because you have to do only four or five simple steps.

Blogger sign in>Layout
Html/Javascript
Copy and paste this code below inside.

<style>
#socialwidget {
border: 1px solid #ebebeb;
width: 300px;
}
.TZ-social{
padding: 10px 10px 10px 10px;
border-bottom: 1px solid #ebebeb;
}
.TZ-social img:hover{opacity:0.8}
.googleplus {
background: #ffffff;
border-top: 1px solid white;
border-bottom: 1px solid #ebebeb;
font-size: 12px;
color: #000;
padding: 9px 11px;
ine-height: 1px;
font-family: Verdana, Geneva, sans-serif;
}
.googleplus span {
color: #000;
font-size: 11px;
position: absolute;
margin: 9px 70px;
width: 310px;
}
.g-plusone {
float: left;
}
.twitter {
background: #ffffff;
border-bottom: 1px solid #ebebeb;
padding: 10px;
}
.TZ {
background: #ffffff;
border-top: 1px solid white;
font-size: 12px;
color: #000;
padding: 9px 11px;
line-height: 1px;
font-family: Verdana, Geneva, sans-serif;
}
.TZ span {
color: #000;
font-size: 11px;
position: absolute;
margin: -12px 100px;
width: 310px;
}
#widgetbox .author-credit a {
font-size: 10px;
font-size: 10px;letter-spacing: 1px;
color: #1E598E;
text-decoration: none;
}
.email-subscribe-emailbox {
padding: 5px 10px;
font-family: "Arial","Helvetica",sans-serif;
border-top: 0;
border-image: initial;
height: 42px;
background: #EFF8FB;
width: 280px;
}
.email-subscribe-emailbox form {width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;}
.email-subscribe-emailbox input.emailu {float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;color: #999;padding: 7px 10px 8px;width: 100%;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 13px;}
.email-subscribe-emailbox input.emailu:focus {color: #333;}
.email-subscribe-emailbox input.submitu {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: white;padding: 7px 14px;font-weight: bold;font-size: 12px;float: right;cursor: pointer;}
.email-subscribe-emailbox input.submitu:hover {text-decoration: none;}
.TZDefault {border: 1px solid #dedede;text-shadow: #d08d00 1px 1px 0;background-color: #ff9b00;background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ffca00),color-stop(1,#ff9b00));background: -webkit-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: -moz-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: -o-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: -ms-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: linear-gradient(center top,#ffca00 0,#ff9b00 100%);}
.TZDefault:hover {background-color: #ff9b00;background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ffe480),color-stop(1,#ff9b00));background: -webkit-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: -moz-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: -o-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: -ms-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: linear-gradient(center top,#ffe480 0,#ff9b00 100%);}
</style>
<div id="socialwidget">

<div class="TZ-social">

<center>
<a style="margin-right: 10px;" href="https://www.facebook.com/pages/Rajjaiswal/408292962587555" target="_blank" rel="nofollow">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJhDYPQ33U7GThBhUlGdToouZPHnJq73GoJItORlhhZto4fbUCQQFOvsJRibBI-ERlLY_SfuXqt5PvdfzMRtH6rJsITl72Zbe4UM3UOEbgwhqpWKk9pVeVrdHhXOqB9T79I4-Z1Db8J3g/s1600/facebook.png" title='Facebook'/></a>
<a style="margin-right: 10px;" href="http://twitter.com/rajjaisw" target="_blank" rel="nofollow">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix42bJkUeHZpE5w74z7O1ozkUH2LaJmyucVKIVOtbLKUhJ5kzbZj0Omr9Lqjql3WnZG79Nj-J4cx6fXEmfGznixe_RvP_vBDC57JAIuyS9KZ6cDpNQNBKHSaKNr1HvcZClDzwhA60X2LY/s1600/twitter.png" title='Twitter'/></a>
<a style="margin-right: 10px;" rel="me" href="https://plus.google.com/111233461423555690921" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoiSTTTVL2XkuvZeTUbqbLi27GXuJgkLRu62YYbzEYLTmfQRkn-IAbpZs2uZ2eRunrXr-XOHNRbaMeer1-kSS3ifLxFE5C9r8A1_Q5nzcqQKelr2E-egz30Z3r6ZwQhGydRcTpNW_v6d8/s1600/gplus.png" title='Google Plus'/></a>
<a style="margin-right: 10px;" href="http://pinterest.com/vishalassassin/" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZgegYfilD2zmDg8eRayN_nMy8bwhb-mhTDFlPmM-RAskhPpy2tVH8Ms67fjewxfxJmv7mAQsrZ49dyRm3WxDKAwkJLOrNqLbkBWTjD9tezg0-dabKWgW0JzeCsudojcPclhqoa_nnGec/s1600/pinterest.png" title='Pinterest'/></a>
<a style="margin-right: 10px;" href="http://feeds.feedburner.com/zgamerx" target="_blank" rel="nofollow">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNa3Kjv4I-2gYX8xXwGwy0Cj2XpCk624HwR0skeJoM_Wu5-AtrPG6g0hHvcdpZ3mctnncApQQTkaHZYHJv7nRRS1larkfeCpW_4HJCAGEyK-Up923p1KaLgTEh4ecqN-U5oTh1j6HTAXo/s1600/rss.png" title='RSS Feed'/></a>
</center>
</div>
<div class="googleplus">
<span><font><font>Recommend Us On Google </font></font></span>


<g:plusone size="medium" href="http://www.mylabofblogger.blogspot.in"></g:plusone>


<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</div>
<div class="TZ">

<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com%2Fzgamerxs&send=false&layout=button_count&width=450&show_faces=true&action=like&colorscheme=light&font=verdana&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowtransparency="true">
</iframe>
<span>Like Us On Facebook</span>
</div>
<div class="twitter">

<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.1335513764.html#_=1335528101755&id=twitter-widget-0&lang=en&screen_name=rajjaiswal&show_count=true&show_screen_name=true&size=m" class="twitter-follow-button" style="width: 244px; height: 20px; " title="Twitter Follow Button">
</iframe>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
</div>
<div class="email-subscribe-emailbox">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=zgamerx', 'popupwindow', 'scrollbars=yes,width=550,height=520'); return true" target="popupwindow">
<table width="100%">
<tr>
<td>
<input class="emailu" name="email" placeholder="Enter your email" type="text"/>
</td>
<td width="70px">
<input class="submitu TZDefault" type="submit" value="Subscribe"/>
</td>
</tr>
</table>
<input name="uri" type="hidden" value="mylabofblogger"/>
<input name="loc" type="hidden" value="en_US"/>
</form>
</div>
<div id="widgetbox" style="background: #EBEBEB;border-top: 1px solid #ddd;padding: 1px 8px 1px 3px;text-align: right;border-image: initial;font-size:10px;font-family: "arial","helvetica",sans-serif;">
<span class="author-credit" style="font-family: Arial, Helvetica, sans-serif;"></span>
</div>

</div>

Copy the above code and paste it to your blog.

Replace facebook username as Rajjaiswal to your username

Replace Twitter username as Rajjaisw to your username

How to add word press subscription box in Blogger.

6:04 AM Blogger, Subscription Box, Widgets, Wordpress Subscription Button 5 comments

Hey guys you are geeting the html code for SUBSCRIPTION box as like as WordPress.
Do the following steps for putting this code to your blog.

Open blogger>Layout
Html code
Paste the following codes and enjoy.

Html Codes for background color putiing in your website or blogger

5:23 AM Blogger, Html codes, Website No comments

Hey guys here is good news because you get Html Background codes.Please copy and paste it to your website.
Background Color
This example changes the background color of the scroll box. In HTML, you change background color using the CSS background-color property:

HTML Code:

<div style="height:90px;width:150px;overflow:scroll;background-color:#67F152;">We have added a background color to this HTML scroll box. This is done using the CSS 'background-color' property.</div>

HTML Codes:

<div style="height:90px;width:150px;overflow:scroll;background-color:#67F152;color:#A6120D;">We have changed the color of the text inside this scroll box. We did this using the CSS 'color' property.</div

You are able to paste one of these html codes to your website.
HTML codes are used for looking your website beautiful generally.

How to add a subscription cool box in blogger.

5:08 AM Blogger, Subscription Box, Widgets No comments

Hey Guys you are very interested to know that how to add cool subscribe box in your blog.
Then do some work which helps you for gettind subscription box in your blog.

Open blogger.com
Layout
Edit Html
And paste the following code.

How to automated blogger spam classification system.

4:06 AM Beginners Guide, Blogger No comments

Are you also among those who are being targeted by blogger automated spam classification system?What would you do ,If some day you rose up in the morning and saw your site getting removed by blogger automatic spam.Probably,it would turn out to be a nastiest nightmare for a dedicated person who almost spends years in building his brand,so before this nightmare could become reality ti is essential for you to understand the blogger automated spam classification system.
What is blogger automated spam classification system?
It is an automatic algorithm,which tracks your site for of malicious code,If it sneaks suspicious activities going on your site,it straightaway disables your website without even checking your reputation or vice versa.Since this system is automotive,so the chances are quite prominent that it might be some false positive.
Why automatic spam system mark your site as SPAM:
If your site is not incompliance with the rules and regulations as prescribed by google then,sooner or later you probably would say a good bye to your blog.In this situation, you will not even geta second chance so keep in mind your blog's survival is in your hands.

How and when to monetize your blog with advertisement program.

11:11 PM Adsense, Adsense Alternatives, Amazon, Beginners Guide, Blogger, Guides, Internet Make Money, Making Money, Making Money Online, Skimlinks No comments

"Monetize" a blog is simply means adding advertisement so you can make money.It's done by signing up for programs which enable you place ads on your blogs, and get paid for it.Before we look at the various monetization methods you can use,let's consider how to use them effectively.
Many new bloggers make a fundamental mistake:they put ads in their sidebars, and a banner or two at the top and bottom of their blog,and think that's enough.It isn't- that will make you few dollars at best.Readers come to your blog to read the posts or pages and many won't even notice what's in the sidebar or at the bottom of the screen.You need to monetize within your blog posts and pages,if you want to make real income.
How to monetize your blog
Consider the subject of your blog(and your blog is all about one subject,isn't?-you must specialize to monetize successfully).Create some pages featuring relevant products.Write blogs posts which are reviews of recommended books,products and services related to your subject.
That doesn't mean you have to turn every blog post into a sale s pitch.You may br surprised how often you can find a relevant product to advertise within a post
AdSeNsE
Adsens is a PPC program .Google makes it so easy to add adsense to your blog, that's often the first option bloggers jump to that-but it may not be the best choice.
Because of phenomenon called 'smart pricing',it may not be a good idea to swamp your nascent blog with lots of AdSense ads while it's still small.Many internet gurus advise not using Adsense at all until your blog is well established and starting to get decent traffic.Like i said ,not everyone agrees with that advice.
There are alternative PPC program out there,such as Chitika.
Amozon
Amazon is advantage that theyhave such a huge range of products,there's bound to be some which are relevant to your blog.Amazon can pays commission on US purchase only,and you'll have to sign up separately (and advertise separately) if you want to promote products from Amazon.co.uk and other international Amazons.
Skimlinks
One of the easy option-Skimlinks.With Skimlinks,you get instant access to all the big affiliate networksand thousands of merchants,instead of having to apply to each one individually for approval.

How to start or enable comment notification in blogger.

8:55 PM Beginners Guide, Blogger, Comment Notification No comments

Are you receiving comment notification on your email address? By default, comment notification are turned off,so you don't receive any emails whenever some one leaves a comment to your website.Blogger has a built in features that allows you to either turn on or turn off the notification anytime that you like.Here we will you show you how to start to get notification of comments or enable to your website.

Firstly you have your own blogger.com sign in.Here your dashboard comes on your screen.Select the blog on which you want to enable comment notification,go to: settings then mobile and email.Insert the email address in the text box present next to the "Comment notification email".You can enter up to ten email address,separated by commas.Blogger will email these addresses when someone leaves a comment on your blog.

After you finish entering the email address,press the orange "save setting" button present at the top of right corner of your screen.Now whenever anyone would leave a comment on your site you will automatically receive notification on your allocated email addresses

Top AdSense Alternative 2013:Media.net,Federated Media,Tribal Fusion,Casale Media,

10:20 AM Adsense, Adsense Alternatives, Beginners Guide, Blogger, Internet Make Money, Making Money, Making Money Online No comments

There is not only one way to earn money.So,Please don't tell anytime adsense:adsense and adsense.Here we are going to tell you top alternatives ads which provides you same services as adsense.AdSense for specific blogs!But,Yes they do require some more pages views to get approved and they pay well.

Top adsense alternative:Media.Net CPM Network

Media.net is a contextual advertising network similar to adsense.The only difference is the pay per view(CPM model) and have some great rates!Media.net is leading the CPM industry and at instances better than adsense!Yes,they offer a cpm of$2,the maximum in the industry!You can have a detailed review of Media.net.They are able to provide a high CPM only because they allow quality publishers in their network.

Top adsense alternatives: Federated Media.

Federated Media allows an access to premium publishers with business,living and technology niche!They have a good number of premium publishers which you can browse before applying for a publisher account!With Federated Media,You can earn high returns and it is one of the reasons why many publishers prefer Federated Media.

Tribal Fusion

Tribal fusion is one of the top CPM network paying$1 CPM for overall traffic with high fill rates.Though it's meant only for premium publishers who have more than 5,00,000 pages views a month and the blogs content whirl on issues related to technology!So,if you want to join tribal fusion best of luck and try to give your 100 %.

Without adsense many ways to earn money as same as adsense.

9:30 AM Adsense, Blogger, Internet Make Money, Making Money, Making Money Online 1 comment

Blogger is robust and an amazing product that has sprung up to be an open source CMS system.There are so many people and corporate companies who are earning more than decent amount from this simple and modest blogging platform called blogger.There are lot of ways through which you can use blogger to make a decent amount of revenue,including some real interesting ones.This platform is something that could accommodate anything you just name it,and this platform certainly has it.Therefore,in this article,we will show you how you can make money with blogger platform.

Adbrite
Adpeper
Infolinks
Infinityads
clicksor
Burst Media
Adcash
Ad Jungle
Chitika
Bidvertiser
Kontera
Amazon
Auction Ads
Black Label Ads
Ebay Ad Context
Link Share Ads.
Valid Click
Yahoo Publisher Network.
Text Links Ads
Tribal Fusion
Value Ad
Way Point cash

How to delete properly more than one post in blogger.

5:21 AM Beginners Guide, Blogger No comments

You are creating to many post in which few of them mistakely be wrong content.You want to delete that content or post.
you have to do following case:

First open your blogger.com and sign in.
Then click on posts
There is option of delete
Click on delete button
And your post will delete automatically.

If you are not understanding this post please comment ,Our service contact you through email.

How to properly named label in blogger for your posts.

12:52 AM Beginners Guide, Blogger, Knowledge, Starting Age 3 comments

Having a decent category structure on your site makes it easier for your reader to navigate and find the right content.This is the reason why blogger offers label categories so that you can properly organize your content in a systematic way or manner.As your sites started to grow,there is always a room for an improvement.You might need to change the name of your labels or merge them with other labels.In this article,We will show you how to properly rename or delete labels in blogger.

You need to select all posts through the check box allocated next to the tittle of your posts.After selecting the posts properly,press the "label action button"present just above the list of your posts.On pressing it a drop down window will appear,select "New Label" and enter a fresh label name which you want to give to your selected posts.Once press OK button to conclude.

Taking care:

You can edit up to 50 posts at a time.If you selected more than 50 posts then,it would probably show you some errors.

Make sure you are selecting the correct label to edit because if somehow choose a wrong one it might mess up everything.

Why Blogger has better SEO options than any other free platforms or services.

12:31 AM Beginners Guide, Blogger, SEO, Starting Age No comments

While choosing a perfect blogging platform people always questions about on thing,does it is better for SEO?The half of the world prefers Blogger while the rest recommends wordpress but ultimately both has their own pros and cons.People always think Blogger is not a suitable platform to create a professional website,mainly because it does not provide flexible options to optimize you r site for SEO.What most people don't know is that blogger is probably the simplest and most powerful platform and it also had decent SEO score.In this article,we will provide an in-depth detail why blogger is better than wordpress or any other free platforms in terms of SEO?
What options does blogger offers for SEO?
By default, blogger provides constructive permalinks.In spite of all this,blogger also offers a robust option to choose custom URL for your posts. you can choose select few keywords and can use them in your URLs so that it can generate decent organic traffic from search engine.However, keep in mind stuffing your permalinks with many keywords would decrease the weightage of your keywords altogether.The more keywords you will add in the permalinks,the less will be the keyword weight and hence ,its relevancy would be lower in the searchresults.

Write fresh content :
Writing fresh and unique articles is another way to divert the attention of your visitors.Now you might be thinking how a piece of content would help you in ranking?Why people always prefer to write fresh and high quality content?

How to create short URLs for your blog using google shortener and you use and create Google URL shortener.

12:08 AM Beginners Guide, Blogger, Knowledge, Starting Age No comments

With the rise in the social media,we are continuously seeing people are giving more significance or important to branding.The branding starts from the facebook Cover,personalized twitter background,but that's not all.While sharing anything on their social profile most of the top companies always prefer small URLs instead of long Tail URLs.If your site is hosted at Blogger.com,then we have good news for you.To get a slim small URLs for your content,There is no need to rely on third party URL shorting services.You know that google is providing this facility to us for free that does the job quite brilliantly.Here in this article we are going to know How to create Short URLs for the Blogger.com or blogspots?

Why to use the Google URL Shortener?

People often share lots of links online .With character limits in tweets.You do not get enough room to say what's in your mind.In this situation.Small URLs provides you the room to express your thoughts within the same status update or tweet.Following are the goodness of the service.

Stability-One of the most reliable services with almost 100% uptime
Speed-With high speed google server,it loads URLs quicker than any other services.
Security-Sends warning and notification if URLs point to malware or phishing or spam website.
Analytics-Not only tracks the number of clicks on your link but also provide the geographical details or the users.

How to create Short URLs with google URL shortener?

First log in to your gmail account.
Then open a new tab and type:goo.gl/QoSaR.
Here is open google shortener and paste the link
You will automatically redirected on the Long URL that you just shorten few moments a go.

How to choose a perfect title for blogger blog or website.

11:38 PM Beginners Guide, Blogger, Knowledge, Starting Age No comments

You are starting your blog.You have some title or your blog website name appears their.What to do now,You have to write that tittle for which your website is related for as for example:your website is for songs and you want that peoples comes in your website and download all language songs.Then you have to put your name as Songs download,Bollywood Songs and all languages songs.Your website comes in search engine in a good rank,If your tittle is not perfect please correct it now.
You see some pictures related with where you write tittle in blogger:

open blogger.com
On left side there is a button New blog
Click on new blog then there is some content like this

Why we use blogger for making money for popularity for giving knowledge to others.

8:48 PM Beginners Guide, Blogger, Knowledge, Making Money, Popularity No comments

Blogger is becoming so famous out of these days.There are many peoples who joined blogger and work.Some peoples have also want to make money that is why they join blogger.com.
Many of blogger are also posting that things which gives other knowledge they are not think about money only proceed their work.If you only think of your work then money is absolutely come for you.
Blogger is such a way who gives you knowledge by yourself earn money with yourself.
There are more than 40,000 bloggers in this world who work in Blogger.In which some of them was not able to make money and in same case some of them are able to make money for their original content.If you are copy and pasting content to your website your site traffic and site rate is going down.If you are posting your original content then google will provide you to make money online.
If your website traffic is high then its time to earn money and also to become famous.
How should you make money from your website.

First you have your gmail account .
Sign in your gmail account .
In upward side there is more button .
Click more button.
Then blogger found there.
sign in to your blogger account password is same as you use in gmail account.
Make blog and start posting your original content.

Add Floating Sharing buttons to sidebar

8:54 PM Blogger, Blogger Widget, Floating, Sharing Button, stylish No comments

Add Floating Sharing buttons to sidebar

Hey Guys, Checkout this cool Floating Sharing buttons to sidebar .

margin-left: -84px;

z-index:10;
float:left;
padding-bottom:2px;
}
#pbtsidebar {
        background:#fff;
        border-top:1px solid #ddd;
        border-left:1px solid #ddd;
        border-bottom:1px solid #ddd;
        border-radius:5px;
       -moz-border-radius:5px;
       -webkit-border-radius:5px;
        padding-left:5px;
        width:60px;
        margin:0 0 0 5px;
}
.fb_share_count_top {width:52px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:52px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>

<div id="pbtfloat">
<div id="pbtsidebar">
    <table cellpadding="1px" cellspacing="0">

    <tr>
    <td style="padding:5px 0px 0px 0;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="probloggingtool">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    </td>
    </tr>
    <tr>
    <td style="padding:5px 0 2px 0;">
    <a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
    </td>
    </tr>
    <tr>
    <td style=" padding:5px 0px 0px 0px;">
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: 'en-US'} </script>
<g:plusone size="Tall" expr:href="data:post.url">
    </g:plusone></td>
    </tr>
    <tr>
    <td> <a href="" style="color:#000000; font-size:8px"> </a>
    </td>
    </tr>
        </table> </div> </div>

4. Adjust the position of the widget, edit -84px;
5. Save the Gadget and see your blog again.
6. You can use this in blogspot blog.

Add Social Sharing Button With Hover Effect V2

8:53 PM Blogger, Blogger Widget, Sharing Button, Social No comments

Add Social Sharing Button With Hover Effect V2

Hey Guys, Checkout this cool social sharing button with hover effect for blogger.

If you want to add this widget to your blog just follow this simple steps.

1.Go to Blogger > Layout
2.Click on 'Add a Gadget'
3.Choose HTML/Javascript
4.Copy Paste the code given below inside it.

<style type="text/css">
.pbtv2Social {
display: block;
margin: 2em auto;
width: 200px;
height:40px;
}
.pbtv2Social span {
float: left;
display: inline;
margin-right: 8px;
}
.pbtv2Social span a {
display: block;
width: 32px;
height: 32px;
text-indent: -9999px;
background-color: none;
background: transparent url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwhncNu9GPTQ8JjUbJw4oJlRl8J0d866A7sKolgupPhO41Nz0u8ghuzY2Z1_OmI2aN149x0dGxEAhcnZspUPDlo6JLfMvw_JCNWNYAeabATV-HOX13Ba7Ca8APmCPDc7FnZ2OzppjIjj6i/s1600/social+icon.png") 0 0 no-repeat;
}
#iconTwitter {background-position: -33px -33px;}
#iconFacebook {background-position: -66px -33px;}
#iconRSS {background-position: 0 -33px;}
#iconYouTube {background-position: -99px -33px;}
#iconGooglePlus {background-position: -132px -33px;}
#iconTwitter:hover {background-position: -33px 0;}
#iconFacebook:hover{background-position:-66px 0}
#iconRSS:hover{background-position:0 0}
#iconYouTube:hover{background-position:-99px 0}
#iconGooglePlus:hover{background-position:-132px 0}
</style>
<div class='pbtv2Social'>
<span><a href='twitter.com/vishalassassin' id='iconTwitter' target='_blank' title='Follow us on Twitter'>Twitter</a></span>
<span><a href='http://www.facebook.com/zgamerxs' id='iconFacebook' target='_blank' title='Join us at Facebook'>Facebook</a></span>
<span><a href='http://feeds.feedburner.com/zgamerx' id='iconRSS' target='_blank' title='Subscribe our RSS Feed'>RSS</a></span>
<span><a href='youtube.com/vishalassassin' id='iconYouTube' target='_blank' title='Follow our YouTube Channel'>YouTube</a></span>
<span><a href='https://plus.google.com/u/0/108432524418882740014/' id='iconGooglePlus' target='_blank' title='Follow us at Google+'>Google</a></span></div>
</div>
</div>

Customizations

Replace vishalassassin with your twitter username.
Replace zgamerxs with your facebook username.
Replace zgamerx with your feedburner username.
Replace vishalassassin with your youtube username.
Replace 108432524418882740014 with your google plus id.

How to Add Thesis Style Social Subscription Box for Blogger

9:15 PM Blogger, Subscription, Widget No comments

Everyone likes stylish subscription box , Checkout this Wordpress style subscription box

If you want to add this widget to your blog just follow this simple steps

1.Log in to Blogger
2.Go to Layout > Add a Gadget
3.Choose HTML/Javascript
4.Add the following code to it

<!- Thesis Email Subscribe Widget ->
    <div id="sidebars">
    <ul class="sidebar_list">
    <li id="social-profiles">
    <ul>
    <li>
    <a class="social facebook" rel="nofollow" target="_blank" title="Facebook Fan Page" href="https://www.facebook.com/zgamerx">Facebook</a>
    </li>
    <li>
    <a class="social twitter" rel="nofollow" target="_blank" title="Twitter Profile" href="https://twitter.com/rajjaisw">Twitter</a>
    </li>
    <li>
    <a class="social googleplus" rel="nofollow" target="_blank" title="GooglePlus" href="https://plus.google.com/u/0/109426816434341730525">GooglePlus</a>
    </li>
    <li>
    <a class="social rss" rel="nofollow" target="_blank" title="RSS" href="http://feeds.feedburner.com/zgamerx">Rss</a>
    </li>
    <li>
    <a class="social youtube" rel="nofollow" target="_blank" title="Youtube Channel" href="http://www.youtube.com/thefreshersclub/area51blog">Youtube</a>
    </li>
    </ul>
    </li>
    <li id="sidebar-social">
    <p id="email-notice">
    Join over 300 people who get free and fresh content delivered automatically.
    <span></span>
    </p>
    <div id="email-form">
    <h6>Get Email Updates</h6>
    <form class="nice custom" style="" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=The-Area51', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
    <input class="input-text" type="text" name="email" onblur="if (this.value == '') {this.value = 'Enter Your Email Address';}" onfocus="if (this.value == 'Enter Your Email Address') {this.value = '';}" value="Enter Your Email Address" />
    <input type="hidden" value="InfozGuide" name="uri" />
    <input type="hidden" name="loc" value="en_US" />
    <input class="button" type="submit" value="Hook Me Up" />
    <p>
    We Respect Your Privacy.
    <br />
    We never encourage SPAM. You can unsubscribe any time.
    </p>
    </form>
    <span style=" line-height:0px; font-size:8px; font-weight:bold; margin-left:270px;
       ">
     <a style="color:#000000;" href="http://www.the-area51.com">Get this</a> </span>
    </div>
    </li>
    </ul>
    </div>
    <style>
     #sidebars {
        border: 0 none;
        float: right;
        padding: 0 15px;
        width: 310px;
    }
    #email-notice {
        background: none repeat scroll 0 0 #66CCFF;
        color: #000000;
        font-size: 14px;
        line-height: 1.5;
        margin: 0 0 20px;
        padding: 15px 20px;
        position: relative;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    }
    #email-notice span {
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-top: 10px solid #66CCFF;
        bottom: -10px;
        height: 0;
        position: absolute;
        right: 40px;
        width: 0;
    }
    #email-form {
        background: none repeat scroll 0 0 padding-box #313131;
        border-bottom: 5px solid #202020;
        border-radius: 2px 2px 2px 2px;
        text-shadow: 0 -1px 0 #000000;
    }
    #email-form h6 {
        color: #FFFFFF;
        font-family: arial;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0;
        padding: 15px 20px 0;
        text-transform: none;
    }
    #email-form form {
        color: #FFFFFF;
        margin: 0;
        padding: 20px 18px;
    }
    #email-form input.input-text {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #222222;
        margin: 0 0 10px;
        padding: 8px;
        width: 94%;
    }
    #email-form .button {
        background: none repeat scroll 0 0 #FFFFFF;
        float: right;
        margin: 0 0 0 10px;
    }
    #email-form p {
        color: #CCCCCC;
        font-size: 12px;
        line-height: 18px;
        margin: 0;
    }
    #sidebar-social {
        float: left;
        font-size: 12px;
        margin: 0 0 15px;
        width: 100%;
    }
    ul.sidebar_list {
        list-style: none outside none;
    }
    li.widget ul {
        list-style: none outside none;
    }
    #social-profiles {
        float: left;
    }
    #social-profiles ul {
        float: left;
        list-style: none outside none;
        margin: 0 5px 20px;
    }
    #social-profiles ul li {
        float: left;
    }
    #social-profiles ul li a {
        display: block;
        float: left;
        height: 32px;
        margin: 0 15px;
        text-indent: -999em;
        width: 32px;
    }
    #social-profiles a.social {
        background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQvMX6yfgghoXr9t1D8nf-T7FGAb3eSmhR23wSxtl7Y5LVbV4WZ9Slb0QhV4UDbvrkxzrL-4BTERBmvNrrP3FOEbQWsn1Tn7CMRp86eIGZY9d38GFBxCEqyLlagk4fxgxuCDYaeYlhLUo/s1600/social.png") no-repeat scroll 0 0 transparent;
    }
    #social-profiles a.facebook {
        background-position: -79px 0;
        height: 32px;
        margin: 0 15px 0 5px;
        width: 32px;
    }
    #social-profiles a.facebook:hover {
        background-position: -79px -74px;
        height: 32px;
        width: 32px;
    }
    #social-profiles a.twitter {
        background-position: -5px -111px;
        height: 32px;
        width: 32px;
    }
    #social-profiles a.twitter:hover {
        background-position: -42px 0;
        height: 32px;
        width: 32px;
    }
    #social-profiles a.youtube {
        background-position: -42px -37px;
        height: 32px;
        width: 32px;
    }
    #social-profiles a.youtube:hover {
        background-position: -5px -37px;
        height: 32px;
        width: 32px;
    }
    #social-profiles a.rss {
        background-position: -42px -74px;
        height: 32px;
        width: 32px;
    }
    #social-profiles a.rss:hover {
        background-position: -79px -37px;
        height: 32px;
        width: 32px;
    }
    #social-profiles a.googleplus {
        background-position: -5px 0;
        height: 32px;
        width: 32px;
    }
    #social-profiles a.googleplus:hover {
        background-position: -5px -74px;
        height: 32px;
        width: 32px;
    }
    * {
        margin: 0;
        padding: 0;
    }
    .custom .sidebar ul.sidebar_list {
        padding: 15px 0;
    }
    </style>
    <!- Thesis Email Subscribe Widget ->

Customizations

Replace zgamerx with your Facebook Username.
Replace twitter with your Twitter Username.
Replace 109426816434341730525with your Google+Username.
Replace zgamecity with your FeedBurne Username.

Popular Posts

Popular Posts

Saturday, June 29, 2013

Copy the above code and paste it to your blog.

Friday, June 28, 2013

Thursday, June 27, 2013

Wednesday, June 26, 2013

Friday, June 7, 2013

Add Floating Sharing buttons to sidebar

Add Social Sharing Button With Hover Effect V2

Friday, April 26, 2013

Gamer City z

Free for your eye videos

Social Profiles

Translate

B

Blog Archive

Blogger templates

Labels

Points table

Blog Archive

Blogroll