Thursday, May 24, 2018

Blog Website Me Twitter Post Embed Kaise Kare

Twitter feed embed on website blog. Kya aap jante hai blog website me twitter post embed kaise kare. is post me ham is topic par bat karne wale hai. apke man me sayad sawal aha rha hoga ki Blog website me twitter feed embed karne ki kya jarurat hai. Aur kaise blog me twitter post embed kare.

twitter post embed on website



Basically  agar aapke pas koi blog website hai. aur. aap twitter post par like ya  fir twitter par  followers ko increase karna chahte hai. to blog website me twitter post embed karke assani se ye kar skate hai.

Priviews post me bataya tha ki youtube video ko blog me embed kaise kare. Aur uske bad instagram post blog me kaise embed kare iske bare me details se bataya hai.

So gays yaha par aap ek twitter post embed ka ek demo dek skate hai. Joki amir khan ke dawra tweet kiya gaya hai. to chaliye jante hai. how to embed twitter embed on website




How To Embed Twitter Post On Website Blog In Hindi

blog website me twitter post embed karne ke liye niche diye instruction ko follow karke easily apne blog website twitter feed embed kar skate hai.

Step 1. 
1. Sabse phale apne twitter account se login kare le.
2. Ab jis twitter feed ko embed karna chahte hai. us chose kar le.

Step 2. 
1. Ab twitter Feed sidebar ke more icon par click kare.
2.  Ab Embed Button par click kar  de.
twitter feed embed on website



3. Ab new page me aapko ek code milega us copy kar le.



Ab is code ko aap chaye apne blog website me laga skate hai agar aap apne blog post me twitter post embed karna chahte hai. to niche step follow kare.



Blog website post me twitter feed embed kaise kare.

Blog website me twitter post embed karna bahut esay hai. lekin is trarike se twitter blog post me embed kare.

1. sabse phale kisi bhi post ya new post ko open kare.
2. ab html section me twitter feed embed code paste kar de.

Finally aapke blog website me twitter feed embed ya twitter post embed ho jayegi.

Asha karta Aapko twitter post embed kaise kar. how to twitter feed embed on website ke bare me jaankari achi lagi hogi to is post ko share jarur share kare.

Popular Posts

Thursday, May 17, 2018

How to Embed Instagram Post On Blog Website

Kya aap jante hai Blog website me instagram post embed kaise kare. how to Embed instagram post on website. Agar aap janana chahte hai ki how to embed instagram post html on blog website to is post me iske bare me detials se bataya hai.

How to Embed Instagram Post On Blog Website

Ho sakta hai aapke man me ek sawal aha rha hoga hoga ki blog website me instagram post embed karke kya karna hai ?

Basically agar aap apne instagram account ko promote karna chahte hai. ya instagram follower increase karna chahte hai. ya apne instagram post par likes chahte hai. TO uske liye aap Blog website me instagram post embed kar skate hai.



Instagram Post Blog website Me Kaise Embed kare.

Basically blog website me ham instagram ke photo and video embed kar sakte hai. niche aap instagram post ka demo dek sakte hai.

Demo

A post shared by Blognetbook.com (@blognetbook) on

To chaliye jante hai instagram follow button blog me kaise add kare. iske liye niche diye gaye step ko follow kare.





Step 1. 
1. Sabse phale instagram official website par visit kare.
2. Ab Apne Username aur password se login kare.

Step 2. 
1. Ab apne jis instagram post ko embed karna chahte hai. us par click kare.

embed instagram post


2. Ab niche 3 dot icon par click kare

embed instagram post on website

3. Ab Embed button par click kare.

Step 3. 
1. Ab Copy Embed Code button par click karke is code ko apne blog post me add kar sakte hai.




How to Add instagram Post on Blog post

Ab aap jis bhi post me instagram follow button add karna chahta hai. To us open karke Html section me add kar de.


Step 1.
1. Open Any post jis par instagram post embed karna chahte hai.
2. Ab HTML Section Me Code paste kar de.

Finally ab aapke blog website me instagram post embed ho jayegi. is trah se aap apne instagram follower aur apni post par likes bata skate hai.

Aur next article me ham janege ki twitter post ko blog website me kaise add kare.



Asha karta hu aapko embed instagram post on website ki  jaankari achi lagi hogi to is post ko other blogger ke sath jarur share kare.

Popular Post:-

Friday, April 27, 2018

How To Add Subscribe Bell Icon On Blogger Website

Kya aap bhi apne blogger blog me wordpress jaisa subscribe bell icon ki trah bell icon add karna chahte hai. Apne bahut sare blog website par dekha hoga red color ka ek bell icon hota hota hai. jise ham web push subscribe bell icon kahte hai.

subscribe bell Icon blog me kasie add kare


Bahut sare blogger ne sawal jawab forum me question kiya tha ki kya blogger me wordpress blog ki trah subscribe bell icon add kar sakte hai ya nhi ??

