34
Free download-- - <div style="text-align: center;"><h2 class="title"><blink>Free Download</blink></h2></div> <div style="border: 1px solid rgb(238, 238, 238); padding: 10px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; overflow: auto; width: 85%; height: 163px; -moz-background-clip: -moz-initial; -moz <li><img src="http://gubhugreyot.blogdetik.com/files/2010/06/greenanimah14w16.gif" style="margin:0 3px -2px 0" /><a style="color: rgb(0, 0, 0);" href="http://meenviro.blogspot.com/2009/10/education.h <hr /></li> <li><img src="http://gubhugreyot.blogdetik.com/files/2010/06/greenanimah14w16.gif" style="margin:0 3px -2px 0" /><a style="color: rgb(0, 0, 0);" href="http://meenviro.blogspot.com/2009/10/education_ <hr /></li> <li><img src="http://gubhugreyot.blogdetik.com/files/2010/06/greenanimah14w16.gif" style="margin:0 3px -2px 0" /><a style="color: rgb(0, 0, 0);" href="http://meenviro.blogspot.com/2009/10/education_ <hr /></li> <li><img src="http://gubhugreyot.blogdetik.com/files/2010/06/greenanimah14w16.gif" style="margin:0 3px -2px 0" /><a style="color: rgb(0, 0, 0);" href="http://meenviro.blogspot.com/2009/10/article.htm <hr /></li> <li><img src="http://gubhugreyot.blogdetik.com/files/2010/06/greenanimah14w16.gif" style="margin:0 3px -2px 0" /><a style="color: rgb(0, 0, 0);" href="http://meenviro.blogspot.com/2009/10/article_27.h <hr /></li> <li><img src="http://gubhugreyot.blogdetik.com/files/2010/06/greenanimah14w16.gif" style="margin:0 3px -2px 0" /><a style="color: rgb(0, 0, 0);" href="http://meenviro.blogspot.com/2009/10/article_215 <hr /></li> <li><img src="http://gubhugreyot.blogdetik.com/files/2010/06/greenanimah14w16.gif" style="margin:0 3px -2px 0" /><a style="color: rgb(0, 0, 0);" href="http://meenviro.blogspot.com/2009/09/indonesia-r <hr /></li> <li><img src="http://gubhugreyot.blogdetik.com/files/2010/06/greenanimah14w16.gif" style="margin:0 3px -2px 0" /><a style="color: rgb(0, 0, 0);" href="http://meenviro.blogspot.com/2009/09/free-maps. <hr /></li> <li><img src="http://gubhugreyot.blogdetik.com/files/2010/06/greenanimah14w16.gif" style="margin:0 3px -2px 0" /><a style="color: rgb(0, 0, 0);" href="http://meenviro.blogspot.com/2009/10/software-a <hr /></li> <li><img src="http://gubhugreyot.blogdetik.com/files/2010/06/greenanimah14w16.gif" style="margin:0 3px -2px 0" /><a style="color: rgb(0, 0, 0);" href="http://meenviro.blogspot.com/2009/10/education_4398.html">GIS education</a> <hr /></li> <li><img src="http://gubhugreyot.blogdetik.com/files/2010/06/greenanimah14w16.gif" style="margin:0 3px -2px 0" /><a style="color: rgb(0, 0, 0);" href="http://meenviro.blogspot.com/2009/09/movie-docu <hr /> </ul></div> Template <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http:/ <script type='text/javascript'> //<![CDATA[ //]]> </script> <head> <!-- save your energy --> <script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/> <!-- save your energy end --> <meta content='Belajar berbagi demi kemajuan bersama' name='description'/> <meta content='geology,mining,geohydrology,software,tutorial,surpac,minescape,geoslope,geostudio,surfer,autoCAD,global mapper,ERMapper,information,technology,news,free template,IT,blog,informatio <meta content='meenviro' name='author'/> <meta content='text/html;charset=ISO-8859-1' http-equiv='Content-Type'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <title><data:blog.pageName/> ::|:: <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/></title> </b:if> <b:skin><![CDATA[ /* ************ START OF CSS STYLING ************ */ /* ----------------------------------------------------------------------- Blogger Template Design: ProBlogger Template Design by: Ourblogtemplates.com Terms of Use: Free template with credit linked to Ourblogtemplates.com ----------------------------------------------------------------------- */ /* Variable definitions ======================== <Variable name="bodybgColor" description="Body Background Color" type="color" default="#FFBBE8" value="#999999"> <Variable name="blogframeColor" description="Blog Background Color" type="color" default="#800040" value="#93c47d"> <Variable name="blogBorderColor" description="Blog Border Color" type="color" default="#800040" value="#333333"> <Variable name="headerbgColor" description="Header Background Color" type="color" default="#ffffff" value="#444444">

HTML

  • Upload
    shalaho

  • View
    214

  • Download
    1

Embed Size (px)

DESCRIPTION

HTML

Citation preview

Page 1: HTML

Free download---

<div style="text-align: center;"><h2 class="title"><blink>Free Download</blink></h2></div> <div style="border: 1px solid rgb(238, 238, 238); padding: 10px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; overflow: auto; width: 85%; height: 163px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><ul style="width:200px"> <li><img src="http://gubhugreyot.blogdetik.com/files/2010/06/greenanimah14w16.gif" style="margin:0 3px -2px 0" /><a style="color: rgb(0, 0, 0);" href="http://meenviro.blogspot.com/2009/10/education.html">Geology education</a> <hr /></li> <li><img src="http://gubhugreyot.blogdetik.com/files/2010/06/greenanimah14w16.gif" style="margin:0 3px -2px 0" /><a style="color: rgb(0, 0, 0);" href="http://meenviro.blogspot.com/2009/10/education_27.html">Mining education</a> <hr /></li> <li><img src="http://gubhugreyot.blogdetik.com/files/2010/06/greenanimah14w16.gif" style="margin:0 3px -2px 0" /><a style="color: rgb(0, 0, 0);" href="http://meenviro.blogspot.com/2009/10/education_8527.html">Environment education</a> <hr /></li> <li><img src="http://gubhugreyot.blogdetik.com/files/2010/06/greenanimah14w16.gif" style="margin:0 3px -2px 0" /><a style="color: rgb(0, 0, 0);" href="http://meenviro.blogspot.com/2009/10/article.html">Geology article</a> <hr /></li> <li><img src="http://gubhugreyot.blogdetik.com/files/2010/06/greenanimah14w16.gif" style="margin:0 3px -2px 0" /><a style="color: rgb(0, 0, 0);" href="http://meenviro.blogspot.com/2009/10/article_27.html">Mining article</a> <hr /></li> <li><img src="http://gubhugreyot.blogdetik.com/files/2010/06/greenanimah14w16.gif" style="margin:0 3px -2px 0" /><a style="color: rgb(0, 0, 0);" href="http://meenviro.blogspot.com/2009/10/article_2152.html">GIS article</a> <hr /></li> <li><img src="http://gubhugreyot.blogdetik.com/files/2010/06/greenanimah14w16.gif" style="margin:0 3px -2px 0" /><a style="color: rgb(0, 0, 0);" href="http://meenviro.blogspot.com/2009/09/indonesia-regulation.html">Indonesia regulation</a> <hr /></li> <li><img src="http://gubhugreyot.blogdetik.com/files/2010/06/greenanimah14w16.gif" style="margin:0 3px -2px 0" /><a style="color: rgb(0, 0, 0);" href="http://meenviro.blogspot.com/2009/09/free-maps.html">Free maps</a> <hr /></li> <li><img src="http://gubhugreyot.blogdetik.com/files/2010/06/greenanimah14w16.gif" style="margin:0 3px -2px 0" /><a style="color: rgb(0, 0, 0);" href="http://meenviro.blogspot.com/2009/10/software-and-tutorial.html">Free software &amp; tutorial</a> <hr /></li> <li><img src="http://gubhugreyot.blogdetik.com/files/2010/06/greenanimah14w16.gif" style="margin:0 3px -2px 0" /><a style="color: rgb(0, 0, 0);" href="http://meenviro.blogspot.com/2009/10/education_4398.html">GIS education</a> <hr /></li> <li><img src="http://gubhugreyot.blogdetik.com/files/2010/06/greenanimah14w16.gif" style="margin:0 3px -2px 0" /><a style="color: rgb(0, 0, 0);" href="http://meenviro.blogspot.com/2009/09/movie-documenter.html">Documentary</a></li> <hr /> </ul></div>

Template <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <script type='text/javascript'> //<![CDATA[ //]]> </script> <head> <!-- save your energy --> <script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/> <!-- save your energy end --> <meta content='Belajar berbagi demi kemajuan bersama' name='description'/> <meta content='geology,mining,geohydrology,software,tutorial,surpac,minescape,geoslope,geostudio,surfer,autoCAD,global mapper,ERMapper,information,technology,news,free template,IT,blog,information' name='keywords'/> <meta content='meenviro' name='author'/> <meta content='text/html;charset=ISO-8859-1' http-equiv='Content-Type'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <title><data:blog.pageName/> ::|:: <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/></title> </b:if> <b:skin><![CDATA[ /* ************ START OF CSS STYLING ************ */ /* ----------------------------------------------------------------------- Blogger Template Design: ProBlogger Template Design by: Ourblogtemplates.com Terms of Use: Free template with credit linked to Ourblogtemplates.com ----------------------------------------------------------------------- */ /* Variable definitions ======================== <Variable name="bodybgColor" description="Body Background Color" type="color" default="#FFBBE8" value="#999999"> <Variable name="blogframeColor" description="Blog Background Color" type="color" default="#800040" value="#93c47d"> <Variable name="blogBorderColor" description="Blog Border Color" type="color" default="#800040" value="#333333"> <Variable name="headerbgColor" description="Header Background Color" type="color" default="#ffffff" value="#444444">

