Welcome Guest ( Log In | Register )

Bump Topic Add Reply RSS Feed

Outline · [ Standard ] · Linear+

 how to?

views
     
TShakim™
post Dec 13 2008, 12:52 PM, updated 17y ago

Getting Started
**
Junior Member
129 posts

Joined: Nov 2008
From: Kuala Lumpur,Malaysia
hello all,
i want to ask one question..

how to make icon like the picture below...
(at the eft or the url)
l


Attached thumbnail(s)
Attached Image
khairolnizam
post Dec 13 2008, 01:39 PM

ouh.. ok..
******
Senior Member
1,153 posts

Joined: May 2006
From: Boleh Land !!!
the icon is called favicon..

here's a good guide
http://www.bloggerbuster.com/2008/11/fixin...or-blogger.html
frostfox
post Dec 13 2008, 01:50 PM

the end is near
******
Senior Member
1,601 posts

Joined: Jan 2008
create a favicon and name it favicon.ico then put it at the root of your public_html. it will auto appear.
TShakim™
post Dec 13 2008, 02:08 PM

Getting Started
**
Junior Member
129 posts

Joined: Nov 2008
From: Kuala Lumpur,Malaysia
i am using blogger,after i create a favicon,then where should i place???
i am really don't understand...

Added on December 13, 2008, 2:27 pmthanks,now i got it,

thanks very much..

view»»www.hakironce.blogspot.com

Added on December 13, 2008, 2:35 pmi have one more question,how to edit the background image of may blog????

which HTML should i edit cause there are many background,how to change it???

This post has been edited by hakim™: Dec 13 2008, 02:35 PM
frostfox
post Dec 13 2008, 05:03 PM

the end is near
******
Senior Member
1,601 posts

Joined: Jan 2008
in ur css file
TShakim™
post Dec 13 2008, 05:12 PM

Getting Started
**
Junior Member
129 posts

Joined: Nov 2008
From: Kuala Lumpur,Malaysia
QUOTE(frostfox @ Dec 13 2008, 05:03 PM)
in ur css file
*
yes but which one,there ate many write background.....
khairolnizam
post Dec 13 2008, 05:15 PM

ouh.. ok..
******
Senior Member
1,153 posts

Joined: May 2006
From: Boleh Land !!!
paste your blogspot xml file here.. that will help
TShakim™
post Dec 13 2008, 09:15 PM

Getting Started
**
Junior Member
129 posts

Joined: Nov 2008
From: Kuala Lumpur,Malaysia
here it's

<?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 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>
<b:skin><![CDATA[/*

/*
Theme Name: Modernpaper
Theme URL: http://themes.performancing.com
Description: Modernpaper 1.0 is a modern theme created for Wordpress.
Author: Performancing
Author URI: http://performancing.com
Version: 1.0

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

Changelog:
v1.0 - 04.13.07
First Release of Modernpaper 1.0

Ported to Blogger by Temlplate-Godown
See more ported template at http://template-godown.blogspot.com

<= Please keep all credit link intact =>
*/

#outer-wrapper {
}

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

body {
background: #FFFFFF; url ('http://s.lowyat.net/style_images/1/background-kismas.gif');
color: #000000;
font-size: 12px;
font-family: Arial, Helvetica, Sans-Serif;
margin: 0px auto 0px;
padding: 0px;
}

#wrap {
background: #FFFFFF;url ('http://s.lowyat.net/style_images/1/background-kismas.gif');
width: 960px;
margin: 0px auto 0px;
padding: 0px;
}

/************************************************
* Hyperlinks *
************************************************/

a, a:visited {
color: #0066CC;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

/************************************************
* Header *
************************************************/

#header {
background: #000000;
width: 960px;
height: 100px;
margin: 0px auto 0px;
padding: 0px;
}

#header a, #header a:visited, h1.title {
font-family: Times New Roman, Helvetica, Sans-Serif;
font-size: 48px;
color: #3399FF;
text-decoration: none;
padding: 0px;
margin: 0px;
}

#header a:hover {
color: #FA9C3A;
text-decoration: none;
}

.descriptionwrapper {
display:none;
}

