Tulisan Bebas » tutorial blogging

Cara Mengganti Header Pada Blogspot

hidayat — Tue, 13 Apr 2010 08:34:41 +0000

Cara mengganti gambar header pada blogspot.

1. Masuk ke akun blogger.com anda.

2. Pilihlah tata letak.

3. Pilih edit HTML.

4. Cari #header pada edit template anda, agar cepat gunakan ctrl + F.

5. Contohnya seperti dibawah ini :

#header {
width: 820px;
position: relative;
height: 183px;
background: #CCC url(http://i660.photobucket.com/albums/uu323/hidayat12 /Tema%20Negeri%20laskar%20pelangi%20yang%20baru/HeaderBlog.jpg) no-repeat center top;
padding: 0;
font-size: 10px;
color: #FFF;

6. Ganti URL yang bertanda merah dengan url gambar sesuai keinginan anda. Gambar harus diupload ke server.

7. Seperi saya, menggunakan server photobucket.com.

8. Jangan lupa disimpan. Semoga bermanfaat

Cara Membuat Daftar Isi Otomatis Pada Wordpress

hidayat — Fri, 05 Mar 2010 09:14:52 +0000

Langsung pada inti masalahnya, ini adalah contoh pada blog saya klik sini. Untuk membuat seperti itu, saya menggunakan sebuah plugin wordpress exec php. Klik sini untuk download pluginnya. Setelah didownload, install di akun wordpress anda. Caranya sebagai berikut :

1. Masuk ke akun wordpress anda.

2. Buka menu plugin kemudian add new.

3. Upload pluginnya yang telah anda download tadi.

4. Aktifkan pluginnya.

5. Setelah install, buka halaman baru atau widget atau postingan baru kemudian ketik ini

6. Save.

7. Semoga berhasil, kalau ada pertanyaan tinggalkan dikolom komentar.

Cara Memasang Anti Spam Pada Wordpress

hidayat — Wed, 03 Mar 2010 08:54:01 +0000

Hallo Sobat..Apa kabar?? Semoga dalam keadaan baik semua ya. Kali ini saya ingin mencoret blog saya mengenai cara memasang anti spam pada wordpress. Sebenarnya banyak aplikasi yang berfungsi untuk menangkal komentar-komentar yang ngaco. Seperti yang saya alami, tulisan abjad ngak beraturan, mana banyak lagi. Apakah itu orang beneran yang menulis komentar ? Apa anak jin ? hihi…

Ni dia softwarenya namanya Reaven’s AntiSpam. Seperti yang terpasang dibawah kolom komentar pada blog saya ini. Nah, seperti itulah tampilannya. Bagaimana cara memasang di blog wordpress sobat ? Begini caranya (Berbagi pengalaman).

1. Download dahulu softwarenya klik sini.

2. Setelah didownload, masuk ke akun wordpress anda.

3. Pilih menu plugin.

4. Pilih add new.

5. Kemudian dibagian atas cari kata upload dan klik.

6. Browse lokasi file anti spam tadi di komputer anda.

6. Setelah selesai upload aktifkan aplikasinya.

7. Selesai.

8. Jika belum muncul pada halaman blog, setting aplikasi pada menu setting dan pilih Raven’s Anti Spam. Beri tanda cek pada “Display antispam question anyway?”

9. Save Changes.

10. Selesai.

Semoga bermanfaat, jika ada pertanyaan jangan sungkan menulis di komentar ya.

Cara Mengganti Read More Pada Wordpress

hidayat — Thu, 04 Feb 2010 10:07:35 +0000

Langsung aja ya sobat. Secara default tulisan read more pada wordpress adalah “Read the rest of this entry”. Jika sobat ingin mengganti kalimat tersebut dengan yang lainnya, seperti lanjutkan, selanjutnya, selengkapnya atau yang lainnya berikut caranya :

1. Cari file index.php pada template yang ingin diinstall diwordpress.

2. Buka filenya, kemudian cari kata-kata “Read the rest of this entry” dengan menggunakan ctrl+f biar lebih cepat pencariannya.

3. Ganti tulisan tersebut sesuai dengan yang dikehendaki.

4. Simpan filenya.

5. Semoga berhasil.

Cara Menyisipkan Iklan Pada Postingan Wordpress

hidayat — Wed, 03 Feb 2010 08:12:40 +0000

Caranya sangalah mudah, yaitu dengan menggunakan sebuah plugin wordpress, namanya adman. Aplikasinya bisa di download disini. Cara instalnya cukup mudah.

1. Masuk dulu ke akun wordpress anda.

2. Pilih plugins.

3. Add new

4. Kemudian upload filenya (dalam bentuk zip).

5. Instal dan aktifkan.

6. Selesai.

Untuk memasukkan script iklannya silahkan anda menuju ke menu settings, kemudian cari AdMan, dan copykan script iklannya pada kolom yang ada sesuai selera anda, mau ditaruh diatas, tengah, atau bawah. Semoga membantu.

Cara Memasang Lencana Facebook di Blog

hidayat — Sat, 05 Dec 2009 11:51:34 +0000

