Jump to content
Sign in to follow this  
Followers 0
Geekspro

Minta Bantuan : Edit Blog

By Geekspro, in Pembangunan Web

Recommended Posts

Geekspro    0

Geekspro
Posted (edited)
Salam..

Nak minta tolong sesiapa yang pakar mcm mana nak edit html blog supaya dapat pendekkan benda ni =>

[img]http://img199.imageshack.us/img199/7192/barkqa.png[/img]

supaya ia tidak melebihi garisan merah seperti gambar di bawah?

[center][img]http://img153.imageshack.us/img153/7881/tsif674x92.jpg[/img][/center]

[code]<?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'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<link href='http://hembusan.googlepages.com/taglabel.png' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Denim
Designer: Darren Delaye
URL: www.DarrenDelaye.com
Date: 11 Jul 2006
-----------------------------------------------
*/
/* Variable definitions
====================
<Variable name="bgColor" description="Page Background Color"
type="color" default="#efefef" value="#efefef">
<Variable name="textColor" description="Text Color"
type="color" default="#333333" value="#333333">
<Variable name="linkColor" description="Link Color"
type="color" default="#336699" value="#336699">
<Variable name="headerBgColor" description="Page Header Background Color"
type="color" default="#336699" value="#336699">
<Variable name="headerTextColor" description="Page Header Text Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="headerCornersColor" description="Page Header Corners Color"
type="color" default="#528bc5" value="#528bc5">
<Variable name="mainBgColor" description="Main Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="borderColor" description="Border Color"
type="color" default="#cccccc" value="#cccccc">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#999999" value="#999999">
<Variable name="sidebarTitleBgColor" description="Sidebar Title Background Color"
type="color" default="#ffd595" value="#ffd595">
<Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color"
type="color" default="#333333" value="#333333">
<Variable name="bodyFont" description="Text Font"
type="font" default="normal normal 100% Verdana, Arial, Sans-serif;" value="normal normal 100% Verdana, Arial, Sans-serif;">
<Variable name="headerFont" description="Page Header Font"
type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="normal normal 210% Verdana, Arial, Sans-serif;">
<Variable name="startSide" description="Start side in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="End side in blog language"
type="automatic" default="right" value="right">
*/
body {
background: url(http://i1004.photobucket.com/albums/af165/mohdrahmat/title.jpg);
margin: 0;
padding: 0px;
font: x-small Verdana, Arial;
text-align: center;
color: #333333;
font-size/* */:/**/small;
font-size: /**/small;
}
a:link {
color: #336699;
}
a:visited {
color: #336699;
}
a img {
border-width: 0;
}
#outer-wrapper {
font: normal normal 100% Verdana, sans-serif;
}
/* Header
----------------------------------------------- */
#header-wrapper {
margin:0;
padding: 0;
background: url(http://i1004.photobucket.com/albums/af165/mohdrahmat/title.jpg);
text-align: left;
}
#header {
width: 940px;
margin: 0 auto;
background-color: #000000;
border: 1px solid #000000;
color: #ffffff;
padding: 0;
font: normal normal 210% Verdana, Arial, Sans-serif;;
}
h1.title {
padding-top: 38px;
margin: 0 14px .1em;
line-height: 1.2em;
font-size: 100%;
}
h1.title a, h1.title a:visited {
color: #ffffff;
text-decoration: none;
}
#header .description {
display: block;
margin: 0 14px;
padding: 0 0 40px;
line-height: 1.4em;
font-size: 50%;
}
.bevelmenu{
font: 13px verdana;
padding: 8px 0;
margin: 0;
width: 100%;
background: url(http://i1004.photobucket.com/albums/af165/mohdrahmat/default.jpg);
text-align: left; /*set value to "right" for example to align menu to the right of page*/
}
.bevelmenu li{
list-style: none;
display: inline;
}
.bevelmenu li a{
padding: 5.5px 1em;
text-decoration: none;
color: white;
}
.bevelmenu li a:hover{
background: url(http://i1004.photobucket.com/albums/af165/mohdrahmat/active.gif);
color: white;
}
/* Content
----------------------------------------------- */
.clear {
clear: both;
}
#content-wrapper {
width: 940px;
margin: 0 auto;
padding: 0 0 15px;
text-align: left;
background-color: #ffffff;
border: 1px solid #000000;
border-top: 0;
}
#main-wrapper {
margin-left: 19px;
width: 585px;
float: left;
background-color: #ffffff;
display: inline; /* fix for doubling margin in IE */
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-wrapper {
margin-right: 17px;
width: 300px;
float: right;
background-color: #ffffff;
display: inline; /* fix for doubling margin in IE */
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 */
}
/* Headings
----------------------------------------------- */
h2, h3 {
margin: 0;
}
/* Posts
----------------------------------------------- */
.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: #808080;
font-size: 100%;
}
.post {
margin: 0 0 1.5em;
padding-bottom: 1.5em;
}
.post-title {
margin: 0;
padding: 0;
font-size: 125%;
font-weight: bold;
line-height: 1.1em;
}
.post-title a, .post-title a:visited, .post-title strong {
text-decoration: none;
color: #333333;
font-weight: bold;
}
.post div {
margin: 0 0 .75em;
line-height: 1.3em;
}
.post-footer {
margin: -.25em 0 0;
color: #333333;
font-size: 87%;
border-top: 1px solid #aeaea9;
border-bottom: 1px solid #aeaea9;
border-left: 5px solid #f7f7f2;
border-right: 5px solid #f7f7f2;
}
.post-footer .span {
margin-right: .3em;
}
.post img {
padding: 4px;
border: 1px solid #000000;
}
.post blockquote {
margin: 1em 20px;
}
.post blockquote p {
margin: .75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin: 1em 0;
color: #808080;
}
#comments h4 strong {
font-size: 110%;
}
#comments-block {
margin: 1em 0 1.5em;
line-height: 1.3em;
}
#comments-block dt {
margin: .5em 0;
}
#comments-block dd {
margin: .25em 0 0;
}
#comments-block dd.comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
font-size: 78%;
}
#comments-block dd p {
margin: 0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.feed-links {
display: none;
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar h2 {
margin: 1.6em 0 .5em;
padding: 4px 5px;
background-color: #191919;
font-size: 80%;
color: #e6e6e6;
}
.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar li {
margin: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: .5em;
padding-left: 15px;
text-indent: -15px;
line-height: 1.5em;
}
.sidebar {
color: #333333;
line-height:1.3em;
}
.sidebar .widget {
margin-bottom: 1em;
}
.sidebar .widget-content {
margin: 0 5px;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin-top: 0;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0;
padding: 4px;
border: 1px solid #000000;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font-weight: bold;
line-height: 1.6em;
font-size: 78%;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
/* Footer

----------------------------------------------- */
#footer {
clear: both;
text-align: center;
color: #333333;
}
#footer .widget {
margin:.5em;
padding-top: 20px;
font-size: 85%;
line-height: 1.5em;
text-align: left;
}

}
]]></b:skin>
</head>

