Blogger adalah layanan blog gratis yang memberikan keleluasaan bagi user untuk mengedit tampilan dan fungsi blognya. Secara mendasar, Blogger berplatform HTML/XML dengan didukung pengaturan tampilan CSS dan fungsi-fungsi javascript. Kita mengenal adanya fitur edit template HTML Blogger dimana kita dapat dengan bebas melakukan modifikasi, desain ulang, hack, penambahan fitur dari pihak ketiga (third party) berupa widget, dan lain-lain.

Note: Fitur edit HTML Blogger diakses melalui dashboard > design/rancangan > edit HTML.

Beberapa kasus saya temui dari pengunjung dan beberapa teman blogger (khususnya newbie) yang mengeluh karena gagal memasukkan hack/script tambahan, tidak menemukan kode tertentu seperti yang ada di tutorial, bahkan ada pula yang templatenya "kacau" karena salah mengedit template HTMLnya.

Tips ini saya buat untuk memberi masukan dan ide dalam melakukan editing Template HTML agar hasilnya sesuai dengan yang diinginkan. Semoga bermanfaat.

1. Memahami elemen dasar dari template blogger/blogspot sangat penting, pada dasarnya ada 5 elemen penting pada template Blogger yang hampir sama dengan elemen dasar web HTML pada umumnya:

a. HTML/XML tag, yang menandakan bagian dari keseluruhan halaman, diawali dengan dan diakhiri dengan . Khusus untuk tag-tag XML, untuk template Blogger dan HTML editor setelah tahun 2007, selalu diakhiri dengan /, contoh: />.

b. Head tag, merupakan bagian dari keseluruhan head halaman, di dalamnya dimasukkan aturan-aturan yang mengatur banyak hal, termasuk tampilan (CSS), diawali dengan dan diakhiri dengan .

c. Body tag, merupakan isi dari halaman web/blog, di dalamnya terdapat konten/isi inti halaman, termasuk pula widget-widget yang menjadi bagian dari isi halaman, diawali dengan dan diakhiri dengan .

d. CSS, elemen pengatur tampilan halaman, baik dari segi warna, font, posisi, lebar luas, dan masih banyak lagi. Letaknya diantara <![CDATA[ dan ]]>

dan berada pada bagian head. Pada beberapa kasus kode CSS juga dimasukkan tepat di atas sebagai aturan tambahan.

e. Javascript, merupakan elemen yang sebenarnya mengandung software (web widget) yang berisi perintah-perintah tertentu. Biasanya digunakan untuk memasukkan elemen tambahan seperti popular post, auto readmore, dan sebagainya. Ada dua jenis javascript yang dapat digunakan: internal, yang diupload dan di-host langsung di Blogger, dan eksternal, yang diupload dan dihosting di server lain. Letaknya relatif, tergantung jenisnya. Untuk yang berjenis widget biasanya ada di dalam body.

2. Biasakan back up template terlebih dahulu sebelum editing, klik "Backup Full Template" di atas kotak "Edit HTML". Jika ada kesalahan dan anda tidak tahu script mana yang harus dibenahi, anda dapat dengan mudah mengupload file back-up template dan mengembalikan seperti semula.

3. Perhatikan benar-benar tutorial yang dibaca, jangan sampai ada yang terlewatkan. Sebagai contoh, jika harus mencentang/klik "expand widget templates", maka pastikan sudah melakukannya. Fungsi dari perintah tersebut adalah untuk membuka bagian-bagian body yang mengandung widget. Jika tidak dicentang, bagian-bagian tersebut akan "disembunyikan" oleh Blogger karena memang ditujukan untuk keamanan.

4. Ketika meng-copy script dari halaman tutorial yang anda baca, pastikan semua bagian script sudah tercopy atau jangan ada bagian selain dari script yang ikut ter-copy.

5. Jika harus mengubah isi script/kode, misalnya mengganti url blog/feed, value, dan lain-lain, salin/paste terlebih dahulu kode/script tersebut ke editor semacam notepad, wordpad, word. Setelah melakukan pengubahan script dan memastikan semuanya beres, baru masukkan script tersebut ke template HTML.