Page 2: HTML

<Variable name="headerBorderColor" description="Header Border Color" type="color" default="#800040" value="#ffffff"> <Variable name="blogTitleColor" description="Blog Title Color" type="color" default="#800040" value="#999999"> <Variable name="blogDescriptionColor" description="Blog Description Color" type="color" default="#800040" value="#191919"> <Variable name="linkbarbgColor" description="Linkbar Background Color" type="color" default="#C94093" value="#999999"> <Variable name="linkbarmainBorderColor" description="Linkbar Main Border Color" type="color" default="#C94093" value="#999999"> <Variable name="linkbarBorderColor" description="Linkbar Border Color" type="color" default="#9D1961" value="#000000"> <Variable name="linkbarTextColor" description="Linkbar Text Color" type="color" default="#ffffff" value="#000000"> <Variable name="linkbarHoverBgColor" description="Linkbar Hover Background Color" type="color" default="#ffffff" value="#000000"> <Variable name="linkbarHoverTextColor" description="Linkbar Hover Text Color" type="color" default="#F5F9FD" value="#ffffff"> <Variable name="middlebarbgColor" description="Middlebar Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="contentbgColor" description="Content Background Color" type="color" default="#ffffff" value="#999999"> <Variable name="contentBorderColor" description="Content Border Color" type="color" default="#9D1961" value="#808080"> <Variable name="postbgColor" description="Post Background Color" type="color" default="#ffffff" value="#e5e5e5"> <Variable name="postBorderColor" description="Post Border Color" type="color" default="#ffffff" value="#000000"> <Variable name="postTitleColor" description="Post Title Color" type="color" default="#00000" value="#007f00"> <Variable name="posttitlebgColor" description="Post Title Background Color" type="color" default="#00000" value="#0000ff"> <Variable name="posttitleBorderColor" description="Post Title Border Color" type="color" default="#00000" value="#93c47d"> <Variable name="dateHeaderColor" description="Date Header Color" type="color" default="#000000" value="#191919"> <Variable name="textColor" description="Text Color" type="color" default="#191919" value="#000000"> <Variable name="mainLinkColor" description="Main Link Color" type="color" default="#F5F9FD" value="#38761d"> <Variable name="mainHoverLinkColor" description="Main Hover Link Color" type="color" default="#F5F9FD" value="#7f7f00"> <Variable name="mainVisitedLinkColor" description="Main Visited Link Color" type="color" default="#FFFF33" value="#007f00"> <Variable name="blockquotebgColor" description="Blockquote Background Color" type="color" default="#191919" value="#000000"> <Variable name="blockquoteBorderColor" description="Blockquote Border Color" type="color" default="#191919" value="#000000"> <Variable name="blockQuoteColor" description="Blockquote Color" type="color" default="#191919" value="#F0F5FA"> <Variable name="codeTextColor" description="Code Text Color" type="color" default="#660000" value="#000000"> <Variable name="imagebgColor" description="Photo Background Color" type="color" default="#f5f5f5" value="#e5e5e5"> <Variable name="imageBorderColor" description="Photo Border Color" type="color" default="#f5f5f5" value="#e5e5e5"> <Variable name="postfooterBgColor" description="Postfooter Background Color" type="color" default="#b8659C" value="#999999"> <Variable name="postfooterBorderColor" description="Postfooter Border Color" type="color" default="#b8659C" value="#808080"> <Variable name="postfooterTextColor" description="Postfooter Text Color" type="color" default="#b8659C" value="#000000"> <Variable name="postfooterLinkColor" description="Postfooter Link Color" type="color" default="#F5F9FD" value="#007f00"> <Variable name="commentTabLinkColor" description="Comment Tab Link Color" type="color" default="#F5F9FD" value="#007f00"> <Variable name="feedlinksColor" description="Feed Links Color" type="color" default="#F5F9FD" value="#000000"> <Variable name="sidebar1bgColor" description="Sidebar1 Background Color" type="color" default="#FFBBE8" value="#999999"> <Variable name="sidebar1BorderColor" description="Sidebar1 Border Color" type="color" default="#C94093" value="#333333"> <Variable name="sidebar1HeaderBgColor" description="Sidebar1 Header Background Color" type="color" default="#ffffff" value="#444444"> <Variable name="sidebar1HeaderBorderColor" description="Sidebar1 Header Border Color" type="color" default="#C94093" value="#999999"> <Variable name="sidebar1HeaderColor" description="Sidebar1 Header Color" type="color" default="#000000" value="#000000"> <Variable name="sidebar1TextColor" description="Sidebar1 Text Color" type="color" default="#9D1961" value="#000000">

Page 3: HTML

<Variable name="sidebar1LinkColor" description="Sidebar1 Link Color" type="color" default="#9D1961" value="#000000"> <Variable name="sidebar1HoverLinkColor" description="Sidebar1 Hover Link Color" type="color" default="#00000" value="#00ff00"> <Variable name="sidebar1VisitedLinkColor" description="Sidebar1 Visited Link Color" type="color" default="#FFFF33" value="#444444"> <Variable name="sidebarListLineColor" description="Sidebar List Line Color" type="color" default="#00000" value="#000000"> <Variable name="profileBorderColor" description="Profile Border Color" type="color" default="#000000" value="#000000"> <Variable name="lowerbarbgColor" description="Lowerbar Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="lowerbarBorderColor" description="Lowerbar Border Color" type="color" default="#C94093" value="#65676a"> <Variable name="sublowerbarbgColor" description="Sublowerbar Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="sublowerbarBorderColor" description="Sublowerbar Border Color" type="color" default="#C94093" value="#333333"> <Variable name="lowerbarHeaderColor" description="Lowerbar Header Color" type="color" default="#000000" value="#000000"> <Variable name="lowerbarTitleBgColor" description="Lowerbar Header Background Color" type="color" default="#C94093" value="#65676a"> <Variable name="lowerbarTextColor" description="Lowerbar Text Color" type="color" default="#9D1961" value="#000000"> <Variable name="lowerbarLinkColor" description="Lowerbar Link Color" type="color" default="#9D1961" value="#000000"> <Variable name="lowerbarHoverLinkColor" description="Lowerbar Hover Link Color" type="color" default="#000000" value="#0000ff"> <Variable name="lowerbarVisitedLinkColor" description="Lowerbar Visited Link Color" type="color" default="#FFFF33" value="#000000"> <Variable name="lowerbarListLineColor" description="Lowerbar List Line Color" type="color" default="#000000" value="#000000"> <Variable name="commentbgColor" description="Comment Background Color" type="color" default="#9D1961" value="#000000"> <Variable name="commentBorderColor" description="Comment Border Color" type="color" default="#C94093" value="#000000"> <Variable name="commentboxBgColor" description="Comment Box Background Color" type="color" default="#9D1961" value="#000000"> <Variable name="commentboxBorderColor" description="Comment Box Border Color" type="color" default="#C94093" value="#000000"> <Variable name="commentTitleColor" description="Comment Header Color" type="color" default="#000000" value="#cccccc"> <Variable name="commentauthorBgColor" description="Comment Author Background Color" type="color" default="#9D1961" value="#191919"> <Variable name="commentauthorColor" description="Comment Author Color" type="color" default="#9D1961" value="#999999"> <Variable name="commentTimeStampColor" description="Comment Timestamp Color" type="color" default="#C94093" value="#666666"> <Variable name="commentTextColor" description="Comment Text Color" type="color" default="#4c4c4c" value="#000000"> <Variable name="footerbgColor" description="Footer Background Color" type="color" default="#ffffff" value="#000000"> <Variable name="footerBorderColor" description="Footer Border Color" type="color" default="#000000" value="#000000"> <Variable name="footerHeaderColor" description="Footer Header Color" type="color" default="#000000" value="#000000"> <Variable name="footerTextColor" description="Footer Text Color" type="color" default="#C94093" value="#8e9194"> <Variable name="footerLinkColor" description="Footer Link Color" type="color" default="#C94093" value="#000000"> <Variable name="footerHoverLinkColor" description="Footer Hover Link Color" type="color" default="#C94093" value="#000000"> <Variable name="footerVisitedLinkColor" description="Footer Visited Link Color" type="color" default="#FFFF33" value="#cccccc"> <Variable name="blogTitleFont" description="Blog Title Font" type="font" default="normal bold 273% Georgia, Times, serif" value="normal bold 202% Times, serif" > <Variable name="blogDescriptionFont" description="Blog Description Font" type="font" default="normal normal 104% georgia,helvetica,verdana,Georgia, serif" value="normal normal 108% Georgia, Times, serif" > <Variable name="linkbarTextFont" description="Linkbar Text Font" type="font" default="normal normal 77% Verdana, sans-serif" value="normal bold 85% 'Times New Roman', Times, FreeSerif, serif;" > <Variable name="postTitleFont" description="Post Title Font" type="font" default="normal bold 180% Georgia, Times, serif" value="normal normal 148% 'Times New Roman', Times, FreeSerif, serif;"

Page 4: HTML

