Blog Ki Left Side Me Floating Social Media Share Buttons Kaise Add Kare

Blog Ki Left Side Me Floating Social Media Share Buttons Kaise Add Kare
Social media blog ki traffic badhane ka sabse acha tarika hai. sath hi social media se hume blog ki post search engine me dikhane me bhi help milti hai. har blogger chahata hai ki uski post ko log jada se jada share kare.aaj mai aapko is tutorial me facebook, twitter, google plus, pintrest, linkedin ke flouting buttan blogger left side me add karna bta raha hu. jisse aapke blog ke visitors blog post ko direct social network par share kar sakte hai. iise pahle mai blog ki Har post ke niche/upar social share buttan lagane ka tarika bta chuka hu.

Floating Social Media Share Buttons Blog Me Kaise Use Karte Hai?Step 11. first is code ko copy kare.<style type="text/css">#social-buttons {

position:fixed;bottom:10%;margin-left:-740px;float:left;border-radius:1px;padding:0 0 2px 0; }#social-buttons .button-share{

float:left;clear:both;margin:2px 2px 0 2px; }</style><div id='social-buttons' title='Get This Widget'><div class='button-share' style='margin-left:3px; id='pinit'><script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script><a href="//www.pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.manidin.com%2F&media=http%3A%2F%2Fwww.manidin.com%2F&description=Next%20stop%3A%20Pinterest" data-pin-do="buttonPin" data-pin-config="above"><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png" /></a><div/><div class='button-share' style='margin-left:3px;' id='gplusone'><div class="g-plus" data-action="share" data-annotation="vertical-bubble" data-height="60"></div><script type="text/javascript"> (function() {

   var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;   po.src = 'https://apis.google.com/js/platform.js';   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();</script></div><br/><div class='button-share' id='like' style='margin-left:3px;'><div id="fb-root"></div><script>(function(d, s, id) {

 var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><div class="fb-like" data-send="false" data-layout="box_count" data-width="40" data-show-faces="false"></div></div><br /><div class='sbutton' style="margin-left: 3px;" ><a class='twitter-share-button' data-count='vertical' data-via='Manidin' expr:data-counturl='data:blog.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a><script src='http://platform.twitter.com/widgets.js'; type='text/javascript'></script></div><script src="//platform.linkedin.com/in.js" type="text/javascript">lang: en_US</script><script type="IN/Share" data-counter="top"></script><br /><div class='button-share' style='margin-left:3px;' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div><br/><div class='button-share' id='digg' style='margin-left:3px; width:45px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div><br/><div style="clear: both;font-size: 9px;text-align:center;"><a style="color: #3399BB;" href="http://www.onlinehindimehelp.com/2015/09/blog-me-floating-social-share-buttan-kaise-use-kare.html">Get This Widget</a></div></div></div></div>2.Bottom:10%;  Margin-left:-740px;code ki madad se aap social share buttan ki jagah set kar sakte hasi.Code Ko Blog Me Kaha Add Kare?Step 21. Blog kedashboard >> layoutpar click kare.2. ab kahi bhiAdd a Widgetpar click kare.3. HTML/Javascript gadget select kare or code paste kare.4.Savepar click karkeSave arrangementpar click kare. ab bus save kardo add ho gya

Blogger Me Colorful Label Kaise Use Karte Hai

meri humesha koshish rahti hai ki mai aapke liye kuch behtar kar saku. so aaj hum blogger ke ek new feature ke bare me janenge. hum jo blog me label (tag) use karte hai. wo labels agar rangeen ho to visitors ki nazar use ingore nahi kar sakti, so aaj me is tutorial me aapko blog me rangeen label use karna sikha raha hu. maine apni site me ise pahle use kiya hua hai. aap chahe meri site ke right side me iska Demo bhi dekh sakte hai.

Use Kare?

maine isse pahle ek post ki huyi hai color generator ke naam se, usi generater ki madad se maine ye widget banayi hai. agar aapko lagta hai ki aapke visitors rangeen label ko pasand karenge to aap apne blog me colorful label use kar sakte ho. blogger ke liye widget, template, banana koi kathin kaam nahi hai, bas ek bar aap blogger ki coding sikh jao to aapke liye ye kaam nahut aasan hai. to dosto ek bar is trick ko try jarur kare. blog ki traffic badhane me ye trick bahut kaam ki hai.

1. apne blog ke Dashboard >> Layout par click kare.

2. Ab jaha aap colorful label use karna chahe waha Add a Widget par click kare.

3. ab ek popup window khulegi usme “Labels” par click kare.

1. Cloud par tick kare

2. ab Save button par click kare.

Step 2

1. Ab blog ke Template >> Edit HTML par jaye.

2. html box me kahi bhi click kar ke Ctrl+F dabaye or ]]></b:skin> code search kare.

3. ab ye code paste kare or ]]></b:skin> ke upar (above) paste kare.

