Loading ...

Blogger Blog Par Welcome Bar Widget Kaise Add Kare

Blogger yani ki blogspot blog par welcome bar widget kaise add kare jane hindi me
Hello Friends aajke is post me main aap logo ke sath share karunga ki aap kaise aapne blogger blogspot blog par ek Welcome bar widget add karoge. Welcome bar aabhi bahuti popular ek widget hai har ek blog ke liye isko Notification Bar bhi khaha jata hai. jin logo ka wordpress par blog hai wo asani se plugin use karke aapne blog par welcome bar widget add kar lete hai but jo blogspot blog use karte hai unko coding use karke ye kam karna padta hai. Welcome bar bahuti ek jaruri widget hai aur har ek blogger ko is widget ki jarurat kabhi na kabhi jarur hogi.

Welcome bar Blog ke ekdom top me hoti hai aur iska kam hai kuch bhi latest Notic blog ka ho usko add karna jaise ki main khud welcome bar widget use karta hu aap is blog ke top me check kijiye aapko mil jayega. To dosto aap is widget me kisi bhi post link aur post title add kar skaoge. Jobhi ho aagar aapko ye widget chahiye to aap niche ki step ko follow karke aapne blog par is widget ko add kare.

blogger-blog-par-welcome-bar-widget

Blogger Blog Par Welcome Bar Widget Kaise Add Kare ?

Aagar aapko aapne blogger blog par ek welcome bar yani ki Notification Bar bar add karni hai to aap wo kam asani se kar sakte ho uske liye aap just kuch step follow karna hoga aur aapne template par kuch css and html code add karna hoga.

Step 1. Pehle aap blogger.com par jakar login kare jis blog par is widget ko add karna chahate ho usko select kare uske bad Dashboard→Theme→Edit HTML par click kare.

Step 2. Aabhi aap aapne keyboard ke CTRL+F press kare aur ]]></b:skin> is Tag ko search kare. aagar aako ]]></b:skin> ye tag mil jata hai to is tag ke thik age ya upar niche ki CSS code ko add kare ya copy karke Past kare.

[#welcome_bar {
  width: auto;
  height: auto;
  display: block;
  text-align: center;
  line-height: 1.6em;
  padding: 8px 20px;
  background: #FC4F3F;
  color: #fff;
  position: relative;
  font-weight: normal;
 font-size:15px;
}
#close_welcome_bar {
  background: #E74636;
  display: inline-block;
  cursor: pointer;
  padding: 8px 15px;
  position: absolute;
  top: 0px;
  right: 0;
  font-weight: bold;
  font-size: 18px;
  border-radius: 0 3px 3px 0;
  border-left: 1px solid rgb(181, 31, 17);
}
.addthis_sharing_toolbox {clear:initial!important;}
#close_welcome_bar:hover { background: #F04F3F}
#welcome_bar a{background:#fff;color:#6ba4d3;padding:2px 6px;border-radius:4px;margin-left:5px;font-weight:600;}
#welcome_bar a:hover{background:#FC4F3F;color:#fff;}]

Step 3. Aabhi aap aapne same tips follow karke yani ki keyboard ke CTRL+F Press karke <body> is tag ko search kare uske bad is tag ke upar niche ke HTML code ko copy karke past kare.

[<div id='welcome_bar'>
    Is text ko remove karke aap aapna pasand ke text likhe <a href='#' title='Unduh Update'>Rede More</a>
    <span data-target='#welcome_bar' id='close_welcome_bar'>&#215;</span>
</div>]

Note: Upar jo code hai aap usme se "Is text ko remove karke aap aapna pasand ke text likhe" is text ko remove kare aur aapna koibhi text type kare, uske bad "#" is ko remove karke aapna Post link add kare.

Step 4. Sab kuch thik tarike se karne ke bad aap just "Save Template" par click kare uske bad thoda wait karke aapne blog visit karke check kare.

Friends main ummid karta hu ki aapke blog par Welcome bar yani ki Notification Bar widget add ho jayega, aagar koibhi problem hota hai to aap niche comment kare, post agar pasand ata hai to post ko aapne friends ke sath share kare.

COMMENTS

BLOGGER: 1
  1. nice post thanks
    https://worldfitnessfit.blogspot.com

    ReplyDelete
अगर आपको ये पोस्ट अच्छा लगा है तो निचे कमेंट करे, और कोई भी गलत शब्द का इस्तेमाल ना करे. अगर कोई भी गलत कमेंट किया तो आपके कमेंट डिलीट कर दिया जायेगा.

Name

Aadhaar,13,Affiliate Marketing,2,Android,151,AntiVirus,10,Aviskar & Khoj,46,Banking,10,Blogger Tips,71,Computer,187,Cricket,13,Design,2,Domain,4,Education,20,Facebook,70,Festival,6,Full Form in Hindi,33,Game,13,Gmail,23,Google,12,Hacking,1,Hardware,2,Hindi Review,6,Instagram Tips,7,Internet,132,Jio Phone,5,Make Money,24,Media Player,3,Microsoft Office,25,Mobile Operators,24,Motivational,2,MS Excel,10,MS Word,20,Operating System,7,PDF File,18,Photo Edit,35,Photoshop,11,Rochak Gyan,49,SEO,5,Software,43,Tech Gyan,75,Telegram,3,Template,2,Tips & Tricks,259,Top Website,11,Twitter Tips,1,Video Editing,18,Web Browser,13,Whatsapp Tips,37,Widget,12,Windows,46,Windows 10,35,Windows 11,1,Youtube,30,
ltr
item
My Hindi Tricks: Blogger Blog Par Welcome Bar Widget Kaise Add Kare
Blogger Blog Par Welcome Bar Widget Kaise Add Kare
Blogger yani ki blogspot blog par welcome bar widget kaise add kare jane hindi me
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT5gdkv-Kb0A54BmWn9M1b4zrxGi94dUaE15XA330P4dUb1RznzNcXdo0nz5NllQd9njK60kg60aMY12jrI30X8d8CiCba3NEd4Z6L12vFg3I6D5979HmfXuuqEkGRlWOiYjs8bffGyuc/s1600/welcome-bar-widget-blogger-blog.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT5gdkv-Kb0A54BmWn9M1b4zrxGi94dUaE15XA330P4dUb1RznzNcXdo0nz5NllQd9njK60kg60aMY12jrI30X8d8CiCba3NEd4Z6L12vFg3I6D5979HmfXuuqEkGRlWOiYjs8bffGyuc/s72-c/welcome-bar-widget-blogger-blog.jpg
My Hindi Tricks
https://www.myhinditricks.com/2017/04/blogger-blog-par-welcome-bar-widget.html
https://www.myhinditricks.com/
https://www.myhinditricks.com/
https://www.myhinditricks.com/2017/04/blogger-blog-par-welcome-bar-widget.html
true
3284777665229241284
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content