> <Variable name="dateHeaderFont" description="Date Header Font" type="font" default="normal bold 117% Arial, sans-serif" value="italic bold 85% 'Times New Roman', Times, FreeSerif, serif;" > <Variable name="textFont" description="Text Font" type="font" default="normal normal 90% Arial, sans-serif" value="normal normal 14px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;" > <Variable name="quoteFont" description="Blog Quote Font" type="font" default="normal normal 92% helvetica,tahoma,verdana,arial,times,Sans-serif" value="italic normal 104% Times, serif" > <Variable name="sidebarHeaderFont" description="Sidebar Title Font" type="font" default="normal bold 117% Arial, sans-serif" value="normal bold 86% Georgia, Utopia, 'Palatino Linotype', Palatino, serif;" > <Variable name="sidebarTextFont" description="Sidebar Text Font" type="font" default="normal normal 78% Arial, Verdana, sans-serif" value="normal normal 84% Trebuchet, Trebuchet MS, Arial, sans-serif" > <Variable name="postfooterTextFont" description="Post-Footer Text Font" type="font" default="normal normal 93% Arial, sans-serif" value="normal normal 108% Times, serif" > <Variable name="commentTitleFont" description="Comment Title Font" type="font" default="normal bold 120% Arial, sans-serif" value="normal bold 124% Times, serif" > <Variable name="commentTextFont" description="Comment Text Font" type="font" default="normal normal 95% Arial, sans-serif" value="normal normal 101% Arial, sans-serif" > <Variable name="footerHeaderFont" description="Footer Header Font" type="font" default="normal bold 131% Trebuchet, Trebuchet MS, Arial, sans-serif" value="normal normal 113% Trebuchet, Trebuchet MS, Arial, sans-serif" > <Variable name="footerTextFont" description="Footer Text Font" type="font" default="normal normal 76% Trebuchet, Trebuchet MS, Arial, sans-serif" value="normal normal 86% Times, serif" > */ /* ----- GLOBAL ----- Blogger template design by Ourblogtemplates.com */ * {margin:0; padding:0;} body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; color: $textColor; background: $bodybgColor url() repeat top right; /* background-attachment: fixed; */ font-family: arial,verdana,helvetica,tahoma,Sans-serif; font-size: 100%; width: 100%; } #outer-wrapper { margin: 0 auto; /* auto - to make the template lay in the screen center */ padding: 0px 0px 0px 0px; margin-top: 0px; margin-bottom: 15px; position: relative; width: 100%; text-align: center; } #blog-wrapper { margin: 0 auto; /* auto - to make the template lay in the screen center */ padding: 7px; margin-top: 0px; margin-bottom: 15px; text-align: center; position: relative; width: 980px; background: $blogframeColor; border: 3px solid $blogBorderColor; } #spacer {clear: both; margin: 0; padding: 0;} /* global link attributes */ a {color: $mainLinkColor; text-decoration: none;} a:hover {color: $mainHoverLinkColor; text-decoration: none;}

Page 5: HTML

a:visited {color: $mainVisitedLinkColor; text-decoration: none;} /* Blogger Navigation Bar */ #Navbar1 { margin: 0; padding: 0; visibility: hidden; display: none; } /* ----- TOP ADS ----- Blogger template design by Ourblogtemplates.com */ #topads-wrapper { margin: 0; padding: 0; position: relative; text-align: center; width: 50%; } #topads {margin: 0; padding: 0;} #topads .widget {margin: 0; padding: 5px 0;} /* ----- HEADER ----- Blogger template design by Ourblogtemplates.com */ #header-wrapper { margin: 7px 0px 7px 0px; padding: 4px; width: 970px; background: $headerbgColor; border: 1px solid $headerBorderColor; } #header { width: 970px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; } #header h1 { color: $blogTitleColor; font: $blogTitleFont; font-variant: small-caps; margin: 0px 0px 0px 0px; padding: 70px 20px 0px 20px; } #header h1 a { text-decoration: none; color: $blogTitleColor; } #header h1 a:hover { text-decoration: none; color: $blogDescriptionColor; } #header .description { color: $blogDescriptionColor; font: $blogDescriptionFont; margin: 0px 0px 0px 0px; padding: 5px 20px 25px 20px; } #header h1 p, #header .description p {margin:0;padding:0} #header a img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0; } /* ----- LINKBAR ----- Blogger template design by Ourblogtemplates.com */ #linkbar-wrapper { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 978px; position: relative;

Page 6: HTML

background: $linkbarbgColor; border: 1px solid $linkbarmainBorderColor; } #linkbar .widget { margin: 0px 0px 0px 0px; padding: 4px 0px 7px 0px; text-align: left; } #linkbar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type:none; } #linkbar li { display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #linkbar h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: none; visibility: hidden; } #linkbar a { clear: both; margin: 0px -4px 0px 0px; padding: 7px 10px 7px 10px; width:100%; text-decoration:none; font: $linkbarTextFont; color: $linkbarTextColor; text-transform: uppercase; border-right: 1px solid $linkbarBorderColor; border-left: 0px solid $linkbarBorderColor; } #linkbar a:hover { color: $linkbarHoverTextColor; background: $linkbarHoverBgColor; } /* ----- MIDDLE ADS ----- Blogger template design by Ourblogtemplates.com */ #middleads-wrapper { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 980px; position: relative; text-align: center; } #middleads, #middleads2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; /* background: $middlebarbgColor; border-top: 1px solid $contentBorderColor; border-left: 1px solid $contentBorderColor; border-right: 1px solid $contentBorderColor; */ } #middleads .widget, #middleads2 .widget { margin: 0; padding: 10px 0; } /* ----- MAIN ----- Blogger template design by Ourblogtemplates.com */ #content-wrapper { width: 978px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; text-align: left; background: $contentbgColor; border: 1px solid $contentBorderColor; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

Page 7: HTML

#main-wrapper { float: left; width: 486px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #main { width: 476px; margin: 4px; padding: 20px 0 0 0; color: $textColor; font: $textFont; background: $postbgColor; border: 1px solid $postBorderColor; } #main .widget { margin: 0px 0px 0px 0px; padding: 0px 25px 20px 25px; } .post { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.6em; text-align: justify; } .post h3 { background:url(http://i987.photobucket.com/albums/ae351/geomine01/kursor.jpg) no-repeat; no-repeat; margin: 0px 0px 20px 0px; padding: 0px 0px 20px 50px; color: $postTitleColor; font: $postTitleFont; text-decoration: none; text-align: left; line-height: 1.4em; /* text-transform: uppercase; */ border-bottom: 2px solid $posttitleBorderColor; } .post h3 a, .post h3 a:visited { color: $postTitleColor; text-decoration: none; } .post h3 a:hover { color: $dateHeaderColor; text-decoration: none; } .post-header-line-1 { } h2.date-header { margin: 0px 0px 0px 0px; padding: 0px 0px 7px 0px; text-align: left; color: $dateHeaderColor; font: $dateHeaderFont; text-decoration: none; text-transform: uppercase; } .date-header span { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-body p { /* Fix bug in IE5/Win with italics in posts */ margin: 0px 0px 0px 0px; padding: 1px 0px 1px 0px; display: inline; /* to fix floating-ads wrapping problem in IE */ height: 1%; overflow: visible; } .post-body p a, .post-body p a:visited { color: $mainLinkColor; text-decoration: none; } .post-body a:hover {

Page 8: HTML

text-decoration: none; color: $mainHoverLinkColor; } .post ul { margin: 0px 0px 0px 0px; padding: 12px 0px 12px 30px; list-style-type: disc; line-height: 1.6em; font-size: 95%; } .post ol { margin: 0px 0px 0px 0px; padding: 12px 0px 12px 30px; line-height: 1.6em; font-size: 95%; } .post li { margin: 0px 0px 0px 0px; padding: 0px 0px 8px 0px; } a img { margin: 5px 5px 5px 5px; padding: 0px 0px 0px 0px; } .post img { margin: 0px; padding: 5px; background: $imagebgColor; border: 1px solid $imageBorderColor; } /* ----- POST-FOOTER ----- Blogger template design by Ourblogtemplates.com */ .post-footer { display: block; margin: 15px 0px 25px 0px; padding: 7px 20px 7px 20px; text-align: left; font: $postfooterTextFont; color: $postfooterTextColor; font-weight: normal; line-height: 1.6em; text-decoration: none; background: $postfooterBgColor; border: 1px solid $postfooterBorderColor; } .post-footer-line { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-footer-line-1, .post-footer-line-2, .post-footer-line-3 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-footer a { color: $postfooterLinkColor; text-decoration: none; } .post-footer a:hover { color: $mainHoverLinkColor; text-decoration: none; } .post-footer .post-comment-link a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: $commentTabLinkColor; font-weight: normal; text-decoration: none; } .post-footer .post-comment-link a:hover { color: $mainHoverLinkColor; text-decoration: none; } .post-footer .post-icons {

Page 9: HTML

margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-footer img { margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; background: $postfooterBgColor; } #blog-pager { margin: 0px 0px 0px 0px; padding: 20px 0px 0px 0px; text-align: center; font: $postfooterTextFont; color: $feedlinksColor; } #blog-pager a {color: $feedlinksColor} #blog-pager a:hover {color: $mainHoverLinkColor} #blog-pager-newer-link { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #blog-pager-older-link { float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .feed-links { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both; text-align: left; font: $postfooterTextFont; color: $feedlinksColor; } .feed-links a, .feed-links a:visited {color: $feedlinksColor} .feed-links a:hover {color: $mainHoverLinkColor} /* ----- BLOCKQUOTE ----- */ blockquote { margin: 10px 0px 10px 15px; padding: 10px 15px 10px 15px; font: $quoteFont; line-height: 1.6em; color: $blockQuoteColor; background: $blockquotebgColor; border: 2px solid $blockquoteBorderColor; } .post blockquote { color:#000000; background: #ffffff url(http://stat.k.kidsklik.com/data/2k10/images/quote_1.gif); margin: 6px 6px 6px 6px; padding: 8px 6px 8px 6px; font-size: 14px; line-height:1.4em; } /* ----- CODE ----- */ code { color: $codeTextColor; font-size: 110%; } /* ----- SIDEBAR ----- Blogger template design by Ourblogtemplates.com */ #side-wrapper1 { width: 156px; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

Page 10: HTML

} #side-wrapper2 { width: 336px; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #side-wrapper { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } .sidebar { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; font: $sidebarTextFont; } .sidebar .widget:hover{ background:grey; } #sidebar1 { width: 152px; margin: 4px 4px 0px 0px; padding: 0px 0px 0px 0px; color: $sidebar1TextColor; line-height: 1.8em; } #sidebar2 { width: 332px; margin: 4px 4px 0px 0px; padding: 0px 0px 0px 0px; color: $sidebar1TextColor; line-height: 1.8em; } #sidebar3 { width: 164px; margin: 0px 4px 0px 0px; padding: 0px 0px 0px 0px; color: $sidebar1TextColor; line-height: 1.8em; } #sidebar4 { width: 164px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: $sidebar1TextColor; line-height: 1.8em; } #sidebar1 .widget { margin: 0px 0px 4px 0px; padding: 15px 15px 15px 15px; background: $sidebar1bgColor; border: 1px solid $sidebar1BorderColor; } #sidebar2 .widget { margin: 0px 0px 4px 0px; padding: 15px 15px 15px 15px; background: $sidebar1bgColor; border: 1px solid $sidebar1BorderColor; } #sidebar3 .widget, #sidebar4 .widget { margin: 0px 0px 4px 0px; padding: 15px 15px 15px 15px; background: $sidebar1bgColor; border: 1px solid $sidebar1BorderColor; } /* sidebar heading ----- Blogger template design by Ourblogtemplates.com */ #sidebar1 h2, #sidebar2 h2, #sidebar3 h2, #sidebar4 h2 {