/* css color label start by OHMH.

.sidebar .label-size {   position:relative;   text-transform: uppercase;   text-decoration:none;   font-size:13px;   font-family:Open Sans;   color:#fff!important;   }

.sidebar .label-size a {   color:#fff!important;   font-weight:bold;   padding:8px 10px;   margin:0 6px 6px 0;   float:left;   display:block;   -moz-transition: all 0.4s ;   -o-transition: all 0.4s;   -webkit-transition: all 0.4s ;   -ms-transition: all 0.4s ;   transition: all 0.4s ; } .sidebar .label-size-1 a {backgro .sidebar .label-size-1 a:hover {b .sidebar .label-size-2 a {backgro .sidebar .label-size-2 a:hover {b .sidebar .label-size-3 a {backgro .sidebar .label-size-3 a:hover {b .sidebar .label-size-4 a {backgro .sidebar .label-size-4 a:hover {b .sidebar .label-size-5 a {backgro .sidebar .label-size-5 a:hover {b /* css color label end by OHMH.IN

agar samajh nahi aaye to image ko follow kare.

4. finaly Save Template par click kare. bas puri settings ho chuki hai. ab aap apne blog ko open kar ke labels ka look check kar sakte ho. frnds post achi lage to share jarur kare.

Blogger Me Facebook Popup Like Box Widget Kaise Add Kare

Facebook bahut hi acha tarika hai apne blog ki traffic badhane ka. aapne bahut si websites blogs par dekha hoga ki jab hum use open karte hai to ek popup facebook like box khulta hai. aaj mai aapko usi ke bare me btane ja raha hu ki facebook popup like box ko blog me kaise add karte hai. ye bahut hi acha way hai logo se facebook par contact karne ka. or facebook like bnox ko blogger me add karna bhi bahut saral hai. aapko apne blog me sirf ek widget add karni hai.
Popup Like Box Widget Blog Me Kyu Add Kare
jab koi visiter aapke blog ko open karega to ek popup facebook like box open hoga. jisse visiter ya to remove karega ya fir wo aapke facebook page ko like karega. isse aapka facebook par support badega. log aapke facebook page ko jada se jada like karenge.
Smart Phone Kar Sakta Hai Ye 10 Kaam, Kya Aap Ne Kabhi Try Kiya Hai
Facebook Popup Like Box Kab Kab Show Hota Hai
ye popup widget aapke blog ke har page par open nahi hoga. blog ko kisi ke open karne ke bad sirf ek bar show hoga. so aapke visitors ko problem bhi nahi hogi. agar aap soch rahe hai ki iska look kaisa hoga to jis tarah upar image me dikhaya gaya hai same waisa iska look hoga.
Blogger Me Facebook Popup Like Box Widget Kaise Add Kare
1. Apne Blog ke Dashboard>>Layout par jaye.
2. ab kahi bhi “Add aWidget” par click kare.3. HTML/Javascript par click kar ke ye code paste kare.<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script><style>#fbox-background {
 display: none; background: rgba(0,0,0,0.8); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999;}#fbox-close {
 width: 100%; height: 100%;}#fbox-display {
 background: #eaeaea; border: 5px solid #828282; width: 340px; height: 230px; position: absolute; top: 32%; left: 37%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}#fbox-button {
 float: right; cursor: pointer; position: absolute; right: 0px; top: 0px;}#fbox-button:before {
 content: "CLOSE"; padding: 5px 8px; background: #828282; color: #eaeaea; font-weight: bold; font-size: 10px; font-family: Tahoma;}#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {
 color: #aaaaaa; font-size: 9px; text-decoration: none; text-align: center; padding: 5px;}</style><script type='text/javascript'>//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...if (arguments.length > 1 && String(value) !=="[object Object]") {
options = jQuery.extend({}, options);if (value === null || value === undefined) {
options.expires = -1;}if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();t.setDate(t.getDate() + days);}value = String(value);return (document.cookie = [
encodeURIComponent(key), '=',options.raw ? value : encodeURIComponent(value),options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IEoptions.path ? '; path=' + options.path : '',options.domain ? '; domain=' + options.domain : '',options.secure ? '; secure' : ''].join(''));}// key and possibly options given, get cookie...options = value || {};var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;};//]]></script><script type='text/javascript'>jQuery(document).ready(function($){
if($.cookie('popup_facebook_box') != 'yes'){
$('#fbox-background').delay(5000).fadeIn('medium');$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('medium');});}$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });});</script><div id='fbox-background'><div id='fbox-close'></div><div id='fbox-display'><div id='fbox-button'></div><iframe allowtransparency='true' frameborder='0'scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/gyanmehack&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe><div id="fbox-link">Powered by <a style="padding-left: 0px;" href="http:// gyanmehack.blogspot.in /blogger-me-facebook-popup-like-box-widget-kaise-add-kare/" rel="nofollow">gyanmehack </a></div></div></div>4. Save par click karne se pahle code me
gyanmehack.blogspot.in ki jagah apni site ka url dale save karde