langkah-langkah
- Login ke dashboard blogspot
- pilih Rancangan »» Edit HTML
- Tempatkan kode CSS berikut diatas kode ]]></b:skin>
<textarea
cols="25" rows="nilai_lebar"><a
href="http://blogdapetuang.blogspot.com/"> #sub-menu {background:#0000AA; font-size:13px;
font-family:verdana,sans-serif; color:#ffffff; overflow:hidden;
padding:8px; border:1px solid #BB0000;} #sub-menu a:link {color:#fff;}
#sub-menu a:visited {color:#fff;} #sub-menu a:hover {color:#BB0000;
text-decoration:none;} #sub-menu ul {margin:0px; padding:0px;
text-align:center;} #sub-menu li {display:inline;
list-style-type:none; margin:0px; padding:0px;} #sub-menu ul li a,
#sub-menu ul li a:hover {font-size:13px; color:#fff; margin:0px;
padding:px; text-decoration:none; text-transform:uppercase;} #sub-menu
ul li a:hover {color:#BB0000; text-decoration:none;} lt;/a></textarea>
kemudian tempatkan kode HTML berikut diatas kode <div id='content-wrapper'> atau biasanya bertuliskan <div id='wrapper-content'>
- <textarea cols="25" rows="nilai_lebar"><a href="http://blogdapetuang.blogspot.com/"><div id='sub-menu'>
<ul>
<li><a expr:href='data:blog.homepageUrl'/>HOME</li>
<li class='page_item page-item-2'>
<a href=''>LINK 1</a></li>
<li class='page_item page-item-2'>
<a href=''>LINK 2</a></li>
<li class='page_item page-item-2'>
<a href=''>LINK 2</a></li>
<li class='page_item page-item-2'>
<a href=''>LINK 2</a></li>
</ul>
</div> lt;/a></textarea>
Simpan tempalate dan lihat hasilnya.
Perhatian: JANGAN SERTAKAN KODE YANG BERWARNA MERAH
Menghilangkan gambar obeng pada blog
Langkah untuk menghilangkan gambar obeng pada blog- pertama login ke dashboard blog anda.
- pilih Rancangan--Edit HTML
- beri tanda centang pada kotak kecil disamping tulisan ''Expand Template Widget''
- temukan dan hapus kode berikut <b:include name='quickedit'/>
- satu kode mewakili satu gambar obeng.
- banyaknya gambar obeng tergantung dari banyaknya widget yang di
gunakan, jika blog anda menggunakan 6 widget, berarti ada gambar 6 obeng
dan ada 6 kode diatas.
- jika sudah di hapus kode diatas kemudian save template.
Cara Menulis kode HTML dipostingan blog
Ganti kode HTML Yang ada seperti ini
- kode < di ganti dengan kode <
- kode > diganti dengan kode >
- kode " di ganti dengan kode "
- kode & di ganti dengan kode &
Cara membuat breadcrumbs navigasi
Hal pertama yang harus dilakukan ialah
- login-->tata letak-->edit HTML.
- download full template, untuk berjaga-jaga jika terjadi kesalahan.
- beri tanda centang pada kotak kecil disamping tulisan '' Expand Template Widget''
- cari kode ]]></b:skin>
- copy kode dibawah ini, diatas kode ]]></b:skin>
<textarea cols="25" rows="nilai_lebar"><a href="http://blogdapetuang.blogspot.com/">
.breadcrumbs {
padding: 5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size: 95%;
line-height: 1.4em;
border-bottom: 3px double #e6e4e3;
}lt;/a></textarea>
6.cari kode berikut <div class='post hentry uncustomized-post-template'>
7.paste kan script di bawah ini persis di bawah kode <div class='post hentry uncustomized-post-template'>
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'>browse » <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast == "true"'>» <a expr:href='data:label.url' rel='tag'><data:label.name/></a> </b:if>»<span><data:post.title/></span> </b:loop> </b:if> </b:loop> </div></b:if> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <div class='breadcrumbs'>browse » <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/> </div></b:if> <b:else/> <b:if cond='data:navMessage'> <div class='breadcrumbs'><data:navMessage/> </div></b:if> </b:if>
lt;/a></textarea>
Perhatian: JANGAN SERTAKAN KODE YANG BERWARNA MERAH
Membuat kursor berbintang
Copas script di bawah ini pada widget javascrit/HTML.
<textarea cols="25" rows="nilai_lebar"><a href="http://blogdapetuang.blogspot.com/"><script src="http://blogdapetuang.blogspot.com/files/cursor_merah.js" type="text/javascript"/> lt;/a></textarea>
Perhatian: JANGAN SERTAKAN KODE YANG BERWARNA MERAH
Cara membuat mesin pencari sendriBagaimana cara membuat mesin pencari (search engine) sendiri?Berikut ini adalah kodenya, silahkan copas di blog anda<textarea cols="25" rows="nilai_lebar"><a href="http://blogdapetuang.blogspot.com/"><form action="http://google.com/search" method="get"> <input class="textinput" name="q" size="40" type="text"/> <input value="cari disini" class="buttonsubmit" name="submit" type="submit"/></form></a></textarea>perhatian: jangan sertakan kode yang berwarna merahGanti blog/website dengan milik anda dan tulisan ''cari disini'' bisa di ganti sesuai keinginan anda dan pada angka 40 menunjukan panjang dari mesin pencari.Cara membuat textareaBerikut kode untuk membuat textarea.<textarea cols="nilai_panjang" rows="nilai_lebar">tulisan yang didalam textare</textarea>lt;/a></textarea> - pertama login ke dashboard blog anda.
Tidak ada komentar:
Posting Komentar