How to Add a Message Board to your Blog Site

How would you like to add a message board to your site? Look at the top of my latest post it's my message board...i can change any text whenever i want without intruding my other post or template.

Their are times where we want to leave a message to our readers and we want the message to stay at the top of our post. I have read a few blogger put a message at the top of their post then they start the message with "This is not a post, scroll down to read my post" it's annoying isn't it Nothing to worry anymore, Here's how to add a message board to your template or blog.

Open your Blogger Dashboard click Layout then Edit HTML

1. Hit Ctrl+F key then find <div id='content-wrapper'>
2. Add this code:
   

<div id='message-board'>
<b:section class='msgbrd' id='msgbrd' maxwidgets='1' showaddelement='yes'>
<b:widget id='Text1' locked='false' title='' type='Text'/>
</b:section>
</div>

Now we need to add the Style for your Message Board:
Hit Ctrl+F again then look for ]]></b:skin> -- copy below code before ]]></b:skin>

/* Messageboard */
.msgbrd h2 {
display: none;
}

.msgbrd .widget-content {
padding: 2px 2% 10px;
background-color: #FFFFFF;
border: 2px solid #cccccc;
color: #dbdbff;
font:italic normal 100% Helvetica, Arial, sans-serif;
font-size: 100%;
text-align: center;
}

Edit the color, font to match your site color.

Add your Messages

You can now go to your Page Element and see the new page element at the top after your header's page element (See image below) then open it and start your text.

You're Done!

I hope you enjoy this tutorial and it helps your blogging aswell.

Source: Hans or Beautiful Beta