These instructions tell you how to set up your blogroll to list all of our class blogs.
HTML knowledge required: noneYou don't need to know how to create any HTML, but you will cut and paste the code below into the HTML code of your blog template.
Don't worry; it's easier than it sounds. If you can cut-and-paste neatly and accurately, you can do it.
If you have never worked with HTML at all before, I strongly suggest that you create a separate practice blog in your blogger account. (I did this myself, because Blogger's automatic formatting was changing my HTML and I wanted to test it.) You can call it anything, such as "test blog". That way, you can practice the instructions below on your test blog before trying it on your actual class blog.
Save a backup copy of your blog template codeBefore making changes to your Blogger template, always be sure to make an exact copy of it and save it to your hard drive. Here's how:
Modify your blog templateNow you are ready to add the list of class blogs to your template.
Note: I cannot troubleshoot your HTML code. If you try this procedure and have problems, simply take the backup copy of your original template code and paste in back into the template box.
- You should be logged into Blogger, with the Template tab selected and the input box containing the template code displayed on your screen.
- Scroll down to nearly the end of the template until you see a line that reads:
<!-- End #profile --> - With your cursor, carefully highlight the eight lines of code that follow, as shown below:
Important: the highlighted code should start with
<MainOrArchivePage> and end with
</MainOrArchivePage>- Without closing the browser window, go to the first browser window that is still displaying the AskEmi blog. Do not use the back button; the AskEmi site and your blog site should both be open in separate browser windows.
- Highlight and copy the code in the yellow box below, switch to the other browser, and paste the code into your blog template, replace the eight lines of code you highlighted earlier.
Note: be careful to completely replace the eight highlighted lines and not leave any stray characters remaining from the original eight lines.
<ul>
<li><a href="http://adviseconsent.blogspot.com/">Advise and Consent</a></li>
<li><a href="http://bigblockofcheese.blogspot.com/">Big Block of Cheese</a></li>
<li><a href="http://blueinaredworld.blogspot.com/">Blue in a Red World</a></li>
<li><a href="http://bluestatesofmind.blogspot.com/">Blue States of Mind</a></li>
<li><a href="http://bluestateblush.blogspot.com/">Blushing in a Blue State</a></li>
<li><a href="http://britishboyindc.blogspot.com/">British Boy in DC</a></li>
<li><a href="http://cannedhamm.blogspot.com/">Canned Ham</a></li>
<li><a href="http://centerforce.blogspot.com/">Centrifugal Force</a></li>
<li><a href="http://thedailyrag.blogspot.com/">The Daily Rag</a></li>
<li><a href="http://demchatterbox.blogspot.com/">Dem ChatterBox</a></li>
<li><a href="http://gspmdesi.blogspot.com/">DesiPolitica</a></li>
<li><a href="http://dimmysworld.blogspot.com/">Dimmy's World</a></li>
<li><a href="http://femocrat.blogspot.com/">The Femocrat</a></li>
<li><a href="http://gwodem.blogspot.com/">GWO Dem</a></li>
<li><a href="http://123hegemon321.blogspot.com/">Hegemon</a></li>
<li><a href="http://iammeblog.blogspot.com/">iammeblog</a></li>
<li><a href="http://idealistaction.blogspot.com/">Idealist Action</a></li>
<li><a href="http://il2dc.blogspot.com/">IL 2 DC</a></li>
<li><a href="http://independentblogger.blogspot.com/">Independent Blogger</a></li>
<li><a href="http://klegg.blogspot.com/">Kathie's Politech</a></li>
<li><a href="http://mediapreference.blogspot.com/">Mediated Preference</a></li>
<li><a href="http://www.meetjustin.com/Blog/">meet justin</a></li>
<li><a href="http://newmediablog.blogspot.com/">stuck in the middle with blue</a></li>
<li><a href="http://smechum.blogspot.com">"new media" musings</a></li>
<li><a href="http://www.obstacleremoval.blogspot.com/">Out of the Way</a></li>
<li><a href="http://outsidedamage.blogspot.com/">outside damage</a></li>
<li><a href="http://pnm05.blogspot.com/">PNM05</a></li>
<li><a href="http://politiae.blogspot.com/">Politiae</a></li>
<li><a href="http://red-or-green.blogspot.com/">Red or Green?</a></li>
<li><a href="http://separight.blogspot.com/">Right Blog</a></li>
<li><a href="http://thesamewavelength.blogspot.com/">The Same Wavelength</a></li>
<li><a href="http://pmgt218.blogspot.com/">A Schwarzenegger Republican</a></li>
<li><a href="http://shadowsmews.blogspot.com/">Shadow's Mews</a></li>
<li><a href="http://hieneman.blogspot.com/">Southern Dems Still Exist</a></li>
<li><a href="http://thetoastertalks.blogspot.com/">the toaster talks</a></li>
<li><a href="http://mikedinthehouse.blogspot.com/">Unassigned Topics</a></li>
<li><a href="http://internationalperspective.blogspot.com/">understanding u.s. politics</a></li>
</ul>
- Click the orange Save Changes button, then the navy blue Republish button.
- Go to your blog's home page and see how it looks. You may need to refresh the page to see your changes.
(To refresh the page, press and hold the Shift button on your keyboard while pressing the Refresh button in your browser. This clears the browser's "cache," or memory.) - You're done. If for any reason you are not happy with the results, you can simply go back to the template code box (where you made the changes earlier) and replace the code that is there with the backup copy you made earlier.
