The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Need help with blogger theme
Fatima
post Jul 3 2012, 04:50 AM
Post #1





Group: Members
Posts: 3
Joined: 3-July 12
Member No.: 17,370



Hey guyz...

Im Absolutely new and have absolutely no idea how to deal with html, you can say im a dummy. biggrin.gif so i found a already made free template on google for blogger. Now i have just one problem.. mad.gif

IPB Image



the highlighted area comes with the template. I want to edit the pages. I hope im clear. If anybody can help me .. i can send the whole html code to you and also you can help me ..
Please really need help sad.gif

Thanks

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Fatima
post Jul 3 2012, 04:56 AM
Post #2





Group: Members
Posts: 3
Joined: 3-July 12
Member No.: 17,370



my code //.. sorry its very long

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html (View Source for full doctype...)>
- <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">
- <head>
<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css" />
<b:include data="blog" name="all-head-content" />
- <b:if cond="data:blog.pageType == "index"">
- <title>
<data:blog.pageTitle />
</title>
<b:else />
- <title>
<data:blog.pageName />
-
<data:blog.title />
</title>
</b:if>
<meta content="Your Blog Description here!" name="description" />
<meta content="Your Keywords here!" name="keywords" />
<meta content="Author Name here!" name="Author" />
<meta content="Author Email Address here!" name="Email" />
<meta content="document" name="resource-type" />
<meta content="all" name="audience" />
<meta content="general" name="rating" />
<meta content="all" name="robots" />
<meta content="index, follow" name="robots" />
<meta content="id" name="language" />
<meta content="id" name="geo.country" />
<meta content="global" name="distribution" />
<meta content="1 days" name="revisit-after" />
<meta content="Indonesia" name="geo.placename" />
- <b:skin>
- <![CDATA[
/* -----------------------------------------------
Blogger Template Style
Name : Johny Simpleblog
Author : Maskolis
Url : http://creatingwebsite-maskolis.blogspot.com/
Updated by: Blogger Team
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#b1bb8e">
<Variable name="textcolor" description="Text Color"
type="color" default="#444" value="#3f4324">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#9daf22">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#4d512f">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#5b603a">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#404616">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#dcd9d9">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#717348">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#5a5f36">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#9daf22">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 12px Georgia, Tahoma, Helvetica, FreeSans, sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 14px Georgia, Tahoma, Helvetica, FreeSans, sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="normal normal 26px Georgia, Serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 12px Lucida Sans, Tahoma, Helvetica, FreeSans, sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/

body{background:$bgcolor;color:$textcolor;font:x-small Trebuchet MS;font-size:small;text-align:left;margin:0}
a:link{color:$linkcolor;text-decoration:none}
a:visited{color:$visitedlinkcolor;text-decoration:none}
a:hover{color:$titlecolor;text-decoration:none}
a img{border-width:0}
#header-wrapper{width:960px;margin:0 auto}
#header-inner{background-position:center;margin-left:auto;margin-right:auto}
#header{float:left;width:222px;height:90px;border:0 solid #dcd9d9;text-align:left;margin:0}
#header2{float:right;width:728px;margin-right:0px;text-align:left;color:#555}
.header2 .widget{margin:0 auto;padding:0 0 7px}
.header .widget{margin:0 auto;padding:0}
#header h1{line-height:.8em;text-transform:none;letter-spacing:.1em;font:bold 30px Oswald;margin:0 auto;padding:0px 5px .15em;text-shadow: 1px 1px 1px #EEEFD1;color:#4c512e}
#header a:hover{color:#f89c21}
#header .description{max-width:100%;text-transform:none;letter-spacing:.01em;line-height:1.2em;font:14px Oswald;color:#595e3b;margin:0 auto;padding:0 5px 5px}
#header img{margin-startside:auto;margin-endside:auto}
#navbar-iframe{height:0;visibility:hidden;display:none}
#mainpage-wrapper{width:640px;float:left;word-wrap:break-word;overflow:hidden}
#main-wrapper{background:#fff;width:640px;float:$startSide;word-wrap:break-word;overflow:hidden}
#sidebarleft-wrapper{width:180px;float:$startSide;word-wrap:break-word;overflow:hidden}

.sidebarleft h2{background:#fff;letter-spacing:-.001em;font:13px Oswald;color:#4a4e2d;text-transform:uppercase;border-bottom:1px solid #bec39e;margin:0;padding:7px 10px}
.sidebarleft{background:#fff;color:$sidebartextcolor;line-height:1.3em;}
.sidebarleft ul{list-style:none;margin:0;padding:0}
.sidebarleft li{border-bottom:1px dotted $bordercolor;text-indent:0;line-height:1.3em;margin:0;padding:3px 0 4px}
.sidebarleft .widget{border:0 solid $bordercolor;margin:0 0 5px}
.sidebarleft .widget-content{margin:0 auto;padding:6px 9px}
.sidebarleft a:link,.sidebarleft a:visited{font:bold 12px Georgia;color:#5b603a;text-decoration:none}
.sidebarleft li a:hover{color:#111}

#sidebar-wrapper{width:320px;float:$endSide;word-wrap:break-word;overflow:hidden}
h2{font:$headerfont;line-height:1.4em;text-transform:none;letter-spacing:.01em;color:$sidebarcolor;margin:.5em 0 .25em}
h2.date-header{text-transform:none;font:normal 12px Arial;color:#868c64;line-height:1.2em;margin:.1em 0}
.post{margin:.5em 0 .1em;padding:15px}
.post h3{font:20px Oswald;line-height:1.2em;color:$titlecolor;margin:.25em 0 0;padding:0 0 4px;text-shadow:1px 1px 1px #ccc;}
.post h3 a,.post h3 a:visited,.post h3 strong{display:block;text-decoration:none;color:$titlecolor;font-weight:700}
.post h3 strong,.post h3 a:hover{color:#111}
.post-body{border-top:2px solid #b9bc89;font:13px Georgia;color:#5b603a;padding-top:6px;line-height:1.4em;margin:3.1em 0 .75em;}
.post-body blockquote{line-height:1.3em}
.post-footer{color:#666;text-transform:none;letter-spacing:.01em;font:$postfooterfont;line-height:1.4em;margin:.75em 0}
.comment-link{margin-startside:.6em}
.post blockquote{margin: 10px 10px 10px 20px;padding: 10px 15px 10px 15px;line-height: 1.6em;color: #4c5126;background: #acaf7b;border-left: 20px solid #717748}
.post blockquote p{margin:.75em 0}
table{width:100%;border-collapse:collapse;border-spacing:0;border:1px solid #999;color:#444;margin:10px 0}
table td,table th{text-align:left;border:1px solid #999;padding:.4em .8em}
table th{text-transform:uppercase;font-weight:400;border:1px solid #999}
table td{border:1px solid #999}
table tr.even td{border:none}
.comments{padding:0 15px}
#comments h4{font-size:16px;font-weight:400;margin:20px 0}
.cm_wrap{clear:both;margin-bottom:10px;float:right;width:100%}
.cm_head{width:60px;float:left;margin:0}
.cm_avatar{vertical-align:middle;border:1px solid #DDD;background:url(http://4.bp.blogspot.com/-POy-pvgzudE/Tz0SPxJXQnI/AAAAAAAAFUI/SlCAfDMFIhg/s1600/anonymous.jpg) center no-repeat;width:35px;height:35px;margin:0;padding:3px}
.cm_avatar_a{vertical-align:middle;border:1px solid #DDD;background:silver;background-position:center;background-repeat:no-repeat;width:35px;height:35px;margin:0;padding:3px}
.cm_reply a{display:inline-block;border:1px solid #C4C4C4;border-top-color:#E4E4E4;border-left-color:#E4E4E4;color:#424242!important;text-align:center;text-decoration:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:0;font:11px/18px sans-serif;margin:0;padding:1px 6px}
.cm_reply a:hover{text-decoration:none!important;background:#aaa}
.cm_entry{background:#fcfcfc;border:1px solid #E4E4E4;overflow:hidden;padding:16px}
.cm_arrow{display:block;width:9px;height:18px;background:url(http://3.bp.blogspot.com/-NONrBLhghFk/To0nNB1LmkI/AAAAAAAAAI4/CAuzDfYiCiU/s1600/comment-arrow.gif) no-repeat;position:absolute;margin-left:-25px}
.cm_info{margin-bottom:5px;border:thin solid #E6E6E6;background-color:#F4F4F4;padding:5px}
.cm_info_a{margin-bottom:5px;border:thin solid #E6E6E6;background-color:#e5e5e5;padding:5px}
.cm_name{font-size:14px;color:#333!important;text-decoration:none;float:left}
.cm_name_a{font:bold 13px Arial;color:#333!important;text-decoration:none;float:left}
.cm_date{font-size:10px;color:#999;text-decoration:none;float:right}
.cm_date_a{font:normal 10px Arial;color:#333;text-decoration:none;float:right;padding-top:5px}
.cm_pagenavi{font-size:10px;text-transform:uppercase;color:#666;text-shadow:1px 1px #FFF;font-weight:700}
.cm_pagenavi a{color:#666;text-decoration:none;padding:10px}
.cm_pagenavi span{color:#888;background:#FFF;border:1px solid #E0E0E0;padding:4px}
.comment-body-author{font-family:Arial;font-weight:300}
#blog-pager{position:relative;top:10px;width:auto;clear:both;font-family:Georgia;font-weight:700;color:#4c502f;font-size:13px;margin:10px;padding:5px 10px}
.feed-links{clear:both;line-height:2.5em}
.sidebar h2{background:#d9dfb6;letter-spacing:-.001em;font:13px Oswald;color:#4c5126;text-transform:uppercase;text-shadow: 1px 1px 1px #EEEFD1;margin:0;padding:6px 0 7px 10px}
.sidebar{background:#acaf7b;color:$sidebartextcolor;line-height:1.3em;border:1px solid #acaf7b}
.sidebar li{border-bottom:1px dotted #7f8251;text-indent:0;line-height:1.3em;margin:0;padding:3px 0 4px}
.sidebar .widget{border:0 solid $bordercolor;margin:0 0 5px;text-shadow:1px 1px 1px #c8cb9f}
.sidebar .widget-content{margin:0 auto;padding:5px 10px}
.sidebar a:link,.sidebar a:visited{font:bold 12px Arial;color:#4c5126;text-decoration:none}
.main .widget{border-bottom:1px dotted $bordercolor;margin:0 0 1.5em;padding:0 0 1.5em}
.main .Blog{border-bottom-width:0}
.footer h2{border-bottom:1px solid #4c5126;font:14px Oswald;padding-bottom:5px;margin-bottom:10px;line-height:1.3em;text-transform:uppercase;letter-spacing:.01em;color:#4c5126;}
.footer{color:#717348;line-height:1.3em;font:normal 12px Georgia}
.footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0}
.footer li{background:url(http://3.bp.blogspot.com/-4e3cknwb3uk/T8roFQUV35I/AAAAAAAAGfk/fIHcDryLQsE/s1600/arrow.gif) no-repeat 1px 6px;font:normal 12px Georgia;color:#626262;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 3px 14px}
.footer .widget{margin:0 0 8px;padding:6px 0;text-shadow:1px 1px 1px #c8cb9f}
.footer .widget-content{padding:0 auto}
.profile-img{float:$startSide;margin-top:0;margin-endside:10px;margin-bottom:5px;margin-startside:0;border:1px solid $bordercolor;padding:4px}
.profile-data{text-transform:uppercase;letter-spacing:.01em;font:bold 13px Arial;color:$sidebarcolor;line-height:1.3em;margin:0}
.profile-datablock{margin:.5em 0}
.profile-textblock{line-height:1.3em;margin:.5em 0}
.profile-link{font:$postfooterfont;text-transform:none;letter-spacing:.01em}
.picfooter{background:#acaf7b;border-top:6px solid #717748;width:960px;margin-startside:auto;margin-endside:auto;text-align:center;font:$bodyfont}
#footer-wrapper{width:940px;text-align:left;font:$bodyfont;margin:0 auto;padding:10px}
#footer1-wrapper{width:300px;float:$startSide;word-wrap:break-word;overflow:hidden}
#footer2-wrapper{margin-left:10px;width:300px;float:left;word-wrap:break-word;overflow:hidden;padding:0 10px}
#footer3-wrapper{width:300px;float:$endSide;word-wrap:break-word;overflow:hidden}
.creditpic{background:#717748;width:960px;margin:0 auto;padding:0 auto}
.credit{width:940px;line-height:1.6em;text-align:center;font-family:Georgia;font-size:12px;color:#d8dbc4;overflow:hidden;clear:both;margin:0 auto;padding:12px 0}
.showpageOf{font:11px Arial;border:1px solid #7b7c7d;color:#000;margin:2px;padding:3px 6px}
.showpageNum a,.showpage a{font:11px Arial;border:1px solid #7b7c7d;color:#000;text-decoration:none;margin:2px;padding:3px 6px}
.showpageNum a:hover,.showpage a:hover,.showpagePoint{border:1px solid #d8dbc4;background:#717748;color:#d8dbc4;margin:2px;padding:3px 6px}

#outer-wrapper{background:#d8dbc4;width:960px;-moz-box-shadow:0 0 12px #000;text-align:$startSide;font:$bodyfont;margin:10px auto;padding:10px;padding-top:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 40px #7e8459;-webkit-box-shadow:0 0 5px #7e8459;-goog-ms-box-shadow:0 0 10px #333;box-shadow:0 0 40px #7e8459;}
.cm_entry p,.cm_entry_a p{clear:both;border:thin solid #E6E6E6;background-color:#fff;font-size:13px;color:#333;word-wrap:break-word;padding:5px}
.sidebar li a:hover,.footer li a:hover{color:#212415}
.footer a:link,.footer li a:visited{color:#4c5126;text-decoration:none}
.credit a:link,.credit a:visited{color:#d8dbc4;text-decoration:none}
.credit a:hover{color:#9daf22;text-decoration:none}
#under-wrapper{float:left;width:100%;border-bottom:1px solid #aaa;margin:10px 0;padding:5px 0 15px}
#related-articles{float:left;width:275px;border-right:1px solid #ddd;margin:5px 0 0;padding:0 15px 0 0}
#related-articles .widget{margin:0;padding:0}
#related-articles .widget h2,#related-posts h2{font:bold 13px Arial;color:#000;text-transform:none;margin:0 0 5px;padding:0}
#related-articles a{color:#4a4e2d;font:12px Georgia}
#related-articles a:hover{color:#9daf22}
#related-articles li{background:url(http://2.bp.blogspot.com/-EcBIblBtYTQ/TqALuRS_IzI/AAAAAAAAAx0/E-vzWTTOgXs/s1600/bullet-list.gif) no-repeat 0 8px;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 2px 10px}
#banner-ads{float:right;width:300px;margin:5px 0}
.comments-area {background: url(http://4.bp.blogspot.com/-6lKwXyd1rVU/T8sL8-pVtqI/AAAAAAAAGgs/vRRfaJCaIvU/s1600/comment.png) no-repeat center right;margin:0 0 0 5px;padding:0 15px 0 0;}
.post-labels{font:bold 12px Arial;margin:0;padding:0}
.post-labels a:link,.post-labels a:visited{color:#666;text-decoration:none}
.post-labels a:hover{color:#333;text-decoration:underline}
#breadCrumb{background:#fff;height:30px;line-height:30px;border:solid 1px #bec39e;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:auto;overflow:hidden;padding-left:10px;color:#666;margin:0}
#breadCrumb li{list-style-type:none;display:inline-block;float:left}
#breadCrumb a{display:inline-block;background-image:url(http://4.bp.blogspot.com/-WLPWocFdw1g/T8pvm1tUvQI/AAAAAAAAGeo/RdXYGXddUmY/s1600/breadcrumb.gif);background-repeat:no-repeat;background-position:right;padding-right:10px;text-decoration:none;color:#5b603a;outline:none;}
#breadCrumb a:hover{color:#000}
.cm_reply{padding-top:5px}
.sidebar ul,#related-articles ul,.slide ul{list-style:none;margin:0;padding:0}
#nav ul,#nav li{float:left;list-style:none;margin:0;padding:0}
.cm_pagenavi a:hover{text-decoration:underline}

#nav-wrapper{background:#acaf7b;height:30px;font-family:"Tahoma",Palatino,serif;overflow:hidden;border:1px solid #717748;}
#nav{margin:0 auto;width:960px;height:30px;padding:0}
#nav ul{float:left;width:auto;height:30px;margin:0;padding:0;list-style-type:none}
#nav ul li{float:left;height:30px}
#nav ul li a,#nav ul li a:visited{float:left;height:30px;padding:7px 10px;color:#4c5126;font:bold 12px Tahoma;text-transform:none}
#nav ul li a:hover,#nav .selected{background:#717748;color:#d8dbc4;text-decoration:none;}
#search{float:right;width:180px;height:20px;margin-top:3px;padding-right:5px}
#search form{float:left}
#search input[type="text"]{background:#e9ebdd url(http://3.bp.blogspot.com/-sKegjs4IC5Y/T8rkPeFrMUI/AAAAAAAAGfY/H9sYELhkGWY/s1600/search.png) no-repeat scroll 4px center;float:left;border:1px solid #acaf7b;width:146px;margin-top:1px;padding:3px 15px;font-size:12px;text-align:right}
#search input[type="text"]:focus{background:#e9ebdd}
#search input[type="submit"]{display:none}

#menuwrapperpic{float:right;background:#717748;width:726px;margin:0 auto;padding:0 auto;border:1px solid #acaf7b}
#menuwrapper{width:726px;height:27px;margin:0 auto}
.clearit{clear:both;height:0;line-height:0.0;font-size:0}
#menubar{width:100%}
#menubar,#menubar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0}
#menubar a{display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:none;color:#d8dec5;border-right:1px solid #acaf7b;padding:8px 12px 8px}
#menubar a.trigger{background-image:url(http://1.bp.blogspot.com/-qZB6zsN9bl0/T8oxeT2pqBI/AAAAAAAAGdQ/8cwirLWNfRA/s1600/arrow_green.gif);background-repeat:no-repeat;background-position:right center;padding:8px 24px 8px 12px}
#menubar li{float:left;position:static;width:auto}
#menubar li ul,#menubar ul li{width:170px}
#menubar ul li a{text-align:left;color:#4c5126;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px}
#menubar li ul{z-index:100;position:absolute;display:none;background:#d8dbc4;padding-bottom:0px;-moz-box-shadow:0 3px 3px rgba(0,0,0,0.6);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.6)}
#menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#d8dbc4;color:#4c5126}
#menubar li:hover ul,#menubar li.hvr ul{display:block}
#menubar li:hover ul a,#menubar li.hvr ul a{color:#626262;background-color:transparent;text-decoration:none}
#menubar li ul li.hr{border:1px solid #a7a7a7;border-top:none;font-size:0px;height:0;line-height:0;margin:0px 0}
#menubar ul a:hover{background-color:#a3a971!important;color:#71764b!important;text-decoration:none}

.post-thumbnail{width:100px;height:100px;background:#fff;padding:4px;border:1px solid #bec39e;float:left;margin:0px 10px 0px 0px;}
.post-snippet:before{content:attr(data-snippet);}
.newsfea{background:#fff;margin:0px;padding:7px 10px;font:13px Oswald;color:#4a4e2d;border-bottom:1px solid #bec39e;text-transform:uppercase;}
.readmorecontent{text-align:right;width:140px;float:right;margin-top:10px;}
.readmorecontent a{padding:4px 5px; background:#d8dbc4;color:#474c29;text-decoration:none;font-size:12px;}
.readmorecontent a:hover{background-color:#bbc09c;color:#606540;text-decoration:none;}

#featuredSlider {float:left;margin:0; padding:10px 0; width:640px; position:relative;background:#fff;color:#5b603a;border-bottom:1px solid #bec39e}
#featuredSlider .featured-thumb {background:#fff;float:left; margin:0 10px 0 0; padding:5px;border:1px solid #bec39e; }
#featuredSlider .container {height:215px; margin:0 10px;overflow:hidden; position:relative;}
.featuredTitle{font:18px Oswald;text-shadow:1px 1px 1px #ccc;}
.featuredTitle a{color:#3f4321}
.featuredTitle a:hover{color:#585d3a}
.navigation {position:relative;bottom:13px;float:right;overflow:hidden;}
ul.pagination {list-style-type:none; margin:0 auto; padding:0;}
ul.pagination a {float:left; margin:0 5px; display:inline;}
ul.pagination a {display:block;width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(http://1.bp.blogspot.com/-UnVOx7CRAz0/T8yaQirRF2I/AAAAAAAAGk8/66uTYbouFfs/s1600/slider+pagination.png);background-position:0 0; background-repeat:no-repeat;}
ul.pagination a:hover {background-position:0 -12px;}
ul.pagination a:hover {background-position:0 -12px;}
ul.pagination a.activeSlide { background-position:0 -12px }
a.readmore {border:1px solid #757b50;float:left;background:#8b9258 url(http://2.bp.blogspot.com/-S4AKqSDPUEs/ToSYCWJy4qI/AAAAAAAAABI/conBgqSajOY/s1600/fade.png) repeat-x top;display:block;margin:10px 0 0 0;padding:4px 10px;color:#545934;-webkit-border-radius:2px;-moz-border-radius:2px;
border-radius:2px;-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);}
a.readmore:hover {color:#fff}


]]>
</b:skin>
- <b:if cond="data:blog.pageType != "static_page"">
- <b:if cond="data:blog.pageType != "item"">
<style type="text/css" xml:space="preserve">#main-wrapper{width:459px;border-right:1px solid #bec39e;border-bottom:1px solid #bec39e} .post-footer,.feed-links{display:none} h2.date-header{margin:.2em 0 .4em} .post h3{font:16px Georgia;line-height:1em;margin:0 0 8px;padding:0} .post{background:#fff;border-bottom:1px solid #bec39e;margin:10px;padding:0 0 10px} .post-body{font:12px Georgia;border-top:none;padding-top:0px;background:none;line-height:1.3em;margin:0 0 .15em;text-align:justify} #blog-pager{float:center;margin:6px;padding:8px 0}</style>
</b:if>
</b:if>
<script type="text/javascript" xml:space="preserve">var relatedpoststitle="Related Articles";</script>
<script src="http://jamu-martin.googlecode.com/files/related-martin.js" type="text/javascript" xml:space="preserve" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript" xml:space="preserve" />
<script src="http://kauman.googlecode.com/files/jquery.innerfade.js" type="text/javascript" xml:space="preserve" />
<script src="http://kauman.googlecode.com/files/cycle.js" type="text/javascript" xml:space="preserve" />
- <script type="text/javascript" xml:space="preserve">
//
- <![CDATA[ imgr = new Array();
imgr[0] = "http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 280;
summaryTitle = 25;
numposts = 8;

function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}

function showrecentposts(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
document.write('<div class="slides">')
if (numposts <= json.feed.entry.length) {
maxpost = numposts;
}
else
{
maxpost=json.feed.entry.length;
}
for (var i = 0; i < maxpost; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}

if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";

postdate = entry.published.$t;

if(j>imgr.length-1) j=0;
img[i] = imgr[j];

s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];

for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}

var trtd = '<div><p class="featured-thumb"><a href="'+posturl+'"><img width="240" height="200" src="'+img[i]+'"/></a></p><div class="featuredTitle"><a href="'+posturl+'">'+posttitle+'</a></div><p>'+removeHtmlTag(postcontent,summaryPost)+'... </p><a href="'+posturl+'" class="readmore">Read more</a></div>';
document.write(trtd);


j++;
}
document.write('</div>')
}

//
]]>
</script>
</head>
- <body>
<div id="fb-root" />
<script xml:space="preserve">(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
- <div id="outer-wrapper">
- <div id="wrap2">
- <div id="header-wrapper">
- <b:section class="header" id="header" maxwidgets="1" showaddelement="no">
- <b:widget id="Header1" locked="true" title="Black Beauty (Header)" type="Header">
- <b:includable id="main">
- <b:if cond="data:useImage">
- <b:if cond="data:imagePlacement == "BEHIND"">
- <!-- Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.

-->
- <b:if cond="data:mobile">
- <div id="header-inner">
- <div class="titlewrapper" style="background: transparent">
- <h1 class="title" style="background: transparent; border-width: 0px">
<b:include name="title" />
</h1>
</div>
<b:include name="description" />
</div>
<b:else />
- <div expr:style=""background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "" id="header-inner">
- <div class="titlewrapper" style="background: transparent">
- <h1 class="title" style="background: transparent; border-width: 0px">
<b:include name="title" />
</h1>
</div>
<b:include name="description" />
</div>
</b:if>
<b:else />
- <!-- Show the image only
-->
- <div id="header-inner">
- <a expr:href="data:blog.homepageUrl" style="display: block" shape="rect">
<img expr:alt="data:title" expr:height="data:height" expr:id="data:widget.instanceId + "_headerimg"" expr:src="data:sourceUrl" expr:width="data:width" style="display: block" />
</a>
- <!-- Show the description
-->
- <b:if cond="data:imagePlacement == "BEFORE_DESCRIPTION"">
<b:include name="description" />
</b:if>
</div>
</b:if>
<b:else />
- <!-- No header image
-->
- <div id="header-inner">
- <div class="titlewrapper">
- <h1 class="title">
<b:include name="title" />
</h1>
</div>
<b:include name="description" />
</div>
</b:if>
</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" shape="rect">
<data:title />
</a>
</b:if>
</b:includable>
- <b:includable id="description">
- <div class="descriptionwrapper">
- <p class="description">
- <span>
<data:description />
</span>
</p>
</div>
</b:includable>
</b:widget>
</b:section>
- <b:section class="header" id="header2" maxwidgets="1" showaddelement="yes">
- <b:widget id="HTML3" locked="false" title="" type="HTML">
- <b:includable id="main">
- <!-- only display title if it's non-empty
-->
- <b:if cond="data:title != """>
- <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 style="clear:both;" />
- <div id="menuwrapperpic">
- <div id="menuwrapper">
- <ul id="menubar">
- <li>
- <a href="/" shape="rect">
<img border="0" src="http://4.bp.blogspot.com/-HMJalxSgpqE/T8oxe146s0I/AAAAAAAAGdY/iheMJyfQIak/s1600/home_green.png" style="padding:0px;" />
</a>
</li>
- <li>
<a href="#" shape="rect">About Us</a>
</li>
- <li>
<a class="trigger" href="#" shape="rect">Contact Us</a>
- <ul>
- <li>
<a href="#" shape="rect">Goggle +</a>
</li>
<li class="hr" />
- <li>
<a href="#" shape="rect">Contact on Facebook</a>
</li>
<li class="hr" />
- <li>
<a href="#" shape="rect">Contact on Twitter</a>
</li>
</ul>
</li>
- <li>
<a class="trigger" href="#" shape="rect">Entertainment</a>
- <ul>
- <li>
<a href="#" shape="rect">Music</a>
</li>
<li class="hr" />
- <li>
<a href="#" shape="rect">Movie</a>
</li>
<li class="hr" />
- <li>
<a href="#" shape="rect">Television</a>
</li>
</ul>
</li>
- <li>
<a href="#" shape="rect">Health</a>
</li>
- <li>
<a class="trigger" href="#" shape="rect">More</a>
- <ul>
- <li>
<a href="#" shape="rect">Themes</a>
</li>
<li class="hr" />
- <li>
<a href="h#" shape="rect">Tutorial</a>
</li>
<li class="hr" />
- <li>
<a href="#" shape="rect">Resource</a>
</li>
<li class="hr" />
- <li>
<a href="#" shape="rect">Advertise</a>
</li>
<li class="hr" />
- <li>
<a href="#" shape="rect">Javascript</a>
</li>
</ul>
</li>
</ul>
<br class="clearit" />
</div>
<div style="clear:both;" />
</div>
</div>
- <!-- end header-wrapper
-->
<div class="clear" />
- <div id="nav-wrapper">
- <div id="nav">
- <b:section class="page" id="page" showaddelement="no">
- <b:widget id="PageList1" locked="false" title="Pages" type="PageList">
- <b:includable id="main">
- <div class="widget-content">
- <ul>
- <b:loop values="data:links" var="link">
- <b:if cond="data:link.isCurrentPage">
- <li class="selected">
- <a expr:href="data:link.href" shape="rect">
<data:link.title />
</a>
</li>
<b:else />
- <li>
- <a expr:href="data:link.href" shape="rect">
<data:link.title />
</a>
</li>
</b:if>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
- <div id="search">
- <form action="/search" class="search" id="searchform" method="get" enctype="application/x-www-form-urlencoded">
- <div>
<input name="q" onblur="if (this.value == "") {this.value = "Type and Enter";}" onfocus="if (this.value == "Type and Enter") {this.value ="";}" size="30" type="text" value="Type and Enter" />
</div>
</form>
</div>
</div>
</div>
- <!-- skip links for text browsers
-->
- <span id="skiplinks" style="display:none;">
<a href="#main" shape="rect">skip to main</a>
|
<a href="#sidebar" shape="rect">skip to sidebar</a>
</span>
<div class="clear" />
- <div id="content-wrapper">
- <div id="mainpage-wrapper">
- <b:if cond="data:blog.pageType != "item"">
- <b:if cond="data:blog.pageType != "static_page"">
- <b:section id="featuredSlider" showaddelement="yes">
- <b:widget id="HTML11" locked="false" title="Featured Content Slider" type="HTML">
- <b:includable id="main">
- <div class="container">
<script xml:space="preserve">document.write(" <script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");</script>
- <div class="navigation">
<ul class="pagination" />
<script xml:space="preserve">$('.slides').cycle({ fx: 'fade', speed: 'slow', timeout: 3000, pager: '.pagination' });</script>
</div>
</div>
- <!-- end .container
-->
</b:includable>
</b:widget>
</b:section>
<div class="clear" />
</b:if>
</b:if>
- <div id="main-wrapper">
- <b:if cond="data:blog.pageType == "index"">
<div class="newsfea">Latest Post</div>
</b:if>
- <b:section class="main" id="main" showaddelement="no">
- <b:widget id="Blog1" locked="true" title="Blog Posts" type="Blog">
- <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 + "_blog-pager-newer-link"" title="Previous Product" shape="rect"> Prev Post</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 + "_blog-pager-older-link"" title="Next Product" shape="rect">Next Post </a>
</span>
</b:if>
- <a class="home-link" expr:href="data:blog.homepageUrl" shape="rect">
<data:homeMsg />
</a>
- <b:if cond="data:mobileLinkUrl">
- <div class="blog-mobile-link">
- <a expr:href="data:mobileLinkUrl" shape="rect">
<data:mobileLinkMsg />
</a>
</div>
</b:if>
</div>
<div class="clear" />
</b:includable>
- <b:includable id="shareButtons" var="post">
- <b:if cond="data:top.showEmailButton">
- <a class="goog-inline-block share-button sb-email" expr:href="data:post.sharePostUrl + "&target=email"" expr:title="data:top.emailThisMsg" target="_blank" shape="rect">
- <span class="share-button-link-text">
<data:top.emailThisMsg />
</span>
</a>
</b:if>
- <b:if cond="data:top.showBlogThisButton">
- <a class="goog-inline-block share-button sb-blog" expr:href="data:post.sharePostUrl + "&target=blog"" expr:onclick=""window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"" expr:title="data:top.blogThisMsg" target="_blank" shape="rect">
- <span class="share-button-link-text">
<data:top.blogThisMsg />
</span>
</a>
</b:if>
- <b:if cond="data:top.showTwitterButton">
- <a class="goog-inline-block share-button sb-twitter" expr:href="data:post.sharePostUrl + "&target=twitter"" expr:title="data:top.shareToTwitterMsg" target="_blank" shape="rect">
- <span class="share-button-link-text">
<data:top.shareToTwitterMsg />
</span>
</a>
</b:if>
- <b:if cond="data:top.showFacebookButton">
- <a class="goog-inline-block share-button sb-facebook" expr:href="data:post.sharePostUrl + "&target=facebook"" expr:onclick=""window.open(this.href, \"_blank\", \"height=430,width=620\"); return false;"" expr:title="data:top.shareToFacebookMsg" target="_blank" shape="rect">
- <span class="share-button-link-text">
<data:top.shareToFacebookMsg />
</span>
</a>
</b:if>
- <b:if cond="data:top.showOrkutButton">
- <a class="goog-inline-block share-button sb-orkut" expr:href="data:post.sharePostUrl + "&target=orkut"" expr:title="data:top.shareToOrkutMsg" target="_blank" shape="rect">
- <span class="share-button-link-text">
<data:top.shareToOrkutMsg />
</span>
</a>
</b:if>
- <b:if cond="data:top.showDummy">
- <div class="goog-inline-block dummy-container">
<data:post.dummyTag />
</div>
</b:if>
</b:includable>
- <b:includable id="threaded_comment_js" var="post">
<script defer="defer" expr:src="data:post.commentSrc" type="text/javascript" xml:space="preserve" />
- <script type="text/javascript" xml:space="preserve">
(function() { var items =
<data:post.commentJso />
; 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;
}
}
}
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);
}
};
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)) {
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);
}
})();
//
]]>
</script>
</b:includable>
- <b:includable id="backlinks" var="post">
<a name="links" shape="rect" />
- <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"> </span>
- <a expr:href="data:backlink.url" rel="nofollow" shape="rect">
<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>
<The XML page cannot be displayed
Cannot view XML input using XSL style sheet. Please correct the error and then click the Refresh button, or try again later.


--------------------------------------------------------------------------------

Multiple colons are not allowed in a name. Error processing resource 'file:///C:/Documents and Settings/abdullah/My Documen...

<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
-----------------------------------------------^
;/dl>
</b:if>
- <p class="comment-footer">
- <a class="comment-link" expr:href="data:post.createLinkUrl" expr:id="data:widget.instanceId + "_backlinks-create-link"" target="_blank" shape="rect">
<data:post.createLinkLabel />
</a>
</p>
</b:includable>


User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Jul 3 2012, 07:46 AM
Post #3


Programming Fanatic
********

Group: Members
Posts: 4,371
Joined: 23-August 06
From: Europe
Member No.: 9



We prefer that you post the URL address of the page, as the posted code isn't straight HTML, but needs to be parsed by Blogger.

You didn't explain what the problem is, but I suppose you want the navigation menu left-aligned with the rest of the page. Is that correct?


--------------------
"The earth does not belong to us. We belong to the earth."
from Vue du ciel (in French)

"Leave scepticism to others and take action"
from HOME by Goodplanet

An inconvenient truth by Al Gore
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Fatima
post Jul 4 2012, 11:56 AM
Post #4





Group: Members
Posts: 3
Joined: 3-July 12
Member No.: 17,370



Hey thanks.. but i got it sorted. .. =) .. and i actualy wanted to alter the menu bar according to my will... =) allignment was alright ..
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 21st September 2014 - 07:07 PM