Page 11: HTML

margin: -15px -15px 10px -15px; padding: 5px 15px 5px 15px; text-align: left; color: $sidebar1HeaderColor; text-shadow:2px 2px 2px #ffffff; font: $sidebarHeaderFont; text-transform: uppercase; text-decoration: none; background: $sidebar1HeaderBgColor; border-bottom: 1px solid $sidebar1BorderColor; } .sidebar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .sidebar li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.8em; list-style-type: none; border-bottom: 0px solid $sidebarListLineColor; } #sidebar1 a, #sidebar2 a, #sidebar3 a , #sidebar4 a { color: $sidebar1LinkColor; text-decoration: none; } #sidebar1 a:hover, #sidebar2 a:hover, #sidebar3 a:hover, #sidebar4 a:hover { text-decoration: none; color: $sidebar1HoverLinkColor; } #sidebar1 a:visited, #sidebar2 a:visited, #sidebar3 a:visited, #sidebar4 a:visited { text-decoration: none; color: $sidebar1VisitedLinkColor; } .sidebar a img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 1px solid $profileBorderColor; } /* ----- PROFILE ----- Blogger template design by Ourblogtemplates.com */ .profile-img { margin: 7px; padding: 0px; border: 1px solid $sidebarListLineColor; } .profile-textblock { margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; clear: both; line-height: 1.6em; /* border-top: 1px solid $sidebarListLineColor; border-bottom: 1px solid $sidebarListLineColor; */ } .profile-datablock { margin: 2px 0px 5px 0px; padding: 0px 0px 0px 0px; } .profile-data { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight: normal; font-style: italic; } .profile-link { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* ----- COMMENT ----- Blogger template design by Ourblogtemplates.com */ #comments { margin: 0px 0px 0px 0px;

Page 12: HTML

padding: 0px 0px 20px 0px; text-align: left; color: $commentTextColor; font: $commentTextFont; } .comments-singleblock { margin: 15px 0px 15px 0px; padding: 15px; background: $commentboxBgColor; border: 1px solid $commentboxBorderColor; } /* comment-header */ #comments h4 { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; color: $commentTitleColor; font: $commentTitleFont; text-transform: uppercase; } .deleted-comment { font-style:italic; color:gray; margin: 5px 0px 5px 0px; } .comment-author { margin: -15px -15px 0px -15px; padding: 5px 15px 5px 15px; color: $commentauthorColor; font-weight: normal; background: $commentauthorBgColor; border-bottom: 1px solid $commentboxBorderColor; } .comment-author a {color: $commentauthorColor; text-decoration: none;} .comment-author a:hover {color: $commentTimeStampColor; text-decoration: none;} .comment-author a:visited {color: $commentauthorColor; text-decoration: none;} .comment-body {margin: 0; padding: 10px 0px 0px 30px;} .comment-body p {margin: 0; padding: 0; line-height: 1.6em;} .comment-footer, .comment-footer a {margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px;} .comment-timestamp { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: $commentTimeStampColor; } .comment-timestamp a { color: $commentTimeStampColor; text-decoration: none; } .comment-timestamp a:hover {color: $commentauthorColor; text-decoration: none;} #comments ul {margin: 0; padding: 0; list-style-type: none;} #comments li {margin: 0; padding: 0;} a.comment-link { /* ie5.0/win doesn't apply padding to inline elements, so we hide these two declarations from it */ padding: 0px 0px 0px 0px; } html>body a.comment-link { /* respecified, for ie5/mac's benefit */ padding-left: 0px; } #backlinks-container {margin-top: 30px} /* ----- LOWER SECTION ----- Blogger template design by Ourblogtemplates.com */ #lower-wrapper { margin: 7px 0px 7px 0px; padding: 4px 0px 0px 0px; width: 978px; font: $sidebarTextFont; color: $lowerbarTextColor; background: $lowerbarbgColor; border: 1px solid $lowerbarBorderColor; } #lowerbar-wrapper {

Page 13: HTML

float: left; margin: 0px 0px 0px 4px; padding: 0px 0px 0px 0px; width: 320px; text-align: left; line-height: 1.8em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #lowerads-wrapper { float: left; margin: 0px 0px 0px 4px; padding: 0px 0px 0px 0px; width: 100%; text-align: center; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } .lowerbar .widget { margin: 0 0 4px 0; padding: 20px 20px 20px 20px; border: 1px solid $sublowerbarBorderColor; background: $sublowerbarbgColor; } .lowerbar {margin: 0; padding: 0;} .lowerads {margin: 0; padding: 0;} .lowerads .widget {margin: 0; padding: 10px 0px 10px 0px;} .lowerbar h2 { margin: -20px -20px 10px -20px; padding: 5px 20px 5px 20px; color: $lowerbarHeaderColor; font: $sidebarHeaderFont; text-shadow:2px 2px 2px #ffffff; text-align: left; text-transform: uppercase; background: $lowerbarTitleBgColor; border-bottom: 1px solid $sublowerbarBorderColor; } .lowerbar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .lowerbar li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.8em; list-style-type: none; border-bottom: 0px solid $lowerbarListLineColor; } .lowerbar a {color: $lowerbarLinkColor; text-decoration: none;} .lowerbar a:hover {text-decoration: none; color: $lowerbarHoverLinkColor;} .lowerbar a:visited {text-decoration: none; color: $lowerbarVisitedLinkColor;} /* ----- FOOTER ----- Blogger template design by Ourblogtemplates.com */ #footer-wrapper { clear: both; display: inline; /* handles IE margin bug */ float: left; width: 980px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #footer { margin: 0px 0px 0px 0px; padding: 20px 0px 0px 0px; width: 978px; text-align: left; color: $footerTextColor; font: $footerTextFont; line-height: 1.6em; background: $footerbgColor; border: 1px solid $footerBorderColor; } #footer h2 { margin: 0px 0px 0px 0px;

Page 14: HTML

padding: 0px 0px 5px 0px; color: $footerHeaderColor; font: $footerHeaderFont; } #footer .widget { margin: 0px 0px 0px 0px; padding: 0px 20px 20px 20px; } .footer p {margin: 0; padding: 0} .footer a { color: $footerLinkColor; text-decoration: none; } .footer a:hover { color: $footerHoverLinkColor; text-decoration: none; } .footer a:visited { color: $footerVisitedLinkColor; text-decoration: none; } /* ----- BOTTOM ADS ----- Blogger template design by Ourblogtemplates.com */ #bottomads-wrapper { margin: 0; padding: 0; position: relative; text-align: center; width: 100%; } #bottomads {margin: 0; padding: 10px 0;} #bottomads .widget {margin: 0; padding: 5px 0;} /* ----- 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

Page 15: HTML

} #creditright p { margin: 0; padding: 0 } #creditleft a, .creditleft a:hover, .creditleft a:visited { color: #444444; text-decoration: none; } #creditright a, .creditright a:hover, .creditright a:visited { color: #444444; text-decoration: none; } /* ************ END OF CSS STYLING ************ */ /** Page structure tweaks for layout editor wireframe */ body#layout #main, body#layout #sidebar { padding: 0; } .quickedit{ display:none; } #trik_pojok { position:fixed;_position:absolute;bottom:0px;left:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); } /* kode untuk hurup awal ----------------------------------------------- */ .awal { float:left; color: #000000; background:#e5e5e5; line-height:40px; padding-top:2px; padding-bottom:0px; padding-right:7px; padding-left:2px; font-family:times; font-size:60px; } <br/><br/> <div id="navbar-bawah"> <p><img border="0" src="http://i987.photobucket.com/albums/ae351/geomine01/kursor.jpg"/>&#160;&#160;&#160; <a href="http://template-unik.blogspot.com"><b>Template Unik</b> </a>&#160;&#160;&#169;&#160;2007&#160;| Design by <a href="http://meenviro.blogspot.com" target="_blank">Meenviro</a> &#160;&#160;&#160;<img border="0" src="http://amen24.googlepages.com/TandaTangan_03.gif"/></p> <p class="info">Powered by <a href="http://www.blogger.com">Blogger</a> | thanks to <a href="http://www.feedburner.com" target="_blank">Feed burner</a><br/> Best viewed in Firefox 1.5+ at 1024x768 or higher resolution</p> </div> /* kode untuk navbar --------------------------------------- */ #navbar-bawah img { /* margin: 0px 0px -8px 0px; */ vertical-align: middle; } #navbar-bawah p.info { float: right; padding-right:40px; line-height: 1.5; height: 100%; vertical-align: bottom; } #navbar-bawah p { float: left; margin: 0px; padding-top:4px; padding-left:40px; line-height: 1.2;