So is post me onesignal plugins ke  through janege ki blogger blog me subscribe bell icon kaise Add kare.

Onesignal Kya Hai ?




Onesignal ek high volume aur reliable web push notifications service hai. Jisko blogger language me Subscribe bell icon bhi kahte hai. Ye youtube subscribe bell button ke trah work karta hai. jaise hi reader bell icon par click karke subscribe kar lega. uske bad rader ko uske browser me post ke notification milte hai.

Ishe aap blogger wordpress aur mobile app ke liye istemal kar sakte hai. to chaliye jante hai. blogger blog me subscribe bell icon kaise add kare.

Subscribe Bell Icon Blogger Me Kaise Add kare (Like Wordpress)

Follow the instruction step by step:-

Step 1. 
1. first of all Go to the Onesignal.com 
2. Ab login par click karke Githup, Fb, Google se Sign up kar le.

onesignal login







Step 2.
1. Now click on The Add A New App. par click kar de uske bad new popup window me koi bhi name enter kar de.
2. Ab CREATE Button par click kare.

create new app



Step 3.
1. New Window me Web Push par click karke Next Button par click kare.

click on the web push icon


Ab Aap firse new window me pahuch jahoge yaha par aapko step by step guidelines hai. bell icon add karne ke liye.

Step 1. 
1. New window me Sabse phale Typical Website par click kare.



Step 2. 
Yaha par aapko apne blog ka title url default icon enter karna hai.
1. Enter your Blog Website Title.
2. Enter your blog website URL
3. Upload your website favicon (As you wiss)

Site setup on web push



Step 3. 
1. Yaha par aapko subscribe bell icon ko customize yani right left, icon size setup karne ke liye option ADD A PROMPT button par click kare.


Add a promopt



Step 4.
1. Ab end me Save button par click kar de.
2. New window Add code to site ke nice wale code ko copy kar le us code ko apne blog template me add karna hai.

How to Add Subscribe bell icon code on website:-

Copy kare huwe code ko aapne apne blog website me add kar lena hai.

Step 1.
1. Sabse pahle blogger dashboard me Theme par click kare.
2. Ab Edit HTML par click kare.
3. Ab Template ke <head> section ke niche Copy kare huwe code ko paste kar de.
4. Finally ab aapko blogger website me subscribe bell icon add ho gaya hai. 

i hope is steps blogger website me subscribe bell icon add kar payenge lekin agar iske bad bhi aapko problem aha rha hai. to aap onesignal web push ki instruction ko follow kar sakte hia.

Onesignal Web push Subscribe bell icon Add on blog website Instruction:-
https://documentation.onesignal.com/docs/web-push-typical-setup


Is trah se aap blogger blog me wordpress blog ke trah susbcribe bell icon add kar skate hai. asha karta hu ye jakari aapko achi liye useful sabhit ho.

Agar aapko subscribe bell icon add karne me problem aye to comment karke puch skate hai. aur is post ko other blogger ke sath jarur share kare.

Recommended Post

Tuesday, April 24, 2018

How To Hide OR Show Blogger Widget On Mobile In Hindi

Hello everyone welcome back on the Bnb hindi blog. is post ka title dehkar aap samjah gaye honge. How to hide OR show blogger widget on Mobile. blogger widget mobile me hide Or show kaise kare. Aapke man me sayad ye kayal jarur aha rha hoga. blogger widget mobile me hide OR show karne ke kya jarurat hoti. To chaliye jante hai.

how to hide OR Show blogger Widget ON Mobile.



Basically blogger apne blog widget ko tab hide karte hai .Blogger template me bahut sare widget locked hote hia. Jo sirf desktop me hi show hote hai. Un widget ko unlocked karke aap mobile me show karwa sakte hai. Aur mostly blogger widget ko tab hide karte hai.

Jab mobile me website speed fast karni ho. bahut sare blogger widget me bade size wali scripts add hoti hai. jisse website loading time mobile me jayda ho jata hai. Iska simple solution hai. aap blogger widget ko mobile me hide karke mobile me website fast rak skate hai. to chaliye jante hai.




Blogger Widget Mobile Me Hide OR show Kaise Kare.

To sabse phale janege ki blogger widget ko mobile me hide kaise kare. ( how to hide blogger widget on Mobile view)

How to hide or show  blogger widget On mobile.

Step 1.
1. Sabse phale aap blogger dashboard me Layout par jaye.
2. Ab Aap jis widget ko hide karna chahte hia Uske Edit Button par click kare.
3. Ab Popup window me URL se widget Id copy kar le.


blogger widget id screenshot



Step 2. 
1. Ab Dashboard me theme &gt;&gt; Edit HTML par click kare.
2. Ab aap Jump to widget button par click kare yaha par sabhi widget id hoti hia. Jo widget id aapne copy kari hai us par click kare. Ya pir Template me CTRL+F dabakar widget id Search  kare.

Widget id Ka pura code kuch is trah se hota hai.

