Showing posts with label Tutorial blogger. Show all posts
Showing posts with label Tutorial blogger. Show all posts

Friday, March 11, 2011

Membuat Ucapan Selamat Datang atau alert di blogger

Cara Membuat Script "Membuat Ucapan Selamat Datang atau alert di blogger"
Tidak susah Kok
Biar Blognya keliatan keren,dikasih aja Alert Selamat datang
Hehehe
Langsung saja ini dia

==>Seperti Biasa Masuk Blogger
==>Rancangan Edit HTML
==>Cari Kode berikut

</head>

==>Paste Code berikut di atas kode </head>

Selesai

Semoga Berhasil

Wednesday, March 9, 2011

Membuat Pesan Dibawah Posting

Kali Ini Blog Cirebon Mengulas,,cara membuat pesan dibawah posting
memang Tutorial ini sedikit basi
tetapi saya akan share bagi yang belum tau saja

Langsung Ke Tkp:

11. login ke blog anda.
2. pilih menu Layuot (Tata Letak)-> klik Edit HTML
3. jangan lupa beri tanda centang Expand Template Widged

kalau sudah copy paste code dibawah ini :


<hr />
<center>
<b>Selamat Belajar dan membaca</b>
</center>
<hr />

kopi paste tepat diatas kode <data:post.body> masih binggung juga, hasilnya seperti ini :

<data:post.body>
<hr />
<center>
<b>Selamat Belajar dan membaca</b>
</center>
<hr />

<div expr:id="&quot;summary&quot; + data:post.id">
<data:post.body></data:post.body></div>

kalau sudah memasang readmore secara manual biasanya code yang warna orange ada dua, pilih code yang pertama.

keterangan:
<hr /> -> kode dari garis.
<center> </center> -> untuk perataan tengah, tuliskan pesan diantara kode ini.
<b> </b> -> untuk ketebalan tulisan.

yang berwarna merah silakan di ganti dengan isi pesan yang anda inginkan.
nah....agar pesan anda bisa di klik tambahkan kode berikut ini:

<a href="http://namabloganda.blogspot.com/">Selamat Belajar dan membaca</a>

5. Save Template,Selamat Mencoba,Semoga Berhasil :D

Pencarian:anne ahira

Memodifikasi Daftar Blogroll Dengan Nomor

Blog Cirebon Kali Ini Mengulas Tentang Memodifikasi Daftar Blogroll Dengan Nomor
agar semakin bagus Blognya coba saja gunakan tips ini Memodifikasi Daftar Blogroll Dengan Nomor

Langsung Saja Tanpa Basa-basi
1. login ke blogger.
2. klik menu Layout (Tata Letak) -> pilih Elemen Laman
3. klik menu Edit pada blog roll yang mau di edit,,,

anda akan menemukan kode kurang lebih seperti ini;
<div style="overflow:auto; height:200px; width:200px">
<ul>
<li><a href=alamat url link 1>Link 1</a></li>
<li><a href=alamat url link 2>Link 2</a></li>
<li><a href=alamat url link 3>Link 3</a></li>
</ul>
</div>

kode yang berwarna hijau adalah kode dari blog roll,,,sedangkan yang berwarna biru adalah daftar isi dari blog rollnya.
untuk memodifikasi supaya mempunyai nomor urut pada daftar isinya yang anda lakukan adalah,,,ganti kode "<ul>" dengan kode "<ol type= A | a | I | i | 1 >" jangan lupa ganti juga kode penutupnya dengan "</ol>".

masih binggung juga,,,? lihat hasilnya di bawah ini:
<div style="overflow:auto; height:200px; width:200px">
<ol type=1 >
<li><a href=alamat url link 1>Link 1</a></li>
<li><a href=alamat url link 2>Link 2</a></li>
<li><a href=alamat url link 3>Link 3</a></li>
</ol>
</div>

4. kalo sudah klik tombol Simpan. Selesai.

sekarang blog roll anda akan diawali dengan angka atau nomor urut. Silahkan lihat hasilnya. gampang kan memodifikasi daftar blog roll dengan nomor.
eeit,,, hampir ketinggalan nih,,,,huruf yang saya beri background kuning pada kode pembuka blog roll anda pilih salah satu saja.

kurang lebih hasilnya seperti ini,,,,

Pencarian:
bisnis

Tutorial Cara Menghilangkan Tanggal Posting

Blog Cirebon Kali ini mengulas,Tutorial Cara Menghilangkan Tanggal Posting

OK Langsung Saja,Lagi males Posting nih hehehe

1. login ke blogger anda.

2. klik menu Layout (Tata Letak)->Edit HTML

3. jangan lupa centang "Expand Template Widget".

4. kemudian cari kode dibawah ini atau yang mirip seperti kode dibawah ini:

h2.date-header {
margin:.3em 0 0;
padding:0;
font-size:80%;
color:#777;
height: 0px;
visibility: hidden;
}

5. lalu tambahkan saja kode CSS yang berwarna merah.

6. klik Simpan Template. selesai

ini salah satu contoh blog saya yang saya hilangkan tanggal postingnya silahkan klik disini,,,jika ingin menampilkan kembali tanggal posting ikut langkah diatas kemudian hapus kode CSS yang berwarna merah.