widgets

Selasa, 17 Juni 2014

tutorial blog



TUTORIAL BLOG

Cara membuat blog gratisan di Blogger Blogspot panduan tutorial praktis bikin blog dalam 5 menit bagi pemula
Oleh fatihsyuhud.net

Tutorial Terbaru Blog Terbaru :
Membikin blog di blogger.com / blogspot sungguh sangat mudah karena blogger.com milik Google.com. Karena itu apabila Anda sudah punya email gmail.com, Anda tinggal langsung daftar di blogger.com. Singkatnya ikuti langkah singkat berikut:

1. Kunjungi www.blogger.com (klik)
2. Masukkan account Gmail di “nama pengguna (Email)” dan password di “Kata Sandi”. Lihat gambar 1.
Kalau belum punya Gmail, daftar dulu di Gmail.com, atau di Yahoomail.com.
a. Isi “Nama Tampilan” di kotak. Contoh: Nama Saya
b. Kasih tanda tik (check) pada “Penerimaan Persyaratan”
c. Klik “Lanjutkan”. Lihat gambar 2.
3. Pada “Judul Blog” -> isi dengan Judul yang diinginkan. Contoh Fatih Syuhud Blog
4. Pada “Alamat Blog” -> isi dengan alamat URL. Contoh, fatihsyuhud.
Jangan lupa klik “Cek Ketersediaan” untuk mengetahui apakah alamat URL yang dipilih belum ada yang punya. Coba buat alamat lain kalau alamat tidak tersedia. Lihat gambar 3.
5. Klik “Lanjutkan”
6. Pada “Pilih Sebuah Template” klik “Lanjutkan” (Gambar 4)
7. “Blog Anda Telah Diciptakan!” -> Anda sudah berhasil membuat blog (Gambar 5)
8. Klik “Mulai Blogging” untuk menulis artikel.
9. Di “Judul” isi kotak dengan judul artikel yang akan ditulis. Contoh: Menulis di Blog
10. Isi kotak di bawahnya dengan artikel. Sebagai contoh, Anda bisa meng-copy dari sini.. Lihat gambar 6.
11. Klik “Mempublikaikan Posting”
12. Selamat! Anda berhasil membuat blog dan memposting Artikel. (Lihat gambar 7).

Catatan: Untuk memposting artikel berikutnya, Anda tinggal mengklik menu “Posting”.  Untuk mengedit tulisan tinggal klik “Edit Posting”



Gambar 1

Gambar 2

Gambar 3




 

Gambar 4

Gambar 5

Gambar 6

Gambar 7

1. Apabila sudah Punya email Gmail

1. Kunjungi Blogger.com
2. Masuk / login dengan nama dan password (kata sandi) Gmail Anda.
3. Klik "Buat Blog".

1.A. Tahap I: Isi formulir
a. Judul blog: isi dengan nama blog yang diinginkan. Contoh, Perpus Al-Khoirot
b. Alamat blog (URL): isi dengan nama yang diinginkan. Contoh, perpus-alkhiorot.
Catatan: Nama URL semua huruf kecil dan bersambung.
c. Klik Cek Ketersediaan. Kalau pesannya "Alamat blog ini tersedia." Berarti OK. Kalau tidak tersedia, buat alamat yang lain.
d. Verifikasi kata: isi kata yang ada.
e. Klik lanjutkan. (lihat gambar)


1.B. Tahap II. Pilih Template (Desain Blog)

a. Pilih salah satu template yang sudah tersedia.
b. Klik Lanjutkan.
c. Ada pesan: "Blog Anda sudah Jadi!" Klik "Mulai Blogging" untuk menulis artikel.

1.C. Tahap III. Cara Menulis Artikel di Blogger

a. Masuk ke blogger.com dan masukkan nama email dan password -> klik Blog Anda .
b. Klik "Entri Baru" pada blog Anda.
c. Pada judul: isi Judul tulisan.
d. Pada kotak di bawahnya: tulis isi artikel Anda.
e. Klik "Terbitkan/Publikasikan Entri" untuk menerbitkan (publish) artikel.
f. Selesai. Selamat, Anda sudah menulis satu artikel. Lakukan hal yang sama setiap kali akan menulis artikel ke blog.


2. Daftar Buat Blogger dengan Email Yahoo atau Hotmail Live

Idealnya, membuat blog di blogger.com memakai email Gmail. Tapi kalau Anda malas membuat email Gmail, dan sudah punya email Yahoo atau email Hotmail Live tidak apa-apa menggunakan salah satu email tersebut. Ikuti tutorial di bawah:


2.A. Tahap I Isi Formulir Pendaftaran

1. Kunjungi: https://www.blogger.com/signup.g
2. Masukkan email Yahoo atau yang lain dan lengkapi pengisian formulir.
3. Kasih tanda tik pada "Penerimaan Persyaratan"
4. Klik Lanjutkan. Dan ikuti proses selanjutnya.

2.B. Tahap II. Cara Memnulis Artikel

a. Masuk ke blogger.com dan masukkan nama email lengkap dan password.
b. Klik "Entri Baru" pada blog Anda.
c. Pada judul: isi Judul tulisan.
d. Pada kotak di bawahnya: tulis isi artikel Anda.
e. Klik "Terbitkan Entri" untuk menerbitkan (publish) artikel.
f. Selesai. Selamat, Anda sudah menulis satu artikel. Lakukan hal yang sama setiap kali akan menulis artikel ke blog.

PENTING:

1. Lebih dianjurkan untuk membuat blog di Blogger Blogspot dengan Metode I (dengan memakai email Gmail) karena akan lebih memudahkan proses pembuatannya.
2. Santri Al-Khoirot yang ingin punya alamat nama.alkhoirot.net harus memakai blog di Blogger.com / Blogspot. Bukan di Wordpress.


MENULIS ARTIKEL DI BLOGGER MELALUI HP/SMS

Jika lebih sering akses internet via HP atau ponsel, maka Anda dapat menulis artikel langsung via HP. Untuk mengaktifkan fitur ini, ikuti panduan berikut:

1. Login/masuk ke blogger.com -> klik blog Anda.
2. Klik Setelan/Settings -> Seluler dan Email
3. Klik Tambah Perangkat Seluler
4. Ada tulisan "Harap kirim kode verifikasi ini" -> kirim kode verifikasi tersebut (bentuknya seperti ini: JMAMDPPWC) via SMS ke 256447.

Selanjutnya, setiap akan membuat/menulis artikel kirim ke nomor 256447.


CARA GANTI TEMPLATE BAWAAAN BLOGGER
Mengganti template dengan template rancangan bawaan dari Blogger sangat mudah. Ikuti langkah berikut:

1. Setelah masuk/login ke blogger.com -> klik Rancangan
2. Klik Perancang Template -> klik salah satu desain template.
3. KLik Apply to Blog. Selesai.


CARA GANTI TEMPLATE EKSTERNAL (YG BUKAN BAWAAAN BLOGGER)
Yang bingung cari template eksternal yg bagus, lihat di sini!

1. Download file/berkas template format .xml yang akan dipasang di blog. Kalau dalam format zip, di extract dulu.
2. Masuk ke blogger.com -> Rancangan -> Edit HTML
3. Klik Browse, pilih file xml template blogger yang baru anda download
4. Klik Unggah/Upload
5. Kalau ada pesan: Peringatan: Template baru Anda tidak berisi widget berikut: -> klik Hapus Widget
6. Simpan Template. Selesai.


CARA MENGHILANGKAN KODE trbidi="on" EDITOR POSTING BLOGGER

Cara mudah menghilangkan kode dir="ltr" style="text-align: left;" trbidi="on" di editor posting Blogger dalam mode HTML.

Saat membuka Entri Baru dalam mode HTML di Blogger, dan Anda menemukan kode berikut:

<div dir="ltr" style="text-align: left;" trbidi="on">
</div>

Maka, solusi untuk menghilangkan kode tersebut cukup mudah sebagai berikut:

1. Setelah login/masuk ke blogger.com -> klik blog yang akan diedit.
2. Klik Setelan -> Bahasa dan Pemformatan
3. Pada "Aktifkan transliterasi" -> pilih Dinonaktifkan.
4. Klik Simpan Setelan. Selesai.


AGAR BLOG BANYAK KOMENTAR


Bagaimana agar artikel di blog kita yang berbasis blogger.com / blogspot mendapat banyak komentar?

Pertama, buat artikel yang menarik dan orisinil alias asli.
Kedua, setting komentar dibikin mudah agar dapat dikomentari oleh siapa saja tanpa harus login terlebih dahulu.

Caranya,

1. Login ke blogger.com
2. Klik Settings / Pengaturan -> klik Komentar
3. Pada "Siapa yang Bisa Berkomentar ? Pilih: Siapa pun - termasuk Pengguna Anonim
4. Pada "Penempatan Formulir Komentar". Pilih: Disemat di bawah entri
5. Pada "Tampilkan verifikasi kata untuk komentar?". Pilih: Ya
6. Klik Simpan Setelan. Selesai.

========
Catatan:

Apabila admin blog Anda di blogger.com berbahasa Inggris, ganti dulu ke Bahasa Indonesia. Caranya, klik Dashboard -> pada Language, pilih Bahasa Indonesia.


CARA EDIT MASSAL ARTIKEL BLOGGER BLOGSPOT


Bagaimana cara menghapus artikel secara massal di blogger blogspot?

Mengahpus/mendelete artikel secara massal dapat dengan mudah dilakukan di Blogger blogspot.

Ikuti langkah berikut:

1. Login/masuk ke blogger.com -> Edit Posts
2. (a) Kasih tanda tik / centang pada semua artikel yang hendak dihapus
(b)atau klik label/kategori yang hendak dihapus dan klik pada "Select: All";

3. Klik Delete Selected (bawah kanan). Selesai.

Bagaimana cara menghapus/men-delete satu artikel?

1. Kasih tanda tik/centang pada artikel yang akan dihapus
2. Klik "Delete Sected" (bawah kanan). Selesai.


Bagaimana Cara menambah label/kategori pada artikel/posting secara massal di Blogger Blogspot?

1. Login/masuk ke blogger.com -> Edit Posts
2. Klik label yang akan ditambahkan pada posting
3. Klik Select All
4. Pilih label yang akan ditambahkan.


Bagaimana Cara menghapus label/kategori artikel/posting secara massal di Blogger Blogspot?

1. Login/masuk ke blogger.com -> Edit Posts
2. Klik label yang akan dihapus pada posting
3. Klik Select All
4. Pilih Remove Label (paling bawah di menu dropdown/pulldown)

CARA MENGATUR JARAK SPASI ARTIKEL BLOGGER


Bagaimana Cara Mengatur Jarak Artikel postingan di Blogger blogspot

Jarak spasi artikel saya di Blogger Blogspot tampak agak terlalu tinggi. Satu spasi seperti dobel spasi. Bagaimana cara mengurangi spasi tersebut? Oh ya, saya memakai template Medusa.

1. Masuk blogger.com -> Rancangan -> Edit HTML
2. Cari kode berikut:

.post-body{margin:0 0 .75em;text-align:justify;padding-top:8px;color:#666;line-height:24px;text-shadow:1px 1px 0px #fff;}

3. Ganti kode line-height:24px menjadi line-height:1.6em
4. Klik Simpan Template. Selesai.

Apakah cara itu berlaku juga untuk mengurangi spasi di Blogger template yang lain?

Iya, bisa.

CARA MENAMPILKAN JUDUL SAJA DI HALAMAN UTAMA BLOGGER

Bagaimana cara Menampilkan Judul Saja di Halaman Utama Blogger. Isi artikel/posting baru muncul setelah mengklik judul artikel.
Oleh Ponpes Al-Khoirot Multimedia

Saya ingin menyembunyikan isi artikel di halaman utama (homepage/frontpage) seperti yang di www.alkhoirot.net. Bagaimana caranya?

Oh itu mudah. Ikuti langkah-langkah berikut:

1. Login ke Blogger.com -> Desain / Rancangan -> Edit HTML -> tambahkan kode di bawah sebelum kode </head>

2. Copy/paste kode berikut dan letakkan di atas kode </head>:

<style type='text/css'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'><b:if cond='data:blog.pageType != &quot;item&quot;'>

.post-body {display:none;}.post-footer {display:none;}.comment-link {display:none;}.post img {display:none;}.post blockquote {display:none;}.post blockquote p {display:none;}h2.date-header {display:none;}.post-labels {display:none;}.post-rating {display:none;}

</b:if></b:if>

</style>

3. Klik Save Template. Selesai.

Terima kasih. Kira-kira apa tujuannya trik ini?

Untuk memperingan loading blog kita. Loading ringan akan menambah SEO di Google.


BATASAN PANJANG ARTIKEL BLOG DAN AKUN DI BLOGGER BLOGSPOT

Jumlah blog dalam satu akun: 100 blog.
Jumlah artikel (posting): Tidak ada batasan jumlah artikel dalam satu blog.
Batas maksimal kata dalam satu artikel: Tidak ada batasan maksimal, akan tetapi artikel yang terlalu besar dan panjang akan terbentur batas ukuran halaman.
Batas halaman: Halaman homepage (halaman utama) sebuah blog atau halaman arsip tidak boleh lebih dari 1 MB. Kalau melebihi batas ini maka akan ada pesan error "006 Please contact Blogger Support." Untuk menghindari hal tersebut kurangi jumlah artikel yang tampil di halaman muka.
Jumlah komentar: tidak ada batas.
Jumlah foto/gambar: 1 MB.
Ukuran gambar: Apabila unggah foto via Blogger Mobile batas maksimal 250K per-gambar.
Anggota tim: 100 orang per-blog.
Jumlah label: 2000 lebel perblog dan 20 label per-artikel/posting.
Deskripsi blog: 500 karakter dan tidak boleh ada kode HTML.
Profil "About Me" atau Perihal Saya: Maksimal 1.200 karakter (sekitar 4 halaman MS WORD)
Profile Interests dan Favorites: Maksimal 2.000 di setiap kotak isian
.

Cara Buat Teks Bergerak (Marquee) di Blog

Apabila Anda melihat link atau teks yg bergerak di sidebar blog ini, itu namanya marquee (baca, marki). Program html marquee ini berguna bukan saja untuk menarik tamu yg datang agar memperhatikan apa yg tertulis di dalamnya tapi juga berfungsi untuk menghemat ruang (space) sidebar kita sehingga lebih efektif dan efisien. Bagaimana cara membuat marquee?
Cara membuatnya mudah. Cukup Anda copy dan paste code html berikut ke sidebar blog atau di manapun sesuai keinginan Anda:


 
<MARQUEE align="center" direction="up" height="200" 
scrollamount= "2"onmouseover='this.stop()' 
onmouseout='this.start()' width="100%">(teks 
atau link tulis di sini)</MARQUEE>
Contoh Marquee untuk link (copy & paste dan ganti contoh link sesuai keinginan Anda):
 
<MARQUEE align="center" direction="up" height="200" 
scrollamount= "2" onmouseover='this.stop()' 
onmouseout='this.start()' width="100%">
<a href="http://fatihsyuhud.com" target="new">- 
Blogger Indonesia -</a><a href="http://afatih.
wordpress.com target="new">- Refleksi dan 
Blog Tutorial -</a>
<a href="http://www.jobvacancycareer.com/ target="new">- 
Jobs Info -</a>
<a href="http://www.beasiswas.com/ target="new">- 
Beasiswa -</a>
<a href="http://www.beasiswas.net/ target="new">- 
Beasiswa -</a>
<a href="http://www.beasiswas.info/ target="new">- 
Beasiswa -</a>
<a href="http://www.beasiswas.org/ target="new">- 
Beasiswa -</a>
<a href="http://lowonganbeasiswa.com/ target="new">-
Beasiswa-</a>
<a href="http://beasiswa.blogs.ie/ target="new">- 
Beasiswa -</a>
<a href="http://www.lowongankerjas.com/ target="new">- 
Loker -</a>
<a href="http://www.lowongankerjas.net/ target="new">- 
Loker -</a>
<a href="http://www.lowongankerjas.org/ target="new">-
 Loker -</a></MARQUEE>
 
Catatan:
1. Kode
<br /> adalah singkatan dari (line break) atau ganti garis, supaya setiap link tidak numpuk dalam satu baris. Bila jarak satu link dg link yg lain dianggap terlalu sempit, bisa ditambah dg kode <br /> lagi. Sesuai selera.

2. Kode target="new" atau target="_blank" berfungsi agar supaya tercipta window baru ketika ada yg mengklik link yg ada dalam marquee sehingga pengunjung tidak meninggalkan blog Anda.
Contoh Marquee untuk teks:
 
<MARQUEE align="center" direction="up" height="200" scrollamount= "2"
onmouseover='this.stop()' onmouseout='this.start()' width="100%"
Mengutip sebagian atau keseluruhan isi blog ini ke blog Anda 
dipersilahkan ASAL menyebut URL sumber tulisan dan/atau permanent 
link artikel yg dikutip.
<br>
 
Komentar, saran atau pertanyaan dapat diajukan melalui bukutamu, 
kotak komentar blog atau email ke: blogger.indonesia@gmail.com.
</MARQUEE>
Catatan:
1. Jangan lupa untuk menyelipkan kode <br /> untuk ganti garis atau paragraf.
TIP PENTING:
1. tag atau kode: direction=”up” artinya tulisan/teks bergerak ke atas seperti di blog ini, jadi kode “up” bisa diganti dg “down” bila ingin link/teks bergerak ke bawah; dan ganti menjadi “left” supaya bergerak ke kiri dan “right” supaya bergerak ke kanan.
2. Marquee hanya dapat digunakan di blogspot, self-hosted wordpress, dll.
3. a.Untuk di blogspot, klik Elemen -> Teks -> pasang kode marquee di atas.
b. Untuk self-hosted wordpress -> aktifkan widget -> naikkan widget text -> pasang kode marquee.