<body>
<div id='outer-wrapper'><div id='wrap2'>

<!-- 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='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='TSIF (Header)' type='Header'/>
</b:section>
</div>

<ul class='bevelmenu'>
<li><a href='http://tintadaie.blogspot.com/2008/11/penulis.html'>BLOGMASTER</a></li>
<li><a href='http://tintadaie.blogspot.com/2008/11/perhatian.html'>DOWNLOAD</a></li>
<li><a href='http://tintadaie.blogspot.com/2008/11/link-pilihan.html'>LINK PILIHAN</a></li>
<li><a href='http://tintadaie.blogspot.com/2008/11/soalan-soalan-lazim.html'>FAQ</a></li>
<li><a href='http://tintadaie.blogspot.com/2008/11/hubungi-penulis.html'>HUBUNGI</a></li>
</ul>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

<center><div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Image1' locked='false' title='LANGGAN TINTADAIE' type='Image'/>
<b:widget id='Text1' locked='false' title='AL-HIKAM' type='Text'/>
<b:widget id='Feed1' locked='false' title='Recent Post' type='Feed'/>
<b:widget id='Followers1' locked='false' title='PENGIKUT BLOG INI' type='Followers'/>
<b:widget id='HTML3' locked='false' title='CHAT@TINTADAI&apos;E' type='HTML'/>
<b:widget id='Label1' locked='false' title='KATEGORI ARTIKEL' type='Label'/>
<b:widget id='BlogArchive1' locked='false' title='POSTING TERBARU' type='BlogArchive'/>
<b:widget id='Image2' locked='false' title='SAVE PALESTIN' type='Image'/>
<b:widget id='LinkList1' locked='false' title='LINK PILIHAN' type='LinkList'/>
<b:widget id='BloggerButton1' locked='false' title='' type='BloggerButton'/>
</b:section>
</div></center>

<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>

</div> <!-- end content-wrapper -->

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div></div> <!-- end outer-wrapper -->
</body>
</html>
[/code] Edited by Geekspro

Share this post

Link to post
Share on other sites

slier    28

slier
Posted
currently kod ko mcm ni


[code]<ul class="bevelmenu">
<div id="content-wrapper">


try ubah ke

<div id="content-wrapper">
<ul class="bevelmenu">
[/code]

Share this post

Link to post
Share on other sites

Geekspro    0

Geekspro
Posted
Ape yg kena tukar bro?kedudukan code tu ke?
nampak sama je.

ni contoh blog yg dah edit template tu =>http://www.mohdrahmat.com

Share this post

Link to post
Share on other sites

slier    28

slier
Posted
tukar kedudukan dia

ko amik
[code]
<ul class="bevelmenu">
....
</ul>

and ko letak bawah kod

<div id="content-wrapper">[/code]

Share this post

Link to post
Share on other sites

Geekspro    0

Geekspro
Posted
[img]http://img684.imageshack.us/img684/381/79475454.png[/img]

Bila aku tukar mcm kedudukan kat atas ni keluar error mcm ni :

[code]Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "div" must be terminated by the matching end-tag "[/code]

Share this post

Link to post
Share on other sites

slier    28

slier
Posted (edited)
ko letak yg ni saja ke?

[code]<ul class="bevelmenu">[/code]

grab complete code le

kan aku letak mcm ni

[code]

<ul class="bevelmenu">
...
</ul>
[/code]

... <--donate all of its children Edited by slier

Share this post

Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  
Followers 0
Go To Topic Listing
×
×
  • Create New...