Showing posts with label Tampilan Blog. Show all posts
Showing posts with label Tampilan Blog. Show all posts

Wednesday, 14 July 2010

Pengertian Blogroll

Apa itu Blogroll?

Blogroll atau di sebut juga Link Exchange atau kata orang bandung sih tukeran link antar blog atau website adalah menyimpan link address milik orang lain pada blog/website milik kita.



Apa manfaat dari blogroll?

Mungkin secara sekilas para sobat berpikir bahwa memasang link address milik orang lain pada blog/website milik kita akan merugikan, sebab dengan itu tentu saja kita memberikan jalan kepada para pengunjung untuk meninggalkan blog kita. Alasan itu mungkin ada benarnya, akan tetapi tidak seutuhnya benar. Dengan adanya blogroll banyak sekali manfaat yang kita dapatkan, antara lain yaitu mempererat tali silaturahmi atau tali persaudaraan diantara pemilik blog/website. selain itu semakin banyak blog kita di link oleh blog lain maka semakin baik pula posisi rangking blog kita pada Search Engine semacam Google, Yahoo, Msn serta teman-temannya. Tentu saja sama-sama kita ketahui bahwa setiap pemilik blog/website berkeinginan bahwa blog/website miliknya mempunyai rangking yang baik pada search engine. Makanya budayakan tukeran link jangan pelit, karena kalau kita pelit memberi link ya tentu saja tidak akan ada yang mau pasang link addres milik kita pada blog mereka.

Pengaturan Blog Yang Baik

Sobat yang baru membuat blog tentu masih belum mengerti cara setting atau pengaturan menu pada blogspot. Pada dasarnya sttingan default yang diberikan blogger sudah cukup untuk digunkan. Namun jika sobat mengeditnya tentu akan lebih baik lagi, karena banyak fungsi-fungsi yang bisa kita manfaatkan.

Pertama masuk blogger-> pilih pengaturan (setting). Ada berbagai menu dan keterangannya seperti di bawah ini, dan yang berwarna merah adalah pengaturan yang sangat penting, yang lainnya sobat bisa menyesuaikannya dengan kebutuhan.

# Menu Pengaturan -> Dasar

* Alat Blog : untuk mengimpor, mengekspor dan menghapus blog
* Judul : isi dengan judul blog sobat
* Uraian : isi dengan keterangan dari blog sobat
* Tambahkan blog Anda ke daftar kami? : pilih "Ya'
* Biarkan mesin pencari menemukan blog Anda? : supaya terindeks oleh google maka pilih "Ya'

* Tampilkan Editing Cepat di Blog Anda? : untuk memudahkan sobat dalam pengeditan blog sbaikanya pilih "ya"
* Tampilkan Link Posting Email? jika pilih "ya", maka pengunjung bisa mengirimkan postingan kita ke orang lain melalui email
* Konten Dewasa? jika tidak mengandung unsur pornografi sebaiknya pilih "tidak"
* Pilih editor entri : pilih "Editor yang diperbarui" karena ini adalah fitur terbaru blogger yang mempunyai banyak fungsi
* Aktifkan transliterasi? : berfungsi untuk mengaktifkan terjemah kata pada post editor yang dipilih



# Menu Pengaturan -> Format

* Tampilkan : untuk menentukan berapa jumlah postingan yang akan muncul pada halaman depan blog
* Format Header Tanggal : bentuk tampilan tanggal diatas postingan blog
* Format Tanggal Index Arsip : bentuk tampilan tanggal pada arsip yang ada pada widget/sidebar
* Format Timestamp : tanggal postingan
* Zona Waktu : karena kita tinggal di Indonesia maka pilih (GMT+07.00) Jakarta
* Bahasa : pilih Inggris (Inggris Raya), jika pada kolom komentar dibawah postingan tidak muncul.
* Konversi ganti baris : untuk mengatur apakah mau dikonversi kode tag pada post editor secara otomatis
* Tampilkan Field Judul : menampilkan judul, pilih saja "Ya"
* Tampilkan kolom Link : untuk menambahkan link yang berhubungan kedalam setiap postingan.
* Aktifkan perataan float : untuk mengaktifkan fungsi penjajaran pada text dan gambar
* Templat Entri : untuk mengisi teks yang mau ditampilkan pada setiap posting secar otomatis





