To hide the Navbar in blogger

Entry ini khas untuk MyLilDreamz dan semua rakan di mombloggersplanet.com.



To hide the Blogger Navbar (black in color):

1- Log in to blogger

2- On your Dashboard, select Layout. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see you blog's HTML.

3- paste the CSS definition in the top of the template code:

...
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Rounders
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     27 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

#navbar-iframe {
display: none !important;
}

/* Variable definitions
====================
<Variable name="mainBgColor" description="Main Background Color"
         type="color" default="#fff" value="#ffffff">
<Variable name="mainTextColor" description="Text Color" type="color"
         default="#333" value="#333333">
...

Remove the code to show it again.

Blog Syafiah dibuka semula

Kenapa saya tutup sekejap blog Syafiah si kecil yang hebat itu?

Saya melakukan layout make-over secara besar-besaran selepas terpengaruh dengan salah seorang blogger yang juga kawan baik alam maya saya iaitu Intan! Intan menukar blognya kepada magazine layout yang kemas dan teratur. Tapi sekarang ni dia revert balik layout blog tu kepada layout sebelum ni. Whatelahapen?

Screenshot blog Syafiah

Layout blog ni dinamakan sebagai Reflection dan saya dapat di btemplates.com. Saya sukakan templates di sini sebab ia pelbagai. Nak buat sendiri nanti²lah. Kebanyakan blog menarik ni diadaptasikan dari Wordpress. Saya ada akaun di sana tapi sehingga kini saya masih tak selesa untuk berpindah. Antara ciri² menarik:

1- Featured post/glider content.
2- Fixed width.
3- Right sidebar.
4- Search form.
5- Navigation tab.
6- 3 columns.

Nak tambah gempak lagi, saya mencari kod untuk navigation tab jenis multi level drop down menu (lihat di sebelah kanan sidebar, di atas sekali). Sebenarnya saya nak gantikan navigation tab yang asal tu, tapi saya masih mencari penyelesaiannya. Saya dapat kod untuk drop down menu itu di bloggerstop.net.

Sebenarnya saya berkenan betul dengan slide show tab view menu. Contohnya boleh dilihat di sini. Lihat sebelah kiri, di bahagian bawah Home. Cuma saya belum ada mood nak masukkan ia ke dalam mana² blog yang saya ada ni. Nantilah...

Selain itu saya dapat juga ilmu untuk memainkan Youtube secara autoplay dan loop selepas kita memasukkan kodnya ke dalam mana² tempat terutamanya di dalam blog. Dan tandatangan di bawah ini, saya dapatkan kodnya dari My Live Signature tanpa membuka akaun di sana.

Berminat? Cubalah sendiri dengan memasuki website yang berkenaan... selamat mencuba!

My-Alia.com contest!

my-alia.com is organizing a contest here!


1. Write an entry (in your blog) about this contest.. Use your creativity!

At the very beginning, I was reluctant to join (due to certain circumstances). But I saw Zu's name appearing in one site when I was bloghopping from one blog to another. Let me keep that blog name as a secret. It gave me the inspiration to join the contest.


2. Tell us what that you like about my-alia.com (it could be the posts, the widgets.. anything!)

I've been a silent reader not to just my-alia.com, but to anywhere in this blogging world. And as usual, I'm the one who love to reserve my comment and leave with no trail.

Parenting is one of my favorite issues as I'm a mother of 3. Eventhough, I blogged less about them but the topic has always been interesting for me to read.


3. Tell us what you don't like about my-alia.com and how to improve our blog!

(1) The loading time is slow. What you should do is to test the loading time of your blog from time to time. The best range is between 100-200k. I have tested my-alia.com and the result is 912.5kb. It's indeed a big file!

To improve your loading time, you can:
1- change your pictures format to PNG file or you can compress them.
2- limit to 3 @ 4 entries within one page. Mine 2 only.
3- let go the unneccessary widgets.
4- you can even consider to change the template. You can select the one with left-side post as it's normal for a page to load the left side first. While waiting for the others to come out, you still can enjoy reading the post without wasting time to wait for others to appear.

I've blogged about this but I'm the one who forgot. No wonder my blog lemau macam kura² jugak. 400++kb! Aiyohh....! After minor adjustment, it has become 287kb now (still heavy!).

TOTAL_SIZE - Warning! The total size of this page is 287645 bytes, which will load in 60.53 seconds on a 56Kbps modem. Consider reducing total page size to less than 100K to achieve sub 20 second response times on 56K connections. Pages over 100K exceed most attention thresholds at 56Kbps, even with feedback. Consider optimizing your site with Website Optimization Secrets, Speed Up Your Site or contacting us about our optimization services.

(2) Second thing to improve your blog is by registering it to the search engine such as Google and Yahoo (and even MSN, but I didn't do this! I also registered mine to Technorati). I found out that this will help you to popular your blog. I give you the reason why:

A surfer from US has searched for the word 'Cerebral palsy, amazing' and amazingly, the Syafiah's blog has turned out to be number 2 in Google index system. Another example today is by searching for 'Baby born limp and floppy'. The Google feed it as number 2 too.

How to register with Google? Follow this step:
1- Go to http://www.google.com/addurl/.
2- URL --> fill in the blog's URL.
3- Comments --> fill in the keyword regarding the blog's content.
4- Type in the verification word.
5- Click Add URL
6- Done.

Register with Yahoo:
1- Go to https://siteexplorer.search.yahoo.com/submit (make sure you've a Yahoo account).
2- Fill in the URL (you can add - http://www.my-alia.com/atom.xml. atom.xml is a feed for blogger/blogspot).
3- Click Add URL.


4. Tell us what you'd like me to write in my-alia.com in the future!

I don't have any suggestion to this. Zu's followers are more than enough to tell you that they love to read her posts, meaning that they accept her as the way she is. True?


Cheers....!!


Adeh... penat makcik menulis!

Tips : Mengenai Read More........ lagi...

Brader Aboo tanya saya di posting terdahulu:

Berikut cara yang saya buat. Amaran... sila jangan pening... Anggaplah diri anda Spongebob Squarepant yang mempunyai kuasa menyerap air (info) yang tinggi sehingga terkeluar air itu dari mata, telinga & mulut! Kehkehkeh....


> Dashboard > Layout > Edit HTML > Tick 'Expand Widget Templates'



> Cari bahagian yang div class='post-header-line-1'/ > Salin tempek kod² html yang berwarna merah dari Hackosphere > Preview

Saya percaya anda pasti akan temui error di bawah ini selepas anda klik butang Preview:

'We were unable to preview your template'
'More than one widget was found with id: Bloglist1. Widget IDs should be unique.'

Widget di sini bermaksud gadget di Page Elements. Maknanya anda perlu membuang gadget di bahagian Page Elements tersebut. Namun sebelum anda membuangnya, anda perlu back up satu persatu gadget tersebut di dalam notepad/MS word. Nampak macam leceh tetapi percayalah... (macam politik pulak!! Huhu!), ia tidak akan mengambil masa yang lama.

Yang asal... tu diaaa... punya banyak. Awat yang banyak sangat hang punya html/javascript, Aboo oiii? Yang Limited Access kat atas tu boleh dibuat dengan menambah gadget dan drag gadget berkenaan ke bawah 'Links'.

Yang saya buang...

Lepas tu saya ulangi balik langkah Edit HTML > Tick Expand Widget Templates > Copy & paste the code from Hackosphere > Tekan save.

Jika keluar mesej 'View Blog' maknanya percubaan anda telah berjaya. Dan anda perlu meletakkan semula ke semua kod html yang anda buang di bahagian gadget itu tadi.

Kemudian pergi ke Settings > Formatting > Cari Post Template di bahagian bawah > Taip seperti dalam imej di bawah > Save settings

Jika anda 'Create' posting baru, di skrin anda akan tertera seperti berikut di bahagian Edit HTML:

Di bawah adalah versi asal posting dan cuba bandingkan dengan hasilnya:

Nampak macam susah dan banyak langkah akan tetapi sebenarnya ia tidaklah sesusah mana. Cuma yang nampak leceh tu bab bila kena letak balik gadget tu... Oh! Sila.. sila... jangan pening ok!!

Saya dapati jika kita seringkali menggunakan keyboard selain daripada mouse, penggunaan komputer akan lebih mudah. Contohnya, kod Alt + 0178 (akan jadi ²), salin tempek, dll. Saya belajar menggunakan keyboard dengan banyak sekali ketika saya 'menggodek' Autocad versi yang terdahulu. Kira² 10 tahun yang lalu.. huhu!

Owh.. hasil ujian urin negatif.. saya perlu risaukan perkara lain pula.. hish!

Tips Membuat [Read more/baca seterusnya...]

Bagi saya, berblog mencabar keinginan dan pengetahuan saya. Saya menukar 'cat' & menggodek rumah ini berulang-kali bukan hanya untuk suka² atau apa yang orang katakan hobi. Tetapi ia lebih kepada ilmu dan cabaran baru yang saya tempuhi. Saya tidak mahu hanya menaip dan menerbitkan entry. Saya mencabar diri saya sendiri lebih dari itu.

Malah dalam apa bidang ilmu sekali pun saya amat gemar mencari maklumat dan mencabar diri sendiri. Contohnya - terma perubatan & kejuruteraan. Bagi saya, sikap menimba ilmu itu penting dalam diri setiap insan tidak kira apa saja latar belakang mahu pun umur. Jangan berhenti menimba ilmu sekali pun anda bergelar Doktor Falsafah dan berasa selesa dengan kedudukan itu. Ilmu yang orang lain ada, mungkin tiada pada anda. Merendah dirilah!

Ingat pada entry saya tempohari? Saya mengatakan bahawa saya mahu mencari tips untuk membuat [Read more...]. Ya.. akhirnya saya berjaya. Saya berjaya mengubah lagi blog ini bermula dari entry Nurul Huda. Saya tidak mengusik entry sebelum itu kerana masuk entry yang ini, keseluruhan entry saya dari tahun lepas adalah sebanyak 201 entry. Lenguhlah tangan saya... tak banyak pun.. kes malas sebenarnya

Bagi yang landing terus pada tajuk, tidak akan nampak perbezaan tapi sekiranya anda tekan pada 'Home' anda akan dapat melihat apa yang saya maksudkan.

Tips membuat [Read more...] atau dikenali sebagai 'Expandable post summaries' ini saya jejaki di 3 tempat. Antaranya di Blogger Buster dan Blogger Tips & Tricks. Dan bagi blog saya, saya gunakan tips dari Hackosphere kerana kod dan arahannya lebih mudah dan ia sesuai untuk pengguna template beta. Perlu diketahui bahawa kod html/Javascript adalah berbeza-beza walau pun untuk satu fungsi yang sama. Di sinilah kemahiran membaca kod yang hampir² sama diperlukan.

Adalah disarankan agar back up template anda terlebih dahulu dengan menekan 'Download Full Template' dan ikuti arahannya.

Di bawah ini saya perturunkan ilmu dari budak baru belajar ni.

1. Dashboard > Layout > Edit HTML > Tick expand widget templates > Ikuti langkah di bawah:



Perkataan Read more..... di dalam imej di atas bersifat boleh diubah. Anda boleh mengubahnya mengikut kesukaan anda.

Jika anda membuat entry baru, perkataan² dari langkah terakhir di atas akan muncul di bahagian Edit HTML bagi memudahkan anda untuk menaip di bahagian 'summary' dan di mana untuk menaip keseluruhan intipati post anda. Selamat mencuba... Kalau ada ilmu lain, sudi²kanlah berkongsi dengan saya.

Rumah maya bercat baru...

Kala ini saya begitu resah... Syafiah kini sedang berada di HSB, menjalani ujian imbasan CT. Lintasan² negatif bermain di fikiran. I'm helpless! Dah la dia kena puasa... Saya tak dapat temankan kerana perlu mengawasi dua orang lagi tentera yang lasak...

Cerita semalam. Seperti yang tertera, cat dan membina rumah maya lagi. Terlalu cerewet - main text kena lebar, mesti sebelah kiri, latar perlu putih, tulisan kena besar, perlu ada navigation tab, 2-ruang (column) (kalau banyak sangat, jadi serabut!). Saya suka FunkyZine di Bloggertricks. FunkyZine ni asalnya tema Wordpress tetapi telah diadaptasikan ke versi Blogger. Satu lagi template yang saya suka ialah template Ramadhan al-Mubarak dari Our Blogger Templates. Cuma main text dia berada di sebelah kanan. Saya akan cuba ubah ia ke sebelah kiri.

Cuma....
- main text width - 974px, saya tukar ke 1000px supaya ruang posting lebih lebar.
- navigation tab float - left, saya tukar ke right. Saya tukar cap dari uppercase ke titlecase.
- jenis tulisan asal telah diubah kepada Verdana 14px. Arial segala saya buang.
- saya juga buang RSS.
- header h1. Buang logo FunkyZine ke Tangan Yang Menghayun Buaian. Tukar width dan height ke 500px & 60px respectively.

Hasilnya benar² memuaskan hati. Warna² yang saya gemari ada dalam blog ini - hitam, merah, putih. Ini baru sedikit langkah. Sedikit kemahiran membaca kod html diperlukan. Suatu hari nanti saya pasti akan hasilkan template sendiri. Original. Yang sedap mata saya memandang. Yang ringan, ringkas tapi kreatif dan tersendiri.

Bandingkan versi asal dengan blog ini:

Klik sini untuk demo.

Saya nak buat [read more] pulak lepas ni...

Template baru lagi...

Sila jangan marah. Saya menukar kulit blog lagi. Tempohari baru saja saya mengaku yang saya dah lekat dengan 'Creation'. Huh... cakap tak serupa bikin! Mood sengalkah? Sebenarnya.. TAK!

Saya seringkali menguji masa blog ini untuk dimuat-turun. Dan saya sungguh suka mencuba sesuatu yang baru. Kakak saya seringkali mengatakan bahawa tulisan di bahagian 'blog post' tidak keluar seperti sepatutnya. Malah kak Emy pernah mengatakan posting langsung tidak dapat dibaca. Selain daripada kelajuan komputer itu sendiri, kedudukan sidebar juga penting dalam menentukan kelajuan muat-turun sesuatu laman web itu sendiri. Begitu juga jumlah posting di dalam satu muka. Lagi kurang posting dalam satu muka, maka muat-turun blog lagi dipercepatkan.

Tips ini saya dapat dari Saudara Sebol (syukran!):

Saya memilih untuk mempunyai sidebar di sebelah kanan kerana saya mahu ia dimuatkan selepas kandungan dimuatkan.

Yang agak berat di kemudiankan.

Oleh itu pengguna yang mempunyai kelajuan internet perlahan masih boleh membaca kandungan utama blog tanpa perlu habis menunggu keseluruhan blog dimuatkan. Walaupun, ia berlatarbelakangkan kelabu, sebelum menjadi putih, ia tetap boleh dibaca.

Mana-mana wiget yang berat dan tidak berapa perlu, diletakkan di paling kiri dan paling bawah.

Terbukti lebih cepat dibaca sungguh pun yang lain belum keluar sepenuhnya. Dan saya masih gemarkan latarbelakang 2-ruang seperti sebelum ini bagi membenarkan ruang posting lebih lebar. Mungkin saya akan menggodek lagi kod html selepas ini, insyaAllah.

Tapi sebelum tu, sila perhatikan perbezaan rank blog ni di Alexa & Technorati: