<script type="text/javascript">
    var a_rc = 6;
    var m_rc = false;
    var n_rc = true;
    var o_rc = 150;
    function showrecentcomments(e){for(var r=0;r<a_rc;r++){var t,n=e.feed.entry[r];if(r==e.feed.entry.length)break;for(var i=0;i<n.link.length;i++)if("alternate"==n.link[i].rel){t=n.link[i].href;break}t=t.replace("#","#");var a=t.split("#");a=a[0];var c=a.split("/");c=c[5],c=c.split(".html"),c=c[0];var s=c.replace(/-/g," ");s=s.link(a);var o=n.published.$t,l=(o.substring(0,4),o.substring(5,7)),u=o.substring(8,10),m=new Array;if(m[1]="Jan",m[2]="Feb",m[3]="Mar",m[4]="Apr",m[5]="May",m[6]="Jun",m[7]="Jul",m[8]="Aug",m[9]="Sep",m[10]="Oct",m[11]="Nov",m[12]="Dec","content"in n)var d=n.content.$t;else if("summary"in n)var d=n.summary.$t;else var d="";var v=/<\S[^>]*>/g;if(d=d.replace(v,""),document.write('<div class="rcw-comments">'),1==m_rc&&document.write("On "+m[parseInt(l,10)]+" "+u+" "),document.write('<span class="author-rc"><a href="'+t+'">'+n.author[0].name.$t+"</a></span> commented"),1==n_rc&&document.write(" on "+s),0==o_rc)document.write("</div>");else if(document.write(": "),d.length<o_rc)document.write("<i>&#8220;"),document.write(d),document.write("&#8221;</i></div>");else{document.write("<i>&#8220;"),d=d.substring(0,o_rc);var w=d.lastIndexOf(" ");d=d.substring(0,w),document.write(d+"&hellip;&#8221;</i></div>"),document.write("")}}}
    </script><script src=http://www.bloggerhints.com//feeds/comments/default?alt=json-in-script&callback=showrecentcomments></script><div style="font-size: 10px; float: right;">Get this <a href="
http://www.bloggerhints.com/2017/01/recent-comment-widget-for-website-blogger.html ">Recent Comments Widget</a></div>    <style type="text/css">
    .rcw-comments a {text-transform: capitalize;}
    .rcw-comments {border-bottom: 1px dotted;padding: 7px 0;}
    </style>

Namaskar Dosto  Mera Naam Gopal Vishwakarma
( Blogging Tutorials).



Jaisa Ki Aap Jante Hi Honge Ki Blog post Me Code Box Add Karna Kitna Jaruri He

Kyuki Agar Aapne Blog Par Blog Widget Se Related Post Karte Ho To Aapko Code Box Ki Knowledge Honi Chahiye.

 Isse Hamare Visitors Ko Code Copy Karne Or Samajhne Me Aasani Hoti He To Chaliye Jante He Ki Blog Post Me Code Box Kaise Add Karte He

Blogger Blog Pr HTML Code Box Kaise Add Kare ?

Simple Code Box Lagana Bahut Hi Aasan He
 Iske Liye Aapko Niche Diya Gaya Code Copy Karna He Or Apne Blog Ki Post Me Html Section Me Jakar Past Karna He

Code Ko Copy Kare  :-

<form><textarea rows="5" cols="40" onClick=select() readonly>Your Text Here.</textarea></form>


Simple Code Box Blog Post में कैसे Use करें?
1. Sabse Pahle Aap Bloggr.com Par Jaye Or Log In Kare.

2. Ab Apna Blog Select Kare.
3. Ab Blog post Par Jaye Or HTML Par Click Kare.
4. Ab Aapne Jo Upar Diya Code Copy Kr Rakha He Us Code Ko
5. Aapko Jaha Par Code Box Add Karna He Vaha Par Ye Code Paste Dijiye.
6. “Your Text Here” Ki Jagah code add Kar Dijiye.
Is Prakar Aap Apne Blogger Blog Pr HTML Add Kar Sakte He.

Dosto Agar Aapko Meri Post Se Html Code Box Add Karna Aa Gaya Ho To Plz Meri Is Post Ko Social Media Par Jarur Share Kare.

Thanks

Post Create By :-
Gopal Vishwakarma

<div class="sub-blk2"> 
                       <h2><span class="red">Latest</span> Post</h2>
          <marquee height="240" behavior="scroll" scrollamount="2" direction="up"  onmouseover="this.stop();" onmouseout="this.start(); ">
            <ul>          <li><a href="http://www.dealindiaexam.com/2018/01/ugc-net-books-for-paper-1.html">--------- Text 1 --------</a></li>
                      <li><a href="http://www.dealindiaexam.com/p/cbse-ugc-net.html" >-------   text 2 -----------</a></li>
                      <li><a href="http://www.dealindiaexam.com/p/ugc-net-syllabus.html" >----------------  text 3  ---------- </a></li>
                      <li><a href="http://www.dealindiaexam.com/2017/12/ugc-net-paper-1-syllabus.html" >-------- Text 4 --------</a></li>
                        </ul> </marquee>
             
                    </div>

These are Following Steps :-

Step 1 :-  सबसें पहले Blogger.com पर जाकर Sign in कर लें।

Step 2 :-  अब आप अपनी वेबसाइट Select करें, जिस पर आप Back To Top बटन लगाना चाहते हैं ।



Step 3 :- अब आप Blogger Theme पर Click करें ।


Step 4 :- अब Edit HTML पर Click करें और Cont+F दबाएँ ।

Step 5 :- अब Search Box में </head> Tag  इंटर कें और Code Box में  दिया गया Code </head> Tag  कें
नींचे Paste करें ।

Step 6 :- अब Blogger Layout पर जाए और add a Gadget  पर Click करें ।

Step 7 :- अब HTML/ Java Script Gadget पर Click करें ।
Step 8 :- function generate() { var a = $('#container').html(); var b = window.open('', '', 'width=600,height=400'); b.document.write('' + a + ''); } अब Code Box में दिया गया Code Content Area में Paste करें और Save Button पर Click करें ।

function generate() { var a = $('#container').html(); var b = window.open('', '', 'width=600,height=400'); b.document.write('' + a + ''); } Step 9 :-  अब आप View Blog पर Click करके Back To Top Button का Result देख सकते हैं ।

Dosto Appko Meri Ye Post Kaisi Lagi Comment Karke Jarur Bataye
 Or Sath Hi Apne Dosto Ko Bhi Share Kare.

  Thanks.......

Blogger Blog Par One Signal Push Notification Kaise Add Kare Free Me

By :- Gopal Vishwakarma



Blogger Blog Par One Signal Push Notification: Hello Friend’s आज के इस Article में हम आपको बताने वाले हैं कि आप अपने Blogger Blog Par One Signal Push Notification को किस तरह से Add कर सकते हैं वो भी बिलकुल Free में जिससे आप अपने Website पर Traffic को Increase कर सकते हैं।

Blogger Blog Par One Signal Push Notification

Blogger Blog Par One Signal Push Notification
सबसे पहले हम आपको बता दें की Blogger Google के द्वारा Provide की जाने वाली एक Service है जिससे आप Free में अपना Blog Create कर सकते हैं। अगर आपको Blogger पर Blog बनाना नहीं आता तो आप Blogger Par Free Me Blog Kaise Banae Article को Read कर सकते हैं। “Blogger Blog Par One Signal Push Notification”

अब बात करते हैं One Signal Push Notification की तो आज बहुत सारे लोग हमसे पूछते हैं की क्या Blogger Blog Par One Signal Push Notification को लगाया जा सकता है। क्योंकि पहले यह System सिर्फ WordPress Blog पर ही लगाया जा सकता था लेकिन अब आप इस Service को अपने Blogger Blog पर भी लगा सकते हैं।

One Signal Push Notification Kya Hai
जिन लोगों को नहीं पता कि One Signal Push Notification क्या है ? पहले हम उन्हें One Signal Push Notification के बारे में बता देते हैं, यह एक ऐसी Service है जो की जब आपके Website पर कोई Visitor Visit करता है तब उसे एक Notification Show करता है।

