Sejarah Logo & Maskot Firefox

Setelah kemaren bahas produk barunya mozilla,sekarang ni mau bahas sejarahnya logo mozilla firefox.Mungkin banyak di antara Anda pembaca udaramaya yang mengagumi Firefox. Browser besutan Mozilla ini sangat powerful dalam membantu setiap kegiatan dan aktifitas yang berhubungan dengan dunia maya. Fungsionalitasnya bisa diperluas dengan penambahan berbagai macam add-on, tema, plugin dan skrip.

Cara Membuat Menu Tab Vertical

Sebelum ini Ana ada posting cara membuat Menu Horizontal. Hari ini Ana kongsikan cara membuat Menu Vertikal (memanjang kebawah) pula. Seperti gambarajah diatas.

1. Loggin ke blogger. Pada halaman Layout pilih Edit HTML. Masukkan kod dibawah sebelum ]]></b:skin>

/*Vertikal Menu
---------------------------------*/
.vertikalmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px; /* Lebar Menu vertikal*/
}
.vertikalmenu li{
border-bottom: 1px solid white;
}
.vertikalmenu li a{
background: #000000 ; /*Warna background Menu Vertikal*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: white;
width: auto;
padding: 5px 0;
text-indent: 8px;
text-decoration: none;
border-bottom: 1px solid black;
}
.vertikalmenu li a:visited, .vertikalmenu li a:active{
color: white;
}
.vertikalmenu li a:hover{
background-color: #737373; /*Warna Background bila Mouse diarahkan*/
color: white;
border-bottom: 1px solid black;
}

2. Perhatikan kod2 berwarna merah. Tukarkannya bersesuaian dengan blog Antum. Kod warna Disini. Setelah selesai klik butang save.

3. Seterusnya beralih ke bahagian Page Elements. Di bahagian sidebar, klik Add a Gadget => HTML/Javascript. Masukkan kod berikut.

<ul class="vertikalmenu">
<li><a href="/">» HOME</a></li>
<li><a href="http://almansuqie-tips.blogspot.com">» AlmansuQie Tips</a></li>
<li><a href="link kedua">» Al Quran & Sunnah</a></li>
<li><a href="link ketiga">» Peribadi</a></li>
<li><a href="link keempat">» Hadis 40 AnNawawi</a></li>
<li><a href="link kelima">» Himpunan Doa</a></li>
</ul>

4. Gantikan text2 berwarna merah dan biru. Selesai..

Cara Membuat Link Download

Menjawab pertanyaan pkgkualapilah dengan detail, Ok caranya mudah sekali..Ada dua cara kita boleh gunakan untuk buat link download.

1. Pertama dengan text link.. Biasa kita tulis Download Disini. Ok untuk yang ini boleh refer pada Tip Memasukkan Link Di Postingan.

2. Cara kedua dengan menggunakan kod ini..

<a href="http://s302.photobucket.com/albums/nn113/aburifaie/?action=view&current=down.jpg" target="_blank"><img src="http://i302.photobucket.com/albums/nn113/aburifaie/down.jpg" alt="Download"></a>

3. Gantikan text merah dengan link Download Antum dan text ungu dengan link Icon Donwload Antum. Ini hasilnya.Klik icon untuk Download Mozilla Firefox 3.

Shiretoko, Browser Anyar Milik Mozilla Firefox

NEW YORK - Layanan browser internet Mozila Firefox terus berbenah. Yang terbaru, Mozilla bakal segera meluncurkan Firefox berikutnya yang dilabeli Shiretoko.Sebelumnya, browser yang masih dalam pengembangan, Mozilla lebih suka menyebutnya dengan seri Firefox 3.5. Pasalnya, Mozilla mengungkapkan kalau perubahan nama itu dilakukan untuk mempopulerkan Forefox yang telah mengalami banyak perubahan

Blogspot Dengan Gaya Wordpress

Pernah tengokkan wordpress?? Kali ini kita buat template kita macam wordpress skit. Kita main sorok-sorok widget. Contoh blog Ana ni..Bila berada di laman utama, semua widget muncul dan bila dibuka salah satu post, sebahagiannya akan tersembunyi. Menarik tak?? Sekaligus mempercepat proses loading.. Ok caranya..

1. Loggin ke Blogger, pada Layout pilih Edit HTML. Jangan lupa tandakan pada kotak "Expand Widget Template"

2. Seterusnya cari kod widget yang nak disembunyikan. Contoh, Ana nak sembunyikan "Recent Reader". Ini kodnya..

<b:widget id='HTML18' locked='false' title='Recent Reader' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div> <b:include name='quickedit'/>
</b:includable>
</b:widget>

3. Tambahkan kod berwarna merah.

<b:widget id='HTML18' locked='false' title='Recent Reader' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div> <b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

4. Siap untuk satu widget. Kalau nak sorok yang lain gunakan cara ni juga yer. Dah siap semua, klik Save dan lihat hasilnya.

Selamat Mencuba!!

Sunber: Kolom Tutorial

Cara Menghilangkan Status Message

Status message ini akan muncul di atas posting bila kita tekan label atau kita search artikel dalam blog tersebut. Ada sesetengah orang tidak suka dan rasa menyemak je kan, dan terasa nak buang terus status ini. Ok jangan risau, ini cara membuangnya.

1. Sekiranya kita menekan label, ia akan muncul begini,


2. Sekiranya artikel yang kita cari menggunakan kotak search yang disediakan atau pada navbar tiada, maka status begini akan muncul.



3. Loggin ke Blogger, pada layout pilih Edit HTML. Jangan lupa tandakan pada kotak “Expand Widget Templates”. Untuk langkah berjaga2 sila "Download Full Template dulu".

4. Seterusnya cari kod ini.. Guna Ctrl+F untuk lebih cepat. Delete kod berwarna merah.

<!-- posts -->
<div class='blog-posts'>

<b:include data='top' name='status-message'/>

5. Siap padam klik butang save.. Insyaallah xkan muncul lagi. Kalau Antum memerlukannya kembali, cuma kembalikan kod merah tu ke tempatnya.

Membuat Animasi Dengan Photoshop