6. Agar lebih mudah dan cepat mencari kode tertentu seperti yang diminta di dalam tutorial, gunakan fitur pencarian browser, tekan Ctrl + F, setelah kotak pencarian muncul masukkan kode yang ingin dicari dan tekan next (enter).

7. Perhatikan benar-benar istilah di bawah/setelah serta di atas/sebelum, itu berarti letakkan kode benar-benar setelah atau sebelum kode yang dicari. Kode-kode dibaca oleh browser dari kiri ke kanan sebagai urutan. Atas bawah hanya digunakan untuk memberi kenyamanan dalam mengurutkan. Bagi browser, dia tetap dibaca dari kiri ke kanan. Contoh:

Kita lihat di situ ada 2 tag bersisian, jika harus memasukkan tag/kode baru di bawah/setelah , itu berarti anda harus meletakkan benar-benar setelahnya, sehingga harus digeser posisinya, atau kode/tag baru disisipkan di antara keduanya, jadinya: 

 

atau,

8. Jika memang masih belum yakin dan terbiasa, buatlah blog baru yang fungsinya untuk eksperimen dan uji coba script (trial and error). Anda bisa dengan bebas melakukan uji coba tanpa ada ketakutan template blog anda rusak atau pembaca kabur. Agar hasilnya akurat, gunakan jenis template yang sama seperti blog anda. Saya memiliki 3 blog untuk eksperimen dan mencoba script baru sehingga bisa dengan bebas melakukan apapun tanpa rasa khawatir.

9. Khusus untuk hack/script tertentu di mana tampilannya bisa langsung dilihat di homepage/beranda (misalnya: memasang readmore atau background), setelah memasukkan script dan selesai meng-edit, jangan langsung di-save dulu. Gunakan/klik fitur preview/pratinjau untuk melihat hasilnya. Jika sudah beres dan sesuai yang diinginkan, baru lah di-save.

10. Pada beberapa template, ada yang bagian tertentunya di apit oleh tag paragraf: dan
, sehingga ketika bagian tertentu tersebut dicari, seolah tidak ketemu. Jika template anda berjenis seperti ini, jangan menyerah terlebih dahulu.
Contoh:

Ketika harus mencari , dan tidak ketemu, maka ada kemungkinan tag paragraf mengapitnya (
), atau ada beberapa kondisi lain (misalnya, anda lupa mencentang "expand widget templates"). Agar lebih mudah lagi, jangan sertakan < dan /> ketika mencari (Ctrl + F), cukup gunakan data:post.body saja.

Masih ada beberapa lagi yang hendak saya sampaikan, namun sekiranya 10 poin di atas cukup lengkap untuk menjadi tips dan petunjuk agar lancar dan aman dalam mengedit Template HTML Blogger/Blogspot. Selanjutnya, sobat Blogger dapat mengembangkan dan membiasakan diri dengan template dan template editor Blogger serta melakukan editing secara mandiri (Do It Yourself [DIY]). Keep on learning and learning.

Salam.

Readmore »»

Promo lagi…promo lagi…!!! Buat kalian yang lagi bingung mencari vendor buku tahunan dengan mengurangi budget selangit tapi tetep dengan kualitas yang tetap oke, Karbit Promotion solusinya.

            Kenapa harus Karbit? Karena kami sudah cukup berpengalaman dibidang pembuatan buku tahunan sekolah, dan kami sangat berkeinginan untuk setiap siswa di sekolah mengurungkan niat untuk tidak mengadakan buku tahunan hanya karena biaya yang melampaui kemampuan. Salah satu solusi yang kami berikan adalah dengan memberikan cash back up to 3jt (tergantung nilai tender).

            Gimana caranya untuk mendapatkan promo? Gampang banget, ijinkan kami datang ke sekolah kalian untuk mempresentasikan EO kami. Jika sekolah kalian cukup tertarik untuk bekerjasama dengan kami, ketika membuat kontrak dan terjadi transaksi DP pertama kami akan langsung memberikan cash back senilai yang telah ditentukan. Cukup mudah bukan?

            Bisa gak sih cash back tersebut untuk dijadikan uang saku pribadi? Pasti bisa. Buat kamu yang sangat ingin menambah uang saku pribadi, cukup dengan merekomendasikan EO kami ke sekolah teman, sodara, tetangga atau siapapun yang kamu kenal. Kalau sekolah tersebut bekerjasama dengan kami dapat dipastikan ketika membuat kontrak dan terjadi transaksi, kamu akan langsung mendapatkan uang saku sebagai tanda terimakasih kami.

            Gimana cukup tertarik? Jangan sampai momen berharga kalian menjadi berkurang hanya dengan tidak mengumpulkan setiap ekspresi dan kenangan masa sekolah didalam sebuah Buku Tahunan. Percayakan semua pada kami.
