Pada kesempatan kali ini saya akan berbagi sedikit tips buat temen-temen blogger

yg lagi males atau gak punya banyak waktu untuk write and posts. Sesuai dengan

judul posting “Semi Generated Content” yg bisa diartikan dengan setengah

dari “Auto Generated Content (AGC)”. Maksudnya adalah kita hanya perlu edit sedikit

posting yang secata otomatis masuk dalam “Daftar Entri” Blog kita masing-

masing. Berikut ini peralatan yang temen blogger harus sediakan :

1. Account Blogger

Dalam hal ini harus jelas blog Semi Generated Content yang akan temen

buat tema dan isinya kemana [Tema Blog]

 

2. Account Yahoomail

Digunakan sebagai sumber artikel yang mengisi secara otomatis nantinya

dalam “dafta Entri” Blog Semi Generated Content kita.

 

Langkah-langkahnya adalah sebagai berikut :

1. Buat satu blog dengan tema tertentu, misalnya ttg
“Islam”

2. Pada tab “pengaturan” pilih sub menu
“email and Selluler” seperti gambar

dibawah ini :

3. Pada Opsi pengeposan isikan alamat email yg saudara inginkan, email ini

merupakan Subdomain dari Email Google,, saudara bisa lihat pada

gambar. Pada gambar diatas email google nya adalah rppsilab[at]

gmail.com dengan sub email yang saya isikan
arimatematika. Jadi

emailnya adalah rppsilab.arimatematika[at]blogger.com. Perlu diingat

pada bagian bawah gambar diatas tandai “simpan email sebagai entri

konsep” agar kita rapikan dahulu sebelum di terbitkan. [inilah yang saya

maksud dengan Semi Generated Content For Blogspot, artikelnya

masuk secara otomatis, tetapi masih perlu edit manual agar rapi ketika

kita tampilkan dalam postingan.

 

4. Setelah itu saudara tinggal gabung disalah satu YahooGroups dengan

account YahooMail yg telah temen buat. [makin banyak groups yg diikuti,

makin banyak artikel yg masuk dalam daftar entri blog kita]. Bergabung

dengan groups yg sesuai dengan tema Blog Semi Generated Content yg

akan saudara buat. Ketika saudara bergabung isikan email yg telah kita

buat pada langkah 3. Lihat screen shoot dibawah ini

Bayangkan saja dalam waktu yg relatif singkat, daftar entri blog saya mencapai

346 daftar postingan. Bisa lihat screenshoot dibawah ini pada blog saya yg

berjudul “BACALAH” yang saya mulai dari 09 desember 2010.

Tetapi blog ini

tidak saya kelola dengan baik, karena saya ingin focus pada blog saya yg tentang

pendidikan, ngeblog harus focus dan sebaiknya focus ke tulisan konten orisinil
itu akan lebih baik. Semoga bermanfaat :)

Saya kurang tau apakah wordpress menggunakan plugin untuk menampilkan
thumbnail yang berbeda pada halaman home, tapi itu bisa dilakukan dengan lebih
mudah di blogger. Cukup dengan conditional Tag.

Thumbnail ini akan digunakan pada halaman home untuk memberikan gambaran
tentang isi artikel, dan akan hilang setelah visitor masuk ke artikel. Salah
satu blog yang menerapkan system ini adalah bloggerplugin. Disini saya akan
menjelaskan pengaplikasiannya.

Kita akan menggunakan conditional tag yang mengatur penampakan pada halaman
artikel (item).


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


Untuk membungkus Class tertentu. Class ini akan diletakkan pada HTML gambar yang
ingin dijadikan thumbnail.

Berikut total kode:

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

<style type='text/css'>




.thumb {display:none}



</style>

</b:if>

 

Letakkan kode tersebut diatas </head>

***

Masuk kehalaman posting & saat memasukkan gambar ke artikel, akan muncul kode
berikut:

<a
class="thumb" onblur="try

{parent.deselectBloggerImageGracefully();} catch(e) {}"

href="...s1600/anonymous.png"><img style="display:block; margin:0px

auto 10px; text-align:center;cursor:pointer; cursor:hand;width:

35px; height: 35px;" src="...s400/anonymous.png" border="0"

alt=""id="BLOGGER_PHOTO_ID_5529584144433618498" /></a>

Atau,

<img
class="thumb" src="...s1600/anonymous.png" alt="" />

