Blog Ke Liye Best Social Following Box [ 2016 ]

Dosto Blogging Is Money  Es Bath Se Me Sehemath (सेहमत) Hu Par Kab Jab Tumhare Blog Par Accha -Khasa Traffic ho- Traffic Yane Jabhi Search Engine Se Aane Wale visitor Jo Kisi Keyword ko Search Kar ke Direct tumhare Blog Ya Site Par Aaye hote hai ....to Dosto Humara Farz (फ़र्ज़) banata hai ! ki humare Visitor Ko Ekk Badhiya Facility de.Aur Unhe Fir se Aapne Blog par Laye aur Unke Dwra (द्वारा ) Apane Blog ya Site Ko Social Networking Site par Viral(फैलाए ) kare  ! Dosto To Aaisa Tab Hi Hoga Jab Tumhare Blog Par Koe Social Sharing Widget Ho 

Live DEMO

Read More

3 Best Email Subscription Widget For Bloggers in hindi

Hi Dosto  Blogging Trips & Trick In hindi me Aapka Swagath hai ! to Aaj Hum Janenge ki kaise Aapne blog par Cool Subscription with Social follow button Add kar ke Aapne reader ko Aapne Pass Attract kare  ! to Sabse pehla Sawal Aata hai ki Blog ya Website par Subscription Widget Kyu lagaye to hota kya Dosto Hum jab bhi blog publish karte hai to Search engines se Aane wale Viewer humare 2 ya 3 Post Padh te hai ! Aur Jab Unhe lagta hai ki bhai Ye blog badhi kam ki hai to Aise Vact Reader Humare Blog ko Email Subscribe karte hai yane !yane Tum jabhi Aapne blog par new post publish karte hao to tumhara post Sabse pehla tumhare subscriber ko Email ke dware mil jata hai ! Esiliye hume Aapne blog par Subscriber Widget Laga na Chahiye ! yane Jitne jada Subscriber Uthne jada view !

Dosto Agar Email update ki bath kare to Social Site kaise piche Reh sakte hai ! to ha  hume humare Blog par Social follower button bhi laga dena Chahiye kyu ki  You Know Na  Humare country me  Social Site ko kitne Follow  karte hai ! to Chalo jante hai Blog ke liye  3 Attractive Email Subscription Widget in hindi

• YouTube Video ko MP3 me kaise convert kare !
• Google par Aapna photo upload karna hai to image ko SEO karo !

Blog par Subscription Widget kaise Add kare ?

Subscription Box With Rounded Social Follow Buttons in Hindi 


1) Aapne blog me Sign in karo > Layout >Ad a Gadget > HTML/Java Script < Par Click karo

2) Jaise hi HTML/Java Script par Click karoge Vaise hi Tumhare Samane Blank Box Khulega Usme Niche Diya Hua HTML Code Dalo Aur Save kar do !

 

<link href='https://googledrive.com/host/0B0_E40h27x4dZXgxOFYtOWZJU2M' rel='stylesheet'/>

<div class="am">
 <form  action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=About2pc.com', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
 <p id="p-am">Join our Free newsletter</p>
 <input id='i' type="text" name="email" placeholder="enter your email address"/>
 <input type="hidden" value="About2pc.com" name="uri"/>
 <input type="hidden" name="loc" value="en_US"/>
 <input id="am-j" type="submit" value="Join!" />
 <p id="p-am">Sociliaze With Us</p>
 <ul>
     <li><a href="in Hindi"><img src="https://goo.gl/gX0azO" title="Twitter" alt="twitter" id="t-am" /></a></li>
     <li><a href="in Hindi"><img src="https://goo.gl/LRlpmx" title="Facebook" alt="facebook" /></a></li>
    <li><a href="in Hindi"><img src="https://goo.gl/rG7Q9M" title="Google+" align="google+" /></a></li>
    <li><a href="in Hindi"><img src="https://goo.gl/clImln" title="Pinterest" alt="pinterest" /></a></li>
     <li><a href="in Hindi"><img src="https://goo.gl/04xpeF" title="Youtube" alt="youtube" /></a></li>
    <li><a href="in Hindi"><img src="https://goo.gl/1we23A" title="Linkedin" alt="linkedin" /></a></li>
 </ul>
 </form>