.headerleft {
background: #000000 url ('http://s.lowyat.net/style_images/1/background-kismas.gif');
width: 840px;
float: left;
margin: 0px;
padding: 20px 0px 0px 10px;
}

.headerright {
background: #000000 url('http://3.bp.blogspot.com/_h2Z5-se9eC4/SSO1BBIVRjI/AAAAAAAAA1s/3vr48vcxoR8/s1600/feed.gif');
width: 84px;
height: 100px;
float: right;
}

#headerright li {
display: inline;
list-style-type: none;
margin: 0px;
padding: 0px;
}

#headerright ul {
margin: 0px;
padding: 0px;
}

#headerright a, #navbarright a:visited {
color: #FFFFFF;
font-weight: bold;
margin: 0px;
padding: 6px 10px 6px 10px;
text-decoration: none;
}

#headerright a:hover {
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
}

/************************************************
* Menubar *
************************************************/

#menubar {
background: #000000 url('http://2.bp.blogspot.com/_h2Z5-se9eC4/SSO1BL0Q7zI/AAAAAAAAA10/ILArwJbzfs0/s1600/navbar.gif');
width: 960px;
height: 30px;
color: #FFFFFF;
margin: 0px auto 0px;
padding: 0px;
}

.menubarleft {
width: 440px;
float: left;
font-family: Times New Roman, Helvetica, Sans-Serif;
font-size: 14px;
font-weight: bold;
margin: 0px;
padding: 6px 0px 0px 10px;
}

.menubarright {
width: 500px;
float: right;
text-align: right;
margin: 0px;
padding: 8px 0px 0px 0px;
}

.menubarright li {
display: inline;
list-style-type: none;
margin: 0px;
padding: 0px;
}

.menubarright ul {
margin: 0px;
padding: 0px 0px 0px 0px;
}

.menubarright ul li a {
font-family: Times New Roman, Helvetica, Sans-Serif;
font-size: 14px;
color: #FFFFFF;
padding: 0px;
margin: 0px 10px 0px 10px;
text-decoration: none;
}

.menubarright ul li a:hover {
color: #3399FF;
text-decoration: none;
}

/************************************************
* Content *
************************************************/
#main-wrapper {overflow:hidden;}

.clear {clear:both;}

#blog-pager-newer-link {float: left;}

#blog-pager-older-link {float: right;}

#blog-pager {text-align: center; }

#content-wrapper {
width: 960px;
margin: 0px auto 0px;
padding: 0px;
}

#content-wrapper p{
padding: 0px 0px 15px 0px;
margin: 0px;
line-height: 20px;
}

#content-wrapper h1 {
color: #333333;
font-size: 26px;
font-family: Times New Roman, Helvetica, Sans-Serif;
font-weight: normal;
margin: 25px 0px 0px 0px;
padding: 20px 0px 10px 0px;
border-top: 2px solid #000000;
}

#content-wrapper h1 a {
color: #000000;
text-decoration: none;
}

#content-wrapper h1 a:hover {
color: #FA9C3A;
text-decoration: none;
}

#content-wrapper p img{
float: left;
border: none;
margin-right: 15px;
margin-bottom: 10px;
}

#content-wrapper h2 {
color: #333333;
font-size: 14px;
font-family: Times New Roman, Helvetica, Sans-Serif;
font-weight: bold;
padding: 5px 0px 5px 0px;
margin: 0px;
border-bottom: 1px dotted #C0C0C0;
}

h2.date-header {
color: #333333;
font-size: 14px;
font-family: Times New Roman, Helvetica, Sans-Serif;
font-weight: bold;
margin-top: 25px;
padding: 20px 0px 10px 0px;
border-top: 2px solid #000000;
}

#main-wrapper {
float: left;
width: 470px;
margin: 25px 0px 0px 0px;
padding: 0px 0px 20px 0px;
}

#main-wrapper ol{
margin: 0px 0px 0px 20px;
padding: 0px 0px 10px 0px;
}

#main-wrapper ol li{
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
}

#main-wrapper ul{
list-style-type: square;
margin: 0px 0px 0px 20px;
padding: 0px 0px 10px 0px;
}

