Trik Blogger

Memasang Icon

2007-12-11T15:20:00.001-08:00

Sekarang kita bahas bagaimana caranya memasang icon pada blogger kita (seperti permintaan mbak Yuli), sehingga nantinya di depan alamat web addres kita menggunakan icon kita sendiri menggantikan icon blogger. Yang perlu dilakukan adalah menambahkan gambar icon yang telah anda buat (caranya bisa dilihat pada tulisan sebenlumnya) pada edit html template anda.

jadi pertama masuklah pada account blogger anda, pada dashboard/panel kontrol, langsung ada pilih layout sehingga anda menuju pada edit template. Buka pada edit html. lalu carilah kode seperti ini:

<title>....................(isinya judul blog)</title>
<b:skin><![CDATA[/*

maka setelah itu tambahkan kode alamat dimana anda menghosting icon anda. Dari beberapa free hosting yang saya pakai, maka saya sarankan memakai geocities.

<title>....................(isinya judul blog)</title>
<link href='http://www.geocities.com/.../favicon.ico' rel='shortcut icon'/>
<b:skin><![CDATA[/*

Untuk dapat menggunakan layanan geocities yahoo, caranya mudah, masuk saja pada yahoo.com dan pada feature service pilih geocities. Pastikan anda memiliki account yahoo. Terutama accout.com, saya pernah coba daftar menggunakan account .co.id selalu gagal. Lalu seperti biasa masuklah menggunakan login account yahoo anda.

Lalu setelah itu pilih saja Sign up now pada get a site for free. Karena layanan itulah yang gratis.

Setelah anda masuk control panel geocities anda, maka masuklah pada creaqte & update, lalu pilih file manager. Lalu pilih upload file. Lha, disinilah kita mengupload icon kita. Pilih file icon yg telah kita buat dan upload di situ. Maka setelah selesai upload, refresh dulu, setelah itu akan tampil seperti ini:

Untuk mengetahui alamat icon kita agar bisa kita pasang pada blog kita (kode di atas tadi) maka klik pada view, maka address itulah yang kita masukkan ke editan html bloog kita.

Semoga tips ini bermanfa,at, SUKSES SELALU!

Membuat Icon

2007-12-11T15:19:00.001-08:00

Baiklah, sekarang akan kita bahas cara membuat icon. Nanti pada pembahasan kedua akan kita bahas bagaimana memasang icon tersebut pada blog kita. Caranya sangat mudah banget, kita bisa menggunakan layanan pembuat icon online yang gratis seperti pada rw-designer.com.

Setelah itu, upload gambar icon yang anda punya di komputer anda, tentu aja dengan browse, lalu upload. Bisa juga anda buat sendiri icon di situ, cukup mudah, semudah paint-nya windows.

Setelah anda selesai mengedit, downloadlah hasil pembuatan icon anda. maka sekarang icon anda berada pada komputer anda dan biasanya memiliki nama favicon.ico. Nanti icon itulah yang akan kita masukkan dalam blog kita. Mudah kan?

semoga sukses membuat iconnya!

Menyembunyikan navbar

2007-12-10T21:46:00.002-08:00

Apa itu Navbar Blogger? menurut kang Rohman, navbar blogger adalah suatu frame yang berukuran kecil miliknya blogger yang terdapat di bagian atas blog. frame ini berfungsi untuk login ke blogger atau bisa juga sebagai jalan untuk melihat blog lain atau bisa juga untuk menandai blog yang sekiranya melanggar TOS blogger seperti blog yang mengandung unsur SARA ataupun pornografi untuk dilaporkan ke pihak blogger.

Mengapa orang tertarik menyembunyikan Navbar? alasannya macem-macem, seperti menurut mbak Siti, yang pengen minta diajari cara menyembunyikan navbar biar tampilannya lebih cantik, katanya?

Tapi, keputusan untuk menyembuyikan navbar perlu kita pertimbangkan lebih dahulu. Ternyata cukup banyak resikonya, seperti yang diungkapkan kang Rohman juga, bahwasannya itu beresiko account blog kita bisa ditutup. Lihat juga kata mas Agus. Bahkan lebih ekstreme mengatakan "Ini bagian yang mengkhawatirkan, melihat banyak sekali pengguna blogger yang suka menanyakan bagaimana cara menghilangkan navbar.Harus berkali-kali ditegaskan untuk jangan bangga dengan hasil kejahatan.Kejahatan macam mana maksudnya?

Navbar adalah hak milik Blogger seperti yang disebutkan dalam TOS.Navbar hanya diperuntukan bagi pengguna yang menggunakan layanan tak berbayar.Artinya bagi pengguna berbayar yang memiliki akses layanan FTP, navbar akan otomatis dihilangkan.Navbar dulunya hanya diperuntukan untuk menampilkan iklan sebelum Blogger akhirnya menggantinya dengan navbar.Jadi pertimbangkan perubahan ini.Hanya sekitar 35 pixel hak Blogger yang kita pakai, tentu bukan hal yang sulit untuk tetap mempertahankannya."

Wah-wah, memang menghawatirkan, tapi terserah anda, ada juga yang bilang, kalo tidak masalah kita menyembunyikan navbar blogger, meskipun kebenaran hal ini masih belum kita ketahui. Sebenarnya yang jadi pertanyaanku sendiri juga bagaimana "hukumnya" mengganti icon blogger yang sering kita lakukan juga? kita nanti akan membahas masalah icon itu (postingan selanjutnya sesuai dengan permintaan mbak Yuli).

Sedikit gambling dengan keadaan ini, maka blog saya sedikit mengakalinya dengan membiarkan navbar pada beranda dan menyembunyikan navbar pada blog yang lain. Jadi dalam account saya, masih tetep ada blog yang menampilkan navbarnya. Terus kalo gitu, gimana pihak blogger menyikapinya? apakan nantinya account saya tetep ditutup?

Jadi seperti tampilan di atas, saya menggunakan cara sebagai berikut:
menambah kode:
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
.kosong
{
clear: both;
}

sebelum body pada edit HTML template kita

Top Menu (2)

2007-12-10T21:46:00.001-08:00

Mencoba untuk melengkapi trik pemakaian top menu maka akan kami bahas sedikit mengedit javascript top menu yang ada pada widget/ elemne halaman. Tulisan ini dimaksudkan untuk mempercantik top menu, biar seakan2 blog kita yang sebenarnya berbeda berada pada satu blog seperti blog punyaku ini. Maksudnya gini, jadi semacam ada efek gerakan pada top menu. Seperti pada blog ini maka menu yang berwarna hijau adalah kolom blog ini, bila kita klik beranda, maka nantinya top menu beranda yang akan berwarna hijau dan kita berada pada blog beranda.

Tentu saja ini lanjutan dari tulisan sebelumnya. Jadi kita tinggal masuk ke dashboard kita. kita buka pada Template dan pilih page element/elemen halaman. lalu edit html dimana kita meletakkan javascript top menu.

Untuk blog ini javascriptnya akan saya kasih contoh pada dua blog saya yakni nedy-nedy.blogspot.com pada beranda dan nedy-rahasia.blogspot.com pada rahasia blog.

Pada javascript di beranda seperti ini:

<div id="blue-menu2">
<div style="margin-left: 5px;">
<div id="current">
<a href="http://nedy-nedy.blogspot.com/"
title="Anda disini">Beranda </a> </div>
</div>
<a href="http://nedy-tugas-kuliah.blogspot.com/"
title="Limited Edition">Tugas Kuliah</a>
<a href="http://nedy-rahasia.blogspot.com/"
title="Melihat rahasia blog ini">Rahasia Blog </a>
<a href="mailto:hafid_umm@yahoo.com"
title="Kirim surat disini">E-mail ku </a>

</div>


dan pada javascript di rahasia blog

<div id="blue-menu2">
<div style="margin-left: 5px;">
<a href="http://nedy-nedy.blogspot.com/"
title="Kembali ke awal">Beranda </a> </div>
<a href="http://nedy-tugas-kuliah.blogspot.com/"
title="Limited Edition">Tugas Kuliah </a>
<div id="current">
<a href="http://nedy-rahasia.blogspot.com/"
title="Melihat rahasia blog ini">Bukan rahasia
</a> </div>
<a href="mailto:hafid_umm@yahoo.com"
title="Kirim surat disini">E-mail ku </a>

</div>


jadi yang berwarna hijau tuh untuk efek top menu berwarna hijau, sedangkan warna biru top menu yang warna biru, bedanya tuh ada kode <div id="current"> dan diakhiri </div>. Jadi itu berisi link yang berwarna hijau pada blog yang sedang dibuka. Semoga bermanfaat.

Melebarkan Kolom

2007-12-08T21:00:00.001-08:00

Oh ya, perlu diingat, kolom ini ditulis hanya untuk membahas Bagaimana Q membuat blog ini, bukan untuk menggurui siapa pun. Karena Q sendiri juga pelajar, banyak pendekar ngeblog yang berpetualang di dunia persilatan weblog. Jurus yang sering tak pakai yaitu jurus pencarian, dengan bantuan mbah Google tentu saja. Dengan susunan kata yang tepat, kita dapatkan apa keinginan kita. Bukan Begitu?

Untuk membuat top menu seperti pada blog ini, hasil semedi dengan mbah Google melemparkanku ke padepokan kolom tutorial. Disana akhirnya aku mengambil mantra html menciptakan jurus Top Menu. Aku pilih aja vertikal blue menu (Edisi lebih komplitnya coba ke dinamic drive aja). Aku ambil mantra html di situ, sesuai dengan petunjuk guru Rahman, dipaste pada edit html template. Mantra satunya lagi dipaste di edit elemen halaman (widget html).

Yang tidak kalah penting dari mantra-mantra itu adalah, ternyata harus ada link untuk mengisi setiap menu nanti. Akhirnya aku bertapa di dunia view page source, dan Q mendapat wangsit untuk membuat blog lebih dari satu.

Blog-blog baru itulah yang mengisi setiap kolom pada menu bar. Tapi cara buatnya yang utama dulu. Ehm sedikit perubahan pada mantra html pembuat menu bar ada pada jaraknya dengan tepi. Wah musti bertapa lagi.

Ukuran yang awalnya "margin-left: 100px", tak rubah menjadi "margin-left: 5px". karena menyesuaikan dengan templateku, kalo 100px jadi wagu, agak menjorok ke dalam, dari tak geser dikit ke samping biar gak terlalu wagu.

Jangan lupa pada bagian dimana kita menaruh menu bar itu harus menjadi warna hijau pada background menu barnya, setelah kita mantap dengan susunan/model template dengan top menu itu, yup langsung kita download template kita di komputer.

Untuk apa? ya hasil download tadi kita pake sebagai template blog kita yg lain, sehingga tampilan blog kita "seakan-akan" dalam satu blog. Benar? padahal kalo kita liat pada addresbar, alamatnya beda kan di tiap kolomnya? he5.

Yap, tetapi untuk widget tetep nambah secara manual, paling tidak kita ngak melakukan penaruhanmantra html lagi pada edit html template, tinggal pada elemn halaman saja, kan templatenya udah hasil download dari template blog pertama? jadi sebelum mendesain blog yg lain sebagai menu dari top menu, mantapkan dulu bentuk dari template secara keseluruhan pada blog yg pertama.

SUKSES SELALU!

Link Mendatar

2007-12-08T20:59:00.002-08:00

Kemarin sempet ada yang tanya, gimana sih cara membuat daftar link secara horisontal? (seperti daftar temen-temen di beranda blog ini) Mungkin sekalian juga dibahas disini cara membuat link gambar yg mendatar juga (seperti gambar di atas).

Maaf sekali aku lupa dari mana sumber ilmunya, tapi aku waktu itu sempet mampir juga ke sini. Tentu saja semua itu dengan bantuan mbah google. tapi aku gak menggunakan cara itu. Aku pake cara dari tips lain. Aku bener-bener lupa dari mana, mungkin aja dari kolom tutorialnya mas Rohman, ato tempat lain, bisa isnaini ato mahesajenar.

Yang kuingat caranya seperti ini;

Mengidentifikasi link yang akan kita buat mendatar dengan cara melihat link keberapakan yang akan kita buat mendatar. Misalnya dalam kasus ini saya akan mengubah Linklist2 (link teman-teman) karena Linklist1 adalah link favorit. Link list ini berdasarkan urutan pembuatannya. Kalo udah lupa link keberapa, ya dilihat aja melalui edit html, letaknya dimana dan termasuk linklist berapa, ya moga aja anda menemukannya.
Menambah kode di atas /* End Entry Lists */ pada edit html template anda dengan kode #LinkList2 li{
display:inline;
}
Simpan template tersebut dah cobalah, eh ingat, sebelum mengedit html sebaiknya backup dulu template anda

kalo untuk gambar links secara horizontal ternyata mudah, waktu itu aku juga bingung, ternyata hanya dengan menyatukan tiap javascript dalam satu tempat widget aja, eh ternyata cuman begitu, he5.

SUKSES SELALU.

Feed Untuk Blog

2007-12-08T20:59:00.001-08:00

Disini akan kita bahas cara membuat feed blog kita dengan menggunakan feedburner yang udah di link pada blogger kita. Fungsi feed ini untuk mempermudah pembacaan postingan blog kita dengan memberikan alamat feed kita. (bahasanya bener gak ya?)

Pertama kita menuju tab pengaturan blog kita dan pilihlah tab feed situs dan pada Posting URL Pengubahan Arah Feed klik pada feedburner dan anda akan menuju feedburner.com. Setelah itu anda tinggal memasukkan url blog anda pada Type your feed or blog URL below. Setelah anda masukkan pilih next.

Lanjutkan seperti biasa, he5. Isi sesui dengan ketentuan yg ada. Setelahitu anda akan mendapatkan alamat url seperti ini http://feeds.feedburner.com/... (... nama buatan kita). Feed itulah nantinya yg akan kita gunakan sebagai feed situs kita.

Settingan selanjutnya kita copy feed tersebut pada Type your feed or blog URL below. Sekarang kita memiliki feed dan bisa kita bagikan kepada orang lain. Seperti jika anda tertarik pada postingan blog ini, silahkan gunakan feed dengan alamat http://feeds.feedburner.com/hafid_umm2 pada winget anda.

Membuat Top Menu

2007-12-08T20:58:00.001-08:00

Tulisan Berjalan

2007-12-08T20:57:00.000-08:00

Baik, akan takcoba kita membuat tulisan berjalan, seperti tulisan Assalamu'alaikum pada beranda blog ini. Caranya sangat mudah, karena sesungguhnya kita cuma minta dibuatkan ama bigoo.ws. Lalu kita tinggal ngedit dikit. Tapi jangan meniru persis punyaku, karena bigoo.wsnya terlanjur tak hilangkan. Maaf ya bigoo.ws. Untuk menggantikan kesalahanku itu, coba tak-link sekalian pada postingan ini.

Jadi kunjungi Bigoo.ws atau klik aja di sini. Lalu pilihlah mana yg anda inginkan. Aku lupa, mana yg kugunakan untuk tulisan yg aku pakai, keliatannya bigoo.ws udah banyak perubahan. Jadi silahkan pilih sesuai keinginan anda. Mungkin yg termasuk text welcome.

Cuma, punyaku tak edit sedikit. Terutama untuk lebar dan warna backgroundnya yg gak matcing ama templateku. Maka setelah kita copy kode html yang diberikan dan kita paste pada widget kita. Ehm, widgetnya termasuk html/javascript lho, jangan lupa. Paste aja disitu.

Untuk menyesuaikan dengan template kita, maka kita perlu mengganti warna backgroun dan lebar widget/konten tersebut.

carilah kode seperti
... type="application/x-shockwave-flash" bgcolor="#000000" http://www.macromedia.com/go/getflashplayer" width="810"
height="40" ...

lha kalo masalah warna backgroun ya ada di bgcolor="000000" itu bisa diganti kode warna lain (yg didalam tanda petik kalo punyaku tak sesuaikan menjadi bgcolor="f9f9f9"), kalo gak tau kode warnanya apa, bisa kita lihat pada edit template, pada font dan warna. jadi kita bisa mengetahui kode warna di situ. enaknya lagi kita langsung bisa memilih warna yang kita inginkan pada template kita kan? Kodenya ada pada kotak Edit kode hexa warna, itu kode warna pada warna yg kita klik.Mudah kan bermain warna?

kalo masalah ukuran agar sesuai dengan template kita, terutama masalah lebar, kalo masalah tinggi biasanya gak perlu kita rubah, ya itu sih terserah kita juga sih. tapi biasanya yg penting masalah lebar widget/konten tersebut. Karena kalo gak sesuai, kelihatan wagu.

Jadi, untuk menyesuaikan lebar widget tersebut, lihat dulu lebar kolom dimana anda meletakkan widget tersebut baru menyesuaikan lebar widgetnya. Lihat pada edit html pada template. Memang disini kita harus belajar memahami bahasa html. Yah, q sendiri sedikit mengerti, tapi itu bisa kita jadikan bekal.

lha, lihat aja di bagian deklarasi layouts, dimana kita meletakkan kontennya, lalu sesuaikan lebarnya konten dengan lebar kolom dimana kita menaruh konten, biar ukurannya gak wagu atau nabrak kolom konten yang lain. Karena kalo nabrak kolom konten yg lain, bisa mengganggu konten yg lain. Berlaku juga untuk konten-konten lain seperti shoutbox dari oggix, bisa kita edit lebarnya biar sesuai dengan lebar kolom dimana kita menaruhnya.

SUKSES SELALU.

Baca Selengkapnya...

2007-12-08T20:56:00.000-08:00

Baiklah, sekarang akan coba saya bahas bagaimana cara kita membuat Baca selengkapnya seperti yang saya pakai pada beberapa postingan saya. Sebenarnya banyak temen-temen yang udah pernah membahas, seperti yang tak pakai ini, juga ilmu dari temen-temen yg lain. Dengan batuan dari Mbah Google, coba kita ketik 'membuat read more', wah banyak kan yang membahas?

Jadi begini, q nyoba bahas juga ah, biar postingannya berisi, he5. Yang jelas pembuatan 'Baca selengkapnya' tuh sama aja dengan membuat 'Read More' tentu saja dengan sedikit modifikasi. Keduanya itu paling tidak kita akan bergelut dengan bahasa html. Kita akan mengedit HTML dari template juga HTML dari postingan.

Kalo gak salah, saya waktu itu dapat ilmunya dari isnaini.com. Terus saya edit sedikit.
jadi caranya:

Untuk bisa ngedit template secara keseluruhan, kamu harus centang/tandai/aktifkan Expand Widget Templates

Masukkan kode berikut sebelum tag </head> atau tepat sesudah kode } ]]></b:skin> seperti ini:


