Read more »

Cara Edit HTML pada Tampilan Baru Blogspot

Tahun 2012 ini blogger meluncurkan tampilan barunya atau New blogger Interface semakin apik dan rapih namun tampilan barunya ini membuat sebagian blogger mungkin sedikit kaku saat kita akan merubah template dan memasuki halaman Edit HTML, jika merasa ini tips yang anda perlukan saya ingin berbagi dengan anda semua.

Di bawah ini saya tuliskan panduan bagaimana cara Edit HTML pada tampilan baru blogspot ini yaitu :

1. LOGIN, login ke Blogger dengan akun anda pada halaman Dashboard klik menu MORE OPTION kemudian klik atau pilih TEMPLATE.

2. TEMPLATE, pada halaman template ini anda akan melihat preview template Live on Blog di bawahnya ada tombol EDIT HTML sebelum anda edit silahkan klik tombol BACKUP/RESTORE  yang berada di sebelah kanan atas bertujuan untuk menyimpan template sebelum and edit sehingga aman tersimpan di PC anda jika ada kekeliruan dalam proses Edit HTML anda bisa upload template asli anda, kemudian silahkan klik EDIT HTML,

3. EDIT HTML, disini anda sudah memasuki halaman Edit HTML silahkan klik PROCEED/LANJUTKAN.

4. EDIT HTML, seperti inilah halaman Edit HTML yang  baru diluncurkan Blogger kemudian langkah terakhir seperti biasa beri tanda centang pada EXPAND WIDGET TEMPLATE  untuk pencarian kode html tekan Ctrl + F pada keyboard anda dan masukkan kode yang anda cari pada kolom pencarian. Setelah anda selesai Edit HTML langkah terakhir klik SAVE TEMPLATE.

 
Dengan tips blogging cara Edit HTML pada tampilan baru blogspot ini semoga bisa membantu dan tentunya bisa bermanfaat.

Sumber : http://nenyjosh.blogspot.com/2012/11/cara-edit-html-pada-tampilan-baru.html

Posted by : Unknown on :Wednesday, 9 January 2013 With 0comments

Read more »

Cara Membuat Halaman Statis di Blogspot

Bertambah lagi fitur menarik dari Blogspot. Para blogger yang blognya bernaung di Blogspot kini sudah bisa membuat halaman statis (static page) pada Blogspot. Jika dulu saya pernah mengatakan bahwa pada Blogspot belum bisa dibuat halaman khusus yang terpisah, tetapi hanya halaman-halaman posting yang berurutan, namun sekarang kemampuan itu telah dibuat oleh Blogspot. Halaman khusus yang terpisah dari kumpulan posting (tulisan) inilah yang lazim disebut sebagai Halaman Statis (static page).

Berikut ini langkah membuat halaman statis pada Blogspot:

1. Login ke dasbor Blogspot Anda, kemudian klik link menu Posting.
2. Selanjutnya klik submenu Edit Laman yang merupakan menu untuk membuat static page pada Blogspot.

3. Anda akan diarahkan pada pembuatan halaman baru. Cara mengisi halaman yang akan Anda buat mirip dengan membuat posting. Klik tombol Tayangkan Laman jika sudah selesai.
4. Jika baru pertama kali membuat halaman statis ini, Anda akan diminta memilih lokasi dimana Anda akan menampilkan link halaman yang baru saja Anda buat. Link ini akan berfungsi sebagai menu pada blogspot Anda yang jika diklik akan menuju halaman tersebut.
5. Ada 3 pilihan lokasi dari link menu halaman yang Anda buat:
• Bilah Samping Blog : jika Anda ingin menampilkan menu halaman statis Anda pada sidebar blogspot. Ini akan menjadi menu vertikal pada Blogspot Anda.
• Tab Blog : jika Anda ingin menampilkannya di bagian atas blog Anda. Ini akan menjadi menu horizontal pada Blogspot Anda.
• Tidak Ada Gadget : jika Anda ingin menampilkannya secara manual seperti ketika membuat menu horizontal pada Blogspot baik menggunakan CSS maupun membuat menu dengan Javascript yang pernah kita pelajari sebelumnya.

