Cari dan edit kode berikut ini :
<!-- menu header kanan --><div id='right-menu'><ul class='menu-utility'><li class='1'><a href='#'>About</a></li><li class='2'><a href='#'>Ask Tim</a></li><li class='3'><a href='#'>Press</a></li><li class='4'><a href='#'>Advertise</a></li></ul></div>
2). Cara Mengubah Header Image
Header image di upload / di ganti melalui link edit pada header element di blogger dashboard.
Ukuran gambar header ini kira-kira 351px x 87px
3). Cara Mengubah Menu Utama / Menu Horizontal dengan Icon Gambar
<!-- Menu Utama --><div id='navcontainer'>
<div class='navigation-container'>
<ul class='menu'>
<li id='1'><a class='video' href='/search/label/pacar'>Videos</a></li>
<li id='2'><a class='review' href='/search/label/binatang'>Tool Reviews</a></li>
<li id='3'><a class='project' href='/search/label/aneh'>Projects</a></li>
<li id='4'><a class='qa' href='/search/label/cium'>Q & A</a></li>
<li id='5'><a class='tip' href='/search/label/unik'>Tips</a></li>
<li id='6'><a class='ba' href='/search/label/pacar'>Before & Afters</a></li>
<li id='7'><a class='checklist' href='/search/unik/pacar'>Checklists</a></li>
<li id='8'><a class='at' href='/search/label/binatang'>Ask Tim</a></li>
</ul>
</div>
</div>
4). Cara Mengubah Konten Video, Text dsb yg Muncul di Hompage
<!-- Content Homepage Start -->
<h1 class='subHead'><span>ASK THE BUILDER OVERVIEW VIDEO /</span></h1>
<div style='clear:both;'/>
<iframe frameborder='0' height='315' src='http://www.youtube.com/embed/RAB-lLxBUI4' width='560'/>
<div style='clear:both;'/>
<h1 class='subHead'><span>SUBSCRIBE /</span></h1>
<div style='clear:both;'/>
<p>Ask the Builder is a <b>FREE weekly newsletter</b> that offers building information you can trust from award-
winning builder and nationally syndicated columnist Tim Carter. Each week you'll receive:</p>
<ul>
<li>DIY Tips</li>
<li>tool reviews</li>
<li>project guides</li>
<li>before & afters</li>
<li>discounts, giveaways & much, much more.</li>
</ul>
<form action='http://www.aweber.com/scripts/addlead.pl' class='signup' method='post'>
<input name='meta_web_form_id' type='hidden' value='1113055857'/>
<input name='meta_split_id' type='hidden' value=''/>
<input name='listname' type='hidden' value='askthebuilder'/>
<input id='redirect_d9b061e0f0a1a4aa7da7e2c227841cb2' name='redirect' type='hidden' value='http://www.askthebuilder.com/subscriber-thank-you/'/>
<input name='meta_adtracking' type='hidden' value='ATBWP_Homepage'/>
<input name='meta_message' type='hidden' value='1'/>
<input name='meta_required' type='hidden' value='name,email'/>
<input name='meta_tooltip' type='hidden' value=''/>
<input class='text' id='awf_field-31933475' name='name' onblur='if (this.value == '') { this.value='name';} ' onfocus=' if (this.value == 'name') { this.value = ''; }' type='name' value='name'/>
<input class='text' id='awf_field-31933476' name='email' onblur='if (this.value == '') { this.value='email';} ' onfocus=' if (this.value == 'email') { this.value = ''; }' type='text' value='email'/>
<input name='submit' type='submit' value='get your copy »'/>
</form>
<div style='clear:both;'/>
</div>
<div id='homepageitem' style='border-bottom: none;'>
<aside id='seenIn'>
<h1>SEEN IN:</h1>
</aside>
</div>
</b:if>
<!-- Content Homepage End -->
Untuk kode form di sini adalah kode subscribtion dari aweber.com silahkan ganti kode aweber anda atau kode subscribtion anda yang lain.
Untuk gambar
adalah gambar background silahkan ganti url gambar pada background berikut ini:#seenIn h1 {
font-weight: normal;
font-size: 0.93em;
height: 20px;
padding-bottom: 35px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAl4IFGRvCe10uTa1eAAk4kiuT_kjnjRBOUjNHYToDaUzcmORXknZq5N2oiMa_VUrzsiEtU1nqM2WWzAoOQh4DnUdRlWfIpD9WtMWhYZfciyZJh_B8PIBTIe2n_UcpYlAwufpWaL_mGgX6/s1600/seenIn275x33.jpg) center bottom no-repeat;
}
5). Cara Mengubah Menu Footer
Cari dan edit kode berikut ini :
<!-- Link Footer Start -->
<div class='Left'>
<a href='#'>eBooks</a>
<a href='#'>Checklists</a>
<a href='#'>Shop</a>
<a href='#'>Ask Him</a>
<a href='#'>Newsletter</a>
<a href='#'>Privacy Policy</a>
<a href='#'>Legal</a>
</div>
<!-- Link Footer End -->
6). Cara Mengubah Konten Sidebar
Cari dan edit kode berikut ini :
<!-- Content Sidebar Start -->
<h1 class='subHead'><span>WELCOME TO ASK THE BUILDER /</span></h1>
<div style='clear:both;'/>
<iframe frameborder='0' height='200' src='http://www.youtube.com/embed/RAB-lLxBUI4' width='335'/>
<div style='clear:both;'/>
<h1 class='subHead'><span>SUBSCRIBE /</span></h1>
<div style='clear:both;'/>
<p>Ask the Builder is a <b>FREE weekly newsletter</b> that offers building information you can trust from award-
winning builder and nationally syndicated columnist Tim Carter. Each week you'll receive:</p>
<ul>
<li>DIY Tips</li>
<li>tool reviews</li>
<li>project guides</li>
<li>before & afters</li>
<li>discounts, giveaways & much, much more.</li>
</ul>
<form action='http://www.aweber.com/scripts/addlead.pl' class='signup' method='post'>
<input name='meta_web_form_id' type='hidden' value='1113055857'/>
<input name='meta_split_id' type='hidden' value=''/>
<input name='listname' type='hidden' value='askthebuilder'/>
<input id='redirect_d9b061e0f0a1a4aa7da7e2c227841cb2' name='redirect' type='hidden' value='http://www.askthebuilder.com/subscriber-thank-you/'/>
<input name='meta_adtracking' type='hidden' value='ATBWP_Homepage'/>
<input name='meta_message' type='hidden' value='1'/>
<input name='meta_required' type='hidden' value='name,email'/>
<input name='meta_tooltip' type='hidden' value=''/>
<input class='text' id='awf_field-31933475' name='name' onblur='if (this.value == '') { this.value='name';} ' onfocus=' if (this.value == 'name') { this.value = ''; }' type='name' value='name'/>
<input class='text' id='awf_field-31933476' name='email' onblur='if (this.value == '') { this.value='email';} ' onfocus=' if (this.value == 'email') { this.value = ''; }' type='text' value='email'/>
<input name='submit' type='submit' value='get your copy »'/>
</form>
<div style='clear:both;'/>
<!-- Banner 300 x 250 sidebar -->
<div style='margin: 0 auto;width: 300px;height: 250px;padding: 0;background: orange;'><p style=' font-size: 20px; position: absolute; color: #333; margin: 119px 95px; '>Ads 300x250</p></div>
</div>
<!-- Content Sidebar End -->
Kode di atas sama dengan kode yang muncul di hompage cara mengeditnya pun sama.
Untuk iklan 300x250 yg di sidebar cara menggantinya silahkan ganti kode yang berwarna merah di atas dengan kode iklan anda dan jangan lupa untuk menghapus kode "background: orange" m supaya background tidak berwarna orange.
7). Cara Mengubah Meta Tag dan Favicon
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<meta content='Ganti Deskripsi blog anda!' name='description'/>
<meta content='Ganti Keywords blog anda' name='keywords'/>
</b:if>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglONNq18MOjXdolrguTvTHV6zsnjyJe9xb2OWpGQovB4ES7P7EYyDgAEb0rvyMi6tQUfNb57EJuJxxUXLBOqJ4WasOo_8_Zd3GqQpxfwYeHF8W17N89eEIMPc5r3FrFNhjikXPdovzKRs_/s1600/timer-icon.gif' rel='icon' type='image/x-icon'/>
Ganti kode yang bercetak tebal di atas.
8). Cara Mengedit Iklan di atas postingan
Cari dan edit kode berikut ini :
<div id='post-ads'>
<!-- banner 300 x 250 article -->
<p style='font-size: 20px; position: absolute; color: #333; margin: 19px 181px;'>Ads 468x59</p>
</div>
ganti kode berwarna merah di atas dengan kode iklan anda.
9). Cara Mengedit Iklan di bawah postingan
Cari dan edit kode berikut ini :
<div style='width: 100%; margin: 0; padding: 0; height: 280px; background: orange ; display: block; text-align: center; font-weight: bold; font-size: 22px; vertical-align: middle;'>
<!-- change this code with your ads code -->
<p style='padding-top: 100px;'>Ads 336x280</p>
</div>
Silahkan ganti kode yang berwarna merah di atas dengan kode iklan anda dan jangan lupa untuk menghapus kode "background: orange" m supaya background tidak berwarna orange.
Response for :
Installasi
0 comments:
Post a Comment