<style>
<b:if cond='data:blog.pageType == "item"'> 

   span.fullpost {display:inline;}
<b:else/>
   span.fullpost {display:none;} 
</b:if>
</style>

Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template kamu dan tambahkan kode dibawah ini:


<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Baca Selengkapnya..</a>
</b:if>

Nah supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Baca Selengkapnya... muncul, dan ketik <span class="fullpost"> sisa postingan sampai selesai </span>. Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan Compose
Jadi kira-kira seperti itu, udah banyak yg bahas lho! aku cuma ya ngedit dikit, he5.

Background

2007-12-06T18:17:00.002-08:00

Akhirnya, dibahas juga bagaimana cara membuat backgroun blog. Papa Ipam sempet tanya itu, tentunya tergantung template yang kita buat, beberapa template bisa diganti backgrounnya, tapi beberapa yang lain tidak bisa, karena model template yang berbeda . Seperti template yg digunakan oleh Papa Ipam (template harbor buatan Douglas bowman), bodynya tuh pecah-pecah, jadi sulit ngrubah templatenya.

Coba kalo pake template seperti punyakku, template 3 kolom nyoba 780 dari isnaini.com, tapi ini udah tak modif jadi selebar 810. Tapi pada template blogger ada koq yg bisa dirubah backgrounnya. Seperti template Denim ciptaan Darren, Rounder sepertinya juga bisa, Teris Scribe ciptaannya Todd, Thisaway ciptaannya Dan Rubin, Ms Moto ciptaan Zeldman, dan beberapa yang lain. Cirinya tuh Bodynya dibelakang halaman posting. Kalo Model Harbor kan enggak gitu, Harbor tuh satu halaman penuh, gak ada bodynya (bodynya dipecah-pecah).

