Cara Membuat Menu Horizontal Alternatif

Apa itu menu Horizontal ? Menu Horizontal adalah Menu(Link) Yang berbaris di bawah atau di atas header blog .gunanya adalah untuk membuat menu utama blog.untuk lebih jelasnya silakan liat link menu yang ada di blog saya ini yang ada tulisan Home, Bussines, Download KTSP SMP, Tukar Link, Pasang Iklan dan Daftar isil. biar lebih jelas silakan kamu liat contoh diatas.

Nah..dalam postingan kali ini akan memposting artikel tentang bagaimana Cara Membuat Menu Horizontal Alternatif. Cara buatnya pun mudah karena dalam postingan yang ini EFA mencoba membuat menunya secara alternatif .yaitu dengan cara menambah element di bawah header blog kita.Dan buat sobat yang ingin Membuat Menu Horizontal bisa mengikuti tutorial Membuat Menu Horizontal Alternatif Berikut ini.
Ikuti langkah-langkah berikut :
 
1.LOGIN ke Blogger
2.Klik "Tata Letak" lalu Klik "Edit HTML"
3.Cari kode]]></b:skin> Lalu copy kode berikut dan paste diatas kode yang tadi

#under_header{
margin:10px 0;
padding:1%;
width:98%;
}

 

4.Selanjutnya cari kode yang mirip dengan kode yang kaya dibawah ini

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</b:section>
</div>

 

5.Kemudian copy dan peste kode berikut persis dibawah kode yang diatas

<div id="under_header">
<b:section class='header' id='underheader' preferred='yes'/>
</div>

 

 6. Selanjutnya klik "Save Template" dan setelah tersimpan klik "Tata Letak" kemudain lihat hasilnya . ada  
     elemen baru dibawah header blog kamu.Atau kamu bisa Klik Tata Letak untuk melihat element baru 
     tersebut
7. Setelah element halaman yang di bawah header jadi.Silakan klik Tambah Gadget pada element baru  
    tersebut.lalu pilih HTML/javascript
8.Setelah itu Copy Kode berikut dan paste di didalamnya

<div id="menu">
|<a href="link" title="back to home">HOME</a>|
<a href="Link" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu1, '200px')" onmouseout="delayhidemenu()" title="pendidikan">Bussiness</a|
<a href="Link" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu2, '200px')" onmouseout="delayhidemenu()">Download KTSP SMP</a>|
<a href="Link" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu3, '200px')" onmouseout="delayhidemenu()" title="ilmu blogg"> Tukar Link</a>|
<a href="Link" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu4, '200px')" onmouseout="delayhidemenu()" title="agar banyak teman">Pasang Iklan</a>|
<a href="Link" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu4, '200px')" onmouseout="delayhidemenu()" title="usaha kecil">Daftar Isi</a>|
</div>

 

9.Selanjutnya ubah tulisan link yang berwarna merah.Degnan link-ling blog kamu dan udah Tulisan yang berwarna biru dengan Teks yang kamu inginkan .misalnya saja Home,Blogger atau yang lainya. Contohnya lihat pada menu diatas

The Owner of Education For All Blog hanyalah seorang Blogger pemula namun bila sobat blogger mania berminat untuk melihat tutorial lainya bergaya magazine blog silahkan. Akses melalui link di bawah ini :

• 
• 

» Selamat Berkreasi - E F A «

Cara menghilangkan Obeng dan kunci di Blog

• Icon Pensil atau yang diistilahkan dalam dunia blogger adalah “quickedit pencil” merupakan shortcut image yang disematkan dalam posting (umumnya di bawah posting)dan akan terlihat jika kamu telah login ke akun blogger kamu. Quickedit pencil berguna untuk mengedit postingan secara cepat dengan satu kali klik. Kadang-kadang ada saja dari para blogger yang kurang menikmati fasilitas tersebut karena alasan yang berbeda-beda, seperti ; merusak pemandangan, tidak biasa menggunakan, de-el-el. Nah, jika kamu mau, kamu bisa menghilangkan icon pensil tersebut. Caranya gampang dan cepat (itulah choki-choki), berikut “step”i wonder-nya :

1. Setelah sign in ke akun blogger kamu, pilih tab “Pengaturan” (Setting).
2. Di Halaman Pengaturan sub tab “Dasar” (Basic), temukan form pilihan “Tampilkan Editing Cepat di Blog Anda?” dan pilih “Ya” (Show Quick Editing on your Blog? dan pilih Yes).
3. Selesai.

• Icon Obeng dan Kunci (quickedit) kurang lebih sama pengertiannya dengan quickedit pencil, bedanya hanya dalam penggunaannya. quickedit pencil digunakan untuk edit posting, sedangkan icon obeng dan kunci (quickedit) digunakan untuk editing gadget atau widget dalam blog. Cara menghilangkan icon/image quickedit ini pun terbilang mudah, yakni menambahkan kode CSS di bawah ini dalam template blog kamu.

.quickedit { display: none; }Kalau masih bingung dimana menempatkan kode di atas, berikut triknya :

1. Klik “Design” –> “Edit HTML”.
2. Cari kode]]></b:skin>.
3. Copas kodenya tepat di atas kode yang berwarna merah tersebut.
4. Selesai.

Mudah bukan? Kalau kamu termasuk yang ngga suka penampakkan icon-icon tersebut, cepet gih langsung diterapin (ngga usah pake malu-malu segala). Selamat menghilangkan icon pensil serta icon obeng dan kunci di blog kamu…
 

