How to Add Blogger Notification Bar In Blogger? - Software Magazine

A2Z SOFTWARE

Latest News

    • Preferred Freelancer Program SLA Exam Answers 2020

       1- Is it allowed to share contact details It is okay if the employer asks first provided that the project is awarded and that you have informed your recruiter about the exchange of contact details. 2- is sending or stating your contact details or mentioning other sites where your information or your portfolio is displayed allowed? You are allowed to share after the recruiter project has been awarded. Should the project not be awarded you need to request permission from the recruiter on the project first. 3- True or false: you are allowed to provide contact details on your profile and/or bids False 4- what should I do when an employer asks for contact details? Write ‘Unfortunately’ it is against T&C and not advised to take communication offsite. In order to do so I need to first ask the recruiter for permission. 5- what should I do when an employer asks to pay directly using PayPal or another payment gateway? Tell the Employer payments should remain in the site and notify the recruiter on the project. 6- what should i do if an employer wants to have a skype call about the project before it is awarded? Contact a Recruiter and ask for permission to share offsite communication details with the employer. 7- would it be considered offsite communication if the employer shares their contact details first the project is awarded? Yes, should you need to engage with them off-site, you need to gain permission from a recruiter first 8- Would it be considered off-siting if an employer shared the login credentials of their website with you or asked you to use a team-viewer to discuss a project? No 9- when should you turn off your preferred freelancer badge? When you are unavailable, going on vacation, or too busy to take on new projects 10- where you can turn off your preferred freelancer badge? Under settings and then account 11- Do you pay preferred freelancer project fees on recruiter projects if your badge if turned off? YES 12- would you be penalized for not communicating with an employer that you would be away or need to delay the agreed time delivery of a project? Yes, you would be penalized as it is important to communicate with an employer and update them on the status of a project especially should you not be able to complete a deliverable on time. 13- what should you do when chat is opened for you by a recruiter and employer is unavailable? Send a short message, introducing yourself and letting the employer know your working hours and when you will be available to discuss the project with them. 14- what is an upfront payment? Discussing a brief with an employer and once awarded the first milestone is requested before delivering any work. 15- what happens when you request an upfront payment? Withdrawals will be frozen until work is delivered. 16- If you do research for establishing if you can take on a project, would you be allowed to request a milestone release for that without delivering any work yet? No 17- If you need to buy something for the project, be it a license, template or program to work on the project, what do you do? Include it in the first milestone, but make sure that it is also followed by the agreed-to deliverables. No milestones should be released without work done. 18- You are allowed to charge 50% at the beginning of a recruiter project? No that would be an upfront payment. 19- Are you allowed to discuss project fees with the employers? No discussion of fees is not allowed, you should always include the fee in the total price you gave to the employer. 20- what should you do if your employer wants you to create a second project from a recruiter the project, through 'Hire-me' or a normal project? Notify a recruiter about this as you were invited to this project via the preferred freelancer program and let them know what the project ID is. 21- what will happen when you circumvent fees? You need to pay 30% of the awarded value of the project or be removed from the program. 22- Are you allowed to request reviews or ratings before the project is completed? You can ask for them once the project is completed. 23- would it be considered fee avoidance if a recruiter hourly project was closed to create a non-recruiter fix price project? YES 24- how should you respond to an invitation to a project? By telling the recruiter about your experience and sending relevant examples of work. 25- what would happen if you blackmailed, threatened or unprofessional communication with an employer You will be immediately removed from the PFP. 26- How should you FIRST address the employer? Hi there 27- Under what circumstances should you spam the employer with messages? Never 28- what percentage of disputes can you have in a six month period and still meet the minimum requirements to stay in the PFP? 10% 29- what percentage of the projects do you need to accept to stay in the program? 85% 30- What percentage of the completed projects do you need to maintain? 85% 31- what is a 'Timeout'? A ‘timeout’ is issued when you have broken the rules of the service agreement and will be given no invitations for three days.32- As a preferred freelancer are you allowed to consistently be awarded projects that you then break down into smaller parts for other freelancers to complete? No33- Are you allowed to have a duplicate preferred freelancer account in the program? No, and if you do you will have to close one or both will be closed. 34- If you are a company and not an individual what kind of photo should you have on your profile? A professional company logo35- what kind of photo should you have on your profile if you are an individual freelancer? A professional individual photo36- what if you want to add another skill to the preferred freelancer program?You will need to email preferred@freelancer.com or make a ticket to be removed from the programmed and apply again with all the additional skills you wish to add.37- When is it ok to ask the employer to release the milestone?Once you have delivered the work corresponding to it and the employer has already given you positive feedback.38- when should i accept the award and start working on the project?After you have cleared every single detail of the project with the employer, updated your bid, if necessary, have agreed on a structure of milestone and the employer has created at least one milestone.39- What happens if you have too many incoming milestones? You will not receive recruiter invitations until those projects are completed.40- what will happen when you circumvent fees? You need to pay 30% of the awarded value of the project or be removed from the program.C