<b:widget id="HTML5" locked="false" mobile="Yes" title="" type="HTML" version="1">



blogger widget id on template


Ab  aapko locked="false"  ke samne Mobile="yes" par Mobile="no" kar dena hai.

Ab widget sirf me desktop par hi show karega aur mobile me hide ho jayega.


How to Show Hide Blogger Widget


Agar aap kisi bhi hide blogger widget ko mobile me show karwana chahte hai. To aapko template me widget id search karke locked=’false’ ke Samne Mobile="No"  par aapko Mobile="Yes" kar dena hai.


kuch widget desktop aur mobile me dono me hide rahte hai. jinko aap is tricks se mobile aur desktop ke liye unlocked kar skate hai. 
Is trah se aap blogger widget  mobile me hide or show kar sakte hai. i hope blogger widget mobile me hide or show kaise kare (how to hide of show blogger widget on mobile) ke bar me jankari passand aayi hogi.

Agar aapko blogger widget hide OR show karne me problem aha rhi hai to comment karke puch skate hai.

Aur agar aap kisi bhi trah ke blog widget apne blog website me install karna chahte hai. to hamare blog widget categories wali post read kare. ya all blogger widget post me all widget apne blog me add kar sakte hai

Wednesday, March 14, 2018

How to Stylish Notification bar On Blog Website

Wordpress blog me notification bar ya welcome bar add karne ke liye plugin install karni hoti hai. Aur Blogger website par hame html coding ya javascript se notification bar blog me add karte hai. kas kar ye blogspot blogger ke liye useful sabit hogi.


Is post me janege ki blogger website me notification bar kaise add karte hai. Aur notification bar kya hai. aur ishe blog website me kyo aur kaise add karte hai. To chaliye shuru karte hai

notification bar for blog website how to add




Notification Bar kya Hai:-

Notification bar ko ham welcome bar, hello bar bhi kahte hai. ye blog website me kisi special news announce ke liye add kiya jata hai. ya kisi link ka promotion karne ke liye blog website me add karte hai.

To Chaliye jante hai blogger website me stylish notification bar kaise add kare

Facebook messenger chat widget kaise add kare.
Stylish blogger Author box for blog website

Notification bar ya welcome bar ka demo dekhne ke liye demo button par click karke demo dek skate hai.

How To Add Stylish Notification Bar In blogger Website.



Notification bar ko blog me add karne ke liye niche diye gaye step ko follow kariye.


Step 1.
1. Sabse pahle blog Dashboard Me Theme par click kare.
2. Ab Edit Html Par click kare.
3. Ab CTRL+F Dabakar search box me ]]></b:skin>  saerch kare
4. ]]></b:skin>  se phale is code ko paste kar de.


#welcome_bar {width: auto; height: auto; display: block; text-align: center; padding: 12px; color: #fff; position: relative; font-size: 18px; font-weight: 500;}
#close_welcome_bar {display: inline-block; cursor: pointer; padding: 12px; position: absolute; top: 0px; right: 0; font-weight: bold; font-size: 18px;}
.addthis_sharing_toolbox {clear:initial!important;}
#close_welcome_bar:hover { background: #F04F3F}
#welcome_bar a{background: #fff; color: #f1ae28; padding: 8px 20px; border-radius: 100px; margin-left: 5px; font-weight: 600;}
#welcome_bar a:hover{background:#FC4F3F;color:#fff;}
.welcome-area {padding:20px;background: linear-gradient(270deg, #07d09c, #00aa7e, #c326fd, #ff08d5);
background-size: 800% 800%;
-webkit-animation: AnimationName 53s ease infinite;
-moz-animation: AnimationName 53s ease infinite;
-o-animation: AnimationName 53s ease infinite;
animation: AnimationName 53s ease infinite;}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}




Step 2.
1. Ab Dubara serach box  <body>  Code ko search kare.
2.  <body>  ke niche is code ko paste kar de.


<div class='welcome-area'>
<div id='welcome_bar'>
  Blognetbook notification bar <a href='Paste URl Here' target='_blank'>Check This</a>
<span data-target='#welcome_bar' id='close_welcome_bar'>×</span>
</div>
</div>
Customization:-
1. Paste Your URl Here ki jagah par aap notification bar me jo link add karna chate hai wo add kar de.
2. Aur Blognetbook notification bar ki jagah Par Url Ka title add kare.








Step 3.
1. Ab Ctrl+F dabakar saerch box  </body>  code serach kare.
2. Ab </body>  se phale Is script ko paste kar de.


<script>// Welcome bar
var button=document.querySelector("#close_welcome_bar");button.addEventListener("click",function(){var t=document.querySelector(button.getAttribute("data-target"));t.style.display="none"==t.style.display?"block":"none"});</script>

Finally ab aapke blogger website me Notification bar ya welcome bar add ho jayga. Is best notification bar ko stylish design me ready kara gaya hai. Aur mobile Ke liye full responsive hai.