Tambahkan kode yang berwarna merah seperti yang ditunjukkan pada kode HTML
diatas. Intinya adalah pada class="thumb". Commons
ini yang mengatur bahwa thumbnail/gambar dihidden jika masuk ke halaman artikel.

Trik ini juga bisa dilakukan untuk mengobati thumbnail yang jelek pada auto read
more, tentu saja selain dengan melakukan cropping pada gambar.

Postingan kali ini
merupakan kelanjutan dari tulisan saya sebelumnya mengenai bahasan
15 Cara Optimasi Blog Agar Tampil Lebih Cepat,
buat yang sudah baca silahkan
lanjutkan baca artikel ini, kalau belum..silahan baca dulu, karena untuk bahasan
kali ini kita langsung praktek menganalisa menggunakan tools, dan artikel yang
saya tulis sebelumnya itu sebagai pegangan saja biar nanti gak bingun memilah
apa saja halaman yang sekiranya wajib dioptimasi.

 

Optimasi kali ini sebenarnya bertujuan untuk mengurangi pesan kesalahan ketika
browser melakukan rendering pada suatu halaman. Logikanya yaitu semakin sedikit
kesalahan tentu akan semakin baik karena ini akan mengurangi kerja berat dari
Browser atau paling tidak kita berusaha menghemat pemakain Bandwith.

 

Google Page Speed

Untuk Tools Optimasi yang pertama, saya biasanya menggunakan Google Page
Speed, selain karena tools ini besutan langsung dari Google, tools ini juga
memberikan informasi cukup lengkap mengenai laporan kesalahan pada halaman.
Setiap halaman blog yang kita analisa secara otomatis akan dilaporkan kedalam
tabel list. Page Speed akan memilah dan menginformasikan secara
rinci apa saja kesalahan yang ditemukan, selain pesan kesalahan, disitu juga di-informasikan pesan kebenaran, yang berarti
ditemukan sebagian element halaman yang
tidak perlu lagi diperbaiki karena dianggap sudah benar.

 

 

Halaman yang selesai dianalisa Google Page Speed biasanya akan diberi
nilai (score). Nilai score terbaik adalah 100, ingat! tidak mudah untuk bisa mencapai nilai 100,  saran saya cukuplah mencapai
score antara 80-90/100, inipun sudah terbilang angka yang lumayan bagus. 

 

Lalu bagaimana memperbaiki kesalahan?

Setiap pesan error yang ditampilkan
dalam list semuanya tentu sudah ada solusinya, misalkan pesan tersebut
menampilkan "Remove unused CSS" yang berati kita diminta untuk
membuang kode CSS yang tidak digunakan. Silahkan klik link yang 
menampilkan kesalahan, secara otomatis Google akan memberikan solusi terbaik
untuk mengatasi masalah tersebut. Nah, tugas kita tinggal pelajari saja intruksi
dan tips optimasi dari Google.

 

Yahoo! YSlow

Selain Google Page Speed ada satu lagi tools yang biasanya saya gunakan yaitu
Yahoo! YSlow. Pilihan pada YSlow karena saya menyadari tools ini
dikembangkan langsung oleh Yahoo, tentu saja keakuratannya gak perlu diragunakan
lagi. Sebenarnya cara kerja YSlow mulai dari informasi laporan kesalahan dan
tetek bengeknya hampir sama saja dengan Google Page Speed, keduanya sama-sama
memberikan informasi perbaikan dan tentu saja cara menangani kesalahan.
Perbedaan yang mecolok
terletak pada pemberian Nilai halaman, jika Google Page Speed berdasarkan pada
Score, Yahoo YSlow sendiri berdasarkan pada Grade A-F dimana nilai Grade
A adalah nilai terbaik dan Grade F adalah nilai yang terjelek. Seperti saya
bilang diatas tentu sulit sekali untuk mencapai nilai sempurna, saran saya cukup diantara Grade B-C saja.

 

 

Nah, sekarang terserah rekan saja memilih dari kedua tools diatas, keduanya
sama bagusnya. Hemat saya pilih salah satu saja, karena kedua tools diatas sudah
pasti memberikan nilai score yang berbeda.

 

Cara Installasi:

Sebelum mencoba kedua Tools diatas pastikan rekan sudah menginstall firefox
plugin untuk Firebug,
ok! kalau sudah, silahkan install plugin untuk
Google Page
Speed dan Yahoo!
YSlow. trus ngapain....apa ya?....ya tinggal langsung dicoba aja bro hehehe