Lihat port folio kami di sini
Lihat daftar harganya di sini
Kalau tertarik hubungi saya, Daniel (089635840543) (PIN : 29D16E32)

Readmore »»

Mungkin pernah terjadi pada para facebookers ketika teman facebook kita berkurang jumlahnya, namun kita tidak merasa meremove satu pun dari teman kita, mungkin ini disebabkan karena teman andalah yang meremove anda. Mungkin terbersit dalam benak anda untuk melihat siapakah teman facebook anda yang tega me-remove atau menghapus pertemanan dengan anda di facebook. Caranya adalah dengan menggunakan ektensi Unfriend Finder for Facebook. Cara ini hanya berfungsi pada browser Google Chrome.

Berikut caranya:  

1. Komputer/laptop anda harus terinstal browser Google Chrome terlebih dahulu. Klik di sini untuk mendownloadnya
2. Klik disini untuk menginstal tool tambahan pada Google Chrome.
3. Jika halaman telah terbuka, klik tombol "instal"
4. Jika sudah terinstal, maka apabila ada teman sobat yang meremove sobat nanti akan muncul pesan unfriend.

Semoga trik ini berguna bagi sobat yang penasaran terhadap teman yang memutuskan hubungan pertemanan dengan sobat di facebook. Semoga berguna dan bermanfaat.

Readmore »»

Youtube adalah gudang video. Yang berisi video-video tentang tutorial, musik pendidikan, kartun, film, beberapa video dewasa (18+) juga terdaftar di Youtube. Namun, untuk menjaga keamanan, Youtube meminta Anda untuk memverifikasi usia Anda jika ingin melihat video yang dibatasi hanya untuk orang dewasa tadi.

Proses yang umum untuk memverifikasi usia Anda ini biasanya dengan membuat account dan menetapkan tanggal lahir sehinggga usia Anda diatas 18. Tetapi jika Anda tidak mau buang waktu maka Anda mungkin akan sangat tertarik dengan prosedur di bawah ini untuk mengakses video yang dibatasi tersebut tanpa harus login atau membuat account Anda.

Ikuti langkah-langkah di bawah ini :

1. Anda perlu menemukan kode dari url video Youtube. Sebagai contoh: 'PimF8-OkdLE' adalah kode link Youtube video yang disebutkan di bawah ini.

2. Sekarang tambahkan kode video pada format berikut: http://www.youtube.com/v/CODE?fs=1&. Jika 'PimF8-OkdLE' adalah kode video nya, maka url akan menjadi http://www.youtube.com/v/PimF8-OkdLE?fs=1&

Trik ini akan membuka video pada layar browser Anda dan memungkinkan Anda memutar video apa pun tanpa pembatasan usia.

Readmore »»

1. Yahoo Melewatkan Facebook

Tahukah Anda kalau Mark Zuckerberg pernah nyaris menjual hak kepemilikan Facebook kepada Yahoo? Tahun 2006, Yahoo melihat potensi Facebook cukup besar untuk dijadikan lawan MySpace. Mereka sempat menawarkan uang sebesar US$ 1 miliar kepada Mark.

Namun saat akuisisi nyaris terjadi, tiba-tiba Yahoo mengalami penurunan saham sampai 22 persen. Reaksi Yahoo? Bernegosiasi menurunkan tawaran harga kepada Mark menjadi US$ 800 juta saja. Jelas dirinya menolak dan akhirnya memutuskan untuk membesarkan Facebook sendirian. 

2. Real Networks Menolak "iPod"