The Owner of Education For All Blog hanyalah seorang Blogger pemula namun bila sobat blogger mania berminat untuk melihat tutorial lainya bergaya magazine blog silahkan. Akses melalui link di bawah ini :

• 
• 

» Selamat Berkreasi - E F A «

CARA MENULIS KODE HTML PADA POSTING

Saya hanyalah wong deso yang dulu ketika masih duduk dibangku SLTA merasa sangat bangga ketika saya ditunjukan oleh guru saya beberapa Komputer yang pada jaman dulu masih menggunakan sistem DOS tapi setelah saya diajari cara menggunakan komputer tersebut saya jadi benci dengan pelajaran komputer karna ribet. Waktu diperguruan tinggipun aku membencinya untunglah segera ada sistem window, eh jadi ngelantur nih oke kita bahasan cara menulis kode HTML pada posting

Ada beberapa cara untuk menuliskan kode-kode tersebut kedalam blog, diantaranya yaitu:

Cara Pertama :
- Gunakan software-software web design, misalnya Macromedia Dreamwaver, Microsoft Frontpage, Namao Web Editor. Atau bisa juga dengan software-software blogtools seperti post2blog dll.
- Trus tuliskan semua kode pada area design, kemudian copy kode-kode tersebut dari area HTML Code. Nha kode-kode dalam area HTML Code tersebut lah yang harus diposting.

Cara Kedua :
- Tuliskan semua kode/script ke dalam notepad
- Kemudian ganti/replace kode-kode berikut

Kode	Kode Pengganti
<	<
>	>
"	"

- Udah tahu kan caranya mereplace di notepad? itu lho dengan memilih menu edit --> replace kemudian pada kotak yang muncul masukkan kode yg akan direplace pada kolom "Find what" trus masukkan kode pengantinya pada kolom "Replace with"trus tekan tombol Replace All.
- Nha kalo udah semua baru kamu copy semua kode yang udah direplace all tadi, trus kamu masukkan kedalam postingan kamu.

Itu baru contoh penulisan kode HTML yang pendek. Bagaimana jika kode HTMLnya sampai satu baris, 3 baris atau mungkin beberapa paragaraf? Apa nggak repot? Ya memang.  Tetapi jika anda termasuk orang yang malas (seperti saya) dan ingin cara yang lebih paraktis juga bisa. Bukalah situs centricle.com. Disitu sudah disediakan kolom untuk menyulap kode HTML yang anda inginkan. Tampilannya seperti ini: arahkan kursor pada gambar untuk melihat gambar agar lebih jelas

Ketiklah kode HTMLnya pada kolom tersebut dengan cara biasa, atau copy paste langsung dari draf yang sudah ada pada program office anda. Kemudian untuk merubahnya kliklah Encode, maka dalam sekejap kode HTML anda akan disulap menjadi seperti di bawah ini. Selanjutnya anda tinggal copy paste kode tersebut ke halaman entri posting anda.

Sebagai catatan jika ada keraguan apakah penulisan kode HTML tadi sudah benar lalu anda ingin memperbaikinya, maka anda bisa kembalikan bentuknya ke semula, dengan cara klik Decode. Begitu juga sebaliknya. Anda bisa kembali lagi menyulapnya dengan klik Encode. Dan seterusnya. Kalau ingin berlama-lama, anda bisa bolak-balik seberapa anda mau. Barangkali sampai anda mahir

Demikianlahlah yang bisa EFA sampaikan untuk saat ini dan semoga bermanfaat... 

Teruslah berkreasi sobat.............

The Owner of Education For All Blog hanyalah seorang Blogger pemula namun bila sobat blogger mania berminat untuk melihat tutorial lainya bergaya magazine blog silahkan. Akses melalui link di bawah ini :

• 
• 

» Selamat Berkreasi - E F A «

Cara Menghilangkah Tulisan di poskan oleh: dan Label posting pada Blogspot

Jika sebelumnya saya telah membuat posting dengan judul Cara Menghilangkan Langgan: Entri (Atom) dan Subscribe to: Poskan Komentar (Atom) pada Blogspot, kali ini saya akan membuat posting Cara Menghilangkan Tulisan Diposkan Oleh: dan Label Posting pada Blogspot.

Tulisan Diposkan oleh: dan tulisan Label: judul posting, biasanya terletak/berada/tampil di bawah posting. Nah jika Anda ingin menghilangkan tulisan-tulisan tersebut, berikut ini caranya:

1. Login ke Blogspot => klik Rancangan/Design => pilih Edit HTML, kasih centang pada kotak Expand Template Widget dan gunakan tombol Find untuk memudahkan pencarian kode;
2. Untuk menghilangkan tulisan Diposkan Oleh:, cari kode di bawah ini:

<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span>

Dan jika Anda juga ingin menghilangkan tulisan jam di depan tulisan diposkan oleh:……., maka cari kode di bawah ini:

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</span>

3. Hapus/delete semua kode di atas;
4. Kemudian untuk menghilangkan tulisan Label:……, cari kode di bawah ini:

<span class='post-labels'>
<b:if cond='data:post.labels'><data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,
</b:if></b:loop></b:if>
</span>

5. Hapus/delete semua kode di atas;
6. Setelah selesai, jangan lupa Save Template.

Demikianlah tutorial tentang Cara Menghilangkan Tulisan Diposkan Oleh: dan Label Posting pada Blogspot ini, semoga bermanfaat.

The Owner of Education For All Blog hanyalah seorang Blogger pemula namun bila sobat blogger mania berminat untuk melihat tutorial lainya bergaya magazine blog silahkan. Akses melalui link di bawah ini :

• 
• 

» Selamat Berkreasi - E F A «