#main-wrapper ul li{
list-style-type: square;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
}

.post-title {
color: #333333;
font-size: 22px;
font-family: Times New Roman, Helvetica, Sans-Serif;
font-weight: normal;
margin: 8px 0px 10px 0px;
padding: 2px 0px 3px 0px;

}

#post-title a {
color: #000000;
text-decoration: none;
}

#post-title a:hover {
color: #FA9C3A;
text-decoration: none;
}

blockquote{
margin: 0px 25px 10px 25px;
padding: 0px 25px 0px 10px;
background: #E8E8E8;
border-top: 2px solid #000000;
border-bottom: 1px solid #000000;
}

#content blockquote p{
margin: 0px 0px 10px 0px;
padding: 10px 0px 0px 0px;
}

.post-body {
}

.post-footer {
}

/************************************************
* Left Sidebar *
************************************************/

#sidebar-wrapper {
width:485px;
float:right;
}

.widget-content {
}

.sidebar .widget {
margin-bottom: 3em;
padding: 0;
background: none;
}

#l_sidebar {
float: left;
width: 225px;
margin: 25px 0px 0px 15px;
*/ width: 220px;
*/ margin: 25px 5px 0 15px;
padding: 0px 0px 20px 0px;
border-top: 2px solid #000000;
}

#le {
}

#l_sidebar ul {
list-style: none;
margin: 0px;
padding: 0px;
}

#l_sidebar ul li {
display: inline;
padding: 0px;
margin: 0px;
}

#l_sidebar ul li a {
display: block;
color: #000000;
text-decoration: none;
margin: 0px;
padding: 5px 0px 5px 0px;
border-bottom: 1px dotted #C0C0C0;
}

#l_sidebar ul li a:hover {
background: #EFEFEF;
color: #0066CC;
}

#l_sidebar p{
padding: 3px 0px 0px 0px;
margin: 0px;
line-height: 20px;
}

/************************************************
* Right Sidebar *
************************************************/

#r_sidebar {
float: right;
width: 225px;
margin: 25px 0px 0px 0px;
*/ width: 220px;
*/ margin: 25px 0 0 10px;
padding: 0px 0px 20px 0px;
border-top: 2px solid #000000;
}

#ri {
}

#r_sidebar ul {
list-style: none;
margin: 0px;
padding: 0px;
}

#r_sidebar ul li {
display: inline;
padding: 0px;
margin: 0px;
}

#r_sidebar ul li a {
display: block;
color: #000000;
text-decoration: none;
margin: 0px;
padding: 5px 0px 5px 0px;
border-bottom: 1px dotted #C0C0C0;
}

#r_sidebar ul li a:hover {
background: #EFEFEF;
color: #0066CC;
}

#r_sidebar p{
padding: 3px 0px 0px 0px;
margin: 0px;
line-height: 20px;
}

/************************************************
* Footer *
************************************************/

#footer {
background: #404040;
width: 960px;
color: #FFFFFF;
font-family: Times New Roman, Helvetica, Sans-Serif;
font-size: 14px;
margin: 0px auto 0px;
padding: 10px 0px 10px 0px;
text-align: center;
}

#footer a, #footer a:visited {
color: #C0C0C0;
text-decoration: underline;
}

#footer a:hover {
color: #FFFFFF;
text-decoration: underline;
}

/************************************************
* Search Form *
************************************************/

#searchdiv {
margin: 0px;
padding 0px;
}

#searchform {
margin: 0px;
padding: 0px;
overflow: hidden;
}

#s {
background: #EFEFEF;
width: 200px;
font-size: 12px;
font-family: Arial, Helvetica, Sans-Serif;
padding: 4px;
margin: 8px 0px 0px 0px;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-right: 1px solid #F5F5F5;
border-bottom: 1px solid #F5F5F5;
}

/************************************************
* Comments *
************************************************/

#comment {
width: 430px;
background: #E8E8E8;
color: #000000;
float: left;
padding: 20px 20px 10px 20px;
margin: 10px 0px 0px 0px;
border-top: 2px solid #000000;
border-bottom: 1px solid #000000;
}