iPod, pemutar file multimedia paling populer saat ini, ternyata pernah ditolak konsepnya oleh Philips dan Real Networks. Tepatnya tahun 2000, Tony Fadell menawarkan konsep pemutar MP3 mungil, bergaya, dan menyediakan content-delivery system yang memudahkan pengisian musik, bernama Pod.

Hanya Apple yang mau menerima proposal Fadell dan memproduksi peranti yang kita kenal sebagai iPod serta content-delivery system bernama iTunes. Saat ini iTunes mendominasi 80% pasar musik digital berbayar di dunia.

Kabar Real Networks? Dengan RealPlayer-nya, pendapatan mereka per tahun hanya segelintir dibanding penghasilan Apple dari iTunes saja, belum ditambah penjualan iPod. 

3. IBM Mengatrol Microsoft

Tahun 1980, IBM sedang mengerjakan proyek PC pertama dan mencari perusahaan perangkat lunak yang bisa menyediakan disc operating system (DOS). Awalnya mereka meminta bantuan Gary Kildall dari Digital Research, pembuat sistem operasi CP/M.

Namun negosiasi tidak berjalan mulus sehingga akhirnya IBM beralih kepada duo Bill Gates dan Paul Allen yang memiliki program Microsoft DOS. Kontrak pun terjalin dan IBM menuai sukses besar, sekaligus mengangkat nama Microsoft.

Jika saja Kildall mau menerima tawaran IBM, mungkin perusahaannya-lah yang bakal meraksasa seperti Microsoft saat ini. 

4. Xerox Alto "Dicuri" Apple

Vendor Xerox mengembangkan sebuah komputer pertama yang memakai window-based GUI. Komputer yang ada sebelumnya hanya mengandalkan teks sebagai operasionalnya.

Diberi nama Alto, komputer ini sudah dilengkapi mouse, jaringan ethernet, dan editor teks WSYIWYG (what you see is what you get). Namun saat diluncurkan tahun 1973, pasar konsumen PC belum terbentuk.

Akibatnya Xerox hanya mendistribusikan Alto ke beberapa universitas secara gratis. Nah, tahun 1979, Steve Jobs mengunjungi Xerox PARC, tempat pengerjaan Alto.

Saat melihat komputer ini, ia langsung terinspirasi dan kemudian mengimplementasikan banyak fitur utama Alto ke dalam Lisa dan Mac, dua PC yang sedang perusahaannya kembangkan.

Ternyata Mac sangat laris manis, sementara Xerox yang akhirnya mengikuti dengan memasarkan Xerox Star (berbasis teknologi Alto) sudah terlambat masuk pasar.

5. "Google" Sebelum Google

Medio 1990-an ketika perang antarmesin pencari masih berimbang antara Yahoo, Altavista, dan Lycos, ada satu yang mencuat ke permukaan. Open Text Web Index namanya.

Mirip Google saat ini, Open Text dikenal karena kecepatan respon, akurasi, dan komprehensif. Tahun 1995, arsitektur Open Text bahkan dibeli Yahoo untuk diterapkan dalam mesin pencariannya.

Namun dua tahun berselang, pemilik Open Text memutuskan berpindah haluan ke sektor content management system untuk enterprise. Padahal tahun 1998, Google baru diluncurkan.

Jika saja Open Text (dan Yahoo) tetap bermain di teknologi mesin pencari, mungkin saat ini merekalah yang memimpin pasar. Sayang, mereka tak menyadari besarnya industri mesin pencari pada masa seperti sekarang ini.

6. Microsoft Menyelamatkan Apple

Tahun 1997 adalah tahun kebangkitan Apple. Dalam kondisi krisis keuangan akibat Mac-nya kalah bersaing dengan Power Computing dan Radius, mereka terancam berhenti produksi.

Untungnya, datang bantuan yang tak disangka-sangka, Microsoft. Tanpa diduga mereka bersedia membeli saham Apple sebesar US$ 150 juta, relatif cukup untuk memperpanjang nafas.

Steve Jobs, sebagai negosiator dalam perundingan dengan pihak Microsoft, akhirnya ditunjuk sebagai CEO Apple. Kemudian lewat tangan dinginnya, Apple kini malah mampu menandingi Microsoft dalam kompetisi bisnis IT.

Readmore »»