Blog website ke other customization or blogger widget ke liye hamre blogger widget aur blog design categories wale post read kare




Blog webstie me notification bar kaise add kare iske bare me aapko ye post kaise lagi comment karke jarur bataye.

Aur is post ko social media aur other blogger ke sath jarur share kare.


Popular post:-



Thursday, March 8, 2018

How To Add Instagram Follow Button On Blog Website In hindi

Blog website par social media follow button add karke assani se social media  followers increase kar skate hai. agar aapke social media sites par followers honge to aapke blog par traffic bhi high rahega. So is post me janege ki blog website me Instagram follow button kaise add kare.
Social media se traffic lane ke liye hame social site par followers increase karne hote hai. Aur followers badane ke liye kai traike hai.

instagram follow button for blog website


Aapko pata hi hoga blog par social media follow button add karke blog reader aapke blog se hi social media par follow kar skate hai. agar aapke blog par social media follow button ya instagram follow button add kara gaya ho.




Previews article me twitter follow button, Facebook like button, facebook page like button blog website me kaise add karte hai. iske bare me Details se bataya hai. Aur is post me janege ki blog website me instagram follow button kaise add kare.



Blog Website Me Instagram Follow Button kaise Add kare:-

BLog website me instagram Follow button add karne ke liye niche diye gaye step follow kare.


Step 1.
1. Sabse phale blog dashboard me layout par click kare.
2. Ab Add Widget par click kare.
3. Ab new window me HTML Javascript par click kare.


Step 2.
1. Ab new page me Instagram follow button code ko paste kar de.
2. Finally ab save button par click kar de



Instagram follow button blog ke liye niche 2 design hai. in dono button me se koi bhi code copy karke aapne blog me add kar skate hia.

instagram follow button for blog website


1. Instagram Follow button Code.

<style>.ig-b- { display: inline; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-16 { width: 16px; height: 16px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-16.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-16 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-16@2x.png); background-size: 60px 178px; } }</style>
<a href="https://www.instagram.com/blognetbook/?ref=badge" class="ig-b- ig-b-16"><img src="//badges.instagram.com/static/images/ig-badge-16.png" alt="Instagram" /> <b>Follow on Instagram</b></a>





2. Instagram Follow button Code.
<style>.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-v-24 { width: 137px; height: 24px; background: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-v-24 { background-image: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24@2x.png); background-size: 160px 178px; } }</style>
<a href="https://www.instagram.com/usefulblogging/?ref=badge" class="ig-b- ig-b-v-24"><img src="//badges.instagram.com/static/images/ig-badge-view-24.png" alt="Instagram" /></a>



Note:- Change the Username blognetbook

In Dono instagram  follow button se khoi bhi follow button select karke aap apne instagram account par followers ko increase kar sakte hia.





Blog website me instagram follow button kaise add kare iske bare me apako ye post kaise lagi comment karke jarur bataye.

Aur is post ko social media aur author blogger ke sath jarur share kare.

Popular posts:-

Friday, March 2, 2018

Facebook Like Button Blog Website Post Me Kaise Add kare

Hello friends is post me ham janege ki blogger website ki post me facebook like button kaise add kare . Agar aap pata lagana chahte hai ki reader aapke article like karte hai ya nhi. To aap facebook like button ke jariye assani se pata laga skate hai.

Ki reader aapke article like karte hai. To wo facebook like button se aapke post like kar skate hai. aapko facebook like button ki aisi script dena ja rha hu. jo post aap facebook par share karte hai usme mile likes sabhi count honge.

Facebook like button for blog post


Agar aap facebook like buttton ka demo dekhna chahte hai. To niche demo button par click karke demo Dek sakte hai.



Ab Agar aap facebook like button apne blog me add karna chahte hai. To niche di gayi instraction ko follow kare.

Blog Post Me Facebook like Button Kaise add kare.

Facebook like button ko blog me add karne ke liye niche diye gaye steps ko follow kare.





Step 1.
1.  Sabse blogger dashboard me Theme par click kare.
2. Ab Edit HTML par click kare.
3. Ab CTRL+F Dabkar search box me <data:post.body/> Code ko search kare.

Facebook like button script for blog website


4. Ab <data:post.body/>  Code ke niche Faceboook like button ki script code ko paste kar de.

Note:-
Agar aap Post ki Uper Facebook like button lagana chahte hai. To aap <data:post.body/>  code se phale facebook like button script ko paste kare.

1. Standard.

<div>
<b:if cond='data:post.isFirstPost'>
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if>
<fb:like expr:href="data:post.canonicalUrl" layout='standard' send='true' show_faces='false' font="trebuchet ms" action="like" colorscheme="light"></fb:like>
</div>



2. Button count.
<div>
<b:if cond='data:post.isFirstPost'>
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if>
<fb:like expr:href="data:post.canonicalUrl" layout='button_count' send='true' show_faces='false' font="trebuchet ms" action="like" colorscheme="light"></fb:like>
</div>