Oke kalo udah diputuskan pake template yg mana, baru deh kita rubah backgrounnya. Misal kalo pake template yg dalam blogger sendiri sih lebih mudah, tapi kalo dari pihak lain, misal seperti yg saya pakai disini (dari isnaini.com) perlu penyelamatan dulu pada widget-widgetnya, terutama yg berjenis HTML/javascript. Inget, selalu-selalu an selalu download dulu templatenya, n widgetnya (kode html).

Oke udah dirubah ke template yg kompatible dengan merubah background? He5 (menyesuaikan bahasa komputer), setelah itu masuk ke kode html. disitu ada kode

body {
 font: normal normal 72% Trebuchet, Trebuchet MS, Arial, sans-serif;
 text-align: center;
 margin: 0px;
 padding: 0px;
 background-color: #CCCCCC;
       color: #4c4c4c;
       background: #ffffff;
 }

jadi yang antara tanda { } itu bisa macem-macem tergantung templatenya, lalu rubah aja dengan kode kayak gini

body {
background:#4E95E6 url("http://i188.photobucket.com/albums/z25/hafid_umm/BOSTON_SKYLINE.jpg") fixed;
margin:0;
padding:0;
font:12px Verdana;
color:#000000;
font-size/* */:/**/13px;
font-size: /**/13px;
text-align:left;

}

