Sembunyikan Post Atom, Home, Older Post

5:46 AM
Dalam template baru Blogger disediakan panduan bagaimana cara menghilangkan pautan Newer Post, Home, Older Post dan Subscribe to: Posts (Atom) yang dipaparkan dibawah pos blog.

Template baru Blogger yang dimaksudkan ialah tempat:

  • Simple
  • Picture Window
  • Awesome Inc
  • Watermark
  • Ethereal dan
  • Travel

Cara membuatnya:

1. Highlight dan salin kod CSS berikut:

1.1 Pautan Post Atom

.feed-links, .blog-feeds {
display: none;
}


1.2 Pautan Home:

.home-link {
display: none;
}


1.3 Pautan Older Post:

.blog-pager-older-link {
display: none;
}


1.4 Pautan Home dan Older Post:

.blog-pager {
display: none;
}


2. Dalam papan pemuka Blogger pilih Design | Template Designer.


Dalam muka Blogger Template Designer klik pilih Advanced dan di sebelahnya klik pilih Add CSS. Paste masukkan kod CSS yang disalin di atas dalam ruangan Add custom CSS yang disedikan. Klik APPLY TO BLOG:




Sekian, selamat mencuba dan selamat berjaya.

Sebarang pautan balik dari blog anda adalah sangat-sangat dihargai. URL http://calipso-tutorialblogger.blogspot.com/.

Salam hormat dari

More... 0 comments

Gambar Dalam Kod Scrolling Window

6:18 PM

<div style="overflow: auto; width: 270px; height: 418px;">
<table border="1" cellpadding="0" cellspacing="0" style="margin-left: 10px; width: 220px;"><tbody>

<tr>
<td style="padding: 10px;"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQnypvFelv1daoYXGGRipnPYVJ_pChBfWRUi_7P8aOlli99QrdiEAuLUrArrajjceZstXsexbH4T0Dw1o7MDTS9nkaCzK2N-oazZGT0iVo1y8JcTk8pIHuIxj8ToidZ4C-X1BYGvoT8ac/s320/red+rose.jpg" width="200" /></td>
</tr>

<tr>
<td style="padding: 10px;"><img border="0" height="154" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSs0V7M17Yg6O-hBq9vzb3_BkKe9lfmWIXoUZb_uCSMT4lUul8c8bmGQhby0J-xnNVVOmuvxr-tTZmngiIgVO3toekQD__vkDlfCK7sSwyHe5tVwaK4WfvM3tkCcxB0LEQ26MSgJHia7s/s320/500hrspaintusingmspaint.jpg" width="200" /></td>
</tr>

<tr>
<td style="padding: 10px;"><img border="0" height="134" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKRHIcH72B5IFUGJPz7W5ASPnTdc4Lt24g1CjBI-Ri9zhjVMHXOaS7z1SBWtb2uNt5OcaFn-V6nMtlaBnALone6RhxzoHTKPiXZHDg_0zaeUVHrCBMZIWaK4GyZtyzj5yn1hLqG0QPoRg/s320/afghandashtelaili.jpg" width="200" /></td>
</tr>

</tbody></table>
</div>

Dalam kod di atas:

ukuran width untuk scrolling window adalah 270px dan ukuran height adalah 418px. Table dalam scrolling window - ukuran width table adalah 220px dengan margin kirinya berukuran 10px. Empat (4) keping gambar di dalamnya, warna biru adalah kod untuk gambar tanpa hyperlink.


More... 0 comments

Pamir Gambar Dengan Skrip Lightbox

8:24 AM
Tunggu sehingga blog loading sepenuhnya:




























More... 0 comments

Tab Menu Pages Untuk Template Ethereal

9:09 AM
Bagi sesiapa yang menggunakan template baru blogger Ethereal, Awesome Inc, Watermark, Travel, Simple atau Picture Window memang tidak terdapat fungsi Edit Pages seperti dalam template lama yang lain.

Ruang untuk tab menu dalam template baru ini telah sedia ada.

Kita ambil satu template Ethereal sebagai contoh. Contoh tab menu yang dimaksudkan adalah seperti berikut:


Katalah anda akan menyediakan tab dalam menu seperti contoh di atas untuk:

  • Utama
  • Produk
  • Galeri Gambar
  • Borang Pesanan
  • Hubungi Kami
  • Pautan