Box Count :-


<div>
<b:if cond='data:post.isFirstPost'>
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if>
<fb:like expr:href="data:post.canonicalUrl" layout='box_count' send='true' show_faces='false' font="trebuchet ms" action="like" colorscheme="light"></fb:like>
</div>




In Tino Facebook button like script me jo bhi like button design passand aaye ushe apne blog me add kar skate hai. Aur reader ko apne blog ki aur attract kar skate hia.





Asha karta hu facebook like button blog post ke niche kaise lagyae iske bare me ye post kaise lagi comment karke jarur bataye.

Aur is post ko social media par jarur share kare.

Recommended Post:-




Friday, February 23, 2018

Blogger Blog Me Navigation Menu Bar Sticky Fixed Kaise Kare

Jaydatar Blog website me nagivation menu bar sticky fixed rahte hai. Kyoki Blog reader post ko read karte time aapke  sticky navigation menu bar se apne other topic select kar pata hai.

Reader ko blog par jayda time tak rukhe rahne ke liye blog website me kafi features hone chaiye, tabhi blog ka bounce rate kam aur high income kar skate hai. is post me janenge ki. Blog me navigation menu bar stikcy kaise banaye.

website menu bar sticky fixed kaise banaye


Blog website ke all blogger widget  post me sabhi widget ke liye post hai usme aapko a to z blogger widget mil jayenge. Lekin blogger website navigation Menu bar sticky ke liye bahut sare blogger ne sawal jawab froum me comment kiya tha.

To is post ke madyam se aap apne blog website menu bar sticky fixed kar skate hia To chaliye jante hai. Navigation menu bar fixed sticky kaise banaye.

    ๐Ÿ”ต  Blog me socail content locker kasie add kare.

Blog Website Me Sticky Menu Bar Kaise banaye:-

Jaise ki aapko pata hi hoga. wordpress me ham kisi widget ko set up karne ke liye bahut sari plugins hai. lekin blogger me hame coding ke duwara widget ya blog customize karna padta. To ye post blogger ke liye useful sabhit hogi.

Step 1.
1. Sabse phale apne blogger dashboard me theme par click kare.
2. Ab Edit Html Par click kare.
3. Ab CTRL+F dabakar Search box me]]></b:skin> code ko search kare.
4. Ab ]]></b:skin> code ko pahle is code ko paste kar de.

navigation menu bar sticky



//Script by https://www.knigulper.com/
.sticky{position:fixed!important;top:0;z-index:99;-webkit-transform:translateZ(0);}
    ๐Ÿ”ต  Get site control ke widget blog me kasie install kare.


Step. 2
1. CTRL+F dabakar </body&gt; code ko search kare.
2. Ab </body&gt; code se phale is code ko paste kar de.

navigation menu bar sticky kaise banaye

<script type='text/javascript'>
//<![CDATA[
// Sticky Menubar
function makemeSticky(e){function t(){var e=s.getBoundingClientRect();e.top<0?(n.className=a+" sticky",n.style.width=i+"px"):n.className=a}var n=document.getElementById(e),s=document.createElement("div");n.parentNode.insertBefore(s,n);var i=n.offsetWidth,a=n.className+" makesticky";window.addEventListener("scroll",t,!1)}makemeSticky("menu-wrapper");
//]]>
</script>
Ab aap apne blog ko open karke dek skate hia. navigation menu bar sticky ho gaya hai. blog website ke navigation menu bar sticky karne se aapke blog design bhi sudar ata hai.

Aur mobile ke liye sticky menu bar set karke bahut benifits hai. kyoki mobile me scroll karte time sirf apki post open hoti hai. aur agar reader post like nhi karta hai. to wo exit mar jata hai.

    ๐Ÿ”ต  Facbook Messenger widget blog me kasie add kare.

Lekin agar navigation menu bar sticky fixed hai. to aapke other topic select karke jarur read karga.

Asha karta hu navigation menu bar fixed kaise kare iske bare aapko post kaise lagi comment karke jarur bataye.

Popular post:-
    ๐Ÿ”ต  4 popular post widget for blog website
    ๐Ÿ”ต  Stylish Blogger author box blog website ke liye.

Sunday, January 28, 2018

Blogspot Blog Me Social Content Locker Kaise Add Kare

Hello Everyone, Social content locker kya hai. Aur blog me kis liye use kiya jata hai. Aur blog website me social content locker kaise add add karte hia. iskebare me is post me details se janege. aapne kai website blog par dekha hoga jab aap kisi code ko copy karte hai. to wo code social content locker se code lock hot hai

How to create social content locker for blog website


Jab tak aap us post ko share nhi karte hai, tab tak code lock rahta hai. aur jab aap social content locker se post ko share kar dete hia uske bad code open ho jata hia. Isi topic ke bare me details se janege.



  ๐Ÿ”ต How to Add Stylish Back to Top Button On Blog
  ๐Ÿ”ต Stylish recent post widget for blog website