dimana untuk mengganti foto milik sendiri urlnya (http://i188.photobucket.com/albums/z25/hafid_umm/BOSTON_SKYLINE.jpg) bisa diganti dengan foto milik kita sendiri. Kalo saya pake hosting photobucket, bisa juga pake yg lain semisal googlepages, atau geocitiesnya yahoo. jadi selamat mencoba ganti background anda.

SUKSES SELALU!!

JavaScript & Feed

2007-12-06T18:17:00.001-08:00

Akhirnya, saatnya kita bahas widget/ komponen blog yang berupa javasript maupun feed rss. Kenapa kita memakai konten ini? Yup tentu saja, karena konten-konten ini adalah konten tambahan yang biasanya kita dapatkan dari pihak ketiga. Tentu saja agar blog kita lebih hidup dengan adanya konten-konten tersebut.

Sebenarnya semua widget/konten merupakan javascript. Hanya saja, konten-konten tersebut telah disediakan oleh blogger kita, maka kita tidak perlu mencari kode html (javascript) untuk memperhidup blog kita.

konten/ widget yang disediakan blog cukup beragam, tetapi kita bisa menambahkan sendiri dengan menambah kode html/ javascript baik buatan kita sendiri maupun dari pihak ketiga.
pada blog ini anda melihat beberapa konten javascript. Misalnya tulisan berjalan pada beranda dan banner yg kami ciptakan dengan javascript dari bigoo.ws.

Selain itu masih banyak, ada shoutbox dari oggix.com, terus juga ada random ayat yg kami dapat dari mahesajenar.com, sedangkan random hadistnya dari situs yg lain, status Yaho Messanger dari isnaini.com, dan masih banyak yg lainnya.

Jadi mudah saja kita mencari kode html/javascrip suatu konten/ widget yg mungkin kita inginkan. Kita bisa mencarinya di google, lalu copy dan paste kode tersebut pada widget yang kita inginkan. Contohnya setelah kita dapatkan javascript, masuklah ke menu template dashboard blog anda, lalu pilih elemen halaman dan tambahkan elemen HTML/javascript.

Lalu paste kode javascript dan simpanlah. Jangan lupa untuk menentukan tempat widget tersebut (dengan men-drag) lalu simpan, dan lihatlah hasilnya.

tidak jauh berbeda untuk menambahkan sebuah feed RSS, dimana fungsi feed RSS bisa sebagai newsticker web kesayangan kita. Caranya juga mudah, cari feed situs tersebut terus copy ke feed (elemen halaman) dan atur berapa jumlah headline yg akan kita munculkan pada blog kita. contoh dalam blog ini menggunakan feed detikinet.com.

jadi sangat mudah sekali kan? Selamat mencoba, tapi ingat selalu-selalu-dan selalu menn-download template anda sebelum mengadakan perubahan. SUKSES SELALU!

Widget Blog

2007-12-06T18:16:00.001-08:00

Akhirnya harus bahas masalah ini juga. Widget, tak cari di kamus koq gak ada ya, akhirnya musti kudefinisikan seperti ini. Mungkin widget itu ya semacam konten gitu kali atau elemen halaman, yg jelas widget itu ada macem-macem.

Untuk menambahkan widget pada blog kita, sangat mudah sekali bila kita memakai template blog yg baru, kalo yg clasic lebih rumit, karena kita mesti menguasai paling tidak bahasa HTML.
Pertama kita mesti menuju menu template dan kita pilih elemen halaman.

Setelah itu tinggal menambah sebuah elemen halaman disitu.

Banyak sekali elemen halaman yg disediakan blogger. Ada daftar link, arsip, foto, teks, profil, java script/html, feed/rss, polling, dan yg lainnya. Untuk javascript biasanya bisa kita dapatkan dari pihak ketiga. Pembahasan java scrip mungkin nanti dulu.

Pada pengaturan letak elemen blog kita juga sangat mudah, tinggal men-drag aja, klik dan tinggal geser.

Jadi mudah banget kan kalau ingin menambah widget pada blog kita?. silahkan dicoba. Semoga berhasil.

Blog Template

2007-12-06T18:15:00.000-08:00

Baiklah, disini kita akan mempelajari bagaimana mengatur tampilan blog kita.

Layanan Blogger sangat memudahkan kita untuk merubah tampilan blog kita, sangat mudah sekali hanya dengan mengganti template saja. Kita tidak perlu mahir bahasa pemrograman, cukup dengan memilih template yg disediakan.

Ada dua macam template blogger untuk masa ini, ada model template clasik untuk blogger yang lama, dan template baru. Dimana keduanya memiliki sedikit perbedaan.

Untk template baru memudahkan kita untuk menambahkan widget tertentu, apalagi javascript dari pihak ketiga yg mau kita tambahkan. Pembahasan widget dan javascript tidak kami bahas disini.

Perlu diingat untuk para pengguna blogger, untuk selalu-selalu-dan selalu (kalo dalam tips blogger always, always, and always) mendownload dulu template yg telah digunakan sebagai back up bila template yg baru tidak sesuai dengan keinginan.

Apalagi kalau blogger anda telah mengandung widget, alangkah baiknya juga untuk menyimpan javascript widget tsb (bila berupa kode html) pada komputer anda dulu. Bisa disimpan di notepad misalnya.

Karena pergantian template akan menyubabkan perubahan pada knten yg ada pada tempalte sebelumnya dengan konten yg ada pada template baru.

Pergantian template pada blogger bisa dilakukan pada pengaturan layout pada tab Template di Edit HTML, maupun pilih template baru.

Pada model template baru (bukan yg klasik) sangat mudah mengedit template. Ada elemen halaman, edit warna, edit html, dan pilihan template.

Template juga bisa didapat dari pihak lain seperti pada blog ini. blog ini menggunakan template dari isnaini dot com. Tepatnya template ini nih:

Template: Nyoba 780

Tentu aja kita modifikasi sedemikian rupa. Oh ya, mas Isnaini, maaf untuk template yg di Nedy is My Web nama mas tak hapus coz waktu q ngedit template jadinyanya tempatnya gak karuan, tapi untuk template di menu yang lain masih ada koq, maaf ya mas. (untuk mas Isnaini dot com).

Dan masih banyak tempat dimana kita dapat mendapatkan template untuk bog kita. Caranya pakai saja searc engine Google misalnya, maka dengan sekejap bisa kita dapatkan alamat web yg menyediakan template bagi blogger kita. Jadi silahkan mencoba untuk mengganti template anda, tapi ingat selalu-selalu-dan selalu menndownload dulu (menyimpan) template anda. SUKSES SELALU.

Memulai Ngeblog

2007-12-06T18:01:00.001-08:00

Baik, mungkin ini tulisan pertama pada tips blog di sini. Tentu saja hal ini sangat mendasar sekali. Yaitu bagaimana cara membuat blog. Sangat mudah sekali membuatnya, penulis mendapat ilmu ini awalnya dari Matrikulasi Internet pada Kampus MJC, kalo gak salah waktu itu yang ngajar Mas Aris Dwi. Tapi waktu itu internet di lab MJC sedang dipakai untuk PMB SMK, jadi akhirnya penulis membuat blog ini di warnet.

Tentu saja kalau mau membuat blog pertama kali masuk ke blogger.com dan daftarkan akun di situ.
Mudah banget karena hanya dengan tiga langkah, apalagi kalo ketika login udah pake bahasa Indonesia. Jadi kalo ingin buat blog, klik aja link tersebut.

Demikian tips awal ini semoga bermanfaat. Karena membuat blog itu sangatlah mudah.

For Adsence

2007-12-06T02:29:00.001-08:00

Moga berhasil