This Is A Sample Of Sticky Post


The Problem is: to do this trick, we must use HTML code to make up the text... But don't worry, if you are not capable with HTML Codes, there are simple and fast way to make your sticky post without learn it. Use your "New Post" to make a sample of your sticky post, set the display as close as your real post, use the Preview to check your sticky post display then copy-paste into your content collumn text add gadget.

Learn how to make this sticky post in http://doit2us.blogspot.com/2010/02/how-to-make-sticky-post-in-your-blogger.html

How To Make "Back To Top" Navigation Link

>> Sunday, March 21, 2010

Back to Top is a Navigation link at the bottom of the web page. Provide by site owner to jump back to the top of the page.
Sometime when we visited a Website or Blog, In addition to interested in the main article, we are also interested in some "information" that (intentionally placed by the owner to attract visitors) is located at the top of a web page. After finished reading the main article, it would be very helpful if there is a navigation link to the top of the page, so we only need a single click to navigated away to the top page to continue explored another "information" that attracted us.

To make this widget, we must declare the CSS Code of the widget first (declare the name and parameters that set the display widget in browser) then write / put the widget code itself (div id="widget-name") in its position (bottom)

In your HTML Template (Dashboard > Layout > Edit HTML) insert this CSS above ]]></b:skin> 
/* Credit
----------------------------------------------- */
#credit {
margin: 0px 0px 0px 0px;
padding: 2px 0px 0px 0px;
width: 100%;
height: 26px;
clear: both;
font-family: verdana, helvetica;
font-size: 70%;
color: #444444;
font-weight: normal;
background: #777777;
}

#creditleft {
margin: 0px 0px 0px 0px;
padding: 7px 0px 0px 0px;
height: 26px;
position: relative;
float: left;
text-align: left;
display: inline;
width: 71%;
background: #ffffff;
}

#creditright {
margin: -33px 0px 0px 0px;
padding: 7px 0px 0px 0px;
height: 26px;
position: relative;
float: right;
text-align:right;
display: inline;
width: 30%;
background: #ffffff;
}

#creditleft p {
margin: 0;
padding: 0
}

#creditright p {
margin: 0;
padding: 0
}

#creditleft a, .creditleft a:hover, .creditleft a:visited {
color: #444444;
text-decoration: underline;
}

#creditright a, .creditright a:hover, .creditright a:visited {
color: #444444;
text-decoration: underline;
}
We are not going to discuss the CSS Code above, but if we read line by line you will get the "picture" of this widget display settings (please look at the bottom of this page to see the result of the setting...!!!). You can replace the parameters to match with your template. ex: backgrounds or fonts color.

Next, Copy this Widget Script and Paste at the bottom of your HTML Code above the closing tag </body>


<div id='credit'>

<div id='creditleft'>
<p><b>&#160;&#160;&#169; <a href='http://doit2us.blogspot.com/'>New Blogger Tips For Us</a> <i>Free Blogger Template</i> by <a href='http://doit2us.blogspot.com/'>Mc</a> 2010</b></p>
</div>

<div id='creditright'>
<p><b>Back to <a href='#outer-wrapper'>TOP</a>&#160;&#160;</b></p>
</div>

</div> <!-- end credit -->
The final position will be like this :
Widget Script
</body>
</html>
That's all, If you want to... You can replace the Blue with Your Link and Text... And last, do not forget to save your template, view your blog and... enjoy your new "Back to Top" widget

28 comments:

KVM Switches November 13, 2010 at 2:01 AM  

Thank you for sharing script of Sticky Post. i will use this in my project.

vancouver website design January 11, 2011 at 12:41 AM  

Very very thanks for posting this coding script. I must use it in my next project.

search engine optimization melbourne February 14, 2011 at 8:48 PM  

Thanks for providing with the coding segment. You have really done a good job. Good to see you here…

Phone Sex May 21, 2011 at 4:26 AM  

