Thursday, February 28, 2013

Membuat Daftar isi blog Secara otomatis


Membuat Daftar isi blog Secara otomatis
Membuat daftar isi blog secara otomatis disini yang maksud adalah, jika kita melakukan postingan baru maka secara otomatis judul blog yang baru akan langsung masuk ke dalam daftar isi tanpa harus melakukan edit pada layout blog kita.Dengan trick ini, kita hanya membutuhkan sedikit tempat di halaman blog kita, karena jika pengunjung ingin melihat daftar isi tersebut, maka akan terbuka jendela baru. Sehingga di halaman blog kita cukup dicantumkan dua kata yaitu : Daftar isi, dan bisa kita letakkan di tempat yang kita inginkan.Caranya seperti langkah-langah berikut ini :LANGKAH PERTAMA1. Log in ke blogger2. Klik Layout di dashboard menu3. Klik Edit HTML4. Beri Centang pada Expand Widget Templates5. Cari kode dibawah ini.

  • <b:include data='post' name='post'/>

6. Ganti Kode diatas dengan kode dibawah ini.
  • <b:if cond='data:blog.homepageUrl != data:blog.url'><b:if cond='data:blog.pageType != "item"'><a expr:href='data:post.url'><div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;"><data:post.title/></div></a><b:else/><b:include data='post' name='post'/></b:if><b:else/><b:include data='post' name='post'/></b:if>
Kemudian ikuti langkah langkah berikut ini :1. Masuk ke account blogger anda2. Pilih menu tata letak / Layout3. Pilih tambah gatged4. Pilih html/javascrip5. COPAS kode di bawah ini :<a href="http://parlan-go.blogspot.com/search?max-results=200" target="_blank"><span style="font-weight:bold;">DAFTAR ISI</span></a>http://parlan-go.blogspot.com/ Ganti dengan alamat blog andaresults=200 ganti dengan jumlah yang anda inginkan, angka 200 menunjukkan jumlah judul yang akan di tampilkan.

Edit Menu Blog

Cara membuat menu pada Blog