#comment dl{
list-style-type: square;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}

.comment-date {
font-size: 12px;
padding-left: 0px;
}

#commentlist li p{
margin-bottom: 8px;
line-height: 20px;
padding: 0px;
}

.commen-author {
color: #333333;
margin: 0px;
padding: 5px 5px 5px 0px;
}

.commentinfo{
clear: both;
}

.comment-body {
clear: both;
margin: 3px 0px 10px 0px;
padding: 20px 10px 5px 10px;
width: 380px;
background: #FFFFFF url('http://users2.titanichost.com/tukanggudang/mpaper/comment.gif') no-repeat top;
}


p.comments_link img{
margin: 0px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

]]></b:skin>
<link href='http://s267.photobucket.com/albums/ii300/hakiko2008/th_Untitled3-1.jpg' rel='shortcut icon'/> <link href='http://s267.photobucket.com/albums/ii300/hakiko2008/th_Untitled3-1.jpg' rel='icon'/>
</head>
<body>
<div id='outer-wrapper'><div id='wrap2'>

[bad html removed] links para navegadores de texto -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>ir a principal </a> |
<a href='#sidebar'>Ir a lateral</a>
</span>
<div id='header'>

<b:section class='headerleft' id='headerleft' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='hAkironce.NET (Header)' type='Header'/>
</b:section>

<div class='headerright' onclick='location.href=&quot;/feeds/posts/default&quot;;' style='cursor: pointer;'>
</div>

</div>

<div id='menubar'>

<div class='menubarleft'>
Malaysia Blogging Arena And Technology Development
</div>

<div class='menubarright'>
<ul>
<li id='current'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments RSS</a></li>

<li><a href='http://www.hakironceforum.aforumfree.com'>Forum</a></li>
</ul>
</div>

</div>


<div id='content-wrapper'>

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

<div style='clear:both;'/>

</div>

[bad html removed] begin l_sidebar -->
<div id='sidebar-wrapper'>
<div id='l_sidebar'>
<b:section class='le' id='le' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Sponsor Ads' type='HTML'/>
</b:section>
</div>


[bad html removed] end l_sidebar -->

[bad html removed] begin r_sidebar -->

<div id='r_sidebar'>
<b:section class='ri' id='ri' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
</b:section>
</div>

</div>

</div>
</div>
[bad html removed] end r_sidebar -->
</div>

[bad html removed] The main column ends -->

[bad html removed] begin footer -->

<div style='clear:both;'/>
<div style='clear:both;'/>

<div id='footer'>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> is using <a href='http://themes.performancing.com'>Modernpaper</a> a wordpress theme created by <a href='http://performancing.com'>Performancing</a> | Ported to <a href='http://blogger.com'>Blogger</a> by <a href='http://template-godown.blogspot.com'>Template-Godown</a>
</div>

</body>
</html>
moff17
post Dec 13 2008, 09:29 PM

Getting Started
**
Junior Member
105 posts

Joined: May 2008
this favicon.

to make it simple, you can use favicon generator
TShakim™
post Dec 13 2008, 09:33 PM

Getting Started
**
Junior Member
129 posts

Joined: Nov 2008
From: Kuala Lumpur,Malaysia
QUOTE(moff17 @ Dec 13 2008, 09:29 PM)
this favicon.

to make it simple, you can use favicon generator
*
now it's not about the favicon,it's about how to edit my blog page background!!!!!!!!!!
frostfox
post Dec 13 2008, 10:33 PM

the end is near
******
Senior Member
1,601 posts

Joined: Jan 2008
body background
khairolnizam
post Dec 13 2008, 11:16 PM

ouh.. ok..
******
Senior Member
1,153 posts

Joined: May 2006
From: Boleh Land !!!
you got it wrong at the bolded line
error in red colour
QUOTE
body {
background: #FFFFFF; url ('http://s.lowyat.net/style_images/1/background-kismas.gif');
color: #000000;
font-size: 12px;
font-family: Arial, Helvetica, Sans-Serif;
margin: 0px auto 0px;
padding: 0px;
}