Jika Anda memilih opsi pertama atau kedua, maka secara otomatis sebuah gadget baru yang bernama Gadget Pages akan bertambah pada blog Anda. Anda bisa melihatnya melalui menu Tata Letak kemudian pilih submenu Elemen Halaman.

 Anda bisa mengedit Gadget Pages ini jika ingin mengatur halaman apa saja yang ingin ditampilkan pada Blog Anda. Hmm, menarik bukan?

6. Anda juga bisa menambahkan secara manual Gadget Pages ini (jika tidak memilih pilihan pertama atau kedua pada langkah 5 di atas). Caranya seperti biasa, yaitu:
• Pada dasbor Anda, pilih link menu Tata Letak, kemudian pilih subtab menu Elemen Halaman.
• Klik link Tambah Gadget pada bagian blog yang ingin Anda tempatkan gadget pages ini.

• Maka akan muncul window penambahan gadget baru. Silahkan cari dan pilih Gadget Pages.

Saya rasa, Anda sudah bisa membuat halaman contact  pada Blogspot pada halaman statis menggunakan fitur ini dan bukan lagi membuatnya pada halaman posting.

Namun,masih ada beberapa kekurangan dari fitur ini. Mungkin karena masih baru dan bisa dikatakan jauh ketinggalan dari pada sistem yang dibuat oleh Wordpress. Beberapa kekurangannya adalah kita belum bisa membuatt dropdown menu pada Blogspot menggunakan fitur ini. Selain itu, kita hanya bisa menambahkan 1 (satu) saja gadget pages nya. Artinya, kita tidak belum bisa membuat menu vertikal dan horizontal sekaligus menggunakan fitur ini.

Meskipun demikian, perkembangannya masih layak untuk kita tunggu.
Selamat mencoba.
 

Sumber :

 http://nenysmadda.blogspot.com/2011/08/cara-membuat-halaman-statis-di-blogspot.html

Posted by : Unknown on : With 1 comments:

post dua cara buat sticky post

Read more »

Cara Membuat Sticky Post

Sticky Post yaitu posting lama yang tidak pernah tergantikan posisinya oleh posting baru. Berikut ini cara membuat sticky post di blogspot :
1. Login ke Blogger
3. Klik pada tambah gadget
4. Pilih Text atau HTML, isi seperti Anda memposting artikel
5. Klik save

Setelah anda menyimpan sticky post berupa gadget tsb, maka anda perlu menyeret gadget sticky post ke kolom Posting, caranya :
1. Klik dan tahan pada 'gadget' Sticky post yang tadi Anda buat
2. Seret ke arah kotak Posting Blog, dan lepas klik tepat diatasnya.
3. Selesai

Anda sudah punya Sticky Post yang akan selalu berada di atas halaman blog anda.

Sumber : http://nenyjosh.blogspot.com/2012/11/cara-membuat-sticky-post.html

post dua cara buat sticky post

Posted by : Unknown on : With 0comments

postingan satu cara buat menu horizontal

Read more »

Membuat Menu Horizontal

Isi blog yang lebih dikenal dengan istilah postingan, tidak selamanya akan membahas satu topik tertentu saja. Walaupun pada awal-awalnya kita memegang teguh hanya akan membahas "ini" dan yang "itu" tidak perlu. Tetapi ditengah jalan ngeblog pasti akan tergoda untuk menulis yang "itu". Apa sebab?

Jika cerita di atas benar adanya, maka saatnya Anda memikirkan memasang menu atau biasa disebut navigasi blog, yang dengan sistem menu ini sangat membantu pembaca blog Anda. Dengan klik menu PowerPoint (misalnya), seseorang yang ingin mencari tulisan tentang PowerPoint. maka blog Anda hanya menyediakan tulisan tentang PowerPoint dalam bentuk daftar isi, begitupun dengan klik Excel maka blog Anda menyediakan semua tulisan tentang Excel. Sehingga seorang pengunjung tidak dibingunkan daftar isi yang terlalu banyak apalagi dengan topik-topik yang berbeda.

Beberapa template secara default menyediakan menu, namun beberapa template lagi tidak menyediakan. Untuk membuatnya ikuti langkah-langkah berikut :

