Posting by : andri hardiansyah
concept in the blog, each post terarsip we will automatically be groomed every month. Each month entered a new, as of January, the archive will be December Show in the sidebar. The problem, we have extended a year, the archive from January to December will be a line in our sidebar. What if Two and three years? Practical steps to overcome this is to create a pull-down menu as below:
So, how many months / years we in the blogging blogger / blogspot, the menu page months and will not meet the long rows in our sidebar. I appear only the name "Archives", after the new click, the name will Appears months our archives.
To make the archive pull-down menu is there for bloggers Two namely Classic with a template, and a new template. Classic template for the steps, namely:
Login to your blogger.com en dg
Click Template
In the sidebar of your blog archive section, there html code follows:
& <BloggerArchives>
<a href = "<BlogArchiveURL $ $ $ $ gt ;'><$ BlogArchiveName> </ a>
</ BloggerArchives>
Now, change the code in the dg html code below:
<select name = "archivemenu"
onchange = "document.location.href = this.options [this.selectedIndex]. value;"
<option selected> - Archive - </ option>
<BloggerArchives>
<option value = "<$ BlogArchiveURL $>"><$ BlogArchiveName $> </ option>
</ BloggerArchives>
</ Select>
When finished, click SAVE CHANGES. When DONE, click publish.
Done.
To use your new template, step easier, namely:
I log on with your id
click LAYOUT
Click the page elements, sms-elements (Box), which marked Blog Archive
Click on Edit Box was Blog Archive
In addition to writing Style some radio button, select the radio button marked the dropdown menu by typing cue / check
Click the Save Changes
Done
It was above description is a step-by-step to make the dropdown menu for the archives, now I do make the dropdown menu on the link, Ga, I take the example dropdown menu to my personal property that is located on the Right of the paper containing the "blog tutorial. " To make you please copy the HTML code below:
<form> <select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu> <option value=0 selected> note that here Will appear before </ OPTION>
<option value="isi with the addres Want tuju"> in writing here that will Appears </ option> </ select> </ form>
For example, the dropdown menu to my property:
<form> <select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
<option> - Blog Tutorial - </ option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/bikin-blog.html"> Make Blog </ option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/cara-setting-blog.html"> settings Blog </ option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/memilih-template.html"> Selecting Template </ option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/mengatur-hurup-dan-warna.html"> color & character </ option>
<option Article value="http://kolom-tutorial.blogspot.com/2007/04/cara-memposting-artikel.html"> Post </ option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/membuat-read-more-1.html"> Read more (1) </ option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/membuat-text-area.html"> text area </ option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/blogger-emoticons.html"> Blogger emoticons </ option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/yahoo-messenger-emoticons.html"> Yahoo! emoticons </ option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/download-gratis.html"> Free Download </ option>
</ Select> </ form> The result will be like this:
Easy is not it? Welcome to try!
information from: andri hardiansyah
--
Posting oleh Kang_Andry ke ALL ABOUT BROADCAST, COMMUNICATION, AND JURNALISM pada 12/20/2008 05:07:00 PM
Change settings via the Web (Yahoo! ID required)
Change settings via email: Switch delivery to Daily Digest | Switch format to Traditional
Visit Your Group | Yahoo! Groups Terms of Use | Unsubscribe
.
__,_._,___
No comments:
Post a Comment