Must Read: Internet Par Website Kaise Banaye | Recommended: Internet Se Paise Kaise Kamaye Best Tips
Subscribe For Free Latest Updates!

We'll not spam mate! We promise.

Apr 15, 2017



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.

Read: Blog Post Par Like and Dislike Button Kaise 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.

1 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.

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

    ReplyDelete

Dosto aagar apko ya post acchi lagi ho to niche comment kare. Koibhi galat word use na kare, Aagar apne koibhi galat comment post kiya to fir apke comment remove hoga. Or ek baat spam comment se dur rahiye.



Copyright © 2017 - MyHindiTricks - All Rights Reserved