जिसमें उन्हें आपके Notifications को Allow या Disallow करने को कहा जाता है। ऐसा करने से या तो लोग आपके Notification को Allow कर देते हैं या Disallow कर देते हैं।

अब सवाल आता है की कैसे Notification, तो हम आपको बता दें की यह Plugin / Widget जब भी आपने Blog पर किसी नए Post को Publish करते हैं तब यह उन लोगों को, जिन्होंने आपके Notification को Allow किया है उन्हें उनके Browser पर एक Notification Send करता है जिसमें आपके Latest Post की थोड़ी Information होती है जैसे की आपके Latest Post का Title.

अब इस चीज के आपको दो फायदे मिलते हैं, पहला जिन लोगों ने आपके Notification को Allow किया है उन्हें आपके Latest Post की Information Direct उनके Browser पर ही मिल जाती है।

और दूसरा फायदा यह होता है की वह उस Notification पर Click करके Direct आपके Website पर पहुंच जाते हैं। इसलिए आपको One Signal Push Notification को अपने Blogger Blog पर जरूर लगाना चाहिए।

Blogger Blog Par One Signal Push Notification Kaise Add Kare
अब बात करते हैं कि Blogger Blog Par One Signal Push Notification Kaise Add Kare, हम आपको बता दें की वैसे तो Push Notification Service एक Paid Service है लेकिन One Signal Company इस Service को Free में Provide करती है और साथ ही अगर आप Hindi या Hinglish Language में अपना Blog बनाए हैं तो आप इस Plugin पर Show होने वाले Text को भी अपने Website के According ही रख सकते हैं जिसके बारे में हम आगे आपको बताते हैं।

Blogger Blog Par One Signal Push Notification को Add करने के लिए आपको कुछ Basic Steps को Follow करना होता है जैसे-

Step 01. One Signal Push Notification
सबसे पहले आपको One Signal Push Notification Website पर अपना एक Account Create करना होता है। जिसके लिए आप One Signal Website पर Visit करें और Login के Button पर Click करें।

One Signal Push Notification

अब ऊपर दी गए Image की तरह एक Popup Window आपके Screen पर Open हो जाएगी इस Window में आप निचे दिए गए Sign Up के Button पर Click करें, आप चाहें तो आप अपने Facebook, Github या Google Plus (Google) Account से भी Sign Up कर सकते हैं।

Step 02. Add a New App


अब आपके Screen पर ऊपर दी गयी Image की तरह एक Page Open हो जाएगा जहाँ आपको Add a New App का Option मिल जाता है। आप सबसे पहले उस पर Click कर दें।

Step 03. App Name


अब आपके सामने एक Pop-Up Window Open हो जाएगी जहाँ आपको आपके App का नाम Enter करना होता है। App का नाम, से आप Confuse ना हो, वहां आप अपने Website का नाम दे सकते हैं क्योंकि यह सिर्फ आपके One Signal Account का नाम है। इसके बाद आप Create के Button पर Click कर दें।

Step 04. Web Push


अब आपके सामने ऊपर दी गयी Image की तरह एक Pop-Up Window Open हो जाएगी जहाँ आपको कुछ Option दिए गए होते हैं, आपको इनमें से Web Push के Option पर ही Click करना होता है।

Step 05. Configure Web Push


सबसे ऊपर ही आपको तीन Options मिलेंगे (Typical Sites, WordPress Plugin or WordPess Builder और Custom Code) आपको इनमें से WordPress Plugin or WordPess Builder के Option को Select करना होता है।

अब आपके Screen पर एक बड़ा सा Page Open हो जाएगा जिसमे आपको आपने Push Notification को Configure करना होता है। जिसमें आप एक-एक करके सभी चीजों को अपने Blogger Blog के लिए Set करेंगे !

Step 6. Site Setup



इस Section में  आपको अपने Website की Details Enter करनी होती है-

Site Name: सबसे पहले Box में आपको अपने Website का नाम लिखना होता है।



Site Url :  दूसरे Box में आपको अपने Website का URL Enter करना होता है। हम आपको यही Suggest करेंगे की पहले आप अपने Website  को Open करें और उसके बाद पुरे URL को Copy करें और फिर यहाँ Paste करें।