pertama masuk ke bagian edit template sobat, kemudian cari kode ]]></b:skin> ( gunakan F3 agar mempercepat pencarian )
bila sobat sudah menemukan ]]></b:skin> selanjutnya sisipkan kode dibawah ini tepat di atas ]]></b:skin>
ul.menu {list-style-type:none;width:auto;position:relative;display:block;height:33px;font-size:.6em;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtOSCMerGMD_8OwN_890LmexkBOj7dyUSQNgNgWz33xm61jelULi6oqoCjgDbTKQkSDFCvpCKY_B4kz_fQcb2P3owM4zzBfBjpC5udxGgXUUHS7Aw42hgjarfIIlYIQVM0ZkfqB0OriHk/s1600/bg.png") repeat-x top left;font-family:Verdana,Helvetica,Arial,sans-serif;border:1px solid #000;margin:0;padding:0;}
ul.menu li {display:block;float:left;margin:0;padding:0;}
ul.menu li a {float:left;color:#A79787;text-decoration:none;height:24px;padding:9px 15px 0;font-weight:normal;}
ul.menu li a:hover,.current {color:#fff;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtOSCMerGMD_8OwN_890LmexkBOj7dyUSQNgNgWz33xm61jelULi6oqoCjgDbTKQkSDFCvpCKY_B4kz_fQcb2P3owM4zzBfBjpC5udxGgXUUHS7Aw42hgjarfIIlYIQVM0ZkfqB0OriHk/s1600/bg.png") repeat-x top left;text-decoration:none;}
ul.menu .current a {color:#fff;font-weight:700;}
/*Garis Merah*/
ul.menu.red{background-color:#B11718;}
ul.menu.red li a:hover, .menu.red li.current {background-color:#DE3330;}
kemudian save template.

hal selanjutnya adalah masuk ke bagian tata letak atau tempat menambahkan widget, dan hal terakhir adalah sisipkan kode dibawah ini dimana sobat ingin menu tersebut muncul

<ul class="menu red">
<li class="current"><a href="#(url homepage anda)">Home</a></li>
<li><a href="#">EDIT ME</a></li>
<li><a href="#">EDIT ME </a></li>
<li><a href="#">EDIT ME</a></li>
<li><a href="#">EDIT ME</a></li>
<li><a href="#">EDIT ME</a></li>
<li><a href="#">EDIT ME</a></li>
</ul>
ganti dengan link yang dituju

Editing Blog


how to edit the top blooger horizontal menu, menu bar
or top navigation menu,Blogger Tricks

- Before We Start: 
- You need to be careful while changing your template.
- Before you make any changes, Back up your template and save it at safe
place.
alot of people download new and beautiful blogger templates with top menu added
bet they can't edit, modfy, or even remove it, and today we'll learn how to edit
any blogger template top horizontal menu, what ever the template, we'll seE how
to defined the top menu codes and edit it. editing the top menu links dependes on
finding the menu codes in our template so the first step is to find the menu codes,
actually finding the menu code is the hardest part. so log in to your blogger account,
then click LAYOUT > EDIT HTML . now you are at EDIT HTML page, and here you can
see all you template code. open your blog in a new window and read your top menu
links titles, and see the next picture, i'll use here nice template called : integral
made by blogandweb.com and you can seeit's demo here.
Editing blogger top menu Links
YOU MUST READ THE INSTRUCTIONS ON THE LAST IMAGE. at our tutorial we'll copy the link title "contact us" and now go yo your blogger account page " Edit html" then
if you use FireFox or Internet Explorer or any another Browser click "CTRL + F"
and past the link title that you copied it, and here it our example we'll past the
title " contact us " and click Enter or Clikc Find. the browser must find text match
the title in your template code. please Zoom the next image and read the instructions,
Editing blogger top menu Links
if you selected word like " home " to defined your menu code place in your template
code, let us tell you that it's bad choice because it's too popular word and you'll
find it more than 3 or 4 times in your code, and here we aim to find the menu titles
just to defined the menu code location in our template code, and here is some menu
codes will help you to know the menu code once you see it,
<ul id='menu'>
<li><a accesskey='1' href='#' title=''>Home</a></li>
<li><a accesskey='2' href='#' title=''>Contact
us
</a></li>
<li><a accesskey='3' href='#' title=''>About Us</a></li>
<li><a accesskey='5' href='#' title=''>Edit</a></li>
<li><a accesskey='5' href='#' title=''>Edit</a></li>
</ul>
OR
<div id='menu'>
<ul>
<li><a href='#'>Home</a></li>
<li><a href='#'>Blog</a></li>
<li><a href='#'>Photos</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact
Us
</a></li>
</ul>
</div>
you must find the link title in a form like the last 2 tables, if you find it like
this, then you found your menu code and this is was the hardest part, now lets talk
about how to edit your top navigation menu, so please see the next tables to see
how to edit your top menu and follow the instructions,
<ul id='menu'>
<li><a accesskey='1' href='
Title 1 link URL'
title=''>Tittle 1</a></li>
<li><a accesskey='2' href='Title 2 link URL'
title=''>Tittle 2</a></li>
<li><a accesskey='3' href='Title 3 link URL'
title=''>Tittle 3</a></li>
<li><a accesskey='5' href='Title 4 link URL'
title=''>Tittle 4</a></li>
<li><a accesskey='5' href='Title 5 link URL'
title=''>Tittle 5</a></li>
</ul>
OR
<div id='menu'>
<ul>
<li><a href='Home page link URL'>
Home</a></li>
<li><a href='Blog page link URL'>Blog</a></li>
<li><a href='Photos page link URL'>Photos</a></li>
<li><a href='About page link URL'>About</a></li>
<li><a href='Contact us page link URL'>Contact Us</a></li>
</ul>
</div>
and now i think every thing is clear for you to start editing your blogger top
horizontal navigation menu, and here is a trick you may need to make your contact
us page

Head Text



Login ke BLOGGER
Pilih Template sebaik nya di back up dulu kalau ada salah edit nanti
pilih Edit HTML >> Lanjutkan
Centang dulu Expand Template Widget
Cari kode <head> dengan menggunakan Ctrl+F biar cepat
pasang kode script di bawah ini diatas kode </head>

<b:if cond='data:blog.Url == data:blog.homepageUrl'> <script language='javascript'>alert ("UBAH TULISAN INI SESUAI SELERA KAMU"); </script> </b:if>


Terakhir klik simpan .

Cara Membuat Halaman Beranda / Home di Blogspot


Cara Membuat Halaman Beranda / Home di Blogspot

Cara Membuat Halaman Beranda / Home di Blogspot - Bagaimana caranya membuat halaman Beranda / Home di blogspot? Pertanyaan itu yang saya sering lontarkan pada diriku sendiri sejak memulai berkenalan dengan blog. Setelah beberapa lama mencari di om google, akhirnya pertanyaan tersebut dapat terjawab.

Sebenarnya, ada beberapa cara membuat halaman beranda / home di blogspot, namun yang saya posting kali ini adalah trik paling mudah dan yang saya terapkan di blog ini dan beberapa blog sobat yang pernah kuedit (editor kacangan). Bagaimana saya membuat halaman beranda atau homepage di blog ini?

PEMBERITAHUAN: Setelah template blog ini diubah, cara ini sudah tidak digunakan di blog ini, tetapi fungsinya masih bisa dipake oleh sobat blogger. Terima Kasih :)

Secara garis besar, ada 3 (tiga) hal yang harus dilakukan:
1. Membuat postingan yang umum, yang menjelaskan garis besar isi blog.
2. Merubah format tanggal penerbitan postingan umum tersebut.
3. Merubah jumlah postingan yang muncul pada halaman utama/beranda/homepage.
Berikut Penjelasannya:
1. Membuat postingan yang umum, yang menjelaskan garis besar isi blog.
Pada saat kita melihat (membuka) sebuah website yang memiliki hosting sendiri dan mengklik halaman berandanya, yang muncul adalah halaman index yang berisikan sambutan atau penjelasan secara umum isi website tersebut. Saya berpikir untuk membuat hal yang sama dengan website berbayar itu, padahal hosting blogku di blogger. Apakah ini bisa di lakukan? Jawabnya bisa, sebagai langkah awal adalah membuat postingan yang umum, yang menjelaskan garis besar isi blog (Lihat contohnya di blog ini, silahkan klik "home" menu di atas). Meskipun pada contoh blog ini masih amburadul, tapi untuk memperbaikinya tinggal melakukan 'edit entri'.

2. Merubah format tanggal penerbitan postingan umum tersebut.
Setelah membuat postingan seperti langkah nomor 1 di atas, segera terbitkan kemudian edit kembali. Lihat gambar berikut:
Setelah masuk pada halaman 'edit entri', pilih "postingan umum" tersebut (postingan yang akan dijadikan homepage).
Selanjutnya, jika sudah masuk pada halaman pengeditan, silahkan langsung mengklik "Opsi Entri" atau "Post Options".

Rubah Format tanggal penerbitannya, usahakan di rubah pada tanggal terbaru.

Pada gambar di atas, entri ini diterbitkan pada tanggal 30 bulan 11 tahun 2009. Jika sekarang adalah tanggal 20 bulan 9 tahun 2010, berarti postingan ini akan berada di urutan belakang (jika ada postingan yang lebih baru). Tapi jika format tanggal tersebut dirubah menjadi tanggal 30 bulan 11 tahun 2012, maka tulisan atau entri tersebut akan selalu berada di depan (ingat, pada pengaturan default blogger, postingan terbaru selalu berada di atas).
Nah, jika ingin menjadikan "postingan umum" (yang telah dibuat pada langkah nomor 1) selalu muncul pada halaman beranda atau home, ubahlah tanggalnya "semuda mungkin" (di blog saya ini, saya merubahnya menjadi tanggal 17 Juli 2012 dengan format penulisan "12/07/17"). Untuk melihat hasilnya, perhatikan gambar berikut:

Yang saya beri lingkaran merah adalah "Postingan Umum" milik saya. Meskipun tulisan ini (Cara Membuat Halaman Beranda / Home di Blogspot) lebih belakangan saya posting, tetapi toh "postingan umum" tersebut selalu berada di atas.
Jika sobat telah mengerti dan merubah format tanggalnya, silahkan klik "terbitkan entri".

3. Merubah jumlah postingan yang muncul pada halaman utama/beranda/homepage.
Langkah terakhir adalah mengatur atau merubah jumlah postingan yang muncul pada halaman utama. Caranya,
1. Masuk ke halaman Dasbor, atau klik di sini
2. Masuk Pada halaman "pengaturan"
3. Setelah masuk pada halaman pengaturan, klik "Format"
4. Carilah tulisan "Tampilkan", rubahlah angka yang ada menjadi 1. Perhatikan gambar di bawah:

Pada gambar di atas, angka 5 diubah menjadi 1. Pastikan pada menu dropdownnya pilih 'posting'. Artinya, jika kita memilih angka 1, berarti kita 'memerintahkan' agar jumlah tulisan yang muncul pada halaman utama adalah 1, yaitu tulisan / postingan terbaru. Terakhir, klik Save atau "simpan setelan".

Logikanya, Postingan yang telah dirubah format tanggalnya menjadi format "tanggal terbaru" akan selalu muncul pada halaman Homepage.

Edit Tamplate

1. Masuk ke akun Blogger Anda. 

2. Klik Rancangan > Edit HTML

3. Untuk mem-backup template, silakan klik Download Template Lengkap. Hal ini untuk berjaga-jaga kalau nanti terjadi kesalahan dalam pengeditan. 

4. Cari kode ]]></b:skin> (Gunakan Ctrl + F untuk memudahkan pencarian) 

5. Copy kode di bawah ini dan paste di bawah kode ]]></b:skin> 

<style type='text/css'> 
<b:if cond='data:blog.pageType != &quot;item&quot;'> 
<b:if cond='data:blog.pageType != &quot;static_page&quot;'> 
.post-body{display:none;} 
</b:if> 
</b:if> 
</style> 

6. Klik tombol SIMPAN TEMPLATE

7. Selesai. 

Tamplate Blog


Cara mengganti template blogger, inilah satu hal yang mungkin dipertanyakan oleh blogger pemula, sudah pasti para blogger ingin tampilan blognya lebih keren dan profesional dari pada blog yang tampilannya berantakan, loadingnya berat ataupun tidak ramah sama sekali kepada pengunjung, ada juga yang tampilan blognya disesuaikan dengan kesukaannya contohnya template naruto dan lain-lain.Kenapa ganti template..? mungkin ini yang terjadi pada anda yaitu bosan dengan yang itu-itu aja, pingin template yg lengkap misalnya saja anda ingin template yang mempunyai menu horizantal, menu breadcrumbs, dll sedangkan anda tidak paham dengan edit HTML, dan ada juga karna templatenya rusak karna kesalahan pemasangan widget,gadget dan kesalahan ketika mengedit HTML.
Template seperti apa yang baik dan cocok untuk blog kita ? yaitu template yang anda pilih menurut pilihan anda sendiri dan yang pas dengan hati anda baik itu melalui saran dari teman blogger yang laen ataupun tidak, karna andalah yang tau karakter blog anda.
Bagaimaina cara mengganti template ? anda bisa googling template seseuai dengan selera anda, yang mempunyai format .XML, dan biasanya template berformat .XML ini dicompress dalam format .ZIP maka kita harus mengekstraknya terlebih dahulu. dengan cara klik kanan seperti gambar dibawah ini.
File template anda sudah siap ? selanjutnya masuklah ke akun blogger anda dan arahkan kursor pada blog yang kan anda ganti templatenya klik gambar kertas kemudian pilih template.Kemudian pilih cadangkan/pulihkanKemudian klik browse dan cari file .XML yang telah anda ekstrak tadi.Kemudian klik unggahJika muncul peringatan widget/gadget, pilih saja pertahankan widget/gadget, agar gadget yang terpasang pada blog anda tidak hilang dan tidak susah susah tuk menambahkannya lagi.



Bottom Kiri