- Edit your Layout in Blogger.
In Blogger, click on the “Layout” tab to show your blog’s layout: - Add a new HTML/Javascript gadget.
On your blog’s layout screen, click the “Add a Gadget” link to open the Add a Gadget window:
In the Add a Gadget window, scroll down and find the “HTML/Javascript” gadget. Click on the “+” icon to add it. - Paste the Chatroll embed code into the HTML/Javascript gadget.
On
the new HTML/Javascript gadget screen, enter a title for the gadget. A
good title should alert your readers that this is your site’s live chat.
Here’s the important part: Paste the chat window embed code into the Content area (this is the code you copied from Chatroll in step 2):
Finally, click “Save”. The gadget should now be visible in your blog’s layout.
my blog Page numbers code is here download the code <style type='text/css'>
#blog-pager{padding:10px 0;clear:both;}
.showpageNum a {color:#ff00e6;text-decoration:none;border: 1px solid #CCCCCC;margin:0 3px;padding:3px 7px;background-color:#ffffff;}
.showpageNum a:hover, .showpage a:hover, .showpagePoint {color:#ffffff;border: 1px solid #ffffff;padding:3px 7px;background-color:#ff6600;margin:0 3px;}
.showpageOf {color:#333;text-decoration:none;padding:3px 7px;margin: 0 3px 0 0;}
</style>
<script style='text/javascript'>
var numshowpage=11;
var postperpage =10;
var upPageWord="Previous";
var downPageWord="Next";
var urlactivepage=location.href;
var home_page="/";
</script>
<script style='text/javascript' src='http://ultimateblogmanager.googlecode.com/files/navigationbar.js'></script>
5. Finally hit the Save button.. You're done!
Comments
Post a Comment