03. Default Icon URL
अब अगर आप अपने One Signal का कोई Icon लगाना चाहते हैं तो आप अपने Computer से direct Select करके भी Upload कर सकते हैं या इसे Blank छोड़ दें आपको Default एक Bell Icon मिल जाता है।

04. HTTPS
आपकी Website पर HTTPS लगा हो तो आप इसे On कर दें।

Permission Prompt Setup
यह Section आपके लिए थोड़ा ज्यादा Important होता है क्योंकि अब आपको Push Notification को Configure करना होता है की किस जगह पर आप Push Notification Show होगा, कैसा Show होगा, उसमें क्या-क्या Text होंगे इत्यादि, यह Section 3 Part में Divided होता है।

01. Subscription Bell


यह Subscribe Bell आपके Website / Blog पर एक छोटे से Icon की तरह Show होता है, Starting में इसे Create करना आपके लिए जरुरी होता है।

Step 01. Add a Prompt
सबसे पहले आप Permission Prompt Setup में दिए गए Add a Prompt के Icon पर Click करें जिससे ऊपर दी गयी Screen की तरह एक Pop-Up Page Open हो जाता है।

Step 02. Important Configuration
Size: सबसे पहले आपको अपने Bell Icon का Size Set करना होता है जिसके लिए आपके तीन Options होते हैं (Large, Medium, Small) आप इनमें से किसी भी Option को Select कर सकते हैं।

Location: अब आपको अपने Bell Icon के लिए एक Location Set करनी होती है जिसमें आपको दो Options मिलते हैं (Left, Right) आप अपनी इक्षा अनुसार दो में किसी भी Option को Select कर सकते हैं।



Color: अब Color में आपके पास Main और Accent दो Options होते हैं जिसमें Main Option से आप अपने Bell Icon का Color Change कर सकते हैं और Accent Option से उस Icon के अंदर के Color को Change कर सकते हैं।

Visibility: इस Option को On करने से उन लोगों को दोबारा आपका Subscribe Bell नहीं दिखेगा जिन्होंने आपके Notification को On कर दिया है।

Step 02. Other Changes
इन Settings के बाद भी कुछ Settings हैं लेकिन वह आपके लिए ज्यादा Important नहीं है इसलिए उन्हें वैसा ही रहने दें और Save के Button पर Click करें।

02. Slide Prompt
Slide Prompt

सबसे पहले आप दोबारा Add a Prompt के Button पर Click करें और आपके सामने Slide Prompt का एक Popup Open हो जाता है।

यह Push Notification आपके Website पर तब Show होता है जब कोई भी Visitor आपके Website पर Visit करता है। सबसे ज्यादा लोग इसी Popup Notification के Through आपके Notification को On करते  हैं इसलिए आप इस Box को अपने Website के According ही Customize करें जैसे-

Slide down Prompt
सबसे पहले आप इस Box के सामने दिए हुए Check Box से On कर दें जिससे आप इस Pop Up के Text को भी Edit कर सकेंगे।

Action Message: इस Box में आप अपने Readers के लिए एक छोटा Message लिख सकते हैं जिससे वह उसे पढ़ते ही Subscribe कर लें।

जैसे: अगर आपकी कोई News Website है तो आप लिख सकते हैं “क्या आप Free में Daily Latest News पढ़ना चाहते हैं” या ऐसा ही कुछ जो की लोगों को Attract करे की वह Notification के Yes के Button पर ही Click करें।

Button: Button पर आप Hindi, English या Hinglish भाषा में भी लिख सकते हैं जैसे हाँ – नहीं, Yes – No, Ha – Nhi इत्यादि।

इसके बाद आप Save के Button पर Click कर दें।

04. Welcome Notification
Welcome Notification

इस Section में आपको एक Welcome Message लिखना होता है जो की जब आपके Reader आपके Website को Subscribe कर लेंगे तो उन्हें यह Message Show होता है आप यहाँ अपने Website के किसी Page का URL भी दे सकते हैं जैसे About Us या Thanks का कोई Page आपने बनाया हो तो आप उसे भी लगा सकते हैं।