#wrap {
background: #FFFFFF;url ('http://s.lowyat.net/style_images/1/background-kismas.gif');
width: 960px;
margin: 0px auto 0px;
padding: 0px;
}
should be

QUOTE
body {
background: #FFFFFF url('http://s.lowyat.net/style_images/1/background-kismas.gif');
color: #000000;
font-size: 12px;
font-family: Arial, Helvetica, Sans-Serif;
margin: 0px auto 0px;
padding: 0px;
}

#wrap {
background: #FFFFFF url('http://s.lowyat.net/style_images/1/background-kismas.gif');
width: 960px;
margin: 0px auto 0px;
padding: 0px;
}
Added on December 13, 2008, 11:18 pmthe semicolon ";" should not be there..

and there should not be space betweet "url" and "("

This post has been edited by khairolnizam: Dec 13 2008, 11:18 PM
TShakim™
post Dec 14 2008, 11:08 AM

Getting Started
**
Junior Member
129 posts

Joined: Nov 2008
From: Kuala Lumpur,Malaysia
thankx khairolnizam...
clementcpteh
post Dec 14 2008, 12:59 PM

Find the business that's right for you.
*******
Senior Member
2,439 posts

Joined: Jan 2008

Hi do you know asking web hosting place this small thing, will cost you RM50. When you order any design package everything will have include., after pay they will count one by one for service. hahahhahah
TShakim™
post Dec 14 2008, 03:51 PM

Getting Started
**
Junior Member
129 posts

Joined: Nov 2008
From: Kuala Lumpur,Malaysia
how to create ads like this ads.
(I mean the style-put the three ads on one row..)
and where i should put it at edit HTML at blogger???
-teach me with the same html codes that i already post-



Attached thumbnail(s)
Attached Image
kripkorn
post Dec 14 2008, 04:46 PM

On my way
****
Senior Member
512 posts

Joined: Nov 2006
QUOTE(hakim™ @ Dec 14 2008, 03:51 PM)
how to create ads like this ads.
(I mean the style-put the three ads on one row..)
and where i should put it at edit HTML at blogger???
-teach me with the same html codes that i already post-
*
3 choices

1. table = eaiser one but not suitable if using strict XHTML
2. div = hard to use if u dont know anyhing about css
3. ul = moderate.
TShakim™
post Dec 15 2008, 09:04 PM

Getting Started
**
Junior Member
129 posts

Joined: Nov 2008
From: Kuala Lumpur,Malaysia
can anyone give some template with 3 columns that is simple,has header and cool..

Added on December 16, 2008, 2:49 pmhello bro,i want to ask,when i make block quote at blogger,it say Your HTML cannot be accepted: Tag is not allowed: <link href='http://imagehost.com/yourfavicon.ico' rel='shortcut icon'/>.Why

the blockquote


<blockquote><link href='http://imagehost.com/yourfavicon.ico' rel='shortcut icon'/> <link href='http://imagehost.com/yourfavicon.ico' rel='icon'/>
</blockquote>

This post has been edited by hakim™: Dec 16 2008, 02:49 PM
TShakim™
post Mar 16 2009, 08:11 PM

Getting Started
**
Junior Member
129 posts

Joined: Nov 2008
From: Kuala Lumpur,Malaysia
I have another question:

how to change from:-
Attached Image

to

Attached Image

my css
» Click to show Spoiler - click again to hide... «
SUSstanly007
post Mar 16 2009, 08:34 PM

Getting Started
**
Junior Member
100 posts

Joined: Dec 2008
Lol...

Hakim.... might as well you give us your source files and pay us some "kopi" duit... and we do for you. smile.gif
« Next Oldest · Content Creators, Blogmasters & Webmasters · Next Newest »
 

Add ReplyOptions
 

Change to:
| Lo-Fi Version
 0.0258sec    0.34    6 queries    GZIP Disabled
Time is now: 11th December 2025 - 05:52 AM
All Rights Reserved © 2002- 2025 Vijandren Ramadass (~unite against racism~)
Removal Request
Powered by Invision Power Board © 2025  IPS, Inc.