Social content locker kya hai.

Friend social content locker ek lock hota hia. jise kisi bhi post me use kara jata hai. Agar reader post ko read karne atha hai. Aur aap chahte hai. ki reader post ko social media par share kare 

To social content locker post ko tab tak open nhi hone deta hai. jab tak post ko social media par share na kare. Isko social media content locker kahte hia. 

  ๐Ÿ”ต Get Site control ke widget blog me kaise add kare
  ๐Ÿ”ต Blog me Recent Comment widget kasie add kare 

Social Content Locker Blog Me Add karne Ke Banefits :-

Social content locker  blog website me add karne ke bahut benifits hai. ye lock sabse jayda blog ke traffic ko increase karne me help karta hai. kyoki jo bhi reader aapke post ki jankari lene atha hai. wo post ko share karne ke bad hi read kar pat hai.  Aur jab post ko share karega to aapke blog par traffic ayega.

Aur sath hi aapke social profile account par followers bhi increase hote hai. To chaliye jante hai. blog website me socail content locker kaise add kare.

  ๐Ÿ”ต Facebook messenger widget For Blog website
  ๐Ÿ”ต Stylish blogger author box for blog website

How to Add Social content Locker On Blog Website.





Step 1.
1. Sabse phale aapne blogger dashboard me theme par click kare.
2. Ab Edit theme par click kare.
3. Ab CTRL+F dabakar search box me <head> ko search kare.
4. Ab <head> code se phale ye code paste kar de.

<script src='http://code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>



Step 2.
1.  CTRL+F dabakar search box </head> code ko seach kare code ko search kare.
2. Ab  </head>  se phale is code ko paste kar de code se phale is code ko paste kar de.


<link href='http://cdn.rawgit.com/menightfury/social-locker/master/style-ver2.css' rel='stylesheet'/>
<script src='http://cdn.rawgit.com/menightfury/social-locker/master/script-ver2.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(function(){
  $('.socialLocker .to-lock').sociallocker({
    buttons: {order:["facebook-like","twitter-tweet","google-plus"]},
    twitter: {url:"https://twitter.com/blognetbook"},
    facebook: {url:"https://www.facebook.com/blognetbook"},
    google: {url:"https://plus.google.com/u/0/b/108114053278892774365/"},
    text: {
      header: "Like us To Unlock This Content",
      message: "This content is locked. Like us on Twitter, Facebook or Google plus to unlock it"
    },
    locker: {close: false, timer: 0,},
    theme: "secrets"
  });
});
//]]>
</script>



Customization:-
1. Change Facebook page profile url 
2. Change twitter url
3. Change Google plus url


Step 3.

Ab aap jab bhi kisi code par post me social content locker lock lagane chaye to is code ko paste kar de.


<article class="socialLocker">
 <div class="to-lock" style="display:none;">
Enter your content here
</div>
</article>


Enter your content here ke jagah par aapne content ko add kare. for example:- aap kisi code par content locker lock lagna chahte hai. to Enter your content here ke jgah par code ko paste kar de.

  ๐Ÿ”ต 4 Popular post widget for blog website
  ๐Ÿ”ต Stylish email subscribe widget for blog website

Finally is trah se aap blog website me social content locker ko use kar skate hai. i hope aap apne blog me assni se is code ko add kar payenge. agar aapko social content locker ko blog me add karne me problem aye to comment karke puch skate hia.



Agar aapko post passand aye to post ko socail media par jarur share kare. Aur comment karke aapna feedback jarur den.

Popular Articles:-
  ๐Ÿ”ต Stylish social media sharing button for blog website
  ๐Ÿ”ต 5 Stylish social follow button for blog website
  ๐Ÿ”ต 50+ Best Blogger widget For blog website

Tuesday, January 9, 2018

Stylish Back To Top Button Ya Scroll To Top Button Blog Ke Liye

Hello Friends, Is post me ham back to top button ya scroll to top button ko Blog website me kaise add kare iske bare me batayenge.  Jaydatar blog website me back to top button phale hi add kare huwe hote hai.

Aur kuch template themes ke  back to top buttons ka design ache nhi hota hai. So is post ko read karke aap same wordpress blog ke trah blogspot blog me bootstrap back to top button add kar skate hai.



Back to top button ko Blog website me kis liye add kara jata hai..? scroll to top button ko blog me isliye add kara jata hai. Jab reader kisi long post ko end tak read karte hai aur wapas top par jane ke liye back to top button ka use karte hai. Isliye blog me Back to to button ya scroll to top button add kara jata hai.

  ๐Ÿ”ต  5 Stylish back to top button Blog Website ke liye.
  ๐Ÿ”ต  Stylish Recent Post Widget Blog Website ke Liye.




Reader ke liye aap apne blog ko jitna easy aur stylish banaenge. Reader aapke blog ko utna hi jayda like karenge.  Aur aishe hi chote-chote features ko add karke blog ko ache se design karna chaiye.