Awesome article! I have gradually become fan of your article and would like to suggest putting some new updates to make it more effective.

modelle milano August 7, 2011 at 9:38 PM  

That a very nice article. I get complete information about the Sample Of Sticky Post from this article. So thank you very much to posting me such a wonderful article.

accident claims company August 9, 2011 at 10:38 PM  

Thank you for this useful and very impressive article. I have learn a lot from this. Great work.

whiplash claim August 24, 2011 at 11:30 PM  

Thanks a lot for sharing the codes. Its useful indeed.

custom wine labels September 8, 2011 at 5:03 AM  

This guide has been a helpful tips for me, now my template had change from default, I just added some tweaks from it. Thanks.

what is an iva October 3, 2011 at 10:42 PM  

Thanks a lot for imparting us this knowledge.

whiplash compensation October 20, 2011 at 10:14 PM  

This source code is incredible..!

Mattress Cover November 1, 2011 at 7:31 PM  

Wow, another great stuff to learn. Thanks:)

Anonymous,  December 19, 2011 at 4:35 PM  

Thanks for taking this opportunity to discuss this, I feel strongly about it and I take pleasure in learning about this topic. If possible, as you gain information, please add to this blog with new information. I have found it extremely useful.

Interface Talent Network

debt management companies December 20, 2011 at 9:14 PM  

Its worth to read this. Many thanks.

Anonymous,  January 13, 2012 at 12:46 AM  

Thank you regarding talking over this matter. We concur together with your findings. The particular factors how the files stated are typical upfront in genuine encounters even help much more.

Best 42 Inch Flat Screen TV 2011

Anonymous,  February 1, 2012 at 4:16 PM  

This blog is very cute. The web design is very appealing and eye-catching. The article is well-written and can be considered as an interesting one to read. I never regret of stopping by to your website.

ice cream maker reviews

Anonymous,  February 2, 2012 at 7:10 PM  

I recently came across your article and have been reading along. I want to express my admiration of your writing skill and ability to make readers read from the beginning to the end. I would like to read newer posts and to share my thoughts with you.

baby mattress

handyman Bellevue February 26, 2012 at 7:27 PM  

Really impressed! Everything is very, very clear and open. You have shared a lot of valuable information.

homeopathic adhd remedies March 5, 2012 at 3:46 AM  

Truly impressed! Everything is very, clear and also available. You've shared a lot of important information.

bmw lease deals ny March 11, 2012 at 3:43 PM  

This is the best post on this topic I have ever read. I am really very impressed with it. Keep blogging!

brooklyn plumber best March 29, 2012 at 8:56 PM  

Thanks, it's very good details of sharing and making individuals know about the projects that are happening to be performed. I believe I can easily discover better information here, thanks.

Best Coffee Makers April 22, 2012 at 8:42 PM  

I honestly appreciated looking at your posting! You have top quality materials.

click here May 24, 2012 at 7:43 PM  

Now, I already know how to make back to top navigation link. You shared a simple post but very useful. Thank you so much!

dentist in valley stream ny May 28, 2012 at 11:14 PM  

I am pretty much amazed of the article content. I learned a lot from the interesting topics that are being discussed.

Farenx design February 6, 2013 at 10:23 PM  

below you’ll find the link to some sites that we believe you must visit
marketing Austin

Start Business in Delhi April 11, 2015 at 4:06 AM  

I certainly agree to some points that you have discussed on this post. I appreciate that you have shared some reliable tips on this review.

Web Developers Delhi April 17, 2015 at 1:26 AM  

Very interesting blog. A lot of blogs I see these days don't really provide anything that attract others, but I'm most definitely interested in this one. Just thought that I would post and let you know.

Mobile App Developers June 29, 2015 at 12:12 AM  

I certainly agree to some points that you have discussed on this post. I appreciate that you have shared some reliable tips on this review.

Post a Comment

 

  © New Blogger Tips For Us Free Blogger Template by Mc 2010.

Back to TOP