How to add a professional Notification bar in Blogger

By HubPrix -


Today I will Show you an interesting trick to add a fancy black notification bar in your blogger blog, Which will show your audience the desire post which you want to show it to them.
The Biggest advantage of having this widget in your blogger to show message at the top of the blog will grab attention of the viewer in clicking it.

TO add this blogger notification Bar Follow these steps


  • Go to blogger dashboard
  • Now find for  ]]></b:skin>
 Now paste this code above it

 /*-------------Hacker Prime Notification Bar ----------------*/
#bloggernotificationWrap {
    display: none;
    height: 41px;
    margin: -41px 0 0;
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 999999;
}
#bloggernotification {
    background: none repeat scroll 0 0 #000000;
    border-bottom: 3px dotted #FFFFFF;
    border-radius: 10px 13px 7px 5px;
    color: #FFFFFF;
    font-family: arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 37px;
    margin: -30px 5px 5px -1200px;
    padding-top: 7px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000000;
    width: 500%;
    z-index: 9998;
}
#bloggernotification a {
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    color: #000000;
    font-family: Calibri,sans-serif;
    font-size: 13.5px;
    padding: 1px 7px;
    text-decoration: none;
}
#bloggernotification a:hover {
    text-decoration: underline;
}
#bloggernotification img {
    display: none;
}


  • Again go to template 
  • Find <body>
  • And paste this code just after <body>


 <div class='openbloggernotification' id='bloggernotificationWrap' style='display: block; margin-top: 0px;'>
<div id='bloggernotification'> <a href="www.hackerprime.com>

Your Message here
           </a>
           </div>
           </div>

Comments

Post a Comment

Popular posts from this blog

Youtube Video Presentation

By HubPrix -
Image
With so much content populating YouTube, someone finding your channel may seem about as difficult as finding Waldo in the world’s largest Where’s Waldo picture. We spent a full workday looking for him. Looking at hundreds of successful channels, we’ve noticed that the first break for most of them usually comes through a good spike in traffic from Search. So, in the very beginning, you should be making videos that rank in Search. To rank in Search successfully, it’s important to use your main keywords in three main area: The video’s title The video’s description The video’s tags This doesn’t mean spam your videos with keywords that don’t have any relation to your content as that could result in some very harsh penalties against your channel. Instead, put yourself in the mindset of the viewer searching for your content. What language would they use, what variety of questions would they ask, etc. How you utilize your keywords will have a major impact on the dis...
Read more Prime »

Create Quality and ClickBait Thumbnail

By HubPrix -
Image
Thumbnails are the movie posters for your YouTube videos. Eye-catching thumbnails will be a big reason why visitors will choose your video over another. If you don’t believe us, here’s a test: which of these movies would you rather see? Arnold Schwarzenegger is the greatest actor of all time and I’m still picking right. Thumbnails are extremely crucial for your success on YouTube. They complement your video title and play an enormous role in how often your video is suggested in Related videos or in the Browse section. Good thumbnails accurately show what the video entails. When you design your thumbnails, keep in mind that the majority of YouTube’s traffic is on mobile. So, don’t include details that are only visible when squinting. Ah, using my detective goggle, I can see that this video is clearly about turtles I think. It’s best to use photos that have a resolution of 1280x720 as that is largest size YouTube allows. And, pay close attention to what part of the ...
Read more Prime »