Taki reader ko blog passand aha jaye. So is post me ham bat kar rahe te stylish css back to top button ko blog me kaise add karen

  ๐Ÿ”ต  Get site control ke widget Blog me kaise add karen.
  ๐Ÿ”ต  5 Awesome recent post widget blog website ke liye.

Stylish Scroll  To Top Button Ka Demo Dekhne Ke Liye Demo button par click karen.

  ๐Ÿ”ต  5 Best css image havor effect for blog website.
  ๐Ÿ”ต  Recent Comments widget For Blog Website.


Stylish Css Back To Top Button Blog Me Kaise Add Kare.


Stylish smoth scrolltop button ko add karne ke liye niche diye gaye step ko carefully follow karen.

Step 1.
1. Sabse pahle apne blog dashboard me theme par click karen.
2. Ab Edit HTML button par click karen.
3. Search box me  <head> code ko CTRL+F dabakar search karen.
4. <head> Code ke aage is css code ko paste kar den.

<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>



Step 2.
1. Ab dubara Ctrl+F dabaye or search box me ]]></b:skin> code search kare.
2. Ab ]]></b:skin>  code ke piche is css code ko paste kar den.

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #10b7e5;
    background: #10b7e5;
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 10px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgb(7, 7, 7);
}
#return-to-top:hover i {
    color: #fff;
}

Customization:-
Agar aap scorll to top button ka color change karna chahte hai. to #10b7e5 ke jagaha par dusra color code add karen.

  ๐Ÿ”ต 5 Best custom Search design For blog website
  ๐Ÿ”ต Alexa rank widget Blog me Kaise add karen.


Step 3.
1.  Dubara se serach box </body> code ko search karen.
2. Ab </body> code ke piche scroll to top button script ko paste kar den.





3. And last Ab template save kar den.

  ๐Ÿ”ต  Stylish Blogger author Blog post ke niche kasie lagaye.
  ๐Ÿ”ต  Facebook Messenger Chat Widget For website Blog 

Finally ye step follow karke apne blog website me back to top button ya scroll to top button ko add kar skate hia. Aur agar aapko back to top ko add karne me kai bhi problem ahye to comment karke puch skate hai. Other Blogger widget ke liye Hamre Blogger widget categories wali post read kariye



Blog website me back to top button ya scroll to top button add karne ke liye agar aapko yeh post passand aye to post ko social media par jarur share karen.

Aur Comment karke post ke bare me apna feedback jarur den.

Popular Posts:-
  ๐Ÿ”ต 4 Popular post widget Blog website ke liye.
  ๐Ÿ”ต 50+ Best Blogger widget And Tool Bogger ke liye.
  ๐Ÿ”ต 5 best blogger heading css design


Friday, December 29, 2017

Get Site Control Kya Hai Iske Widgets Blog Me Kaise Add Kare.

Hello friend, Is post me ham get site control ke bare me details se janege. Get site control kya hai. Aur ye kaise work karti hai. aapne internet par bahut sari sharing button sites dekhi hogi. Get site control bhi sharing button sites hai.

Jo blogger ke liye notification bar, subscribe popup Widget, Chat widget, contact from, Share buttons, Promo widgets, free me provide karti hai.
install get site control widget

Internet par get site control ke allwa bhi bahut sharing button sites hai. jo blogger ke liye hai. par un sites par hame payment karna hota hia. tab jakar aap subscribe widget, contact from widget, promo, servey follow button, share buttons, aur chat widget provide karte hai. Aur sabhi get site control par free hai.

  ๐Ÿ”ต  All in one Blogger widget For blog website
  ๐Ÿ”ต  How to Add Social Content Locker on Blog website



Get site Control kya hai:-

Get site control ek sharing button sites hai. jo blogger ke liye widget aur tools free me provide karti hai. ye site blog website ke liye popup subscribe widget, contact from, promo widget, chat widget, Social media follow button, sharing buttons, link promotion widget aur notificaiton bar widget, free me provide kart hai.

Get Site control aapne blog website me install karne se pahle aapko is par account  create karna hai. uske bad aap ye sabhi widget esaily aapne site par laga skate hai.

Get site Control Par Account Kaise  Banaye:-

Is site par aap 3 types ke account se login ho skate hai.  aap apne facebook account se bhi login ho skate hai. Aur agar facebook aacount se login nhi hona chahte hai. to Google account se log in ho skate hai. ya aapne email account create karke get site control par login ho skate hai

sing  up in get site control

Ab account banakar aapko get site control ke code aapne blog me add karna hai. tabhi jaakar blog me widget show hote hai. aapko ek chota se code aapne template me add karna hota hai. aur get site control me widget ko aaply karke aapne blog me laga sakte hai.

Blog Me Get Site Control Code Kaise Add Kare:-