# Menu Pengaturan -> Komentar

* Komentar : sebaiknya pilih "Ya" jika komentar ingin di tampilkan
* Siapa yang Bisa Berkomentar ? : mengatur siapa saja yang boleh memberi komentar di blog kita
* Penempatan Formulir Komentar : sebaiknya piliih "Disemat di bawah entri" supaya pengunjung mudah memberikan komentar
* Default Komentar untuk Entri : pilih "Ya" jika postingan baru dibehkan untuk dikomentari
* Tautbalik : melacak laman lainnya di dalam web yang terhubung dengan kiriman kita
* Bawaan Tautbalik untuk Posting : untuk mengatur apakah mau mengaktifkan fungsi backlinks atau tidak
* Format Timestamp Komentar : tampilan waktu yang muncul pada komentar
* Pesan Formulir Komentar : jika diisi tulisan, maka akan muncul sebelum kotak komentar. tulislah ajakkan agar pengunjung berkomentar di blog kita.
* Moderasi komentar : untuk menyaring komentar yang masuk sebelum ditampilkan. sebaiknya pilih "tidak" jika komentar ingin langung tampil di postingan blog.
* Tampilkan verifikasi kata untuk komentar? : untuk menampilkan kode verifikasi jika ebelum komentar dikirimkan. sebaiknya pilih "tidak".
* Tampilkan gambar profil dalam komentar? : untuk menampilkan foto profil blogger, sebaiknya pilih "Ya"
* Email Pemberitahuan Komentar : untuk mendapatkan pemberitahuan dari blogger melalui email jika ada yang meninggalkan komentar di blog kita.




# Menu Pengaturan -> Arsipkan

* Frekuensi Arsip : untuk mengatur frekuensi arsip. Misalnya arsip harian, mingguan atau bulanan.
* Aktifkan Halaman Posting? : mengaktifkan halaman posting untuk setiap artikel.





# Menu Pengaturan -> Feed Situs

* Izinkan Feed Blog : untuk mengatur jumlah karakter artikel yang dikirim via RSS Feed atau Feed email.
* Posting URL Pengubahan Arah Feed : untuk mengalihkan alamat URL Feed. Kosongkan saja jika kita belum punya alamat feed.




# Menu Pengaturan -> Email & Seluler

* Alamat BlogSend : untuk mendapatkan kiriman postingan ke alamat email Anda setiap kali Anda memposting pada blog Anda


# Menu Pengaturan -> Open ID : untuk masuk ke situs yang mengaktifkan verifikasi identitas dengan OpenID
# Menu Pengaturan -> Izin

* Penulis Blog : Jika sobat ingin orang lain untuk ikut menulis di blog Anda. Caranya klik Add Authors lalu masukkan alamat email orang yang mau diundang kemudian klik Invite
* Pembaca Blog : untuk mengatur siapa saja yang bisa membaca artikel blog Anda. sebaiknya pilih "siapapun" agar blog kita bisa dibaca oleh semua orang.

Membuat Kolom Tambah Gadget Di Bawah Header

MEMBUAT KOLOM TAMBAH GADGET (ADD PAGE ELEMENT) DI BAWAH HEADER




Caranya cukup mudah, yaitu sebagai berikut:

1. Login ke Blogspot--> Tata LeTak --> Edit HTML



2. Untuk berjaga-jaga bila nanti pada hasil editnya ada hal yang tidak sesuai dengan keinginan, maka download terlebih dahulu template awal, sehingga kita bisa mengembalikan kondisi template seperti semula dengan cara meng-upload (unggah) template awal yang telah didownload sebelumnya.




3. Setelah itu cari kode ]]></b:skin> dan tambahkan kode berikut diatasnya: #under_header{
}

sehingga susunan baris kodenya akan terlihat seperti pada gambar dibawah ini:




4. Setelah itu cari baris kode berikut (atau yang mirip, tergantung model template yang dipakai ya):

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