Buat mempercantik blog dengan lencana facebook, tidak masalahkan. Sekalian buat mengajak sahabat blogger untuk menjadi teman di situs jejaring sosial yang lagi populer. Bagaimana caranya memasang lencana facebook di blog? Simak penjelasannya, semoga bermanfaat. Untuk melihat gambar lebih jelas, klik aja pada gambarnya.

1. Login dahulu ke akun facebook anda. Pilih profilnya.

2. Turunkan scroolnya, liat di bagian bawah kolom daftar teman atau tautan (jika ada) seperti pada gambar diatas. Kemudian pilih buat lencana profil.

3. Kemudian buat lencana baru, lihat seperti gambar diatas.

4. Setting lencananya sesuai dengan keinginan anda, kemudian simpan. Tampak seperti gambar diatas.

5. Pilih “other”.

6. Setelah anda klik “other” maka akan muncul script dibawahnya. Copykan script tersebut untuk blog anda. Semoga berhasil.

Cara Membuat Tulisan Berjalan pada Postingan (Widget)

hidayat — Thu, 03 Dec 2009 07:48:59 +0000

Membuat tulisan yang berjalan tidaklah susah, kita cukup menyisipkan kodenya saja.

Berikut contohnya, saya menulis kata “MENCOBA”

MENCOBA

Kodenya adalah :

MENCOBA

Ganti tulisan hijau dengan kalimat yang sobat inginkan. Tulis kodenya pada halaman HTML nya.

keterangan :

Width : lebar

Direction : arah pergerakan (right, left, up, down)

scrollamount : kecepatan pergerakan

Cara Memasang Shoutmix Chat di Blog

hidayat — Wed, 02 Dec 2009 13:09:38 +0000

Ada yang belum tahu bagaimana caranya memasang shoutmix chat di blog? Kebanyakan para blogger memasang chat di blognya, yang berfungsi untuk untuk menuliskan pesan dan meninggalkan link yang bertujuan agar saling mengunjungi. Sebelum mendapatkan script shoutmix chat nya kita harus daftar dahulu. Buat yang belum tahu bagaimana cara daftar silahkan lanjut disini.

Cara Memasukkan Gambar Kedalam Postingan

hidayat — Wed, 25 Nov 2009 07:22:03 +0000

Cara memasukkan gambar ke dalam postingan bermacam-macam, seperti pada blogspot kita tinggal meng insert gambar dengan proses upload gambar ke server blogger. Begitu juga dengan wordpress. Tapi semua itu ada batas spacenya. Tapi bagaimana cara mengatasi jika kita membeli hosting sendiri yang mempunyai kapasitas disk yang sangat kecil, seperti saya ini cuma memiliki space 50 mb.

Jika menyajikan tutorial yang membutuhkan banyak gambar dalam penyajiannya, maka akan memakan banyak space. Untuk mengatasi masalah tersebut saya menggunakan situs penyimpan gambar yang lain. Seperti saya ini menggunakan photobucket.com (masih banyak yang lain selain photobucket) . Berikut cara memasukkan gambar ke dalam postingan. Caranya cukup mudah.

- Login ke akun anda ( bisa blogger, wordpress, dll).

- Siapkan gambar, kemudian upload ke photobucket, dan ambil direct linknya.

- Jika anda ingin memasukkan ke dalam postingan pilih add new post, atau untuk blogger new entry.

- Buka HTMLnya, kemudian masukkan :

http://i660.photobucket.com/albums/uu323/hidayat12/banner.gif“/>

- Ganti tulisan hijau sesuai dengan source image anda.

- Kemudian terbitkan entry atau publish.

- Semoga bermanfaat, mohon maaf jika ada kesalahan dalam penyajian. Kritik dan saran masukkan ke komentar.

Terima kasih.

Cara Mengganti Logo (Favicon) Blogspot

hidayat — Tue, 24 Nov 2009 11:33:23 +0000

Halo sobat, kali ini saya ingin berbagi cara untuk mengganti logo ( favicon blog ). Tahu kan apa itu favicon? Favicon itu adalah icon kecil yang berada disamping alamat blog sobat. Secara default untuk blogger bentuk faviconnya huruf B yang di luarnya berwarna orange. Tapi sebelumnya, sobat persiapkan dahulu gambarnya (jpg, gif, dll) kemudian upload ke server ( photobucket), seperti punya saya http://i660.photobucket.com/albums/uu323/hidayat12/negeri%20laskar%20pelangi/logo.gif (source gambarnya). Berikut caranya :

- Login ke akun blogger.

- Pilih tata letak.

- Edit html.

- Jangan lupa membackup data html blog anda, takut terjadi kesalahan.

- Kemudian cari kode

- Letakkan kode berikut ini tepat diatas

http://i660.photobucket.com/albums/uu323/hidayat12/Tema%20Negeri%20laskar%20pelangi%20yang%20baru/favicon.jpg‘ rel=’shortcut icon’/>

- Ganti tulisan yang berwarna hijau dengan source image anda.

- Kalau sudah selesai, jangan lupa di save.

- semoga bermanfaat, jika ada pertanyaan jangan sungkan bertanya.