Account banane ke bad aap login hone ke baad aapne account ko open kare. Aur code install karne ke  bad liye niche diye gaye step ko follow kariye.
Step 1.
1. Sabse phale menu bar me site settings par click kariye.
2. Ab install button par click kariye.
3. Aab code ko select all karke copy kar le.

Install get site control

Ab aapko is code ko aapne blog template me add karna hai.

Step 2.
 1. sabse phale aapne blogger dashboard me theme par click kare.
 2. Ab Edit HTML par click kariye.
 3. Ab control+F dabakar serach box me
 4. code  ko search kare.4. Ab body code se phale aapko copy kara huwa code paste karn hai.

  ๐Ÿ”ต  Blog Heading Customize Karne ke 5 best design.
Ab aap template save kar de. aur ab aapko widget ko aapply karna hai. jis bhi widget ko aapne site me lagana chate hai.

Get Site Control Ke Widget Ko Blog Me Kaise Apply kare.

Get site control ke popup subscribe widget, contact from, promo, survey, follow buttons, share buttons, chat widget add kar sakte hai. Jis trah se image me show ho rahe hai.


get site control widget add on blog

Widget ko blog me aaply karne ke liye aapko liye step ko follow kariye.

Step 1.
1. Sabse phale create widget par click kariye.
2. Ab kisi bhi widget subscribe, contact, share button etc, par click kariye.
Mene promo button par click kara hai.


step 2.
 1. Ab sabse phale appearance me aapko widget ki setting karne hai.   Position, widget color,  fonts,  select karna hai. 
2. Content me aap aapne link add kare jo aap promote karna chate hai.
3. Ab all setting karke finally ok button par click kar de.


Get-site-control


Ab promo widget aapke blog me add ho jayega. 
Same ishi step ki trah aap other widget bhi add kar skate hai

2. Subsribe widget kaise lagaye :-

popup email subscribe widget

Popup subscribe widget ko bhi apne blog me laga skate hai. Aur aapne hisab se design karke aaply kar sakte hai. Jis trah se promo widget add kiya hai. same whi process karke aap apne blog me popup email subscribe widget add kar skate hai. Subscribe widget add karne se aapke blog ka traffic increase ho hota hai.




  ๐Ÿ”ต  Stylish Recent Comment widget for blog website

3. Contact From Blog Me Kaise lagaye:-

get site control contact from

Contact from se aapke vistor aapse connected rah skate hai. Aur contact form ko bhi aap apne hisab se design kar skate hai. font, color size position set kare aap apko aaply karna hai. aur contact from bhi aapke blog par add ho jayega

    o  5 Stylish Contact From Blog Ke liye
    o  15 Most useful blogger widgets Blog ke liye

4. Follow Buttons Blog Me kaise lagaye:-


Follow button aapke social media sites par followers button me kafi help karte hai. Aur get site control aapke liye free me provide karte hai. follow button bhi same promo widget ke trah aapne ke liye get site control se aaply karke laga skate hai.

5. Share Buttons Blog Me Kaise Lagaye:-

Share button k blog me add karne se vistor aapke post ko social media sites par share karte hai. jise aapke blog ke traffic increase hota hia.  aur get site control par aap free me share button ko apne blog par laga skate hai. Share button ko add karne ke liye aapko promo widget ke trah steps ko follow karna hai.


  ๐Ÿ”ต  Top 5 best Css blockquote design Blog ke liye.
  ๐Ÿ”ต  Slider Demo And Download Button Blog Ke Liye.


6. Promo Widet Notification bar Blog Me kaise add kare:-

Promo widget ko ham simple language me notification bar widget bhi kahte hai. promo widget ko kisi special deal ya kisi link ko promotion karne ke liye use kar sakte hia. Promo widget ko aap image me bhi dek sakte hia. Aur aapne choice ka color font aur postition select kar sakte hai.


get site control widget kaise add kare

7. Chat Widget Blog Me Kaise Lagaye:-

Blog me chat widget ko add karne se aapke vistor online aapse connected rah skate hia.  Ye widget blog ke liye kafi useful hai. aur get site control ye widget bhi aapke liye free me provide karti hai. chat widget ko add karne ke liye bhi aapko uper batayi gaye procress apply karni hai. aur position, color, font text color aapne hisab se set kare blog me laga skate hai.




Get Site Control ek bahut useful site hia. Jo khas kar blogger ke liye best hai. kyoki blogger par coding ke duwara hai. jaise wordpress par plugins ka install karke widget lagaya ja sakte hia.  lekin blogger me plugins install nhi hoti hia. 


Isliye Get site control bahut achi site hai. blogger ke liye jo free popup subscribe widget notification bar, Contact from, chat widget, share buttons, follow buttons, etc free me provide karti hai. 

i hope aapko get site control ke bare me aapko post passand ayhi hogi. to is post social media aur other blogger ke sath jarur kijyega. taki other blogger ko bhi pata chal sake.




Aur sath hi comment karke aapna feedback jarur taki hame pata chal sake ki aapko hamare post article useful sabhit hote hai ya nhi.