1. Login ke blogger terus pilih Layout --> Edit HTML, trus beri tanda centang pada kotak "Expand Widget Templates". jangan lupa template di backup dulu.
2. Cari kode berikut ini :

<b:section class='header' id='header'
maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true'
title='your blog title (Header)' type='Header'/>
</b:section>

caranya nyari biar gampang, copy script diatas lalu tekan Ctrl-f kemudian paste di kotak find, nha langsung ketemu kan.
teru ganti text yang berwarna hijau sihingga menjadi seperti ini:

<b:section class='header' id='header'
maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='false'
title='your blog title (Header)' type='Header'/>
</b:section>

terus di Save

Cara 1. Menu Horizontal Link ke Blog Lain
1. Copy script berikut ini

<div id="tabshori">
<ul>
<li><a href="http://trik-tips.blogspot.com"><span>Home</span></a></li>
<li><a href="http://trik-tips.blogspot.com"><span>Trik-Tips</span></a></li>
<li><a href="http://trik-tips.blogspot.com"><span>Free Template </span></a></li>
<li><a href="http://trik-tips.blogspot.com"><span>Kamus</span></a></li>
<li><a href="http://trik-tips.blogspot.com"><span>Profile</span></a></li>
</ul>
</div >

2. Ganti http://trik-tips.blogspot.com dengan link yang kamu tuju. Link tersebut bisa berupa alamat blog lain atau link postingan km. Untuk mendapatkan link postingan caranya klik kanan pada judul postingannya trus pilih "copy link location" (untuk mozilla firefox).
Kemudian text yang dicetak tebal bisa kamu ganti dengan text yang kamu suka. Text tersebut adalah text yang muncul di tombol/menu.

3. Klik tab Page Elements, kemudian di daerah header klik Add a page element lalu pilih HTML/JavaScript paste script link tadi di dalam kotak content terus simpan, nha itu kan tempatnya diatas, coba drag kebawah dikit, nha gitu, terus simpan dan lihat hasilnya.

Cara 2. Menu Horizontal Link ke Label

1. Login dengan account Anda di http://www.blogger.com/
2. Pada bagian dasbor, klik tata letak
3. Tambahkan gadget baru

Catatan: Pilih tambah gadget yang posisinya di bawah header (kebanyakan blog menempatkan menu pada bagian ini)

4. Pilih jenis gadget HTML/Javascript
5. Muncul kotak dialog Mengkonfigurasi HTML/Javascript
6. Pada bagian Judul, silahkan kosongkan
7. Lalu copy dan vaste script berikut ini

<div id="navcontainer">
<ul id="navlist"><li class="first"><a href="http://bugishq.blogspot.com/">Home</a></li>
<li><a blank="" href="http://bugishq.blogspot.com/search/label/powerpoint" target="-">PowerPoint</a></li> <li><a blank="" href="http://bugishq.blogspot.com/search/label/excel" target="-">Excel</a></li>
<li><a blank="" href="http://bugishq.blogspot.com/search/label/word" target="-">Word</a></li>
</ul>
</div>

Teks yang perlu di edit:

• bugishsq.blogspot.com, ganti dengan alamat blog Anda
• powerpoint, excel, dan word, sesuaikan dengan label postingan blog Anda
• PowerPoint, Excel, dan Word, sesuaikan dengan kata yang ingin tampil pada menu

8. Klik simpan
9. Lihat hasilnya pada blog Anda

Catatan:
Teks target="_" blank atau yang semacamnya menunjukkan bahwa jika diklik salah satu menu maka akan membuka halaman baru (namun beberapa software browser tidak mendukung fasilitas ini). Selain itu, Anda dapat menambahkan menu-menu lain dengan copy salah satu menu yang ada dan kemudian paste pada urutan menu yang Anda inginkan.

Silahkan pilih cara membuat menu horizontal sesuai dengan kebutuhan anda. Contoh pada blog ini menggunakan cara 2. yaitu menu horizontal dengan link ke label
Selamat Mencoba....


Sumber : http://nenysmadda.blogspot.com/2011/08/membuat-menu-horizontal.html

postingan satu cara buat menu horizontal

Posted by : Unknown on : With 0comments