dan tambahkan kode dibawah ini dibawah kode tersebut diatas:

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


sehingga susunan kodenya akan menjadi seperti terlihat pada gambar dibawah ini:




5. Setelah itu klik tombol SIMPAN TEMPLATE, dan periksa pada Elemen Halaman apakah kolom Tambah Gadget yang baru dibuat sudah muncul dibawah header seperti terlihat pada gambar pertama diatas.


6. Jika ingin merubah ukuran panjang kolom Tambah Gadget yang telah dibuat, misalnya ingin dibuat sepanjang header seperti terlihat pada gambar:





maka baris kode pada poin 3 menjadi :

#under_header{
width:660px;
}



Catatan: panjang header template bisa dicari pada baris kode seperti terlihat pada gambar:




7. Jika ingin kolom yang dibuat tadi berada sejajar dan selebar dengan kolom posting seperti terlihat pada gambar dibawah ini:






maka baris kode seperti tersebut pada poin 3 ditambahkan lagi kodenya menjadi seperti berikut:

#under_header{
width:410px;
}

sehingga susunan baris kodenya akan seperti terlihat pada gambar berikut:





Catatan: lebar kolom posting template bisa dicari pada baris kode seperti terlihat pada gambar:





8. Jika ingin kolom yang dibuat tadi berada sejajar dan selebar dengan kolom page elemen (sidebar) di sebelah kanan seperti terlihat pada gambar dibawah ini:





maka baris kode seperti tersebut pada poin 3 ditambahkan lagi kodenya menjadi seperti:

#under_header{
margin:0 10px;
float:right;
width:200px;
}

sehingga susunan baris kodenya akan seperti terlihat pada gambar berikut:




Catatan:
Margin adalah jarak antar elemen pada template. Rubah nilainya sesuai keinginan.
float menunjukan letak kolom Page Element (Tambah Gadget) yang dibuat nantinya akan berada di sebelah kiri atau kanan.
width adalah lebar kolom Page Element (Tambah Gadget) yang dibuat. Rubah nilainya sesuai keinginan.
* Untuk memudahkan pencarian baris kode, tekan Ctrl + F untuk menampilkan kolom pencarian yang letaknya ada dibawah kolom Edit HTML seperti terlihat pada gambar dibawah ini, lalu ketikan atau kopi paste baris kode yang ingin dicari pada kotak pencarian. Baris kode yang sesuai akan ditunjukan dengan diberi warna hijau.




Demikian langkah-langkah NYA dari saya, selamat mencoba, semoga bermanfaat. jika ada pertanyaan silangkah komentar aja ya… di bawah ini.

duh cpek bgt mosting ini.... tp makasih y.. dah mau k blog q.

Cara Membuat Horizontal Menu Bar Template Blog

CARA MEMBUAT HORIZONTAL MENU BAR TEMPLATE BLOG

How to create Horizontal Menu Bar on Blogspot's Template

Hal pertama yang harus dilakukan sebelum memasang horisontal menu bar pada template blogspot adalah melihat apakah template yang dipakai itu sudah memiliki kolom Tambah gadget dibawah kolom Header. Jika belum berarti harus dilakukan sedikit modifikasi pada HTML template untuk bisa menampilkan kolom Tambah gadget dibawah header. Jika sudah ada kolom Tambah gadget tersendiri di bawah header, silahkan langsung ke no.2.






Cara membuat Horisontal menu bar pada Template Blogspot adalah sebagai berikut:

1. Modifikasi HTML template agar mempunyai kolom Tambah Gadget dibawah header.
Untuk mengetahui cara membuat kolom Tambah Gadget dibawah header template KLIK AJ DI SINI.

2. Buatlah posting baru untuk halaman yang ingin di link ke horisontal menu bar. Menunya misalnya Home, About, Contact. Link yang nanti akan digunakan di horisontal menu bar adalah URL setiap posting itu.


Catatan:
Untuk menu Home, link yang gunakan adalah URL alamat blog.

Untuk About, link yang digunakan URL Aboutbox atau halaman lain jika dibuat halaman tersendiri.