Saturday, 3 December 2016

How to Add Blogger Notification Bar In Blogger?

Notification Bar is an important component of a blog, where you can display latest news, updates and blog happenings. This is a very unique way to visible your important announcement before your visitors. Many bloggers are using different bars to display latest changes in their blogs, such as it is used for subscription, announcements, important information etc. Even many bloggers use notification bar to updating blog posts. If you want to display your content in a better way, you came on the right site, because today I am going to make a tutorial through which you can easily add notification bar on your blogger blog. 

Step 1- Select your blog and save your backup
Step 2- Edit HTML of your blog
Step 3- Search for
<head>
Step 4- Paste the following Code below <head>



<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
<!--Blogger Notification Bar by www.bloggerwits.net--> 
<script language='JavaScript'> 
//<![CDATA[
var _0x519b=["\x6A\x51\x75\x65\x72\x79","\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E","\x66\x6E","\x74\x6F\x70","\x6C\x69\x6E\x65\x61\x72","\x65\x78\x74\x65\x6E\x64","\x65\x61\x73\x69\x6E\x67","\x73\x77\x69\x6E\x67","","\x74\x6F\x74\x61\x6C\x48\x65\x69\x67\x68\x74","\x68\x65\x69\x67\x68\x74","\x62\x6F\x72\x64\x65\x72\x53\x69\x7A\x65","\x64\x75\x72\x61\x74\x69\x6F\x6E","\x73\x68\x6F\x77\x41\x66\x74\x65\x72","\x23\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E","\x66\x69\x6E\x64","\x2E\x6C\x69\x6E\x6B","\x23\x63\x6C\x6F\x73\x65\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E","\x23\x6F\x70\x65\x6E\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E","\x61\x6E\x69\x6D\x61\x74\x65","\x6F\x70\x65\x6E\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E","\x72\x65\x6D\x6F\x76\x65\x43\x6C\x61\x73\x73","\x61\x62\x73","\x61\x64\x64\x43\x6C\x61\x73\x73","\x6D\x61\x72\x67\x69\x6E\x54\x6F\x70","\x74\x6F\x70\x5F\x66\x69\x78\x65\x64","\x62\x6F\x74\x74\x6F\x6D","\x62\x6F\x74\x74\x6F\x6D\x5F\x66\x69\x78\x65\x64","\x70\x6F\x73\x69\x74\x69\x6F\x6E","\x64\x65\x74\x61\x63\x68","\x62\x6C\x6F\x63\x6B","\x63\x73\x73","\x62\x6F\x64\x79","\x70\x72\x65\x70\x65\x6E\x64\x54\x6F","\x6C\x65\x6E\x67\x74\x68","\x2E\x6D\x75\x6C\x74\x69\x4D\x65\x73\x73\x61\x67\x65\x73","\x69\x6E\x69\x74","\x6D\x75\x6C\x74\x69\x70\x6C\x65\x4D\x65\x73\x73\x61\x67\x65\x73","\x6B\x65\x65\x70\x48\x69\x64\x64\x65\x6E","\x63\x6C\x6F\x73\x65\x61\x62\x6C\x65","\x63\x6C\x69\x63\x6B","\x70\x6F\x73\x74","\x63\x6C\x69\x63\x6B\x3D\x74\x72\x75\x65","\x61\x6A\x61\x78","\x3C\x61\x20\x73\x74\x79\x6C\x65\x3D\x22\x6D\x61\x72\x67\x69\x6E\x2D\x74\x6F\x70\x3A\x35\x70\x78\x3B\x20\x6D\x61\x72\x67\x69\x6E\x2D\x6C\x65\x66\x74\x3A\x37\x70\x78\x3B\x20\x63\x6F\x6C\x6F\x72\x3A\x23\x36\x36\x36\x36\x36\x36\x3B\x20\x66\x6C\x6F\x61\x74\x3A\x6C\x65\x66\x74\x3B\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x4D\x79\x42\x6C\x6F\x67\x67\x65\x72\x54\x72\x69\x63\x6B\x73\x2E\x63\x6F\x6D\x22\x3E\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x34\x2E\x62\x70\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x2D\x36\x44\x37\x6D\x2D\x69\x74\x57\x64\x6E\x6F\x2F\x55\x4E\x32\x77\x30\x54\x54\x33\x5A\x6C\x49\x2F\x41\x41\x41\x41\x41\x41\x41\x41\x49\x59\x63\x2F\x43\x4A\x78\x64\x73\x4C\x72\x57\x6B\x51\x67\x2F\x73\x34\x30\x30\x2F\x6D\x62\x74\x2E\x70\x6E\x67\x22\x2F\x3E\x3C\x2F\x61\x3E","\x70\x72\x65\x70\x65\x6E\x64","\x65\x61\x73\x65\x4F\x75\x74\x42\x6F\x75\x6E\x63\x65","\x68\x61\x73\x4F\x77\x6E\x50\x72\x6F\x70\x65\x72\x74\x79","\x23\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E\x57\x72\x61\x70","\x72\x65\x61\x64\x79"];;;(function (_0xd41ax1){_0xd41ax1[_0x519b[2]][_0x519b[1]]=function (_0xd41ax2){var _0xd41ax3={duration:500,position:_0x519b[3],closeable:true,showAfter:0,keepHidden:false,borderSize:3,height:40,easing:_0x519b[4]},_0xd41ax4=_0xd41ax1[_0x519b[5]]({},_0xd41ax3,_0xd41ax2);if(_0xd41ax4[_0x519b[6]]==_0x519b[7]){_0xd41ax4[_0x519b[6]]=_0x519b[8];} ;_0xd41ax4[_0x519b[9]]=parseInt(_0xd41ax4[_0x519b[10]],10)+parseInt(_0xd41ax4[_0x519b[11]],10);_0xd41ax4[_0x519b[12]]=parseInt(_0xd41ax4[_0x519b[12]],10);_0xd41ax4[_0x519b[13]]=parseInt(_0xd41ax4[_0x519b[13]],10)*1000;var _0xd41ax5=_0xd41ax1(this),_0xd41ax6=_0xd41ax5[_0x519b[15]](_0x519b[14]),_0xd41ax7=_0xd41ax6[_0x519b[15]](_0x519b[16]),_0xd41ax8=_0xd41ax6[_0x519b[15]](_0x519b[17]),_0xd41ax9=_0xd41ax5[_0x519b[15]](_0x519b[18]),_0xd41axa={},_0xd41axb=_0x519b[8],_0xd41axc={},_0xd41axd=_0x519b[8],_0xd41axe=function (){_0xd41axc[_0xd41axd]=_0xd41ax4[_0x519b[9]];_0xd41ax9[_0x519b[19]](_0xd41axc,(_0xd41ax4[_0x519b[12]]/2),_0xd41ax4[_0x519b[6]]);_0xd41ax5[_0x519b[21]](_0x519b[20]);} ,_0xd41axf=function (){_0xd41axc[_0xd41axd]=-Math[_0x519b[22]](34-_0xd41ax4[_0x519b[10]]);_0xd41ax9[_0x519b[19]](_0xd41axc,(_0xd41ax4[_0x519b[12]]/2),function (){_0xd41ax10();} );} ,_0xd41ax10=function (){_0xd41axa[_0xd41axb]=0;_0xd41ax5[_0x519b[19]](_0xd41axa,_0xd41ax4[_0x519b[12]],_0xd41ax4[_0x519b[6]],function (){_0xd41ax5[_0x519b[23]](_0x519b[20]);} );} ,_0xd41ax11=function (){_0xd41axa[_0xd41axb]=-_0xd41ax4[_0x519b[9]];_0xd41ax5[_0x519b[19]](_0xd41axa,_0xd41ax4[_0x519b[12]],function (){_0xd41axe();} );} ,_0xd41ax12=false;switch(_0xd41ax4[_0x519b[28]]){case _0x519b[3]:_0xd41axb=_0x519b[24];_0xd41axd=_0x519b[3];break ;;case _0x519b[25]:_0xd41axb=_0x519b[3];_0xd41axd=_0x519b[3];break ;;case _0x519b[27]:_0xd41axb=_0x519b[26];_0xd41axd=_0x519b[26];break ;;} ;_0xd41ax5[_0x519b[29]]();_0xd41ax5[_0x519b[33]](_0x519b[32])[_0x519b[31]]({display:_0x519b[30]});if(_0xd41ax6[_0x519b[15]](_0x519b[35])[_0x519b[34]]){bloggernotificationExtras[_0x519b[37]][_0x519b[36]]();} ;if(_0xd41ax12&&_0xd41ax4[_0x519b[38]]&&_0xd41ax4[_0x519b[39]]){setTimeout(function (){_0xd41axe();} ,_0xd41ax4[_0x519b[13]]);} else {setTimeout(function (){_0xd41ax10();} ,_0xd41ax4[_0x519b[13]]);} ;_0xd41ax8[_0x519b[40]](function (){_0xd41ax11();setCookie();} );_0xd41ax9[_0x519b[40]](function (){_0xd41axf();setCookie();} );_0xd41ax7[_0x519b[40]](function (){_0xd41ax1[_0x519b[43]]({type:_0x519b[41],data:_0x519b[42],success:function (_0xd41ax13){} });return true;} );} ;} )(window[_0x519b[0]]);jQuery(document)[_0x519b[49]](function (_0xd41ax1){_0xd41ax1(_0x519b[14])[_0x519b[45]](_0x519b[44]);if(!_0xd41ax1[_0x519b[6]][_0x519b[47]](_0x519b[46])){_0xd41ax1[_0x519b[5]](_0xd41ax1[_0x519b[6]],{easeOutBounce:function (_0xd41ax14,_0xd41ax15,_0xd41ax16,_0xd41ax17,_0xd41ax18){if((_0xd41ax15/=_0xd41ax18)<(1/2.75)){return _0xd41ax17*(7.5625*_0xd41ax15*_0xd41ax15)+_0xd41ax16;} else {if(_0xd41ax15<(2/2.75)){return _0xd41ax17*(7.5625*(_0xd41ax15-=(1.5/2.75))*_0xd41ax15+0.75)+_0xd41ax16;} else {if(_0xd41ax15<(2.5/2.75)){return _0xd41ax17*(7.5625*(_0xd41ax15-=(2.25/2.75))*_0xd41ax15+0.9375)+_0xd41ax16;} else {return _0xd41ax17*(7.5625*(_0xd41ax15-=(2.625/2.75))*_0xd41ax15+0.984375)+_0xd41ax16;} ;} ;} ;} });} ;_0xd41ax1(_0x519b[48])[_0x519b[1]]({position:_0x519b[3],showAfter:0,keepHidden:true,duration:300,closeable:true,height:40,borderSize:1,easing:_0x519b[7]});} );