Page 16: HTML

vertical-align: bottom; } #navbar-bawah a { color:#00CCFF; text-decoration:none; } #navbar-bawah a:hover{ color: #00FFFF; } #navbar-bawah { align: center; position: fixed; border-top: 1px solid #ddd; border-bottom: 5px solid #003366; background-color: #114477; width: 100%; left: 0px; text-align: left; color: #ffffff; font-family: verdana; font-size: 12px; z-index:10000; bottom:0; /* Zoom Efek */ .thumbnail{position:relative;z-index:0} .thumbnail:hover{background-color:transparent;z-index:50} .thumbnail span{position:absolute;left:-1000px;visibility:hidden;color: black;text-decoration: none} .thumbnail span img{border-width:0;padding:2px} .thumbnail:hover span {visibility: visible; top: 0; left: 60px} #post-image { } #figure { position:relative; float:left; margin:10px; overflow:hidden; padding: 1px; } #figure:hover { -moz-box-shadow:0 0 20px rgba(0,0,0,0.75); -webkit-box-shadow:0 0 20px rgba(0,0,0,0.75); box-shadow:0 0 20px rgba(0,0,0,0.75); } #figure .caption { position:absolute; bottom:0; left:0; opacity: 0.75; margin-bottom:-115px; -webkit-transition: margin-bottom; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease-out; -moz-transition-property: margin-bottom; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease-out; -o-transition-property: margin-bottom; -o-transition-duration: 400ms; transition: margin-bottom; transition-duration: 400ms; transition-timing-function: ease-out; } #figure:hover .caption { margin-bottom:0px; } #post-image .caption { width:100%; height:90px; padding:10px; background:#111; color:#fff; font-family: Arial, Helvetica, sans-serif; } #post-image .caption b { text-shadow: 0px 2px 0px #000; } #post-image .caption { color: #ddd; line-height: 24px;

Page 17: HTML

font-size: 14px; text-shadow: 0px 2px 0px #000; } ]]></b:skin> <b:if cond='data:blog.pageType != &quot;item&quot;'> <script type='text/javascript'> var fade = false; function showFull(id) { var post = document.getElementById(id); var spans = post.getElementsByTagName(&#39;span&#39;); for (var i = 0; i &lt; spans.length; i++) { if (spans[i].id == &quot;fullpost&quot;) { if (fade) { spans[i].style.background = peekaboo_bgcolor; Effect.Appear(spans[i]); } else spans[i].style.display = &#39;inline&#39;; } if (spans[i].id == &quot;showlink&quot;) spans[i].style.display = &#39;none&#39;; if (spans[i].id == &quot;hidelink&quot;) spans[i].style.display = &#39;inline&#39;; } } function hideFull(id) { var post = document.getElementById(id); var spans = post.getElementsByTagName(&#39;span&#39;); for (var i = 0; i &lt; spans.length; i++) { if (spans[i].id == &quot;fullpost&quot;) { if (fade) { spans[i].style.background = peekaboo_bgcolor; Effect.Fade(spans[i]); } else spans[i].style.display = &#39;none&#39;; } if (spans[i].id == &quot;showlink&quot;) spans[i].style.display = &#39;inline&#39;; if (spans[i].id == &quot;hidelink&quot;) spans[i].style.display = &#39;none&#39;; } post.scrollIntoView(true); } function checkFull(id) { var post = document.getElementById(id); var spans = post.getElementsByTagName(&#39;span&#39;); var found = 0; for (var i = 0; i &lt; spans.length; i++) { if (spans[i].id == &quot;fullpost&quot;) { spans[i].style.display = &#39;none&#39;; found = 1; } if ((spans[i].id == &quot;showlink&quot;) &amp;&amp; (found == 0)) spans[i].style.display = &#39;none&#39;; } } </script> </b:if> <!--Related Posts with thumbnails Scripts and Styles Start--> <b:if cond='data:blog.pageType == &quot;item&quot;'> <style type='text/css'> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{

Page 18: HTML

font-size: 1.6em; font-weight: bold; color: black; font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:black; } #related-posts a:hover{ color:black; } #related-posts a:hover { background-color:#d4eaf2; } </style> <script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/> </b:if> <!--Related Posts with thumbnails Scripts and Styles End--> <link href='http://i987.photobucket.com/albums/ae351/geomine01/kursor.jpg ' rel='SHORTCUT ICON'/> <style type='text/css'> .spoilerhide {display:none} .spoilershow {display:inline} </style> <script type='text/Javascript'> function spoiler (postid) { var whichpost = document.getElementById(postid); if (whichpost.className==&#39;spoilershow&#39;) { whichpost.className=&#39;spoilerhide&#39;; } else { whichpost.className=&#39;spoilershow&#39;; } } </script> </head> <body> <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'> <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'> <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt; function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener(&#39;load&#39;, function(){ object[attribute] = val; }, false); } else { window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; }); } } &lt;/script&gt; &lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt; &lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt; &lt;script type=&quot;text/javascript&quot;&gt; gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() { if (gapi.iframes &amp;&amp; gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: &#39;https://www.blogger.com/navbar.g?targetBlogID\0756013630068609682582\46blogName\75MeEnviro\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75//meenviro.blogspot.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://meenviro.blogspot.com/\46vt\0755909999937185850447&#39;, where: document.getElementById(&quot;navbar-iframe-container&quot;), id: &quot;navbar-iframe&quot; }); } }); &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt; (function() { var script = document.createElement(&#39;script&#39;); script.type = &#39;text/javascript&#39;;

Page 19: HTML