PASTIKAN pos-pos untuk setiap satu tab di atas telah disedikan terlebih dahulu kerana setiap satu tab akan dipautan kepada pos berkaitan. Pos untuk tab Utama tidak perlu disediakan, gunakan alamat URL utama blog sendiri. Pinda dan kebelakangkan tarikh pos supaya pos-pos untuk tab ini tidak muncul dalam muka utama blog. Gunakan "Post Option" di bahagian bawah post editor untuk meminda tarikh pos.

Jika pos belum disediakan cipta pos baru kosong tanpa isi pun boleh dengan tajuk pos yang sama dengan nama tab disediakan, kemudian nanti boleh diedit semula untuk mengisi maklumat pos.

Ok, bawah pilihan Design | Page elements untuk template Ethereal:


Di bawahnya klik pilih Add a Gadget yang panjang sebelah atas di bawah bahagian Header blog:


kemudian berikutnya dalam tetingkap Configure Add a Gadget pilih HTML/JavaScript:


Taip masukkan kod HTML untuk Tab Menu dalam ruangan Content yang disediakan - contoh dan cara menyediakan kod HTML lihat di bawah - Kosongkan ruangan Title. Klik SAVE bila telah selesai:


Salin Kod HTML tab menu yang perlu dimasuk kedalam Content di atas adalah seperti berikut:

<ul>

<li><a href="http://Alamat-URL-Blog.blogspot.com/" style="text-decoration: none;">Utama</a></li>

<li><a href="http://Alamat-URL-Pos-Produk.blogspot.com/2011/02/produk.html" style="text-decoration: none;">Produk</a></li>

<li><a href="http://Alamat-URL-Pos-Galeri-Gambar.blogspot.com/2011/02/galeri-gambar.html" style="text-decoration: none;">Galeri Gambar</a></li>

<li><a href="http://Alamat-URL-Pos-Borang-Pesanan.blogspot.com/2011/02/borang-pesanan.html" style="text-decoration: none;">Borang Pesanan</a></li>

<li><a href="http://Alamat-URL-Pos-Hubungi-Kami.blogspot.com/2011/02/hubungi-kami.html" style="text-decoration: none;">Hubungi Kami</a></li>

<li><a href="http://Alamat-URL-Pos-Pautan.blogspot.com/2011/02/pautan.html" style="text-decoration: none;">Pautan</a></li>

</ul>

Gantikan alamat URL warna biru dengan alamat URL pautan pada pos sendiri. Warna merah adalah nama tab.

Bagaimana mendapatkan alamat URL Pos? Dalam dashboard blogger pilih Posting | Edit Post:


Dalam senarai pos klik View pada pos berkenaan:


Bila pos dibuka oleh Blogger di bahagian atas dalam Address Bar pelayar internet yang anda guna alamat URL pos ditunjukkan. Salin alamat URL ini dan masukkan ke dalam kod HTML di atas:


Sekian, selamat mencuba dan selamat berjaya.

Sebarang pautan balik dari blog anda adalah sangat-sangat dihargai. URL http://calipso-tutorialblogger.blogspot.com/.

Salam hormat dari

More... 0 comments

Fungsi Edit Pages Blogger (Tab Menu)

1:33 AM
Pages adalah satu fungsi seperti fungsi tab menu guna untuk link kepada sesuatu pos tersendiri. Sebagai contoh anda boleh mencipta satu pos Hubungi Kami mengandungi maklumat bagaimana pengunjung boleh menghubungi anda.

Untuk panduan katalah kita akan menyediakan beberapa pages sebagai link untuk menyampaikan beberapa maklumat dalam pos blog:

Utama.
Hubungi Kami.
Produk.
Resepi.
Galeri Gambar.

Pages untuk Home atau akan disediakan secara otomatik oleh Blogger.

Cara sediakan Pages untuk Hubungi Kami:

bawah pilihan Posting | Edit Pages klik NEW PAGE:


berikutnya Blogger akan membuka satu post editor baru:


Tulis tajuk pos ini dengan nama Hubungi Kami. Isi maklumat yang perlu bagaimana kita boleh dihubungi dalam pos di atas. Setelah sedia klik PUBLISH POST.

lepas PUBLISH POST blogger akan membuka pilihan How would you like the Pages Gadget to appear seperti berikut:


Pilih Blog tabs untuk letak Pages di bahagian atas blog bawah Header.  Pilih Blog sidebar sekiranya Pages ingin dimasukkan dalam sidebar blog.  Kemudian klik SAVE AND PUBLISH:
More... 0 comments

MyBlogLog

Sponsor

Feed

Powered by Blogger.

Soal Jawab Agama


Recent Posts

Pages

Follow

All Posts

Counter

Jerit

Sepanjang Jalan Kenangan



About Me

Followers

Colors Catalog by Maya