Pls help --> How to upload template images

[putriDanea]

salam semua warga CG,

aku nak try tkr template blog aku tp aku ada tak reti & tak phm camner nak upload template images.

Ini link DEMO: http://maggo-blogger-template.blogspot.com/


dia ada bg arahan spt di bwh ni. Tp aku wat tak jadi pun.

1. You must create a hosting image account such as http://photobucket.com
2. Upload all images to your photobucket account
3. Press Ctrl+F to find and replace all http://your-link-here with uploaded image links

 

[putriDanea]

Kat bwh ni script template tu. Ada sesape leh tlg aku tang mana yg aku patut tkr senarnya?

<?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>
<b:skin><![CDATA[/*
-----------------------------------------------
Theme Name: Maggo
Theme URI: http://www.wpthemedesigner.com
Version: 1.0
Author: ChiQ Montes

Converted to blogger template by Themelib.com
Theme URI : http://themelib.com/2008/07/maggo-magazine-blogger-template/
Author URI: http://www.themelib.com/
----------------------------------------------- */

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

#blog-pager-newer-link{padding-left:20px;float:left}
#blog-pager-older-link{padding-right:20px;float:right}
#blog-pager{text-align:center}

* {margin:0; padding:0;}
body { background:#FFFFFF url(http://your-link-here/bg.gif) repeat-x; color:#808080; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

a {color:#296dc0; text-decoration:none;}
a:hover {color:#1a57a1;}
a img {border:none;}
.c {clear:both;}

 

[putriDanea]

continue dr script atas

#menu_wrap { height:35px; width:100%;}
#menu {width:960px; margin:0 auto;}
#menu ul { list-style-type:none;}
#menu li { float:left; text-align:center; padding:10px 20px 0 0; font-weight:bold;}
#menu li a {color:#FFFFFF;}
#menu li:hover a {color:#e7fbff;}

#header_wrap { width:100%; height:117px; border-bottom:1px solid #e1e1e1;}
#header { height:113px; width:960px; margin:0 auto; position:relative;}
#header h1 {position:absolute; top:25px; left:18px; font-size:30px;}
#header h1 a { color:#aadae5;}
#header h2 {position:absolute; top:65px; left:18px; font-size:14px; color:#FFFFFF; font-weight:bold;}
.advert { position:absolute; top:25px; right:0px;}

.header-ads {width:470px; height;60px;}

#wrap {width:960px; margin:16px auto 0 auto;}

#main {}
#sidebar_left {float:left; width:160px;}
#content {float:left; width:468px; padding:0 0 0 10px;}
#sidebar_right {float:right; width:312px; }

/*BLOCKS*/
.block { margin:0 0 8px 0;}
.block .header { background:url(http://your-link-here/block_header.gif); border-left:1px solid #d9e3ff; border-right:1px solid #d9e3ff; height:20px; padding:10px 12px 0 12px; }
.block .wrap { margin:1px 0 0 0;}
.block .top, .block .bottom { font-size:2px;}

.block .header h4 { color:#282c34; font-size:14px; font-weight:bold;}
.block .header h5 { color:#282c34; font-size:12px; font-weight:bold; }
.block.left ul, .block.right ul { list-style-type:none;}
.block.left li, .block.right li { padding:0 0 0 11px; margin:11px 0; background:url(http://your-link-here/bullet.gif) left no-repeat;}

 

[putriDanea]

cont. dr script atas

.block.left {width:160px;}
.block.left .top { background:url(http://your-link-here/block_left_top.gif); height:4px;}
.block.left .content { background:url(http://your-link-here/block_left_bg.gif); padding:3px 17px;}
.block.left .bottom { background:url(http://your-link-here/block_left_bottom.gif); height:5px;}

.block.right {width:312px;}
.block.right .top { background:url(http://your-link-here/block_right_top.gif); height:6px;}
.block.right .content { background:url(http://your-link-here/block_right_bg.gif); padding:3px 17px;}
.block.right .bottom { background:url(http://your-link-here/block_right_bottom.gif); height:10px;}

.block.rss_search .content { padding:10px 0 10px 10px;}
.rss_search_bg { background:url(http://your-link-here/rss_search.gif); width:292px; height:88px; position:relative; font-size:11px; }
.rss_search_bg .first { position:absolute; top:5px; left:100px;}
.rss_search_bg .second { position:absolute; top:20px; left:100px;}
.rss_search_bg .s_input { position:absolute; top:56px; left:15px; width:225px; border:none; background:none;}
.rss_search_bg .s_submit { position:absolute; top:55px; left:255px;}

.block.center {width:468px; }
.block.center .top { background:url(http://your-link-here/block_center_top.gif); height:10px;}
.block.center .top_post { background:url(http://your-link-here/block_center_post_top.gif) no-repeat #ebf0ff; padding:5px 8px; font-size:11px; border-left:1px solid #d9e3ff; border-right:1px solid #d9e3ff;}
.block.center .content { background:url(http://your-link-here/block_center_bg.gif); padding:12px 17px 2px 17px;}
.block.center .bottom { background:url(http://your-link-here/block_center_bottom.gif); height:16px;}

.block.center .header .date { float:left; background:url(http://your-link-here/icon_date.gif) no-repeat left center; padding:0 0 0 14px; font-size:11px;}
.block.center .header .comments {float:right; background:url(http://your-link-here/icon_comments.gif) no-repeat left center; padding:0 0 0 14px; font-size:11px;}
.block.center .header .comments a, .block.center .top_post .meta .tags a {color:#808080;}
.block.center .top_post .meta { padding:10px 0 0 0; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.block.center .top_post .meta .author{ float:left; background:url(http://your-link-here/icon_author.gif) no-repeat left center; padding:0 30px 0 14px;}
.block.center .top_post .meta .tags{ float:left; background:url(http://your-link-here/icon_tags.gif) no-repeat left center; padding:0 0 0 14px;}
.block.center .top_post h3 { font-family:Arial, Helvetica, sans-serif; font-size:18px; padding:10px 0 0 0;}

.block.center .content p { text-align:justify; margin-bottom:10px;}
.block.center .content a { text-decoration:underline;}

 

[putriDanea]

continue lagi

.block.center .content blockquote { background:#eef2fe; font-style:italic; padding:5px; margin:5px 10px;}
.block.center .content code { padding:7px; border:1px dotted #e1e1e1; margin:5px 0; display:block;}

.block.center .content ul, .block.center .content ol { margin:0 0 0 35px;}
.block.center .content li { padding:5px 5px; font-style:italic;}

.post {margin:10px 0 20px 0;}
.post h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:24px;}
.post h3 a { font-weight:normal; color:#333333;}
.post .meta { padding:7px 0; font-size:11px;}
.post .meta p { float:left; padding:0 0 0 15px; background:no-repeat left center;}
.post .meta .date { background-image:url(http://your-link-here/icon_post_date.gif); margin:0 40px 0 0;}
.post .meta .comments { background-image:url(http://your-link-here/icon_post_comment.gif);}
.post .meta .author { background-image:url(http://your-link-here/icon_post_author.gif); margin:0 40px 0 0;}
.post .meta .tags { background-image:url(http://your-link-here/icon_post_tag.gif);}
.post .meta .tags a {color:#808080;}
.post .text {padding:5px 20px 5px 3px;}
.post .text p { text-align:justify; margin-bottom:10px;}
.post .text ul, .post .text ol { margin:0 0 0 35px;}
.post .text li { padding:5px 5px;}

.post blockquote, .post code { padding:7px; border:1px dotted #e1e1e1; margin:5px 0; display:block;}
.post code { border-style:solid;}

.a-comment { background:url(http://your-link-here/comments_bg.gif) repeat-x; min-height:111px; _padding-bottom:30px; margin:0 0 20px 0; border-top:1px solid #d9e3ff;}
.a-comment .meta { padding:15px 15px 5px 15px; font-size:11px; color:#282c34; }
.a-comment .author {float:left;}
.a-comment .author a, #comments .comment .author span {font-weight:bold; font-size:12px;}
.a-comment .date {float:right;}
.a-comment .text { font-size:11px; color:#333333; padding:10px 20px;}

#commentform td { padding:7px 0;}
#commentform input { background:#fafafa; border:1px solid #cccccc; color:#666666; padding:4px; width:200px;}
#commentform textarea { background:#fafafa; border:1px solid #cccccc; color:#666666; padding:4px; width:270px; height:135px;}

#footer { background:url(http://your-link-here/block_header.gif); border-left:1px solid #d9e3ff; border-right:1px solid #d9e3ff; height:20px; padding:10px 12px 0 12px; text-align:center; margin:5px 0 15px 0; color:#292c33; }

#footer .left {float:left;padding-left:10px;}
#footer .right {float:right;padding-right:10px;}

 

[putriDanea]

continue dr atas

.sidebar-left h2{ background:url(http://your-link-here/block_header.gif); border-left:1px solid #d9e3ff; border-right:1px solid #d9e3ff; height:20px; padding:10px 12px 0 12px; color:#282c34; font-size:14px; font-weight:bold;}

.sidebar-left .widget-content{ background:url(http://your-link-here/block_left_bg.gif); padding:3px 17px;}

.sidebar-right h2 { background:url(http://your-link-here/block_header.gif); border-left:1px solid #d9e3ff; border-right:1px solid #d9e3ff; height:20px; padding:10px 12px 0 12px; color:#282c34; font-size:14px; font-weight:bold;}

.sidebar-right .widget-content{ background:url(http://your-link-here/block_right_bg.gif); padding:3px 10px;}


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

<body>
<div id='menu_wrap'>
<div id='menu'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://blogger.com'>Blogger</a></li>
<li><a href='http://themelib.com'>ThemeLib</a></li>
</ul>
</div>
</div> <!-- /menu_wrap -->

<div id='header_wrap'>
<div id='header'>
<h1><a expr:href='data:blog.homepageUrl'>Maggo Mag Theme</a></h1>
<h2>Blogger Template by ThemeLib.com</h2>

<b:section class='header-ads' id='header-ads' preferred='yes'>
<b:widget id='HTML3' locked='false' title='Header Ad Banner' type='HTML'>
<b:includable id='main'>
<div class='advert'>
<b:if cond='data:content == ""'>
<script type="text/javascript"><!--
google_ad_client = "pub-8533752257741346";
google_ad_host = "pub-1599271086004685";
/* 468x60, created 7/2/08 */
google_ad_slot = "3464210021";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>

 

[putriDanea]

adehhhh.... pnjg tul. cukup la sekadar ini je.

aku dah upload images kat photobucket. Aku sndiri tak tau nak pilih yg mana satu link kat photobucket tu. kita amik cth:

block_header.gif

Direct Link: http://i496.photobucket.com/albums/rr328/radiusOne_album/block_header.gif

HTML Code: <a href="http://s496.photobucket.com/albums/rr328/radiusOne_album/?action=view&current=block_header.gif" target="_blank"><img src="http://i496.photobucket.com/albums/rr328/radiusOne_album/block_header.gif" border="0" alt="Photobucket"></a>

IMG Code: http://i496.photobucket.com/albums/rr328/radiusOne_album/block_header.gif[/IMG


Leh tak otai2 blog beri tunjuk ajar?
Segala kerjasama anda amat sy hargai & terima kasih. :)

 

[ikscentre]

nk tlg pun.. aku x pnh wat blog..
tp ape2 pun.. nk ltk gmbr.. mmg aku gne photobucket pun..

 

[tmwwtw]

lps login, ko add new album > maggo > save

upload gambar yg dia bagi.

copy direct link

gantikan cth: http://your-link-here/bg.gif kpd direct link gambar yg ko upload td.

ulang ler utk gambar lain. kene ikut ler kalau bg.gif, kene letak kt bg.gif gak

 

[smartho18]

satu info yang cukup baik ,saya dah belajar thanks