Advanced Section
इस Section पर आपको कोई भी Changes नहीं करने है आप सिर्फ निचे दिए गए Save के Button पर Click कर दें।

Add Code to Site
Add Code to Site

Save के Button पर Click करने के बाद अब आपके Screen पर ऊपर दी गयी Image की तरह एक Page Open हो जाएगा, जहाँ आपको एक Code Combination दिया गया होता है और साथ ही Copy Code का एक Button भी दिया गया होता है। आप उस Copy Code के Button पर Click करें जिससे वह Code Copy हो जाए।

अभी तक आपने One Signal Push Notification System को Configure कर लिया है अब जरुरत ही उसे अपने Blogger Blog पर Add करने की जिसके लिए हम आपको आगे बताते हैं।



Blogger Blog Par One Signal Push Notification Kaise Add Kare

अब आपके पास आपका One Signal Code है जिसे आपको अपने Blogger Blog पर Add करना है जिसके लिए आप निचे दिए गए Steps को Follow करें-

Step 01. Login into your Blogger Dashboard
सबसे पहले आप अपने Blogger के Dashboard पर Login करें।

Step 02. Go to Themes Options
Go to Themes Options

अब आप Blogger के Dashboard पर दिए गए Left Sidebar में Themes के Option पर Click करें और आपके सामने ऊपर दी गयी Image की तरह एक Page Open हो जाएगा इस page में आपको आपके Theme के Preview के ठीक निचे Customize और Edit HTML के दो Options मिलते हैं।

आप Edit HTML के Option पर Click कर दें जिससे आपके Theme की Coding Open हो जाती है।

Step 03. Paste your Copied Code
Paste your Copied Code

अब आपको सबसे पेज दिए गए Codes पर कहीं भी Mouse से Click करें और Keyword से Ctrl + F Button को Press करें जिससे आपके Screen पर एक Search Box Show होने लगेगा इस Search Box में आपको <head> Type करना है और Enter Press कर देना है।

जिससे आपके Theme का Head Section की Coding आपको मिल जाएगा और आप पहले <head> code के निचे Enter Press करके थोड़ा Space बना लें और आपने जो Code One Signal Page से Copy किया था उसे Paste कर दें।

अब आपका One Signal Push Notification का Code आपके Theme पर Add हो गया है जिसे आपको Save Template के Button पर Click करके Save करना है और आपका One Signal Notification आपके Blogger Blog पर Active हो जाएगा।

आप New Tab में अपने Blog को Open करें और Check करें। अब आपके Blog Readers आपके Blogger Blog के Notification को Active कर सकेंगे और आप अपने Blog पर आसानी से Traffic को Increase कर सकेंगे।

In Conc

5. अब आप जिस पोस्ट में Button Add करना चाहते है उस पोस्ट को ओपन करें और HTML Section में जाये और जहां भी Button लगाना चाहते है वहा क्लिक करें और ऊपर किये गए कोड को Paste कर दें आप निचे इमेज में देख सकते है |
blogger blog me download button kaise add kare

अब आपके Blogger Post में Button Add हो चूका है अब आप पोस्ट को पब्लिश करके देख सकते है की आपके Blogger Post में button काम कर रहा है या नहीं |

Notes :-
1. Template को एडिट करने से पहले अपने ब्लॉग का बैकअप जरुर ले लीजिये ताकि कोई भी प्रॉब्लम आने पर फिर से अपलोड किया जा सकें |

2. Your Product Link के स्थान पर Product का Link Add करें और Buy Button के स्थान पर Buy Now Add करें | इसी तरह आप Download और Live Demo Button भी Add कर सकते है |


मुझे उम्मीद है अब आप अपने Blogger Post में Live Demo, Download और Buy Button Add कर सकते है यदि आपको Blogger Post में Button Add करने में कोई भी परेशानी आती है तो हमें कमेंट्स में अवश्य बताये अगर आपको ये पोस्ट उपयोगी लगी हो तो इसे अपने दोस्तों के साथ Social Networking पर जरुर शेयर करें |


Related Article :-

Blogger Blog Me HTML Code Box Kaise Add Kare ?