Untuk Contact, link yang digunakan misalnya arif.jainuri@yahoo.com
Bila link-nya akan menuju ke halaman tersendiri, untuk mendapatkan linknya bisa klik kanan pada judul dan klik "copy link location".

Bila link-nya menuju pada halaman yang mempunyai label yang sama, untuk dapatkan link-nya bisa klik kanan pada label yang ada dibawah posting dan klik "copy link location".


3. Login ke Blogspot--> Tata letak-->Elemen Halaman
Klik link Tambah Gadget dibawah header, lalu pilih HTML/JavaScript gadget





Masukan kode berikut ke dalam kolom HTML/JavaSricpt:

<a href=http://alamatblog.blogspot.com>HOME</a><a> |

</a><a href=http://alamataboutpageURL>ABOUT</a><a> |

</a><a href=http://alamat email kamu>CONTACT</a><a> |

</a><a href=http://alamattipsURL>TIPS</a>







Klik tombol simpan. Sekarang blog sudah memiliki horisontal menu bar dibawah header.
Catatan:
* Ganti kata HOME, ABOUT, dll dg nama menu yang dinginkan.
* Ganti URL alamat sesuai dg alamat URL yang di inginkan.
*****
Selamat mencoba.

jika ada pertanyaan silangkah komentar aja ya… di bawah ini.

Cara membuat kategori blog

Cara membuat kategori blog


Artikel-artikel yang diposting, kadang-kadang memang perlu untuk dikelompokkan atau dikategorikan sesuai dengan tema/topiknya. Dengan adanya pengkategorian atau pengelompokan artikel yang telah diposting dapat lebih mempermudah bagi para pembaca untuk memilih artikel mana yang ingin dibaca. Di Blogger untuk membuat kategori dikenal dengan istilah Label.

Dalam episode kali ini (kayak sinetron aja pake istilah "episode") saya akan mencoba membahas mengenai bagaimana cara untuk membuat kategori atau label. Pertama-tama yang harus kamu lakukan yaitu membaca "Bismillah" he..he.. :)
Login ke blogger lalu Klik Posting --> Edit Post


* Membuat Kategori / Label

Pilih atau beri tanda centang pada artikel yang ingin diberi label/dikategorikan. Lalu pada Combo box (yang ada tulisannya "label action") pilih "New Label" lalu beri nama label tersebut.









jadi deh...

* Menghapus Kategori / Label
Beri tanda centang pada postingan yang ingin dihapus labelnya, trus klik combo box trus klik label dibawah tulisan "Remove label", Nha jadi deh....

* Mengganti Kategori / Label
Hapus dulu label yang ada, kemudian kasih label baru.


Trus bagaimana cara memasang/menampilkannya di blog?
Gini nih caranya:

1. Klik Template --> Page Elements

2. Tambahkan page elements kemudian pilih Label trus disitu atur sendiri :P
udah ngerti kan?

Selamat hari raya idul fitri, eh salah, selamat mencoba!!!...

O y kalau jg pengen membuat kategori, yang ad kayak home, about, dllx ez, klik aj d sini........

O y jika ada pertanyaan silangkah komentar aja ya… di bawah ini.

Membuat Arsip Blog

Sebenarnya jika qta suda pxa blog, pasti scara otomatis dah ad arsip blognya, tapi ni q pxa tambahan..............


Cara membuat arsip blog dalam satu menu dalam bentuk pull-down atau drop-down di blogger/blogspot
Dalam konsep blog, setiap posting kita akan terarsip otomatis secara rapi setiap bulan. Setiap memasuki bulan baru, seperti Januari, maka arsip bulan Desember akan tampil di sidebar. Masalahnya, kalau kita sudah ngeblog setahun, maka arsip dari Januari sampai Desember akan berjejer di sidebar kita. Bagaimana kalau dua dan tiga tahun lagi?
Langkah praktis mengatasi hal ini adalah dengan membuat pull-down menu seperti di bawah ini:

- Archives – January 2010 February 2010 March 2010 April 2010 May 2010

