Belajar Wordpress: Mulai Menulis Post & Page

Begitu blog Wordpress anda sudah jadi, saatnya mengisi blog tersebut. Anda bisa login ke akun blog anda untuk mulai mengelolanya: mengatur tampilan blog atau mulai mengisi konten. Untuk masuk ke panel WP admin, arahkan ke WP login (http://domainanda.wordpress.com/login.php) dan anda harus memasukkan username dan password.

Saatnya mengisi konten blog.

Menulis posting di Wordpress

Menulis artikel atau halaman merupakan kegiatan inti dalam wordpress. Anda bisa memulai pengalaman editorial anda dengan klik tombol Add New yang terletak di menu Post:



Anda dapat mulai dengan memasukkan artikel yang anda inginkan. Begitu siap, posting artikel baru dapat dipublikasikan cukup dengan menekan tombol Publish.



Membuat halaman statik atau page di Wordpress serupa dengan menulis posting. Anda hanya cukup klik Add New di menu Pages.



Jika anda sudah siap dengan halaman yang anda buat, klik tombol Publish untuk menyimpan hasil kerja anda.

Read more »

Belajar Wordpress: Memulai Blog Wordpress

Bagaimana memulai membuat blog Wordpress ? Aku yakin di luar sana ada banyak artikel tentang belajar wordpress, tutorial wordpress, panduan membuat blog di wordpress, dan sebagainya. Aku juga banyak belajar dari artikel-artikel tersebut ketika pertama kali tertarik membuat blog di Wordpress. Namun, aku juga merasa perlu membuat tutorial wordpress versi sendiri hasil pembelajaran di internet. Tujuannya, selain sebagai arsip pembelajaran, aku juga ingin membantu teman-temanku yang baru bersentuhan dengan internet dan ingin membuat blog, agar dapat memperoleh panduan yang lengkap tentang bagaimana membuat blog di wordpress, dari aku sendiri. Jika anda membutuhkan artikel semacam itu, silakan dilanjut bacanya, namun jika anda sudah bisa membuat blog, lewatkan saja bagian ini karena merupakan panduan dasar (banget) membuat blog wordpress.

Jika anda belum punya blog Wordpress, silakan baca terus. Namun, jika sudah punya, lewati saja bagian ini.

1. Mendaftar Wordpress.

Yang harus dipersiapkan adalah akun email. Saran saya, gunakan email dari Gmail. Selain kapasitasnya besar, daftarnya tidak ribet. Jika belum punya akun email Gmail, silakan klik panduan membuat email di Gmail. Atau, jika anda lebih senang menggunakan email Yahoo! dan kebetulan belum punya akun email Yahoo!, silakan klik panduan membuat email Yahoo!.

Setelah mempunyai akun email, segera menuju ke alamat http://wordpress.com/ dan klik tombol biru Signup. Sebelumnya tentukan lebih dulu bahasa yang akan digunakan.



Akan muncul form pendaftaran sebagai berikut di bawah ini. Isi username dan password yang anda kehendaki. Ini berguna nantinya untuk masuk ke akun Wordpress. isikan alamat email yang tadi telah kita siapkan. Beri tanda centang pada I have read and agree... dan tandai radio button Gimme a blog..



Akun baru kita di Wordpress.com sudah jadi. Akan muncul form lain untuk membuat blog sebagai berikut ini.



Pilih nama domain kita. Biasanya sudah tercetak username.wordpress.com (username sesuai dengan user name yang kita pilih waktu membuat akun wordpress.com. Jika anda mau menggantinya, tulis saja sesuai keinginan anda. Setelah jadi, alamat blog anda ini (disebut juga domain) tidak bisa diganti, jadi pilih yang benar-benar sreg (lebih baik lagi jika anda mempersiapkannya sebelum mulai membuat blog).

Pada blog title, beri judul yang akan menjadi judul blog (bagian ini bisa anda ganti kelak jika memang tidak sreg, atau anda mau berganti topik blog). Pada bagian Language, pilih bahasa yang anda kehendaki dari menu dropdown. Beri tanda centang pada bagian privacy yang menandakan anda setuju dengan peraturan dari Wordpress.com dan tekan tombol signup.



Jika nama yang anda pilih sebagai blog belum ada yang memakai, maka akan muncul keterangan untuk mengaktifkan akun blog anda. Buka email yang tadi dipakai untuk mendaftar. Klik link yang disediakan untuk mengaktifkan blog anda.



Selamat, blog wordpress anda sudah jadi. Anda bisa mulai login dengan menggunakan username dan password yang pertama kali kita buat tadi. Happy ngeblog.

Read more »

Cara Cepat Terindeks di Google

Kebanyakan orang akan mengatakan bahwa anda perlu menjadi seorang ahli SEO agar situs kita terindeks cepat di Google atau search engine lainnya. Meskipun ada ratusan search engine, Google masih tetap menguasai 70 persen pasar, dan traffic dari search engine lain cukup kecil. Oleh karena itu, terindeks dengan cepat oleh Google tentu merupakan idaman bagi setiap webmaster atau pemilik blog. Benarkah kita harus menjadi ahli SEO agar blog kita terindeks dengan cepat oleh Google? Simak dulu artikel berikut, baru ambil kesimpulan.


Bot pencari yang digunakan Google, dikenal dengan nama Googlebot, mengindeks konten di jaringan web, dan ketika terindeks situs kita dan halaman-halaman di dalamnya akan muncul ketika seseorang mencari kata/istilah yang ada dalam situs kita. Persoalannya, jika kita berada di urutan belakang, tetap saja sulit orang menemukan blog kita karena biasanya orang hanya akan membuka beberapa halaman awal hasil pencarian saja.

Ada yang merekomendasikan agar kita mendaftarkan blog/situs kita di halaman Submit Google, namun kadangkala Google tidak serta merta mengindeks situs/blog kita. Secara alamiah, cara terbaik untuk membuat situs kita terindeks oleh Google adalah dengan cara membuat orang menemukan situs kita lebih dulu. Namun cara ini pun tidak selalu membuahkan hasil.

Beberapa cara untuk membuat situs/blog kita cepat terindeks oleh Google adalah sebagai berikut:

1. Menambahkan konten baru ke situs, misalnya blog.

Dengan menambah blog ke situs kita (jika yang kita punya blog, berarti menambah postingan), Google akan secara otomatis memutuskan bahwa situs kita aktif dan bukan merupakan situs "yang tertolak". Keyword-keyword yang kita sertakan juga akan dikenali oleh Google, dan ini merupakan salah satu alasan utama mengapa orang lebih suka membuat blog dibandingkan menambah atau menghapus konten dari halaman statis (situs).

2. Pastikan mempunyai hosting web yang bagus

Meskipun tidak secara pribadi mempercayai ini sebagai hal yang penting sebagaimana dikatakan, server di mana situs kita di host juga berpengaruh pada bagaimana situs kita terindeks. Contohnya, jika situs kita secara ajeg down atau server kita di blacklist, tentu akan sulit bagi kita untuk terindeks.

3. Manfaatkan blog eksternal

Meskipun kita mungkin baru memulai blog pertama, ide bagus juga jika kita secara aktual memulainya dengan satu blog sebelum yang lainnya. Meskipun kita tidak benar-benar mengembangkannya, tempatkan link back ke situs yang ingin benar-benar kita bangun setelah Google mengindeksnya. Ini merupakan metode yang membantu bot search engine menemukan halaman blog kita di internet.

Sebagai tambahan, kita bisa meminta kepada blogger lain untuk bertukar link.

4. Daftarkan atau buat sebuah sitemap

membuat sitemap, meskipun untuk situs yang relatif masih baru, dapat menjadi cara yang bagus untuk cepat terindeks di Google. Dalam hal ini, kita akan mengatur kapan dan apa saja halaman situs kita yang ingin diindeks. Kombinasikan dengan file robots.txt dimana kita dapat membatasi konten atau folder yang diindeks yang mana hal ini juga dapat meningkatkan SEO.

5. Bagikan alamat URL situs dengan orang lain

langkah pertama kita membuat situs dapat ditemukan adalah dengan membiarkan orang lain tahu tentang keberadaan situs kita. Mulailah segera dan bagikan sedikit kata tentang situs kita. Dengan beberapa unik visitor ke situs kita, bisa jadi itu memberikan link back, misalnya dengan Twitter, dan hal ini akan membantu meningkatkan peluang melihat situs kita terindeks di Google dalam waktu 24 jam.

Read more »

Shortcode untuk Menampilkan Related Post

Kita telah belajar tentang pengertian dan dasar shortcode di Wordpress yang sudah diperkenalkan sejak Wordpress versi 2.5. Sekarang, mari belajar lebih jauh tentang penerapan shortcode wordpress ini untuk keperluan blog kita, yakni menampilkan Related Post. Ada banyak plugins untuk menampilkan related post, namun menggunakan shortcode merupakan cara pintar untuk mempercepat loading halaman blog kita karena meminimalisir penggunaan plugins.


Tuliskan kode berikut dalam file functions.php di tema yang anda gunakan :

function related_posts_shortcode( $atts ) {
extract(shortcode_atts(array(
'limit' => '5',
), $atts));

global $wpdb, $post, $table_prefix;

if ($post->ID) {
$retval = '<ul>';
// Get tags
$tags = wp_get_post_tags($post->ID);
$tagsarray = array();
foreach ($tags as $tag) {
$tagsarray[] = $tag->term_id;
}
$tagslist = implode(',', $tagsarray);

// Do the query
$q = "SELECT p.*, count(tr.object_id) as count
FROM $wpdb->term_taxonomy AS tt, $wpdb->term_relationships AS tr, $wpdb->posts AS p WHERE tt.taxonomy ='post_tag' AND tt.term_taxonomy_id = tr.term_taxonomy_id AND tr.object_id = p.ID AND tt.term_id IN ($tagslist) AND p.ID != $post->ID
AND p.post_status = 'publish'
AND p.post_date_gmt < NOW()
GROUP BY tr.object_id
ORDER BY count DESC, p.post_date_gmt DESC
LIMIT $limit;";

$related = $wpdb->get_results($q);
if ( $related ) {
foreach($related as $r) {
$retval .= '<li><a title="'.wptexturize($r->post_title).'" href="'.get_permalink($r->ID).'">'.wptexturize($r->post_title).'</a></li>';
}
} else {
$retval .= '
<li>No related posts found</li>';
}
$retval .= '</ul>';
return $retval;
}
return;
}
add_shortcode('related_posts', 'related_posts_shortcode');

Gunakan shortcode berikut di tempat dimana anda ingin related post muncul :

[related_posts]

Read more »

5 Kesalahan dalam On Page SEO

Dalam iklim ekonomi yang keras dan pasar bisnis yang sangat kompetitif, tentu sangat penting ilmu SEO kita punya power yang lebih untuk menunjang apapun tujuan pembuatan blog kita. Berikut ini daftar kesalahan yang umum namun sebenarnya mudah untuk dihindari dalam mengoptimalkan SEO blog kita.


1. Kurang mengoptimalkan penggunaan keywords

Keywords meupakan elemen yang sangat penting dalam SEO, jadi jika kita kurang memaksimalkan penggunaan keyword dalam konten usaha optimalisasi SEO tidak akan mendapatkan hasil seperti yang diharapkan. Sangat perlu menggunakan keyword dimanapun ia dapat ditempatkan dalam konten, tentunya yang mengandung makna, tidak asal "keyword bombing", termasuk menggunakan huruf tebal atau memberi highligh. Pastikan juga tidak hanya mengulang-ulang keyword yang sama, namun juga mengkombinasikannya dengan kata yang berhubungan dengan keywords dalam artikel.

2. Memilih Keyword yang Salah

Mungkin anda menulis artikel yang hebat tentang "tren otomotif", namun pengunjung mungkin mencari "review mobil terbaru", tapi tidak menemukannya dalam artikel anda. Jelas artikel anda tidak akan muncul dalam hasil pencarian search engine. Mengikuti tren keyword dan kombinasi katanya sangat penting untuk mencapai kesuksesan hasil SEO. Beberapa tool dapat digunakan untuk mengetahui keyword yang lagi tren dan menemukan kombinasi kata kunci tersebut.

3. Miskin Struktur Organisasi Situs

Struktur situs, tulang punggung website, digunakan untuk mengindeks konten dan relevansinya dengan pencarian. Jadi, secara alamiah, struktur situs yang tidak tertata dengan baik merupakan tanda-tanda yang tidak baik dalam rangking hasil pencarian. Dengan mempunyai situr yang terstruktur dengan baik, search engine akan mengetahui tujuan dari situs kita, lalu merangking situs kita lebih tinggi berdasarkan berapa banyak konten terkait terindeks.

4. Menggunakan image untuk menggantikan teks

Search engines tidak dapat membaca gambar teks, seperti logo perusahaan, bullet daftar produk dan jasa. Jadi jika situs anda menggunakan gambar dalam menyediakan informasi untuk pembaca, jelas tidak akan terbaca oleh search engine. Sebisa mungkin gunakan teks dalam konten, kecuali gambar pendukung yang benar-benar diperlukan. itupun hendaknya diberi alternatif teks (tag ALT).

5. URL tidak mengandung Keyword

Hal ini sebenarnya cukup sederhana namun cukup manjur untuk meningkatkan visibility situs kita di mata search engine. Namun, biasanya untuk situs-situs "personal" kita tidak terlalu peduli dengan adanya kata kunci dalam url, kecuali url tersebut dibuat untuk tujuan khusus (misalnya untuk ikut kontes SEO). Tapi, situs yang mengandung kata kunci dalam urlnya akan mempunyai posisi yang lebih baik di mata search engine untuk kata keyword sama.

Read more »

Memanfaatkan Wordpress Shortcode

Shortcode mulai diperkenalkan sejak Wordpress 2.5. Fungsinya untuk memanggil sebuah fungsi php cukup dengan hanya menuliskan kode singkat. Ini merupakan cara tepat untuk menghemat waktu dalam pengulangan task. Teruskan baca untuk mencari tahu bagaimana menggunakan shortcode.

Untuk membuat shortcode, pertama-tama anda harus membuat sebuah fungsi php. Mari mulai dengan sebuah fungsi dasar. Tambahkan dalam file functions.php anda.

function bewegaleri() {
return 'Sudahkah anda cek <a href="http://www.bewegaleri.com">Bewegaleri</a> hari ini?';
}

Sekali anda membuat sebuah fungsi, anda harus menggunakan fungsi add_shortcode(). paste kode berikut persis setelah fungsi yang anda buat di file functions.php dalam tema yang anda gunakan:

add_shortcode('bwg', 'bewegaleri');

Kini anda dapat menggunakan shortcode bwg. Untuk menggunakannnya, paste line code berikut dalam editor (dalam mode edit HTML) ketika menulis posting:

[bwg]

Shortcode ini akan menghasilkan output pesan 'Sudahkah anda cek Bewegaleri hari ini?'

Anda bisa berkreasi dengan dasar ini, sesuai kebutuhan anda.

Read more »

Cara Menambah Tombol Yahoo! Buzz

Tempatkan artikel anda di halaman depan Yahoo! Hal ini akan luar biasa bagi blogger dan pemulis artikel jika bisa mendapat kesempatan menaruh artikel di halaman depan Yahoo!, dengan tanpa biaya alias gratis. Bagaimana caranya? Gunakan Yahoo! Buzz. Hal ini akan berpotensi membuat artikel kita tampil di homepage Yahoo!, dan ini sungguh-sungguh Luar Biasa. Terutama pengaruhnya bagi trafik blog kita.

Mari kita mulai menggunakan Yahoo! Buzz. Pertama, tentu saja kita butuh akun Yahoo!. Jika anda belum punya akun email Yahoo!, segera buat. Sekali anda sudah memperoleh akun Yahoo!, anda perlu memilih tombol yang akan ditampilkan di web. Klik link ini untuk memilih tombol.

CATATAN PENTING - kode tombol mengandung baris "URL Artikel", dan anda harus memasukkan url artikel yang ingin anda "buzz" secara manual. Dan, sampai saat ini belum ada (sepengetahuanku) plugin untuk keperluan ini. Anda harus menambahkan kode untuk tombol buzz di akhir masing-masing artikel, dan memasukkan alamat url artikel tersebut pada waktu yang sama.

Jika anda menggunakan Blogger, anda bisa menambahkan elemen Javascript ke dalam tema, tempatkan di pojok kanan atas dan update kode dengan url artikel paling baru anda setiap kali mempublish artikel. Atau bisa juga menempatkan kode script dalam setiap postingan dalam bagian Setting > Formatting.



Jika anda memilih cara terakhir, tulislah kode sebagai berikut pada kotak formatting dan Save settings.

Ketika anda selesai menulis artikel, sebelum mempublishnya, edit/ganti ARTICLEURL dengan alamat url artikel anda (lakukan dalam mode edit HTML).

Jika anda menggunakan Wordpress, berpindahlah ke mode edit HTML untuk memasukkan kode tombol dari artikel anda, langsung di sumbernya. Lalu, untuk mendapatkan URL dari artikel yang belum anda posting, cukup kopi lokasi link (copy link location) dari tombol “Preview this Post”, dan hilangkan “&preview=true” dari url, dan tambahkan link tersebut ke ARTICLEURL.

Tak peduli cara mana yang anda gunakan, pastikan memasukkan url artikel yang anda inginkan ke kode tombol Yahoo!. Jika anda lupa, maka hal ini tidak akan berfungsi.

Read more »

Page Speed untuk Mempercepat Loading Halaman Situs

Mempercepat loading situs kita merupakan pekerjaan yang lumayan menakutkan, terutama jika kita tidak punya pengalaman dengan mengedit kode. Setiap elemen dari situs kita menambah waktu loading halaman. Awalnya hal tersebut tidak terlalu kentara, namun setiap penambahan yang dibuat menunjukkan bahwa situs kita butuh waktu lebih lama untuk loading.

Sebagaimana banyak orang mengakses situs lewat perangkat mobile, termasuk blog, waktu loading halaman meningkat seiring melambatnya kecepatan jaringan. Jika kita mampu meningkatkan kecepatan loading dengan utak-atik kode tentu akan menyenangkan pengunjung kita. Namun, mempelajari dasar-dasar optimalisasi halaman bisa jadi sebuah pekerjaan yang menyusahkan. Jadi, bagaimana solusinya untuk mempercepat halaman situs kita tanpa repot-repot ?



Perkenalkan Page Speed, sebuah add on yang dirilis Google. Add on ini kompatibel dengan Firefox 3.5 dan membutuhkan Firebug 1.4 atau lebih tinggi agar bisa berjalan. Page Speed ini dapat digunakan pada Mac OSX, Linux, dan Windows XP atau yang lebih tinggi.

Menggunakan Extension / Addon Page Speed

Kita butuh sedikit background dalam menggunakan extension Firefox dan sedikit dasar coding sebelum kita benar-benar bisa memanfaatkan fungsi extension Page Speed ini. Sebelumnya, kita harus menginstal Addon Firebug terlebih dahulu.

Setelah semuanya terinstal, buka antarmuka utama Firebug menggunakan link di bagian bawah dari browser Firefox. Selanjutnya klik “Page Speed” di jendela Firebug dan kemudian pilih “Analyze Performance.” Proses ini akan menganalisa semua hal pada halaman yang kita pilih dan membuat laporan yang dapat kita gunakan untuk meningkatkan kecepatan loading halaman.



Gambar di atas merupakan contoh dari hasil analisa salah satu halaman blog ini. Dari hasil tersebut, kita dapat mengoptimalkan halaman agar waktu loadingnya menjadi lebih cepat.

Pengaturan Terbaik untuk Performa halaman situs

Saya akan mencoba memberikan beberapa tips untuk mengurangi waktu loading situs kita. Versi komplitnya dapat anda lihat disini. Berikut adalah beberapa tips untuk meningkatkan waktu loading halaman situs:

* Optimalkan Cache, biarkan data situs kita tersimpan di cache. Ini akan mempercepat pemanggilan halaman yang sudah tersimpan di cache.
* Minimalkan waktu keliling, waktu yang diambil client untuk mengirimkan request dan waktu yang dipakai server untuk merespon melalui jaringan dapat dikerjakan melalui meminimalkan DNS lookup dan meminimalkan redirect.
* Meminimalisir ukuran Request, dengan mengirimkan masing-masing request HTTP, semua cookies yang berhubungan harus terkirim, jadi sebisa mungkin kita harus meminimlisir ukuran cookie, menyajikan konten statis dari domain yang mengandung lebih sedikit cookie, atau menggunakan pendekatan lain untuk mengurangi ukuran cookies.
* Meminimalisir ukuran Payload, mengurangi ukuran respon, download dan halaman cache.
* Mengoptimalkan Rendering Browser, perbaiki layout halaman, idealnya menggunakan CSS selector, hindari CSS expression, dan letakkan CSS dalam bagian head dokumen.

Ingatlah bahwa meskipun merupakan teknik dasar, hal-hal seperti menentukan dimensi ukuran gambar dapat membantu mengurangi waktu loading situs kita.

Terus terang saja, ini masih merupakan sebuah teori bagiku. Prakteknya, aku masih lebih memperhatikan tampilan, meskipun harus membebani waktu loading, penambahan javascript merupakan "keharusan" bagiku sesuai dengan tujuan yang ingin aku capai. Bagaimana dengan anda?

Read more »

Cara Mengganti Header Blogspot

Hal yang membuat blog menjadi personal adalah header yang mencerminkan blog tersebut milik kita. Untuk blogspot blog, tampilan header (pakai gambar atau hanya tulisan saja) biasanya tergantung dari template yang kita gunakan. Ada kalanya, format keseluruhan template blogspot sudah sesuai dengan keinginan kita, namun gambar headernya tidak cocok dengan isi blog kita. Jika demikian kasusnya, kita perlu mengganti header blog agar sesuai dengan konten. Bagaimana mengganti header blog blogspot ? (Sebelum ini, aku pernah menulis cara mengganti header blog wordpress)

Untuk mengganti header blogspot, ada beberapa cara yang bisa kita lakukan. Cara termudah adalah dengan melalui pengaturan add and arrange page element (tergantung template yang digunakan. sebagian besar template blogspot mendukung penambahan gambar di header lewat menu ini). Untuk mengganti header blogspot dengan cara ini, login ke dashboard blogger.



Masuk ke tab Layout. Pada kotak Header (sesuai judul blog anda) klik Edit.

Pada jendela baru yang muncul, klik Browse untuk mencari gambar yang akan digunakan sebagai header. Sebaiknya sebelum melakukan ini, kita harus menyediakan image yang akan kita pakai sebagai header, dengan ukuran sesuai ukuran header (jika tidak tahu ukuran headernya, beri tanda centang pada Shrink to fit dimana ukuran gambar akan disesuaikan dengan ukuran header). Pilih behind title and description jika gambar yang anda masukkan tidak mengandung teks judul, karena ini berarti judul dan deskripsi blog akan ditampilkan. Sebaliknya, jika anda membuat gambar header komplit dengan tulisan judul dan deskripsinya, pilih instead of title and description yang mana pilihan ini akan menyembunyikan judul dan deskripsi. Klik Save.

Kini blog anda sudah mempunyai header yang sesuai dengan keinginan anda (tentunya disesuaikan dengan tema blog).

Cara lain untuk mengganti header blogspot adalah melalui pengaturan kode CSS. Caranya, dari dashboar blogger, masuk ke blog yang akan kita ganti headernya. Masuk ke tab Layout > Edit HTML. Pastikan anda selalu membackup template sebelum mengubahnya (caranya dengan klik Download full template) agar sewaktu-waktu ada kejadian yang tidak kita harapkan, kita bisa kembalikan lagi template seperti semula.

Pada menu Edit HTML, beri centang Expand Widget Template. Tekan tombol Ctrl + F bersamaan untuk memanggil fungsi pencarian. Ketikkan header pada kolom Find untuk mencari kode css header. Anda juga bisa menscroll mouse untuk melakukan pencarian ini, tapi tidak praktis.

#head{
margin:auto;
padding: 0;
width: 100%;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxLkuRQ4e5MQP0S3dPYNEpFTwBdLhxs5e9gS8TxZlI-CDz-pHGWx1bIEfiXJX9pSFx8z6QfBau5ZG2jrECLyKESK8MspslD9_9egMkzobzmNvzmzNw4rFJS9x5_RiM1hOn6dMgCkogoZ4/s400/deadly-stars.jpg) no-repeat;
border-bottom:1px solid #383838;
border-top:1px solid #474747;
}