</div>

• About2pc.com ke yaha Aapna Feed-burner/Subscriber  ID dalo !
• in Hindi ke yaha Aapne Social Networking Site ka ID dalo ! 

Your Name and Email Id Sign Up Box in Hindi 

<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600,700' rel='stylesheet' type='text/css'/>

<div id='byard-emailsubsocial'>
             <div class='heading'>
             Sign Up in Seconds
             </div>
                 <p>Sign up with your email address to receive hot updates straight in your inbox.</p>
             <div class='emailsub'>
             <form action='http://feedburner.google.com/fb/a/mailverify' method='post'target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=About2pc.com', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
             <input type='text' name='name' placeholder='Your Name' />
             <input type='text' name='email' placeholder='Your Email' />
             <input type="hidden" value="TechSharez" name="uri"/>
             <input type="hidden" name="loc" value="en_US"/>
                        <input value="Sign Up Now!" class="button" type="submit" />

             </form>
             </div>

             </div>

 <style type='text/css'>
     #byard-emailsubsocial {
      width: 300px;
      height: 330px;
      border: 1px solid #ddd;
        border-radius: 5px 5px 0px 0px;
     }
     #byard-emailsubsocial .heading {
padding: 15px 25px;
line-height: 35px;
font-size: 26px;
font-weight: 600;
font-family: open sans;
color: rgb(170, 170, 170);
text-align: center;
text-shadow: 0px 1px rgba(255, 255, 255, 0.75);
background: none repeat scroll 0% 0% rgb(247, 247, 247);
     }
   #byard-emailsubsocial p {
    font-family: open sans;
    font-size: 13px;
    color: rgb(170, 170, 170);
    line-height: 25px;
    padding: 10px 20px 0 20px;
    margin: 0;
   }
   #byard-emailsubsocial .emailsub {
    padding: 0px 20px 10px 20px;
   }
   #byard-emailsubsocial .emailsub input {
    color: rgb(170, 170, 170);
    padding: 10px;
    margin-top: 10px;
    font-size: 15px;
    font-family: open sans;
    width: 92%;
    border: 1px solid #ccc;
    border-bottom: 2px solid #ccc;
    border-radius: 5px;
    transition:border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
   }
   #byard-emailsubsocial .emailsub input:focus {
    border-color:#F4836A;
    outline: none;
    box-shadow: 0 0 2px 1px #F4836A;
   }
   #byard-emailsubsocial .emailsub .button {
    background: #F4836A;
    color: white!important;
    border:none;
    outline: none;
    border-bottom: 3px solid #B3614E;
    transition:background .4s linear;
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
    font-weight: 600;
    cursor:pointer;
   }
   #byard-emailsubsocial .emailsub .button:hover{
    background: #DD7761;
   }

#credits {
margin: 0 auto!important;
margin-top: -10px!important;
width: 160px;
}
     </style>

• HTML code me About2pc.com ke yaha Aapna Subscribe ID Dalo ( Feed burner ID ) 

Best Professional Subscription Box For Blogger in Hindi

