Adding The Welcome Message To Blogger
Rss Feed Welcome Message - Below is the message with the Rss Feed link, you can use this message and simply change the feed link to yours.Instructions are below to completely change the message and use another image and different text.
<b:if cond='data:blog.pageType == "item"'>
<a href='http://www.createtheblogger.blogspot.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAH6CBD-AUjFNI-vLZwNgx-R5oKymOEbxMpRKUDY_tGPIrjCQB_Y-NuBAIq44oWLLOhs0GqbQlrMI1QBj64vvS8fxl5Uj85_hYSYszmiDx3fKku6yvgZNrOTluqeT5VAq6YH7BjhwbZ6sV/s1600/best+blogger+tips.png'/></a><style>
#info{
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
position:relative;
color: #00529B;
background-color: #BDE5F8;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSAtprUeUhNAyeCgnobMZU9RsmYO7Re_m8IlQVQT6MUdFlrh7SvQJ7idb0nDAA_j5CQgqXB7DLZV7D7VlNh4LPsVRnCR32ULmsUsu86wpVPMWzi6Ck8_kifMUJ-01Gk33qwFq8lP4kGwjV/s1600/rss-mini.png');
}
</style><script src="http://code.jquery.com/jquery-1.2.3.min.js" type="text/javascript">
</script>
<script type="text/javascript">
$(document).ready(function(){
$(".close").click(function(){
$("#info").animate({left:"+=10px"}).animate({left:"-5000px"});
});
$("#info").fadeOut(800).fadeIn(800).fadeOut(400).fadeIn(400)
.fadeOut(400).fadeIn(400);
});
</script>
<div id="info">
<a class="close" href="#close" style="float: right;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh9REZvq_CrwP2O1F0jnNNK7i4brAfbNlRIrzdlAilbFWlusKdWITOrBZh1riqLyPFQrjI1p8psvZaouS1vvJjEJmckEPKEZJOwCQ8TL0__cwGFAMfWWCKHXCTlFxKgUKodavHkjHNtX18/s1600/close+message.png" /></a>
<center><b>Welcome</b> - If Your New Here You Dont Want To Miss Another Article.<br />Why Not Subscribe To Our <a href=" http://feeds.feedburner.com/createtheblogger " target="_blank"><b>Rss Feed</b></a> !</center></div>
</b:if>
*To change the Rss Mini image replace the Image URL in red.
*The code in orange is the Text Message and Rss link replace them with your own message and image.
*Change the text color edit - color: #00529B;
*Change the background color edit - background-color: #BDE5F8;
Images- If you want to use the facebook or Twitter images from the demos here are the codes :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjObDGPddPj3qQfV26Z3I_mefPNLNn6SQX1Fg5c0XCLVn-qzvLyQvDJSdMewk5Av7VvYjw_M5cCr7VPaIsWCZ0W13TK0x6JiiszJp9Otobv7UvpZqQzMvVAIVxxlb9AXyfcyLYgVvJ1g76Z/s1600/fb-mini.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLHCU46WY_mq4_B8xd94FxpsCuOkPPmqdMcVlY9LlxnHl_umggl26Y9UHkxOeHrjHGr4yZ9oEmC5pFXHas3OokqwWQXMQDd2UGmi_Qy2wG6thDfJ6HUxw6OoZ_RiuNcpNIXGntWHoZ1za4/s1600/twitter-mini.png
OK so you have the code for your message lets add it to your blog !
How To Add Message To Blogger
Add Message Above Posts
Step 1. In your dashboard click 'Design' > 'Add A Gadget'
Step 2. From the pop up menu choose Html/Javascript
Step 3. Paste the code for your message into the Html/Javascript area and save.Now drag the gadget to the area above the posts as shown below.
Add Message Below Post Titles
Step 1. In your dashboard click 'Design' > 'Edit Html' > Tick the 'Expand Widget Templates' box.
Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code):
<div class='post-header-line-1'/>
Step 3. Paste you message code Directly Below <div class='post-header-line-1'/>
Step 4. Save your template.
That's it you have a cool welcome message to greet visitors to your blog and hopefully get some subscribers and followers.