Jadi, berapa bulan/tahun kita blogging di blogger/blogspot, menu bulan-bulan tsb tidak akan memenuhi dan berjejer panjang di sidebar kita. Yg tampak hanya nama “Archives”, baru setelah diklik, akan muncul nama bulan arsip-arsip kita.Caranya mudah.


(1) Login ke blogger.com dg id Anda
(2) Klik Template
(3) Di bagian sidebar blog Anda bagian archives, ada kode html sbb:


<BloggerArchives>
<a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a></BloggerArchives>



(4) Nah, ganti kode di atas dg kode html di bawah ini:


<select name="archivemenu" onchange=
"document.location.href=this.options[this.selectedIndex].value;">

<option selected>- Archives -</option>

<BloggerArchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</BloggerArchives>

</select>





(5) Apabila selesai, klik SAVE CHANGES. Bila sudah DONE, klik REPUBLISH.

(6) Selesai.

Mudah bukan? Selamat mencoba.
jika ada pertanyaan silangkah komentar aja ya… di bawah ini.

Membuat Recent Comment


Membuat Recent Comment


Wah biasanya kita sampai kesulitan mengecek komentar terbaru yang ada pada blog kita, soalnya komentar di lontarkan di postingan kita yang berbeda-beda, jadi kita akan merasa kesulitan untuk mengetahui siapa saja yang memberi komentar dan dimana dia melontarkan komentarnya juga isi komentarnya bagaimana.


Tapi jangan kawatir saya akan beri tips jadul tapi manjur yaitu cara membuat recent comments dengan JavaScript.

Pastikan dulu sudah Log In di blogger yah!

1. lalu beranjak ke menu Layout Kemudian Page elements

2. Kalau sudah! hoi sudah belom! sudah- sudah yaa jangan nangis... Lo kok malah mbulet-mbulet. Ahh serius nihhh Pilih tempat yang mau dipasangi terus Add a Gadget

3. Lalu pilih Menu HTML/JavaScript

4. Taruh Code Dibawah ini Kedalam HTML/JavaScript



<script style="text/javascript" src="http://anas.ku93.googlepages.com/comments.js"></script><script style="text/javascript">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script><script src="http://NamaBlogKamu.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>



Keterangan:
o Tulisan NamaBlogKamu yang tercetak diatas harus kamu ganti dengan alamat blog kamu

o Angka 5 yang tercetak tebal dan biru itu menunjukkan Komentar terakhir yang ditampilkan di blog, kamu bisa mengubah sesuai selera kamu

5. Kalau sudah Simpan dehhhh
Aduhhh gampang kannnnn cuma itu aja gak ada yang ribet kok.
ohh yaa jangan sampai lupa isi komentar kamu dibawah yaaaa ok......


O y bagi kamu yg mungkin gk tau recent coment, nil oh kayak gambar di bawah ni..............



Membuat Recent Post


Membuat Recent Post


Recent Post, sudah sering kita jumpai. Fungsi dari recent post adalah untuk menampilkan review dari beberapa postingan kita.
Jadi, beberapa isi postingan kita bisa dilihat sebagian. Dari pada hanya menampilkan judulnya saja, dengan Recent Post, paling tidak pengunjung bisa mengetahui sedikit tentang isi postingan yang telah kita buat.


Caranya,tinggal copy code berikut :

<script style="" src="http://www.geocities.com/mezzaluna08@rocketmail.com/recentpost.txt"></script><script style="">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src="http://NamaBlogKamu.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts"></script>


Lalu taruh di gadget kalian masing2,jadi dech....


catatan : ganti http://NamaBlogKamu.blogspot.com dengan alamat blog masing2





Atau kalian bs coba yang ini

1. Silahkan Log In dulu ke blogger
2. silahkan langsung ke add gadget
3. trus cari menu gadget " Feed " di add
4. trus masuk kan url feed kamu contoh
5. http://NamaBlogKamu.blogspot.com/feeds/posts/default
6.jadi dech recen post kamu




O y bagi kamu yg mungkin gk tau recent coment, nil oh kayak gambar di bawah ni..............











Demikian langkah-langkah membuat recent post dari saya, selamat mencoba, semoga bermanfaat. jika ada pertanyaan silangkah komentar aja ya… di bawah ini.