//]]> 
</script>

Step 5- Now search for
]]></b:skin>  
Step 6-  Now just paste following code above 
]]></b:skin> 
/* ----Blogger Notification bar by www.bloggerwits.net----- */
#bloggernotificationWrap{ 
    display: none; 
    margin: 0; 
    padding: 0; 
    position: fixed; 
    margin-top: -41px; 
    z-index: 999999; 
    width: 100%; 
    height: 41px; 
}
#bloggernotification { 
    width: 100%; 
    height: 28px; 
    margin: 0px; 
    padding-top: 7px; 
    text-align: center; 
    background: none repeat scroll #2E2F2E
    position: relative; 
    box-shadow:0px 1px 3px #666; 
    z-index: 9998; 
    text-decoration: none; 
    color: #cccccc
    font-family: arial,sans-serif; 
    font-size: 13px; 
    font-weight: bold; 
    text-shadow: 1px 1px 1px #000; 
    border-bottom:2px solid #fff; 
}

#bloggernotification a{ 
    text-decoration: none; 
    color:#FFFC00
     font-family: arial,sans-serif; 
    font-size: 13px; 
    font-weight: bold; 
    text-shadow: 1px 1px 1px #000; 
    outline: none; 
}
#bloggernotification a:hover{ 
    text-decoration: underline; 
}
#bloggernotificationWrap #closebloggernotification{ 
    display: block; 
    position: absolute; 
    top: 0; 
    right: 23px; 
    height: 40px; 
    width: 21px; 
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLuWx63jnz49Vw3ggzoxIqVG8LMuyCkMJSY4bxDt0LED5YLocTZ2Z4lrQ6dQW_PBJs4CYAu8l2m1HMfzh6eiTuyn9a6KM-Lbx-w-mj3ebb9xrzjJK4rcbUmNYsBZnxYMzlRvcQvsMdCiZ3/s400/light.png) no-repeat 0 center; 
    cursor: pointer; 
}
#bloggernotificationWrap #closebloggernotification:hover{ 
    background-position: -21px 50%; 
}
#bloggernotificationWrap.bottomPosition #closebloggernotification{ 
    background-position: right 50%; 
}
#bloggernotificationWrap.bottomPosition #closebloggernotification:hover{ 
    background-position: -42px 50%; 
}
#bloggernotificationWrap #openbloggernotification{ 
    display: block; 
    position: absolute; 
    top: -6px; 
    right: 15px; 
    padding: 0 7px; 
    background: #2E2F2E
    border-left: 3px solid #fff; 
    border-right: 3px solid #fff; 
    border-bottom: 3px solid #fff; 
    cursor: pointer; 
    z-index: 1; 
    -webkit-border-bottom-right-radius: 5px; 
    -webkit-border-bottom-left-radius: 5px; 
    -moz-border-radius-bottomright: 5px; 
    -moz-border-radius-bottomleft: 5px; 
    border-bottom-right-radius: 5px; 
    border-bottom-left-radius: 5px; 
       box-shadow:0px 1px 3px #666; 
}
#bloggernotificationWrap #openbloggernotification span{ 
    display: block; 
    width: 21px; 
    height: 34px; 
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLuWx63jnz49Vw3ggzoxIqVG8LMuyCkMJSY4bxDt0LED5YLocTZ2Z4lrQ6dQW_PBJs4CYAu8l2m1HMfzh6eiTuyn9a6KM-Lbx-w-mj3ebb9xrzjJK4rcbUmNYsBZnxYMzlRvcQvsMdCiZ3/s400/light.png) no-repeat right 50%; 
}

You can make following changes with these codes

If you want to change background color, change this code #2E2F2E
If you want to change text color, change this code   #cccccc
If you want to change hyperlink color, change this code #FFFC00
Step 7- At last just use this code below <body> in order to appear your notification bar
<div class='openbloggernotification' id='bloggernotificationWrap' style='display: block; margin-top: 0px;'><div id='bloggernotification'> 

Write Your Notification Message Here
<span id='closebloggernotification'/></div><span id='openbloggernotification' style='top: -6px;'><span/></span></div>

<br/><br/>
Step 8-  Just save the template..You are done.
  • Blogger Comments
  • Facebook Comments

0 comments:

Post a Comment

Item Reviewed: How to Add Blogger Notification Bar In Blogger? Description: Rating: 5 Reviewed By: MUBSHAR