Pada kode css yang mengatur header (penamaan tidak harus sama dengan contoh disini, tergantung template yang digunakan), cari tulisan background karena inilah yang mengatur tampilan header blog kita. Adakalanya background ini berisi kode #000000 (atau yang lainnya) yang berarti backgroundnya berisi warna. Untuk menggantinya menjadi berlatar image yang telah kita siapkan, berikan kode url(alamat image). Sebelumnya, anda harus mengupload image yang akan digunakan ke situs penyimpanan (hosting) gambar, dan ganti alamat image dengan url gambar anda. Setelah itu klik tombol save template untuk menyimpan hasil kerja anda.

Demikianlah cara mengganti header blogspot. Semoga bermanfaat.

Read more »

Kumpulan Kode HTML : Tag Formatting Tulisan

Kemarin kita telah mengenal kode HTML dasar. Kali ini, masih dalam rangka belajar kode HTML, aku akan menuliskan kumpulan kode HTML yang berfungsi untuk memformat tampilan karakter/huruf.


<i>Italic text</i> berfungsi untuk memiringkan tulisan.

<b>Bold text</b> berfungsi untuk menebalkan tulisan.

<big>Big text</big> untuk membuat teks lebih besar dari ukuran default.

<small>Small text</small> untuk membuat teks lebih kecil dari ukuran default.

