Code HTML Blogger

Beberapa code berikut bisa digunakan untuk mengubah tampilan blogger anda supaya sedikit bervariasi. Misalnya:


Menghilangkan Navbar

Copy code berikut:
#navbar-iframe { height:0px; visibility:hidden; display:none}
diatas code berikut:
/* Variable definitions

Edit Kata

Anda benci CINTA blog.

Anda <del>benci</del> <ins>CINTA</ins> blog.

Kirim Email

Kirim Email

<a href="mailto:hahaha@gmail.com">Kirim Email</a>

Box Menu

Post Terbaru123Daftar123

<p style="text-align: center">
<select name="PreviousItemsMenu" onChange="location.href=this.options[this.selectedIndex].value;">
<option value="/">Post Terbaru123</option>
<BloggerPreviousItems>
<option value="Daftar123">Daftar123</option>
</BloggerPreviousItems>
</select>
</p>

Mengganti Blogger Template.

Setelah kita menyetujui untuk memiliki sebuah blog di blogger atau blogspot. Tindakan pertama kali adalah mengubah Template yang telah disediakan. Jika template-template yang telah tersedia kurang memuaskan maka disini tahapan untuk mengganti template baru dengan template yang kita download misalnya di sini atau anda cari melalui search google blogger template.

Tahapannya adalah
1. Dari halaman Dashboard anda pilih layout.
2. Jika anda sudah terlanjur menulis untuk mengganti sebaiknya download full template terlebih dahulu.
3. Mengganti template klik browse pilih template dalm bentuk .xml seperti gambar berikut:

4. Klik Upload dan ikuti proses.


5. Save Template

Blogger Marquee

Membuat tampilan blog anda lebih dinamis maka anda harus mengubah kode html dengan cara:
1.Masuk Posting kemudian anda tambahkan kode dibawah berikut dalam bentuk HTML.
2.Atau masuk ke layout/tata letak>>> elemen halaman>>> tambah HTML/Javascript lalu anda tambahkan kode dibawah beri judul dan simpan.
3.Copy kode berikut:

<marqueedirection="right"bgcolor="#7f7f7f">Berjalan kekiri</marquee>

Berjalan kekanan
4.Copy:

<marquee direction="left"bgcolor="#7f7f7f">Berjalan kekiri</marquee>

Berjalan kekiri
5.Copy:

<marquee direction="up" bgcolor="#7f7f7f">Berjalan keatas</marquee>

Berjalan keatas
6.Copy:

<marquee direction="down" bgcolor="#7f7f7f">Berjalan kebawah</marquee>

Berjalan kebawah
7.Copy:

<marquee behavior=alternate width="150" scrollamount="5" scrolldelay="96" height="10" bgcolor="#7f7f7f"><font size="3">Your Text Here </font></marquee>

Jalan Bolak-balik/Bouyance
8.Copy:

<marquee behavior="scroll" direction="left" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4" bgcolor="">    <a href="url#1">Yahoo</a>  <a href="url#2">Blogger</a>  <a href="url#3">Google</a>  </marquee>

Yahoo Blogger Google
Ganti url#1, url#2, url#3 dengan alamat blog atau web anda 1, 2, 3, misalnya http://www.yahoo.com/, http://www.blogger.com/, http://www.google.co.id/.

Blogger Expand/hide text

1.Pilih Tata letak/layout
2.Edit HTML
3.Download template lengkap untuk mengantisipasi kesalahan.
4.Cari ]]></b:skin> didalam edit template atau tekan Ctrl F untuk menemukannya
5.Copy code berikut:

<!-- Style to implement "Read more on this Article" link in all the posts (Start) -->
<style>
<b:if cond='data:blog.pageType == "item"'>
  span.fullpost {display:inline;}
<b:else/>
  span.fullpost {display:none;}
</b:if>
</style>
<!-- Style to implement "Read more on this Article" link in all the posts (End) -->

6.Paste diantara code ]]></b:skin> dan </head>
7.Simpan template
8.Beri tanda Cek pada box Expand Template Widget
9.Temukan <data:post.body/>
10.Copy code berikut:

<!-- Code to show "Read more ..." Link (Begin) -->
    <b:if cond='data:blog.pageType != "item"'>
        <span>
<a expr:href='data:post.url' style='color:#0000FF; text-align:right; font-weight:bold; text-decoration:none' >Read more ...</a>
       </span>
    </b:if>
    <!-- Code to show "Read more..." Link (End) -->

11.Paste setelah <data:post.body/>
12.Terakhir kembali ke Menu Pengaturan
13.Pilih format
14.Copy code berikut:
<span class="fullpost">
</span>
15.Letakkan code tersebut pada Template Posting
16.Simpan setelan.
Catatan: 1.Setiap kali anda masukan posting baru pilih edit html jangan tulis.
                2.Akan terlihat code
                   <span class="fullpost">
                   </span>
                3.Letakkan tulisan anda seperti berikut:
                    Judul
                    Ini contoh bagian permulaan
                    <span class="fullpost">
                    isi dan penutup disini
                   </span>
                4.Simpan posting anda kemudian lihat hasil posting anda.
17.Selamat mencoba dan hasilnya seperti readmore... diblok ini.