<style>
#bgt-subscribe-box .header{
background: none ;
color: #a333333;
font-size: 28px;
line-height: 36px;
padding: 15px 25px;
font-weight: 700;
font-family: open sans;
text-align: center;
}
#bgt-subscribe-box {
width:auto;
height:auto;
background:#ffffff;
}
#bgt-subscribe-box p {
font-family:'Open Sans';
font-size:13px;
color:#888;
line-height:20px;
padding:10px 20px 0 20px;
margin:0;
}
#bgt-subscribe-box .bgt-emailfield {
padding:0px 20px 10px;
}
#bgt-subscribe-box .bgt-emailfield input {
background:#fff;
color:#bbb;
padding:10px;
margin-top:10px;
font-size:13px;
font-family:'Open Sans';
width:91%;
border:0;
border:1px solid #ccc;
transition:all 0.4s ease-in-out;
}
#bgt-subscribe-box .bgt-emailfield input:focus {
outline:none;
border:1px solid #d9d9d9;
color:#888;
}
#bgt-subscribe-box .bgt-emailfield .bgt-submitbutton {
background:#0098d3;
color:#fff!important;
text-transform:uppercase;
font-weight:bold;
border:none;
outline:none;
width:100%;
cursor:pointer;
transition:all 0.4s ease-in-out;
}
#bgt-subscribe-box .bgt-emailfield .bgt-submitbutton:active {
outline:none;
border:none;
background:#444;
color:#fff;
}
#bgt-subscribe-box .bgt-emailfield .bgt-submitbutton:hover{
background:#333333;
color:#fff;
}
</style>
<div id='bgt-subscribe-box'>
             <div class='bgt-emailfield'>
              <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=About2pc.com', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
               <input type='text' name='name' onblur='if (this.value == "") {this.value = "Enter Your Name";}' onfocus='if (this.value == "Enter Your Name") {this.value = "";}' value='Enter Your Name'/>
               <input 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 name='uri' type='hidden' value='geeksgyaan/jnnk'/>
<input name='loc' type='hidden' value='en_US'/>
                <input class='bgt-submitbutton' type='submit' value='Subscribe Now!'/>

              </form>
</div>
<br />
<br />
</div>

About2pc.com Ke yaha Aapna Subscriber ID Dalo  Aur Save Button par Click karo 

• Kisi bhi Mobile par Kisi ke bhi Number se Call kaise kare 
• Mobile se Aapne photo ka cartoon character kaise banaye  
• Android me Paid  Application  Free me Kaise Download kare 

Dosto Agar Aapko Enn Widget me Kuch changes Karne Ho jaise ki 

• Color 
• Size 
• Content 
• Problem 
• or more 

to Hume Niche Comment karo ! Ya mail karo hum Aapko Code Change kar ke Denge ! Aur Humara post Aapko kaise laga ye hume Jaroor bataye aur Aapne Doston ko  Bhi share Karo !

Read More

Blog par Floating Social Sharing Widget kaise lagaye in hindi

"Hi Dosto Hindi me Blogging ke naye post me Aapka Swagat hai ! Aaj hum janenge ki kaise hum Aapne Blog par Side Floating  Sharing Widget laga kar Aapne blog ka Traffic Aur Follower badha sakte hai 

•  IP Address Yane Kya ? Hindi me
•  Photoshop me kapdo Ka Color kaise change kare (Hindi Me)
•  Domain Nam ya Web Hosting Lete vact kin chizo ka khayal Rakhna Chahiye ?

Dosto blog par Social Widget lagana kyu jaroori hai ? kyu ki jabhi koe Visitor humare site par Aata hai Aur  Aagar use Aapne Likha hua Articular pasant Aaya  to bo use Articular ko Social Widget ke madat se vahi se share kar sakta hai Use Particular Aapke Site dusare Site par Switch karne ki jaroorath nahi padti hai ! Ess Se Visitor ka Time bhi Bachata hai  aur humare site ki promoting bhi  hoti hai :) to chalo jante hai blog par social Widget kaise Add kare

how to Add Smashing Floating Social Sharing Widget For Blog And Website in hindi  

1) Sabse pehla  Aapne Blog me Login lo >Template > Edit HTML < par click karo 

 

2) Abb Ctrl+F  ke madat se <body> ko search karo ( HTML find ke Liye Ctrl+F)

3)  Abb Thik <body> ke niche ( Niche diya hua HTML code copy past karo )