Tag <font> berfungsi untuk menentukan bentuk, ukuran dan warna font dari tulisan. Tag ini support di semua browser besar.

Contoh pemakaian :
<font size="2" color="blue">This is some text!</font>
<font face="verdana" color="green">This is some text!</font>

Selain atribut yang telah dicotohkan, ada pula atribut lain yang bisa dijadikan alternatif, misalnya untuk menentukan warna, kita dapat menggunakan kode warna (contoh: #000000 untuk warna hitam).

<em>Emphasized text</em> fungsinya sama dengan italic.

<strong>Strong text</strong> fungsinya sama dengan bold.

<code>Computer code text</code> untuk menuliskan kode komputer (php, html, dsb)

Tag <em> berfungsi untuk membuat garis bawah pada teks / huruf.

Demikianlah beberapa tag HTML yang sering digunakan untuk memformat tulisan. Semoga ada manfaatnya.

Read more »

Kumpulan Kode HTML : Tag Dasar

Membuat blog sekarang ini memang sangatlah mudah, bahkan untuk orang yang tidak mengerti sama sekali bahasa pemrograman yang digunakan untuk blog tersebut (umumnya HTML dan PHP). Semua sudah ready for use, siap digunakan, tanpa harus sedikitpun menuliskan kode. Namun, ada kalanya kita memerlukan sedikit pemahaman kode-kode yang sering digunakan, misalnya untuk membuat tampilan blog kita berbeda.

Sebagai bahan pembelajaran untuk aku pribadi, aku sengaja mendokumentasikan beberapa kode HTML dasar yang biasa digunakan dalam sebuah blog. Kode-kode ini aku peroleh dari berbagai sumber di internet.

Aku mencoba mengelompokkan kode-kode HTML ini berdasarkan fungsinya. Pada tahap awal ini, aku menuliskan kode-kode Tag Dasar HTML.

Tag <!DOCTYPE>

Definisi dan Penggunaan :

Deklarasi doctype ini mestinya merupakan hal pertama dalam dokumen HTML, sebelum tag <html>.
Deklarasi doctype mengacu pada definisi tipe dokumen (Document Type Definition/DTD). DTD menentukan aturan untuk markup language, sehingga browser dapat merender konten dengan benar.

Tag <html>

Tag <html> memberitahukan browser bahwa dokumen ini sebuah dokumen HTML. Elemen html merupakan elemen utama dalam dokuen HTML dan XHTML. Elemen html juga dikenal sebagai elemen dasar.

Tag <body>

The body element defines the document's body.

Elemen body berisi semua konten dari sebuah dokumen HTML, seperti teks, hyperlinks, gambar, tabel, daftar, dsb.

Tag <h1> sampai <h6>

Tag <h1> sampai <h6> digunakan untuk mendefinisikan heading pada HTML. <h1> mendefinisikan heading terbesar sedangkan <h6> mendefinisikan heading terkecil.

Tag <p>

Tag <p> mendefinisikan sebuah paragraf. Elemen p secara otomatis membuat beberapa space sebelum dan setelahnya. Spasi dapat secara otomatis diaplikasikan oleh browser, atau bisa juga kita tentukan terlebih dahulu lewat style sheet (CSS).

Tag <br>

Tag <br> berfungsi untuk memasukkan baris baru. Tag <br> merupakan tag kosong, artinya tag ini tidak memiliki tag akhir.

Tag <hr>

Tag <hr> menciptakan sebuah garis horisontal dalam sebuah halaman HTML. Elemen hr dapat digunakan untuk memisahkan komten dalam halaman HTML.

Tag <>

Tag <> (tag komentar) digunakan untuk memasukkan komentar dalam source code. Komentar tersebut akan dilewatkan oleh browser (tidak tampil di browser). Komentar ini dapat digunakan untuk menjelaskan kode kita, yang dapat membantu saat kita mengedit source code tersebut di kemudian hari.

Kita juga dapat menyimpan informasi spesifikasi program di dalam komentar. Dalam kasus ini, mereka tidak akan terlihat oleh pengguna, namun masih tetap tersedia untuk program tersebut. Praktek yang bagusnya adalah untuk mengomentari teks di dalam script dan elemen style untuk mencegah browser lama, yang tidak support dengan scripting atau style, memperlihatkannya sebagai teks biasa.

Demikianlah beberapa tag dasar kode HTML. Pada artikel-artikel berikutnya, kita akan mempelajari tag-tag html untuk fungsi-fungsi lainnya. Semoga bermanfaat.

Read more »

Tips Dasar Blogspot: Menghapus Komentar Spam

Hal paling menyenangkan dari ngeblog adalah ketika artikel kita mendapat tanggapan dari pengunjung berupa komentar, tentunya komentar yang berhubungan dengan isi artikel, baik kritik, pertanyaan, tanggapan atau sekedar urun rembug. Namun, hal menjengkelkan dari ngeblog, juga ketika mendapat komentar, tapi komentar yang hanya bertujuan promosi link-link alias spam alias komentar sampah. Untuk komentar jenis ini, tentu kita ingin menghapusnya. Bagaimana cara menghapus komentar yang tidak kita inginkan?

Berbeda dengan Wordpress yang punya filter/penyaring komentar, untuk blogspot (setidaknya yang aku tahu) tidak ada fitur untuk menyaring komentar. Jadi, asal bisa lolos kode captcha, setiap orang bisa dengan leluasa berkomentar. Tentu saja ini yang aku inginkan, semua orang bebas komentar, asal sesuai jalur. Jika hanya bermaksud spam, tentu kita ingin menghilangkannya dari artikel kita.

Untuk menghapus artikel spam atau artikel yang tidak kita inginkan, login ke account blogger kita. Masuk ke tab Posting > Edit Post. Nanti akan muncul artikel-artikel blog kita. Nah, klik link n Komentar (n adalah jumlah komentar dalam artikel bersangkutan). Nanti akan tampil semua komentar yang ada dalam artikel tersebut. Di bawah setiap komentar, ada gambar kotak sampah. Pada komentar yang akan kita hapus, klik kotak sampah yang ada di bawahnya. Akan muncul konfirmasi penghapusan. Pilih hapus selamanya.

Sekarang artikel anda sudah bebas dari komentar yang tidak kita inginkan (SPAM). Semoga membantu

Read more »

Menambah Tanggal pada Blog Wordpress

Kebetulan lagi dapat tugas dari kantor untuk membuat situs sederhana untuk keperluan internal perusahaan. Berhubung CMS Wordpress yang sudah aku akrabi, langsung saja aku gunakan Wordpress. Agar terlihat profesional, aku ingin situs tersebut menampilkan waktu (hari dan tanggal terkini). Nyari kesana kemari tidak nemu template wordpress yang menampilkan update waktu tersebut. Yah terpaksa tambahin sendiri.

Berhubung aku masih tahap belajar dan awam dalam hal kode-kode php, jelas referensi pertama dan utama yang aku tuju untuk mencari cara menampilkan tanggal terkini pada blog wordpress, adalah berburu di Mbah Google.

Setelah loncat kesana-kemari, aku menemukan cara menampilkan tanggal terkini di blog Wordpress dengan tampilan waktu lokal. Berikut kode yang harus ditampilkan

<?PHP

$array_hari = array(1=>"Senin","Selasa","Rabu","Kamis","Jumat", "Sabtu","Minggu");
$hari = $array_hari[date("N")];

$tanggal = date ("d");

$array_bulan = array(1=>"Januari","Februari","Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember");
$bulan = $array_bulan[date("n")];

$tahun = date("Y");

echo $hari . "," ." ". $tanggal ." ". $bulan ." ". $tahun;

?>

Catatan:
Pada $tanggal = date ("d"); ganti dengan "j" jika ingin tanggal yang muncul tanpa angka 0.

Letakkan kode ditempat dimana tanggal terkini mau dimunculkan. Dalam contoh kasusku, aku menaruhnya di atas (bagian menu).

Hasilnya adalah seperti tampak pada screenshot berikut :

Read more »