script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;; var head = document.getElementsByTagName(&#39;head&#39;)[0]; if (head) { head.appendChild(script); }})(); &lt;/script&gt; </b:includable> </b:widget> </b:section> <div id='outer-wrapper'> <!-- skip links for text browsers --> <span id='skiplinks' style='display:none;'> <a href='#main'>skip to main </a> | <a href='#sidebar'>skip to sidebar</a> </span> <div id='topads-wrapper'> <b:section class='topads' id='topads' preferred='yes'/> </div> <div style='clear: both;'/> <div id='blog-wrapper'> <div id='linkbar-wrapper'> <b:section class='linkbar' id='linkbar' showaddelement='no'> <b:widget id='LinkList1' locked='false' title='Linkbar' type='LinkList'> <b:includable id='main'> <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if> <div class='widget-content'> <ul> <b:loop values='data:links' var='link'> <li><a expr:href='data:link.target'><data:link.name/></a></li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget> </b:section> </div> <div style='clear: both;'/> <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='2' showaddelement='no'> <b:widget id='Header1' locked='false' title='MeEnviro (Header)' type='Header'> <b:includable id='main'> <b:if cond='data:useImage'> <b:if cond='data:imagePlacement == &quot;REPLACE&quot;'> <!--Show just the image, no text--> <div id='header-inner'> <a expr:href='data:blog.homepageUrl' style='display: block'> <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/> </a> </div> <b:else/> <!--Show image as background to text--> <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-repeat: no-repeat; &quot; + &quot;width: &quot; + data:width + &quot;px; &quot; + &quot;height: &quot; + data:height + &quot;px;&quot;' id='header-inner'> <div class='titlewrapper' style='background: transparent'> <h1 class='title' style='background: transparent; border-width: 0px'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <data:title/> <b:else/> <a expr:href='data:blog.homepageUrl'><data:title/></a> </b:if> </h1> </div> <div class='descriptionwrapper'> <p class='description'><span><data:description/></span></p> </div> </div> </b:if> <b:else/> <!--No header image --> <div id='header-inner'> <div class='titlewrapper'> <h1 class='title'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <data:title/> <b:else/> <a expr:href='data:blog.homepageUrl'><data:title/></a>

Page 20: HTML

</b:if> </h1> </div> <div class='descriptionwrapper'> <p class='description'><span><data:description/></span></p> </div> </div> </b:if> </b:includable> <b:includable id='description'> <div class='descriptionwrapper'> <p class='description'><span><data:description/></span></p> </div> </b:includable> <b:includable id='title'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <data:title/> <b:else/> <a expr:href='data:blog.homepageUrl'><data:title/></a> </b:if> </b:includable> </b:widget> </b:section> </div> <div style='clear: both;'/> <div id='middleads-wrapper'> <b:section class='middleads' id='middleads' preferred='yes'/> </div> <div style='clear: both;'/> <div id='content-wrapper'> <div id='main-wrapper'> <b:section class='main' id='main' preferred='yes'> <b:widget id='HTML7' locked='false' title='' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='HTML11' locked='false' title='' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'> <b:includable id='main' var='top'> <!-- posts --> <div class='blog-posts'> <b:include data='top' name='status-message'/> <data:adStart/> <b:loop values='data:posts' var='post'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><data:post.dateHeader/></h2> </b:if> <b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <a expr:href='data:post.url'> <div style='padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;'> <data:post.title/></div></a> <b:else/> <b:include data='post' name='post'/> </b:if> <b:else/> <b:include data='post' name='post'/> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'>

Page 21: HTML

<b:include data='post' name='comments'/> </b:if> </b:loop> <data:adEnd/> </div> <!-- navigation --> <b:include name='nextprev'/> <!-- feed links --> <b:include name='feedLinks'/> </b:includable> <b:includable id='backlinkDeleteIcon' var='backlink'> <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'> <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'> <img src='http://www.blogger.com/img/icon_delete13.gif'/> </a> </span> </b:includable> <b:includable id='backlinks' var='post'> <a name='links'/><h4><data:post.backlinksLabel/></h4> <b:if cond='data:post.numBacklinks != 0'> <dl class='comments-block' id='comments-block'> <b:loop values='data:post.backlinks' var='backlink'> <div class='collapsed-backlink backlink-control'> <dt class='comment-title'> <span class='backlink-toggle-zippy'>&#160;</span> <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a> <b:include data='backlink' name='backlinkDeleteIcon'/> </dt> <dd class='comment-body collapseable'> <data:backlink.snippet/> </dd> <dd class='comment-footer collapseable'> <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span> <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span> </dd> </div> </b:loop> </dl> </b:if> <p class='comment-footer'> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </p> </b:includable> <b:includable id='comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <h3><data:postCommentMsg/></h3> <p><data:blogCommentMessage/></p> <iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/> </div> </b:includable> <b:includable id='commentDeleteIcon' var='comment'> <span expr:class='&quot;item-control &quot; + data:comment.adminClass'> <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'> <span class='delete-comment-icon'>&#160;</span> </a> </span> </b:includable> <b:includable id='comment_count_picker' var='post'> <b:if cond='data:post.commentSource == 1'> <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'> </span> <b:else/> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <data:post.commentLabelFull/>: </a> </b:if> </b:includable> <b:includable id='comment_picker' var='post'> <b:if cond='data:post.commentSource == 1'> <b:include data='post' name='iframe_comments'/> <b:elseif cond='data:post.showThreadedComments'/> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if>

Page 22: HTML

</b:includable> <b:includable id='comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <b:if cond='data:post.allowComments'> <!-- +disqus --> <div id='disqus_thread'/> <div id='disqus_post_title' style='display:none;'><data:post.title/></div> <div id='disqus_post_message' style='display:none;'><data:post.body/></div> <script type='text/javascript'> var disqus_url = &#39;<data:post.canonicalUrl/>&#39;; var disqus_title = document.getElementById(&#39;disqus_post_title&#39;).innerHTML; var disqus_message = document.getElementById(&#39;disqus_post_message&#39;).innerHTML; </script> <script src='http://disqus.com/forums/meenviro/embed.js' type='text/javascript'/> <noscript><a expr:href='&quot;http://meenviro.disqus.com/?url=&quot; + data:post.url'>View the entire comment thread.</a></noscript> <a class='dsq-brlink' expr:href='&quot;http://disqus.com&quot;'>blog comments powered by <span class='logo-disqus'>Disqus</span></a> <!-- -disqus --> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </div> </b:includable> <b:includable id='feedLinks'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links --> <b:if cond='data:feedLinks'> <div class='blog-feeds'> <b:include data='feedLinks' name='feedLinksBody'/> </div> </b:if> <b:else/> <!--Post feed links --> <div class='post-feeds'> <b:loop values='data:posts' var='post'> <b:if cond='data:post.allowComments'> <b:if cond='data:post.feedLinks'> <b:include data='post.feedLinks' name='feedLinksBody'/> </b:if> </b:if> </b:loop> </div> </b:if> </b:includable> <b:includable id='feedLinksBody' var='links'> <div class='feed-links'> <data:feedLinksMsg/> <b:loop values='data:links' var='f'> <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a> </b:loop> </div> </b:includable> <b:includable id='iframe_comments' var='post'> <b:if cond='data:post.allowIframeComments'> <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/> <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/> <b:if cond='data:post.embedCommentForm == &quot;false&quot;'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </b:includable> <b:includable id='mobile-index-post' var='post'> <div class='mobile-date-outer date-outer'> <b:if cond='data:post.dateHeader'> <div class='date-header'> <span><data:post.dateHeader/></span> </div> </b:if> <div class='mobile-post-outer'> <a expr:href='data:post.url'> <h3 class='mobile-index-title entry-title' itemprop='name'> <data:post.title/> </h3> <div class='mobile-index-arrow'>&amp;rsaquo;</div> <div class='mobile-index-contents'>

Page 23: HTML

<b:if cond='data:post.thumbnailUrl'> <div class='mobile-index-thumbnail'> <div class='Image'> <img expr:src='data:post.thumbnailUrl'/> </div> </div> </b:if> <div class='post-body'> <b:if cond='data:post.snippet'><data:post.snippet/></b:if> </div> </div> <div style='clear: both;'/> </a> <div class='mobile-index-comment'> <b:include cond='data:blog.pageType != &quot;static_page&quot; and data:post.allowComments and data:post.numComments != 0' data='post' name='comment_count_picker'/> </div> </div> </div> </b:includable> <b:includable id='mobile-main' var='top'> <!-- posts --> <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/> <b:if cond='data:blog.pageType == &quot;index&quot;'> <b:loop values='data:posts' var='post'> <b:include data='post' name='mobile-index-post'/> </b:loop> <b:else/> <b:loop values='data:posts' var='post'> <b:include data='post' name='mobile-post'/> </b:loop> </b:if> </div> <b:include name='mobile-nextprev'/> </b:includable> <b:includable id='mobile-nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <div class='mobile-link-button' id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a> </div> </b:if> <b:if cond='data:olderPageUrl'> <div class='mobile-link-button' id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a> </div> </b:if> <div class='mobile-link-button' id='blog-pager-home-link'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> </div> <div class='mobile-desktop-link'> <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a> </div> </div> <div class='clear'/> </b:includable> <b:includable id='mobile-post' var='post'> <div class='date-outer'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><span><data:post.dateHeader/></span></h2> </b:if> <div class='date-posts'> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <b:if cond='data:post.thumbnailUrl'> <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/> </b:if> <meta expr:content='data:blog.blogId' itemprop='blogId'/> <meta expr:content='data:post.id' itemprop='postId'/> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:elseif cond='data:post.url and data:blog.url != data:post.url'/>

Page 24: HTML

<a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </h3> </b:if> <div class='post-header'> <div class='post-header-line-1'/> </div> <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'> <data:post.body/> <div style='clear: both;'/> <!-- clear for photos floats --> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <b:if cond='data:post.authorProfileUrl'> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </span> <b:else/> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <span itemprop='name'><data:post.author/></span> </span> </b:if> </b:if> </span> <span class='post-timestamp'> <b:if cond='data:top.showTimestamp'> <data:top.timestampLabel/> <b:if cond='data:post.url'> <meta expr:content='data:post.canonicalUrl' itemprop='url'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a> </b:if> </b:if> </span> <span class='post-comment-link'> <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;} and data:post.allowComments' data='post' name='comment_count_picker'/> </span> </div> <div class='post-footer-line post-footer-line-2'> <b:if cond='data:top.showMobileShare'> <div class='mobile-link-button goog-inline-block' id='mobile-share-button'> <a href='javascript:void(0);'><data:shareMsg/></a> </div> </b:if> <b:if cond='data:top.showDummy'> <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div> </b:if> </div> </div> </div> <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/> </div> </div> </div> </b:includable> <b:includable id='nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><font color='#000000'><b>&lt;&lt; PREV</b></font></a> </span> </b:if> <b:if cond='data:olderPageUrl'> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><font color='#00000000'><b>NEXT &gt;&gt;</b></font></a> </span> </b:if> <b:if cond='data:blog.homepageUrl != data:blog.url'> <a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://img808.imageshack.us/img808/9094/home3.jpg'/> </a> <b:else/> <b:if cond='data:newerPageUrl'>

Page 25: HTML

<a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://img808.imageshack.us/img808/9094/home3.jpg'/> </a> </b:if> </b:if> </div> <div class='clear'/> </b:includable> <b:includable id='post' var='post'> <div class='post'> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </b:if> <div class='post-header-line-1'> </div> <div class='post-body' expr:id='&quot;post-&quot; + data:post.id'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <style>#fullpost{display:inline;}</style> <b:if cond='data:blog.pageType == &quot;item&quot;'> <style>.fullpost{display:inline;}</style> <div style='float: center; margin: 5px 5px 5px 5px; '> </div><data:post.body/> <p><!-- DIGG --> <div style='float:right; margin-left:10px;'> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/> <script type='text/javascript'> digg_url = &#39;<data:post.url/>&#39;; </script> </div> </p> <b:else/> <style>.fullpost{display:none;}</style> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div style='float:left;'> Letakan Skrip Adsense Anda Disini</div> <p><div expr:id='&quot;aim1&quot; + data:post.id'/> <div style='clear:both; margin:10px 0'> <script type='text/javascript'><!-- google_ad_client = "pub-7155087231628086"; google_ad_host = "pub-1556223355139109"; google_ad_host_channel="00000"; /* 300x250, created 16/12/09 */ google_ad_slot = "1825530602"; google_ad_width = 300; google_ad_height = 250; //--> </script> <script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'> </script> </div> <div expr:id='&quot;aim2&quot; + data:post.id'> <data:post.body/> </div> <script type='text/javascript'> var obj0=document.getElementById(&quot;aim1<data:post.id/>&quot;); var obj1=document.getElementById(&quot;aim2<data:post.id/>&quot;); var s=obj1.innerHTML; var r=s.search(/\x3C!-- adsense --\x3E/igm); if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);} </script> </p>

Page 26: HTML

<b:else/> <p><data:post.body/></p> </b:if> <a expr:href='data:post.url'><span style='font-weight: bold; color: rgb(255, 0, 0);font-family:courier new;'>Read more</span><span style='color: rgb(102, 255, 153);'>.....</span> </a> </b:if> <b:else/> <style>#fullpost{display:none;}</style> <b:if cond='data:blog.pageType == &quot;item&quot;'> <style>.fullpost{display:inline;}</style> <p><div expr:id='&quot;aim1&quot; + data:post.id'/> <div style='clear:both; margin:10px 0'> <script type='text/javascript'><!-- google_ad_client = "pub-7155087231628086"; google_ad_host = "pub-1556223355139109"; google_ad_host_channel="00000"; /* 300x250, created 16/12/09 */ google_ad_slot = "1825530602"; google_ad_width = 300; google_ad_height = 250; //--> </script> <script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'> </script> </div> <div expr:id='&quot;aim2&quot; + data:post.id'> <data:post.body/> &lt;script type=&quot;text/javascript&quot;&gt;&lt;!-- google_ad_client = &quot;pub-7155087231628086&quot;; google_ad_host = &quot;pub-1556223355139109&quot;; google_ad_host_channel=&quot;00000&quot;; /* 300x250, created 19/12/09 */ google_ad_slot = &quot;6683616194&quot;; google_ad_width = 300; google_ad_height = 250; //--&gt; &lt;/script&gt; &lt;script type=&quot;text/javascript&quot; src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt; &lt;/script&gt; </div> <script type='text/javascript'> var obj0=document.getElementById(&quot;aim1<data:post.id/>&quot;); var obj1=document.getElementById(&quot;aim2<data:post.id/>&quot;); var s=obj1.innerHTML; var r=s.search(/\x3C!-- adsense --\x3E/igm); if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);} </script> </p> <b:else/> <style>.fullpost{display:none;}</style> <p><data:post.body/></p> <strong><a expr:href='data:post.url'><blink><span style='font-weight: bold; color: rgb(255, 0, 0);font-family:courier new;font-size:130%;'>Read more</span><span style='color: rgb(102, 255, 153);'>---&gt;&gt;&gt;</span></blink> &#8220;<data:post.title/>&#8221; &#160;&#187;&#187; </a></strong> </b:if> <script type='text/javascript'> checkFull(&quot;post-&quot; + &quot;<data:post.id/>&quot;); </script> </b:if> <div style='text-align: right;'> <!-- begin story tools--> <div id='story-tools'> <!--startclickprintexclude--> <img height='16' src='http://amen24.googlepages.com/printer.png ' width='16'/><a href='http://www.blogger.com/rearrange?blogID=6013630068609682582&amp;action=editWidget&amp;sectionId=main&amp;widgetType=HTML&amp;widgetId=HTML17#' onclick='window.print(); return false;'>Print this</a> <!-- ShareThis widget code -->

Page 27: HTML

<script src='http://w.sharethis.com/button/sharethis.js#publisher=4ade7ad8-b314-4f97-8159-5bdbf681f71e&amp;type=wordpress&amp;buttonText=Email%20and%20share' type='text/javascript'/> <!--endclickprintexclude--> </div> <!-- end story tools--> </div> <div style='clear: both;'/> <!-- clear for photos floats --> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <!-- Related Posts with Thumbnails Code Start--> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://hitsuke.blogspot.com/2009/11/menampilkan-postingan-yang-berhubungan.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://img522.imageshack.us/img522/7905/noimageu.jpg/' style='display:none;'>blogger widgets</a> <script type='text/javascript'> var currentposturl=&quot;<data:post.url/>&quot;; var defaultnoimage=&quot;http://img522.imageshack.us/img522/7905/noimageu.jpg&quot;; var maxresults=4; var relatedpoststitle=&quot;Related Posts&quot;; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div><div style='clear:both'/> </b:if> <!-- Related Posts with Thumbnails Code End--> <span class='post-author'> <b:if cond='data:top.showAuthor'> <data:top.authorLabel/> <data:post.author/> </b:if> </span> <span class='post-timestamp'> <b:if cond='data:top.showTimestamp'> <data:top.timestampLabel/> <b:if cond='data:post.url'> <a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a> </b:if> </b:if> </span> <span class='post-backlinks post-comment-link'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:post.showBacklinks'> <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'>,&#160;<data:top.backlinkLabel/></a> </b:if> </b:if> </span> <span class='post-comment-link'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:post.allowComments'> <!-- +disqus --> <a class='dsq-comment-count comment-link commentslink' expr:href='data:post.canonicalUrl + &quot;#disqus_thread&quot;'>View Comments</a> <!-- -disqus --> </b:if> </b:if> </span> <span class='post-icons'> <!-- email post links --> <b:if cond='data:post.emailPostUrl'> <span class='item-action'> <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'> <img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/> </a>

Page 28: HTML

</span> </b:if> <!-- quickedit pencil --> <b:include data='post' name='postQuickEdit'/> </span> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> <b:if cond='data:post.labels'> <data:postLabelsLabel/> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if> </b:loop> </b:if> </span> </div> <div class='post-footer-line post-footer-line-3'/> </div> </div> </b:includable> <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='&quot;item-control &quot; + data:post.adminClass'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> <img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/> </a> </span> </b:if> </b:includable> <b:includable id='shareButtons' var='post'> <b:if cond='data:post.sharePostUrl'> <a class='share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'> <span class='share-button-link-text'><data:top.emailThisMsg/></span></a> <a class='share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'> <span class='share-button-link-text'><data:top.blogThisMsg/></span></a> <a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'> <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a> <a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'> <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a> <a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'> <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a> </b:if> </b:includable> <b:includable id='status-message'> <b:if cond='data:navMessage'> <div class='status-msg-wrap'> <div class='status-msg-body'> <data:navMessage/> </div> <div class='status-msg-border'> <div class='status-msg-bg'> <div class='status-msg-hidden'><data:navMessage/></div> </div> </div> </div> <div style='clear: both;'/> </b:if> </b:includable> <b:includable id='threaded-comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/> <b:else/> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/> </b:if> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;); </script> </div> </b:includable> <b:includable id='threaded_comment_js' var='post'> <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/> <script type='text/javascript'> (function() { var items = <data:post.commentJso/>;

Page 29: HTML

var msgs = <data:post.commentMsgs/>; var config = <data:post.commentConfig/>; // <![CDATA[ var cursor = null; if (items && items.length > 0) { cursor = parseInt(items[items.length - 1].timestamp) + 1; } var bodyFromEntry = function(entry) { if (entry.gd$extendedProperty) { for (var k in entry.gd$extendedProperty) { if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') { return '<span class="deleted-comment">' + entry.content.$t + '</span>'; } } } return entry.content.$t; } var parse = function(data) { cursor = null; var comments = []; if (data && data.feed && data.feed.entry) { for (var i = 0, entry; entry = data.feed.entry[i]; i++) { var comment = {}; // comment ID, parsed out of the original id format var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t); comment.id = id ? id[2] : null; comment.body = bodyFromEntry(entry); comment.timestamp = Date.parse(entry.published.$t) + ''; if (entry.author && entry.author.constructor === Array) { var auth = entry.author[0]; if (auth) { comment.author = { name: (auth.name ? auth.name.$t : undefined), profileUrl: (auth.uri ? auth.uri.$t : undefined), avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined) }; } } if (entry.link) { if (entry.link[2]) { comment.link = comment.permalink = entry.link[2].href; } if (entry.link[3]) { var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href); if (pid && pid[1]) { comment.parentId = pid[1]; } } } comment.deleteclass = 'item-control blog-admin'; if (entry.gd$extendedProperty) { for (var k in entry.gd$extendedProperty) { if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') { comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value; } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') { comment.displayTime = entry.gd$extendedProperty[k].value; } } } comments.push(comment); } } return comments; }; var paginator = function(callback) { if (hasMore()) { var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50'; if (cursor) { url += '&published-min=' + new Date(cursor).toISOString(); } window.bloggercomments = function(data) { var parsed = parse(data); cursor = parsed.length < 50 ? null : parseInt(parsed[parsed.length - 1].timestamp) + 1 callback(parsed); window.bloggercomments = null; } url += '&callback=bloggercomments'; var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; document.getElementsByTagName('head')[0].appendChild(script); }

Page 30: HTML

}; var hasMore = function() { return !!cursor; }; var getMeta = function(key, comment) { if ('iswriter' == key) { var matches = !!comment.author && comment.author.name == config.authorName && comment.author.profileUrl == config.authorUrl; return matches ? 'true' : ''; } else if ('deletelink' == key) { return config.baseUri + '/delete-comment.g?blogID=' + config.blogId + '&postID=' + comment.id; } else if ('deleteclass' == key) { return comment.deleteclass; } return ''; }; var replybox = null; var replyUrlParts = null; var replyParent = undefined; var onReply = function(commentId, domId) { if (replybox == null) { // lazily cache replybox, and adjust to suit this style: replybox = document.getElementById('comment-editor'); if (replybox != null) { replybox.height = '250px'; replybox.style.display = 'block'; replyUrlParts = replybox.src.split('#'); } } if (replybox && (commentId !== replyParent)) { replybox.src = ''; document.getElementById(domId).insertBefore(replybox, null); replybox.src = replyUrlParts[0] + (commentId ? '&parentID=' + commentId : '') + '#' + replyUrlParts[1]; replyParent = commentId; } }; var hash = (window.location.hash || '#').substring(1); var startThread, targetComment; if (/^comment-form_/.test(hash)) { startThread = hash.substring('comment-form_'.length); } else if (/^c[0-9]+$/.test(hash)) { targetComment = hash.substring(1); } // Configure commenting API: var configJso = { 'maxDepth': config.maxThreadDepth }; var provider = { 'id': config.postId, 'data': items, 'loadNext': paginator, 'hasMore': hasMore, 'getMeta': getMeta, 'onReply': onReply, 'rendered': true, 'initComment': targetComment, 'initReplyThread': startThread, 'config': configJso, 'messages': msgs }; var render = function() { if (window.goog && window.goog.comments) { var holder = document.getElementById('comment-holder'); window.goog.comments.render(holder, provider); } }; // render now, or queue to render when library loads: if (window.goog && window.goog.comments) { render(); } else { window.goog = window.goog || {}; window.goog.comments = window.goog.comments || {}; window.goog.comments.loadQueue = window.goog.comments.loadQueue || []; window.goog.comments.loadQueue.push(render); } })(); // ]]>

Page 31: HTML

</script> </b:includable> <b:includable id='threaded_comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <h4><data:post.commentLabelFull/>:</h4> <div class='comments-content'> <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/> <div id='comment-holder'> <data:post.commentHtml/> </div> </div> <p class='comment-footer'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='threaded-comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> </p> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'> </iframe> </div> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'> <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/> </div> </div> </div> </b:includable> </b:widget> </b:section> </div> <div id='side-wrapper1'> <b:section class='sidebar' id='sidebar1' preferred='yes'/> </div> <div id='side-wrapper2'> <b:section class='sidebar' id='sidebar2' preferred='yes'/> <div style='clear: both;'/> <div id='side-wrapper'> <b:section class='sidebar' id='sidebar3' preferred='yes'> <b:widget id='Label3' locked='false' title='Earth Science' type='Label'> <b:includable id='main'> <b:if cond='data:title != &quot;&quot;'> <h2><data:title/></h2> </b:if> <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'> <b:if cond='data:display == &quot;list&quot;'> <ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span dir='ltr'>(<data:label.count/>)</span> </b:if> </li> </b:loop> </ul> <b:else/> <b:loop values='data:labels' var='label'> <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span class='label-count' dir='ltr'>(<data:label.count/>)</span> </b:if> </span> </b:loop> </b:if> <b:include name='quickedit'/> </div>

Page 32: HTML

</b:includable> </b:widget> <b:widget id='Label4' locked='false' title='Software Tutorial' type='Label'> <b:includable id='main'> <b:if cond='data:title != &quot;&quot;'> <h2><data:title/></h2> </b:if> <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'> <b:if cond='data:display == &quot;list&quot;'> <ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span dir='ltr'>(<data:label.count/>)</span> </b:if> </li> </b:loop> </ul> <b:else/> <b:loop values='data:labels' var='label'> <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span class='label-count' dir='ltr'>(<data:label.count/>)</span> </b:if> </span> </b:loop> </b:if> <b:include name='quickedit'/> </div> </b:includable> </b:widget> </b:section> </div> <div id='side-wrapper'> <b:section class='sidebar' id='sidebar4' preferred='yes'> <b:widget id='HTML5' locked='false' title='Social Networking' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='HTML1' locked='false' title='Link exchange' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> <div style='clear: both;'/> </div> <!-- end side-wrapper2 --> <!-- spacer for skins that sets sidebar and main to be the same height--> <div style='clear: both;'/> </div> <!-- end content-wrapper --> <div id='middleads-wrapper'> <b:section class='middleads2' id='middleads2' preferred='yes'> <b:widget id='HTML8' locked='false' title='' type='HTML'> <b:includable id='main'>

Page 33: HTML

<!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> <div style='clear: both;'/> <div id='lower-wrapper'> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar1' preferred='yes'/> </div> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar2' preferred='yes'/> </div> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar3' preferred='yes'/> </div> <div style='clear: both;'/> <div id='lowerads-wrapper'> <b:section class='lowerads' id='lowerads' preferred='yes'/> </div> <div style='clear: both;'/> </div> <!-- end lower-wrapper --> <div id='footer-wrapper'> <b:section class='footer' id='footer'/> </div> <div style='clear: both;'/> </div> <!-- end blog-wrapper --> <div id='bottomads-wrapper'> <b:section class='bottomads' id='bottomads' preferred='yes'/> </div> </div> <!-- end outer-wrapper --> <!-- Please don't remove the credits below as we spent many hours creating this blogger template. It's only reasonable that you keep the link to Ourblogtemplates.com. --> <div id='credit'> <div id='creditcenter'> <p><b><p><strong><font color='#00ff00' size='1'>Back to</font></strong></p> <a href='#outer-wrapper'><p><strong><font color='#00ff00' face='Vineta BT' size='4'>TOP</font></strong></p></a></b></p> </div> </div> <!-- end credit --> <div id='trik_pojok'> <a href='http://meenviro.blogspot.com/'> <img border='0' src='http://i987.photobucket.com/albums/ae351/geomine01/wwwsatudunianet-2.png'/></a> </div> <!-- +disqus --> <b:if cond='data:blog.pageType != &quot;item&quot;'> <script type='text/javascript'> (function() { var links = document.getElementsByTagName(&#39;a&#39;); var query = &#39;?&#39;; for(var i = 0; i &lt; links.length; i++) { if(links[i].href.indexOf(&#39;#disqus_thread&#39;) &gt;= 0) { query += &#39;url&#39; + i + &#39;=&#39; + encodeURIComponent(links[i].href) + &#39;&amp;&#39;; } } document.write(&#39;&lt;script type=&quot;text/javascript&quot; src=&quot;http://disqus.com/forums/meenviro/get_num_replies.js&#39; + query + &#39;&quot;&gt;&lt;/&#39; + &#39;script&gt;&#39;); })(); </script> </b:if> <!-- -disqus -->

Page 34: HTML

<script type='text/javascript'> var gaJsHost = ((&quot;https:&quot; == document.location.protocol) ? &quot;https://ssl.&quot; : &quot;http://www.&quot;); document.write(unescape(&quot;%3Cscript src=&#39;&quot; + gaJsHost + &quot;google-analytics.com/ga.js&#39; type=&#39;text/javascript&#39;%3E%3C/script%3E&quot;)); </script> <script type='text/javascript'> try { var pageTracker = _gat._getTracker(&quot;UA-12102516-2&quot;); pageTracker._trackPageview(); } catch(err) {}</script> <div class='banneritem'><div id='google_translate_element'/><script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: &#39;id&#39; }, &#39;google_translate_element&#39;); } </script><script src='http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/><div class='clr'/> </div> <!-- cjverify:ca32fdfcaee432c0f02238adc1031910: --> <script src='http://www.assoc-amazon.com/s/link-enhancer?tag=meen-20&amp;o=1' type='text/javascript'/> </body> </html>

Social Networking

<div style="text-align: center;"><a href="ymsgr:sendIM?azvy_05"><img border="0" src="http://opi.yahoo.com/online?u=azvy_05&amp;m=g&amp;t=2" /></a></div> <div style="text-align: center;"><!-- Facebook Badge START --><a style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" href="http://id-id.facebook.com/people/Shalaho-D-Devy/1204616848" target="_TOP" title="">My facebook</a><span style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; line-height: 16px; font-variant: normal; font-style: normal; font-weight: normal; color: #555555; text-decoration: none;">&nbsp;&nbsp;</span><a style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" href="http://id-id.facebook.com/facebook-widgets/" target="_TOP" title="Make your own badge!"></a><br /><a href="http://id-id.facebook.com/people/Shalaho-D-Devy/1204616848" target="_TOP" title="Shalaho D Devy"><img width="130" style="border: 0px;" src="http://badge.facebook.com/badge/1204616848.1404.1463125251.png" height="100" /></a><!-- Facebook Badge END --> <script src="http://s7.addthis.com/js/250/addthis_widget.js#pub=xa-4ada67dd646cf245" type="text/javascript"></script> <!-- AddThis Button END --></div> <div style="text-align: center;"><div id='networkedblogs_nwidget_container' style='height:305px;padding-top:10px;'><div id='networkedblogs_nwidget_above'></div><div id='networkedblogs_nwidget_widget' style="border:1px solid #D1D7DF;background-color:#F5F6F9;margin:0px auto;"><div id="networkedblogs_nwidget_logo" style="padding:1px;margin:0px;background-color:#edeff4;text-align:center;height:21px;"><a href="http://networkedblogs.com/" target="_blank" title="NetworkedBlogs"><img style="border: none;" src="http://static.networkedblogs.com/static/images/logo_small.png" title="NetworkedBlogs" /></a></div><div id="networkedblogs_nwidget_body" style="text-align: center;"></div><div id="networkedblogs_nwidget_follow" style="padding:5px;"><a style="display:block;line-height:100%;width:90px;margin:0px auto;padding:4px 8px;text-align:center;background-color:#3b5998;border:1px solid #D9DFEA;border-bottom-color:#0e1f5b;border-right-color:#0e1f5b;color:#FFFFFF;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;text-decoration:none;" href="http://networkedblogs.com/blog/meenviro/?ahash=01711ad77eb356d64990dcd4d155d1b3">Follow this blog</a></div></div><div id='networkedblogs_nwidget_below'></div></div><script type="text/javascript"><!-- if(typeof(networkedblogs)=="undefined"){networkedblogs = {};networkedblogs.blogId=308109;networkedblogs.shortName="meenviro";} --></script><script src="http://nwidget.networkedblogs.com/getnetworkwidget?bid=308109" type="text/javascript"></script></div>

Link exchange

<a href="http://www.meenviro.blogspot.com/" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img border="0" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 120px; height: 70px;" alt="" src="http://i987.photobucket.com/albums/ae351/geomine01/bg1.jpg"/></a> <p align="center"><textarea rows="4" cols="10" name="code"> &lt;img border=&quot;0&quot; style=&quot;margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 120px; height: 80px;&quot; alt=&quot;&quot; src=&quot;http://i987.photobucket.com/albums/ae351/geomine01/bg1.jpg&quot;/&gt;</textarea></p>