<style>

#floatingbuttons{background:#aaa;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f2f2), color-stop(1, #aaa));background:-moz-linear-gradient(top, #f2f2f2, #aaa);border:1px solid #808080;float:left;padding:0 0 3px 0;position:fixed;bottom:15%;left:0%;z-index:10;border-radius:0 5px 5px 0;box-shadow:2px 2px 5px rgba(0,0,0,0.3);}

#floatingbuttons .floatbutton{float:left;clear:both;margin:5px 4px 0 4px;} .addbuttons{clear:both;text-align:center;padding-top:5px;} .addbuttons a span.getfloat, .addbuttons a span.sharebuttons{color:#fff;background:none;font-family:arial, sans-serif;display:block;font-size:9px;font-weight:bold;text-decoration:none;line-height:11px;} .addbuttons a:hover span{color:#fff;background:none;text-decoration:underline;}

</style>

<br />

<div id='floatingbuttons' title="Share this post!">

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>

<script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script>

<!-- Medium Button -->

<script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script>

<div class='floatbutton' id='facebook'>

<fb:like layout="box_count" show_faces="false" font=""></fb:like>

</div>

<div class='floatbutton' id='google+1'>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"> {lang: 'en-US'} </script>



<g:plusone size="tall"></g:plusone>

</div>

<div class='floatbutton' id='twitter'>

<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a>

</div>

<div class='floatbutton' id='linkedin'>

<script type="text/javascript" src="http://platform.linkedin.com/in.js"></script>

<script type="in/share" data-counter="top"></script>

</div>

</div>

 

Read More

Blog par Related post kaise lagaye - viewer Badhane ka Aasan tarika

"Hi dosto Aaj hum janenge ki Aapne blog par Related post kaise Lagaye ! to sabse pehla jane ki relented post hota kya hai ! Related post bo post hota hai jab viewer tumhare kisi post ko padhta hai to uske Thik niche Use post se jude tumhare Aur bhi post dikhayi dete hai ! to Viewer ko tumhare un Related  post me Ruchi ho to bo Sidha  usipar click karte naye page par jata hai Ess tarah tum Aapne blog par Related  post laga kar Aapne Blog ke Page View badha sakte ho 

to Related post bante kaise hai ?


Jabhi Tum Aapne Blog ke liye kisi ekk Topic par likh rahe hote ho to us Topic ka tum Aalag se Label banate ho ! Aur Usi label ke liye tum Jab Aur post Likhte ho to bo Pehelwale Post ka related post ban jata hai Esi tarah Releted post bante jate hai  


To chalo janate hai Blog par Related post kaise lagaye !

1) Sabse Pehala Samane Diye huye link par click karo : www.linkWithin.com

jaise hi Aap Site par jao ge Aapke Samane Linkwithin ka Home page Aayega  jisme Aapko Aapne Blog ki Info Deni hoti hai 

• Email     :- Aapka Email ID 
• Blog link :- blog Site Link 
• Platform :- WordPress ya Blog 
• Width    :- ek post ke pich kitne related post lagana chahte ho ( Maximum 5) 

Setting hote hi Get Widget! button par clcik kar do !


2) click karte hi tumhare samane "Install Widget on Blogger" ka Page Aayega usme Simply install Widget link par click kar do 

3) link par click karte hi tumhare Samne "Add Page Element" ka page khulega jis me Add Widget par click kar do Jis se Related post Widget Tumhare blog me Aapne-Aap Add ho jayega  ( Tumhe Aapne Blog me Login lete Ye Sare Step karne hai )

                                                       { Enhe Jaroor padhe }

• Window 7 Step by Step kaise Format kare Aur Uski Requirement kya hai hindi me
• Computer restarting problem kaise Solve kare 
• Doston ke Samne Unka Facebook password Nikalo Aur Unhe Darao !

"Dosto Aapko humara post kaise laga ye hume bataye aur share jaroor kare "

Read More