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

Monday, March 26, 2018

How To Change ul List Style On Blog Website

Basically sabhi Blog website template me ul Bullet list style normal hoti hai. lekin agar aap apne blog website design ko customize  karke stylish banana chahte hai. To is post me blog website ul list style change kaise kare iske bare me details batane wala hu.


How to customize ul bullet list style on blog website



Blog website ke liye 5 best ul bullet list style ke bare me already ek post share kar chuka hu. lekin is post me especially ul list style customize ya ul list style change kaise kare blog website me. iske bare me batane wala hu.



Ul List Kya Hoti Hai.

What is ul bullet list hindi. blog website me html coding me basically 2 tarah ke list use karte hai. ek Number list jise ham ol list kahte hai. ye Number list hoti hia.

Aur dusri ul bullet list. ye ek without number list hoti hai. jishe css ul bullet list kahte hia.

Blogger ul bullet list ka use new post writing me dusre link ka list banane me karte hai. so agar aap apne ul list style ko customize ya blog website ul list style design change karna chahte hai. To  bane rahiye is post ke sath.

How To Customize ul list style On Blog Website.

Blog website ki ul list customize karne se pahle aap design select kar le uske bad niche diye gaye step ko follow karke aapne blog website me ul bullet list code ko add karna.


1# ul Bullet List Style Design.

ul list design

Ul list Design Code:-

// ul List Design By Blognetbook.com
.entry-content ul li { list-style-type: none; font-weight: bold; color: #0000; }
.entry-content ul li:before { padding: 15px; content:   "๐Ÿ”ต"; padding-right: 10px; color: #1565c0; }


2# Ul list Style Design 2.

ul bullet list design 2




ul bullet list Code:-

// ul List Design By Blognetbook.com.entry-content ul li { list-style-type: none; font-weight: bold; color: #0000; }
.entry-content ul li:before { padding: 15px; content:   "๐Ÿ”ด"; padding-right: 10px; color: #1565c0; }


How to Change Ul List On Blog Website.

Blog website me ul style change karne ke liye niche diye step ko follow kare.




Step 1.
1. Sabse pahle apne blogger dashboard me theme par click kare.
2. Now Click on the Edit HTML Button.
3. Ab d code ko CTRL+F dabakar search kare.


Step 2. 
1. Ab D se pahle Ul bullet List style code ko paste kar de.

css code add on blogger templatecss code add on blogger template


2. Now click on the save template button


Ab aapke website me ul bullet list style change ho jayega.



Html List Design For Blog website

1.  Disc Bullets ul list design


ul bullet List html Code
<ul style="list-style-type:disc">
<li>blog </li>
<li>Net</li>
<li>Book</li>
</ul>  




2.  Unordered List with Square Bullets:-


  Unordered List with Square Bullets
Square Bullets list code:-
<ul style="list-style-type:square">
<li>blog </li>
<li>Net</li>
<li>Book</li>
</ul>


3. Unordered List with Circle Bullets:-
Unordered List with Circle Bullets:-


Circle Bullets list code:-
<ul style="list-style-type:circle">
   <li>blog </li>
  <li>Net</li>
  <li>Book</li>
</ul> 

Html unordered list ya ul bullet list ko html mode me use kar sakte hai. Aur apne blog post ko behtar bana sakte hai.




So i hope aapko css ul list style ya html ul bullet list style ke bare me post passand ayhi hogi . To is post k social media aur other blogger ke sath jarur share kare.

Agar aapko apne blog website me Ul list style change ya ul list style customize karne me ya blog me add karne me problem aye to comment karke jarur bataye.


Popular Posts:-

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:-



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:-




Tuesday, February 27, 2018

Website Blog Me Twitter Follow Button Kaise Add kare.

Blog traffic ko badane ke liye social media sites par followers badana bahut jaruri hai. Kyoki ab sabhi log social media par jayda time active rehte hai. To aap aasani se search engine se bhi jayda social media sites se apne blog par traffic la sakte hai.

Lekin uske liye jauri hai aapke social media sites par aapke followers ho, To is post me aapko twitter follow button ko blog me kaise add kare. iske bare me batane wale hu.

Twitter follow button for blog website



Taki jo bhi vistor aapke blog website par aaye wo direct aapke follow se hi twitter par follow kar sake.Facebook page like button  Blog me kaise add karte hai.

Iske bare me phale hi post kar chuka hu. Aur is post me janege twitter Follow button Blog website me kasie add kare.


Twitter Follow button Blog Website Kaise Add kare.

Twitter follow button ko blog me add karne ke liye  niche diye gaye sabhi step ko follow kare.

1. Add BLog sidebar twitter Follow button

1. Blogger dashboard me Layout par click kare.
2. Ab Add Getget par click kare.
3. New Window me niche diye gaye code ko paste kar de.

<a href="http://twitter.com/Sultan60308253" class="twitter-follow-button">Follow@Sultan60308253</a>   
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
4. Ab widget ko save kar de.

Customization:-
* @Sultan60308253 ke jagah par Aapna twitter username enter kar de.


2. Blog post Ke Nice Twitter Follow button Kaise Add kare.

Agar aap Blog post ke niche twitter follow button add karna chahte hai. To nice diye gaye step follow kare.

Step 1. 
1. sabse phale Blogger Dashboard me Theme par click kare.
2. Ab Edit HTML par click kare.
3. Ab template par CTRL+F dabakar search box <data:post.body/>  ko search kare.



Step 2.
1. Ab <data:post.body/> code ke niche is code ko add kar de.
<a href="http://twitter.com/Sultan60308253" class="twitter-follow-button">F@Sultan60308253</a>   
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

2. Ab template save kar de 

Customization:-
@Sultan60308253 ke jagah par Aapna twitter username enter kar de.



Finally aapke blog website me twitter follow button add ho jayege.

Is trah se aap apne blog website me twitter follow button add kar sakte hai. Aur twitter account par followers increase kar skte hai. 

I hope twitter follow button blog me kaise add kare post kaise lagi comment karke Jarur bataye.

Popular Posts:-

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.