Home » Archives for April 2009
Posted by
Kimberly on Thursday, April 30, 2009
Apa itu Marquee? mungkin buat blogger baru kata marquee tidak terlalu akrab di telinga, padahal efek marquee ini sering kita lihat pada website atau blog yang sering kita kunjungi. Marquee adalah kode HTML yang bisa membuat teks bisa berjalan, dari kiri, kanan, bawah ataupun atas.
Teks berjalan atau marquee ini banyak diminati oleh para blogger, karena sifatnya yang dinamis, selain untuk menghemat tempat juga bisa menarik pengunjung. Berikut ini ada beberapa contoh marquee yang bisa sobat gunakan untuk blog sobat.
I. Contoh Marquee dari gerakan
<MARQUEE align="center" direction="right" height="50" scrollamount="2" width="80%">
TEXT BERJALAN DARI KIRI KE KANAN
</MARQUEE>
Hasilnya :
Atribut yang biasa digunakan :
- Widht = lebar blok teks dalam pixel atau persen
- Title = pesan yang akan muncul saat mouse berada di atas teks
- Direction = �left / right / up / down� untuk arah gerakan teks
- Scrollmount = kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
- Bgcolor = warna background teks
- Behavior = �scroll / slide / alternate� untuk mengatur perilaku gerakan
II. Contoh Marquee dari prilaku gerakan :
<MARQUEE align="center" direction="left" height="50" scrollamount="3" width="70%" behavior="alternate">
TEXT BERJALAN MENURUT PRILAKU
</MARQUEE>
Hasilnya :
III. Contoh Marquee yang didalamnya terdapat link :
<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" align="center" width="100%" height="200">
<a href="http://newalltutorial.blogspot.com/2009/04/cara-pasang-search-engine-di-blog.html">Cara Pasang Search Engine </a>
<a href="http://newalltutorial.blogspot.com/2009/04/trik-membuat-read-more.html">Trik Membuat Read More (Template Baru) </a>
<a href="http://newalltutorial.blogspot.com/2009/04/membuat-favicon.html">Cara Membuat Favicon </a>
<a href="http://newalltutorial.blogspot.com/2009/04/cara-membuat-label-kategori.html">Cara Membuat Label (Kategori) </a>
<a href="http://newalltutorial.blogspot.com/2009/04/mengganti-template-blogspot.html">Mengganti Template Blogspot </a>
<a href="http://newalltutorial.blogspot.com/2009/04/cara-pasang-banner-di-blog.html">Cara Pasang Banner di Blogspot </a>
<a href="http://newalltutorial.blogspot.com/2009/04/tutorial-membuat-text-area.html">Tutorial Membuat Text Area </a>
<a href="http://newalltutorial.blogspot.com/2009/04/kode-html-tampil-di-postingan.html">Kode HTML Tampil di Postingan </a>
<a href="http://newalltutorial.blogspot.com/2009/04/link-berkelip-warna-warni.html">Link Berkelip Warna-Warni </a>
</marquee>
Hasilnya :
(arahkan mouse kesini)
Selamat Mencoba !
Posted by
Kimberly on Tuesday, April 28, 2009
Sebenarnya untuk menjadi verified member Alertpay tidaklah susah, sobat hanya harus menyiapkan dokumen pribadi sobat, seperti KTP atau SIM, data tagihan apa saja yang didalamnya tercantum nama sobat seperti tagihan telpon, listrik, PDAM atau tagihan kartu kredit sobat.Untuk menjadi verified member silahkan sobat login ke www.Alertpay.com, setelah login ke Alertpay, sobat akan melihat pada halaman depan account sobat tampilan seperti ini :
berarti status sobat belum terverifikasi, untuk menjadi verified member klik verified, kemudian sobat akan dibawa ke halaman seperti berikut :
Klik Photo ID kemudian tekan next atau enter, dan kemudian akan ada halaman seperti dibawah ini :
ada 4 pilihan yaitu : Driver License ( SIM ), Passport, State ID ( KTP ), dan Country ID ( bisa juga KTP Nasional ). Pilih salah satu yang sobat punya,kemudian browse dan ukuran file tidak boleh lebih dari 5 Mb, jadi setelah sobat scan harap diperhatikan ukuran filenya. Klik next dan kemudian akan ada halaman preview hasil upload file sobat tadi, jika sudah yakin bisa klik tombol finish. sobat berhasil mengupload File ID sobat.
Untuk mengupload Proof Of Address sobat bisa klik menu verified lagi. Kemudian akan ada halaman seperti di bawah :
Sekarang klik Proof Of Address untuk memasukkan data tagihan bulanan sobat, seperti ini tampilannya :
pilih salah satu yang sobat punya :
- Utility Bill : tagihan PLN, PDAM, PBB, atau apa saja yang didalam tagihan tersebut tertera nama sobat dan alamat sobat.
- Phone Bill : tagihan telpon sobat, bisa tagihan kartu pasca bayar, atau tagihan telpon lainnya yang tertera nama dan alamat sobat.
- Credit Card Statement : tagihan kartu kredit sobat yang tertera nama dan alamat sobat.
- Bank Statement : tagihan apa saja dari Bank yang ada nama sobat dan alamat sobat.
semua data yang diminta adalah data 3 bulan lalu. kemudian pilih browse dan cari data sobat yang sudah di scan tentunya,
tekan tombol next dan akan muncul preview hasil upload file sobat. sobat bisa klik finish jika sudah yakin akan data sobat. Dan kemudian sobat
akan dibawa pada halaman seperti dibawah :
Tunggulah 10 hari kerja ( sabtu, minggu dan hari libur tidak termasuk hari
bisnis). Jawaban akan di konfirmasikan ke email sobat. Jika disetujui maka
status sobat akan menjadi verified. Sambil menunggu verified dari Alertpay,
sobat bisa mengikuti bisnis PTC yang saya informasikan.
More about → Verified Member Alertpay
Posted by
Kimberly on Monday, April 27, 2009
Apa itu Alexa Rank ? sebagian para blogger baru mungkin banyak yang masih bertanya-tanya tentang Alexa rank. Menurut beberapa sumber,
Alexa rank itu adalah sebuah peringkat website atau blog yang dibuat oleh Alexa. Dasarnya untuk mengetahui jumlah banyaknya pengunjung website atau
blog kita. Sudah banyak yang menggunakan Alexa untuk mengetahui peringkat blog mereka, dari yang peringkatnya masih rendah atau yang sudah tinggi.
Semakin kecil angka yang tercantum pada Alexa, maka semakin tinggi peringkat blog kita. Jadi dengan dipasangnya Widget Alexa pada blog kita, maka akan semakin mudah kita memantau perkembangan blog kita. Tapi seberapa penting kah Alexa rank terhadap blog kita ?
Menurut saya pribadi, Alexa rank bisa kita jadikan tolak ukur blog kita untuk mengetahui seberapa terkenalnya blog kita di mata pengunjung. Berarti semakin tinggi Alexa rank blog kita, artinya ada banyak artikel menarik yang selalu dibaca oleh pengunjung. Coba jika sobat, tertarik pada 1 artikel pada sebuah blog, pastinya sobat akan mengingat alamat blog tersebut dan judul artikel yang sobat sukai, dan suatu saat sobat akan kembali membuka halaman dari website / blog tersebut lagi untuk sobat baca kembali isi artikelnya.
Nah, itu dia maksud dari tulisan saya ini. Intinya sobat harus bisa membuat tulisan atau artikel yang akan mengundang banyak orang untuk membacanya sehingga membuat orang untuk kembali dan kembali lagi untuk mengunjungi website / blog sobat.
Pasang Alexa Toolbar pada blog sobat yang bisa sobat dapatkan langsung dari Alexa.com, atau bisa langsung mendownloadnya pada link dibawah ini.
Untuk pengguna Internet Explorer :
Untuk pengguna Mozilla Firefox :
Dengan dipasangnya Alexa Toolbar pada browser sobat, maka akan menguntungkan website / blog yang sering kita kunjungi, tapi saya yakin sobat akan lebih sering mengunjungi blog sobat sendiri ketimbang blog orang lain. Tapi terlepas dari itu semua, yang paling penting adalah buatlah artikel yang jujur, jangan menjiplak dari blog orang lain.
Sobat juga bisa mendaftarkan blog sobat ke berbagai search engine terkenal, seperti Google, Yahoo dan MSN. Tentang mendaftarkan blog ke berbagai search engine sudah saya bahas pada tulisan sebelumnya. Bisa juga dengan ikut dalam forum seperti Friendster, Facebook, Myspace, dll sebagai ajang untuk promosi, tapi jangan terlalu sering promosinya karena bisa dianggap Scam.
Setelah menulis artikel yang bagus, kemudian promosikanlah blog sobat ke berbagai situs iklan gratis, atau bisa memakai layanan yang mengeluarkan kocek sedikit, misalnya pasang iklan di KlikSaya, Kumpulblogger atau kalau mau lebih dahsyat lagi bisa pasang iklan di Google Adword.
Oke deh, selamat menulis artikel, tingkatkan terus traffic blog sobat.
Posted by
Kimberly on Sunday, April 26, 2009
Perhatikan semua
link yang terdapat di dalam blog saya, coba sobat sorot dan lihat hasilnya.
Tampak link yang disorot akan
berkelip warna-warni seperti pelangi, hehe..
Sobat bisa menggunakan jasa penyedia script gratisan yang ada di Internet yaitu dengan menggunakan jasa
http://www.dynamicdrive.com, filenya bernama
rainbow dalam format java script yang bisa sobat download secara gratis.
Atau jika ingin menggunakan hasil download dari saya juga tidak apa-apa, monggo mas..sama gratisnya.
Berikut beberapa langkah untuk membuat link berkelip warna-warni.
^^Langkah Pertama :
- Download file script rainbow, klik disini untuk mendownload.
- Kemudian extract file tersebut dari format zip menjadi file java.
- Kemudian upload file tersebut ke GoogleCode.
- Simpan alamat url yang terdapat diatas address bar. Contohnya seperti ini :
http://newalltutorial.googlecode.com/files/rainbow.js
- Setelah itu ubahlah alamat url tadi menjadi seperti ini :
<script src='http://newalltutorial.googlecode.com/files/rainbow.js'/ >
^^Langkah Kedua :
- Login Ke Blogger Menggunakan ID sobat
- Klik "Tata Letak"
- Klik "Edit HTML"
- Cari kode seperti ini : </head>
- Kemudian copy paste kode tadi dibawah kode </head>
- Seperti ini hasilnya :
</head><script src='http://newalltutorial.googlecode.com/files/rainbow.js'/>
- Setelah itu "Simpan Template"
Selamat Mencoba ! 
Posted by
Kimberly on Saturday, April 25, 2009
| | Agar blog sobat terlihat cantik dan enak dilihat, sobat bisa mencoba dengan memasang jam pada blog sobat. Wuih terlihat cantik, emangnya dian sastro.. what ever lah. Ada banyak layanan online yang menyediakan script jam untuk di pasang di blog, salah satunya adalah clocklink. |
langkah pertama untuk mendapatkan kode HTML nya, silahkan simak caranya berikut ini :
- Login ke www.clocklink.com
- Klik tulisan Want a Clock on Your Website?
- Kemudian pilih model jam yang akan sobat pasang pada blog.
- Setelah itu klik tulisan View HTML Tag.
- Lalu klik Accept.
- Pilih zona waktu, untuk Indonesia bagian barat GMT +7:00
- Bisa juga sobat klik radio button Select by the City --> lalu pilih Indonesia sebagai country dan Jakarta sebagai city
- Set ukuran jam disamping tulisan Size.
- Copy kode HTML nya ke dalam notepad.
Langkah kedua, silahkan sobat login ke Blogger.
- Klik Tata Letak.
- Klik tab Elemen Halaman.
- Lalu klik Tambah Gadget.
- Pilih yang HTML/Javascript.
- Kemudian copy paste kode yang tadi sobat dapat dari clocklink.
- Save.
Selamat Mencoba !! have a nice day..
Posted by
Kimberly on Friday, April 24, 2009
Semua tahu bahwa
meta tag sangat berperan penting dalam posisi kita di search engine. Meta tag sendiri adalah identitas dari blog kita. Ada berbagai cara yang di ajarkan oleh
master SEO tentang cara pemasangan meta tag pada kode
HTML blog kita, tapi saya akan coba membantu buat sobat yang belum tahu caranya memasang meta tag pada blog.
Tidak perlu teknik tingkat tinggi untuk melakukan pemasangan meta tag ini, karena caranya sangat mudah, mudah menurut saya..hehe
Untuk memasangnya kita cukup sedikit mengedit kode HTML blog kita.
Berikut langkah-langkahnya
1. Login ke Blogger dengan ID Blogger sobat.
2. Masuk ke halaman "Edit HTML".
3. Cari kode <title><data:blog.pageTitle/></title>
4. Ganti kode tersebut dengan kode dibawah ini
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
5. kemudian pasang kode meta tag dibawah ini tepat dibawah kode tadi
<meta expr:content='data:blog.pageTitle + " - Deskripsi blog kamu disini"' name='description'/>
<meta expr:content='data:blog.pageTitle + ", Keyword 1, keyword 2, keyword 3, dst "' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>
Contohnya seperti ini :
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
<meta expr:content='data:blog.pageTitle + " - Deskripsi blog kamu disini"' name='description'/>
<meta expr:content='data:blog.pageTitle + ", Keyword 1, keyword 2, keyword 3, dst "' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>
6. Jangan lupa "Save Template" setelah selesai memasang meta tag.
Selamat Mencoba !
Posted by
Kimberly
Siapa yang tidak kenal dengan search engine Google, Yahoo, Bing. 3 search engine diatas yang harus sobat fokuskan untuk promosi blog. Dari statistik, saat ini Google adalah search engine yang paling banyak digunakan orang untuk mencari kata kunci atau keyword.
Dalam tulisan ini saya tidak akan menjelaskan secara detail bagaimana cara mengoptimalkannya, tapi sobat akan saya jelaskan tentang bagaimana cara melakukan promosi blog ke Google, Yahoo dan Bing.
I. Cara daftar ke Google !
Bisa dibilang Google adalah rajanya Search Engine, saya sangat menyarankan sobat untuk mendaftarkan blog sobat pertama kali di Google.
Untuk cara mendaftarnya arahkan ke http://www.google.com/addurl atau klik disini. Pada halaman formulir pendaftaran, isi alamat blog sobat dan beri komentar sesuai tema blog sobat, kemudian klik tombol Add Url.
II. Cara Daftar ke Yahoo !
Untuk mendaftarkan blog sobat ke Yahoo, syaratnya harus sudah punya account Yahoo terlebih dahulu. Kalau sobat sudah punya account di Yahoo, silahkan tuju halaman http://siteexplorer.search.yahoo.com/submit atau langsung saja klik disini. Kemudian untuk mengisi formulir pendaftarannya, perhatikan dua kolom isian yang di sediakan oleh Yahoo.
Kolom yang pertama sobat bisa isikan alamat Website atau Blog sobat, seperti ini contohnya :
http://www.namablog.blogspot.com
Kolom yang kedua sobat bisa isikan alamat sitemap sobat, contoh :
http://www.namablog.blogspot.com/atom.xml
Kemudian klik Submit.
III. Cara Daftar ke Bing !
Search Engine bing cukup lumayan banyak dipergunakan orang sebagai mesin pencari, jadi saya sarankan sebisa sobat daftarkan juga blog sobat ke bing.
Silahkan tuju halaman http://www.bing.com/docs/submit.aspx?FORM=WSDD2 atau langsung saja klik disini.
Kemudian pada halaman formulir, isi kode verifikasi dan sobat diminta memasukkan alamat blog sobat.
Silahkan dicoba, semoga blog sobat segera terindeks di Google, Yahoo dan Bing.
Posted by
Kimberly on Wednesday, April 22, 2009
Para Blogger yang ingin menerangkan kepada pengunjung blog yang mengharuskan adanya kode HTML di dalam postingan pasti membutuhkan tips ini. Ada 2 cara membuat kode HTML muncul di dalam postingan blog kita.
Yang pertama dengan mengganti kode - kode HTML yang akan ditampilkan dengan notasi tertentu atau bisa dengan menggunakan cara
text area. Tapi saya tidak akan menggunakan 2 cara diatas, kita akan menggunakan cara yang paling mudah, yaitu dengan menggunakan fasilitas "Parse HTML" online.
- Siapkan kode HTML yang ingin sobat tampilkan, kemudian klik disini
- Masukkan kode HTML yang tadi sobat copy ke dalam kotak yang tersedia dan klik Parse
Sobat akan melihat kode yang telah di parse dan siap ditampilkan ke dalam postingan, seperti ini hasilnya :
<a href="http://newalltutorial.blogspot.com/2009/04/tutorial-membuat-text-area.html">Tutorial Membuat Text Area</a>
Untuk menampilkan di dalam postingan, sobat klik Edit HTML pada kotak post, kemudian masukkan kode yang sudah sobat parse, contoh gambarnya seperti ini :
Maka kode HTML tersebut akan tampil seperti dibawah ini :
<a href="http://newalltutorial.blogspot.com/2009/04/tutorial-membuat-text-area.html">Tutorial Membuat Text Area</a>
Untuk memperhalus hasil kode tersebut caranya sangat mudah, sobat tinggal memasukkan kode tersebut diantara kode HTML ini :
Seperti ini hasil yang sudah diperhalus :
<a href="http://newalltutorial.blogspot.com/2009/04/tutorial-membuat-text-area.html">Tutorial Membuat Text Area</a>
Selamat Mencoba !
Posted by
Kimberly on Monday, April 20, 2009
Apa itu Text Area ? text area adalah area tempat untuk menyimpan text atau tulisan baru, atau bisa dikatakan sebuah komponen HTML yang digunakan untuk menampilkan text atau kode script dalam bentuk dan format text.
Biasanya text area dipakai untuk menyimpan kode HTML yang tidak bisa di tulis langsung ke dalam postingan di blog. Jadi fungsi dari text area ini kurang lebih untuk memudahkan pengunjung mengcopy seluruh isi text.
I. Text Area standard
Untuk membuat text area, silahkan copy code di bawah ini :
<p align="center"><textarea name="code" rows="2" cols="15"> Tulis text atau kode HTML yang sobat inginkan disini </textarea></p>
berikut hasilnya :
Keterangan :
untuk "rows"=3 adalah tinggi dari text area, jadi jika sobat menginginkan text area yang lebih tinggi silahkan sobat ganti dengan angka yang lebih tinggi.
untuk cols="15" adalah lebar dari text area, jadi jika sobat menginginkan text area yang lebih lebar silahkan sobat ganti dengan angka yang lebih tinggi.
Cukup paham ? mari kita lanjutkan.
II.Text Area dengan menggunakan Highlight
Variasi lainnya dari text area yaitu dengan menggunakan tombol Highlight, jadi dimaksudkan agar lebih memudahkan untuk mengcopy seluruh isi text area hanya dengan menekan tombol Highlight.
Hanya dengan menekan tombol highlight maka seluruh isi dari text area akan di highlight dan tinggal di copy saja. Fungsi tombol highlight ini sangat berguna untuk mencegah tertinggalnya satu atau beberapa isi dari text area.
Silahkan copy kode HTML di bawah ini :
<div><form name="copy"><div align="center"><span><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button"> </span></div><p align="center"><textarea style="width: 150px; height: 80px;" name="txt" rows="5" wrap="VIRTUAL" cols="20">simpan tulisan sobat di sini, maka tulisan yang sobat tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></form></div>
dan seperti ini hasilnya:
Agar dapat memahami kode diatas, saya akan berikan uraian tentang kode-kode text area diatas.
- <div align="center"> --> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika sobat ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.
- <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> --> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi sobat jangan merubah tulisan ini.
- Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika sobat ingin merubah tulisan ini silahkan ganti dengan kata yang sobat inginkan.
- <p align="center"> --> ini menunjukan bahwa text area akan berada di tengah, nah jika sobat ingin text area sobat berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.
- <text style="WIDTH: 150px">-->kata "WIDTH:150px" menunjukan lebar dari text area tersebut sebanyak 150 pixel, jadi jika sobat ingin memperpendek atau memperpanjang lebar text area, sobat tinggal menggantinya dengan angka yang sobat inginkan. misal: "WIDTH:500px;"
- HEIGHT: 80px --> angka "80px" menunjukan bahwa text area akan mempunyai tinggi sebesar 80 px, jadi jika sobat ingin merubahnya tinggal ganti angka tersebut dengan angka yang sobat inginkan. Misal : HEIGHT:160px.
Nah itu dia sedikit penjelasan tentang
Text Area. Silahkan dicoba !
Posted by
Kimberly on Thursday, April 16, 2009
Buat para Blogger baru nama
favicon pasti begitu asing di telinga. Sebenarnya yang namanya favicon itu letaknya tidak jauh dari
address bar atau judul halaman sebuah
blog. Tepat di sebelah kiri tulisan halaman url letaknya. Seperti ini contohnya :
Sekarang sobat sudah bisa membayangkan akan membuat
favicon seperti apa untuk Blog sobat. Sobat bisa merancang sendiri lewat Photoshop atau kalau tidak mau repot bisa mendownload
gambar di Internet.
Bagaimana caranya membuat favicon nya?
Untuk membuatnya, sobat harus punya gambar yang akan dipakai untuk membuat faviconnya. Jika sudah punya, simak baik - baik caranya berikut ini.
I. Buka browser sobat dan arahkan ke alamat www.genfavicon.com
- klik Browse dan cari gambarnya di komputer sobat. Kemudian klik Upload Image
- Atur sendiri gambarnya, tarik kotak view sampai penuh (besar).
- Klik ukuran yang sobat inginkan kemudian Klik Capture & Preview. Pilih ukuran yang paling kecil saja.
- Selanjutnya klik Download: jpg dan simpan gambarnya di komputer sobat.
- Langkah selanjutnya adalah sobat harus mengupload gambar tersebut ke tempat penyimpanan online, contoh adalah ke Photobucket atau Google Sites.
- Sekarang anggap saja sobat sudah menyimpan gambar sobat di tempat penyimpanan online, seperti ini contoh gambar yang telah saya simpan di google sites :
http://sites.google.com/site/dodyfarial/image/RSS-Blue.png
II. Buka Blogger, masuk menggunakan ID sobat.
- Pilih Tata Letak.
- Klik Edit HTML.
- Pada halaman HTML, sobat harus mengganti tulisan yang saya tandai dengan warna ungu dengan alamat url favicon sobat :
<link href='http://sites.google.com/site/dodyfarial/image/RSS-Blue.png' rel='shotcut icon'/>
- Kemudian letakkan halaman url baru sobat diatas kode </head>
- Kemudian Save Template, mudah kan.
Selamat mencoba !!
Posted by
Kimberly on Wednesday, April 15, 2009
Recent posts adalah beberapa postingan terakhir blog kita dan
recent comments adalah beberapa komentar terakhir dari pengunjung blog kita, termasuk komentar kita juga. Yang akan kita bahas di sini adalah membuat recent posts dan recent comments menggunakan
feeds url blog kita. Caranya sangat mudah, yang sobat butuhkan adalah kode - kode seperti berikut ini :
"http://nama blog sobat.blogspot.com/feeds/posts/default" "http://nama blog sobat.blogspot.com/feeds/comments/default"
Untuk membuatnya silahkan sobat login terlebih dahulu ke blogger.
- Klik Tata Letak.
- Tab Elemen Halaman.
- Klik Tambah Gadget.
- Pilih Tulisan Feed.
- Kemudian isikan data berikut pada kolom kecil di atasnya
- Untuk membuat recent posts :
http://nama blog sobat.blogspot.com/feeds/posts/default - Untuk membuat recent comments :
http://nama blog sobat.blogspot.com/feeds/comments/default - Jangan lupa ganti alamat yang saya tandai warna merah dengan alamat blog sobat.
- Kemudian akan ada halaman seperti berikut :
Untuk recent posts :
Untuk recent comments :
- Atur sesuai keinginan sobat, pada Tanggal Item dan Sumber / Pengarang Item bisa sobat contreng jika sobat ingin menambahkan tanggal dan penulis.
- Kemudian Simpan.
Semoga bermanfaat..
More about → Membuat Recent Posts dan Recent Comments
Posted by
Kimberly on Monday, April 13, 2009
Apa sih Read More itu dan untuk apa read more itu dibuat? read more adalah kata yang dipakai untuk mempersingkat tulisan pada Blog atau Website. Atau dengan kata lain, fungsi dari read more sendiri adalah membagi postingan menjadi 2 bagian. Bagian pertama pembukaan dan bagian kedua tampilan postingan secara penuh atau lengkap.
Misalnya pstingan pada blog ini, saya memakai kata read more dibawah tulisan ini untuk membawa pembaca ke isi tulisan secara lengkap. Selain untuk menghemat halaman blog, read more juga bisa membuat pengunjung jadi penasaran isi selengkapnya dari postingan kita.
I. Setting Pada Pengaturan
- Login Ke Blogger Menggunakan ID sobat
- Klik Pengaturan
- Kemudian klik Format
- Pada layar kosong paling bawah pada halaman Format, disamping tulisan Template Posting isi dengan kode berikut :
<span class=�fullpost�>
</span>
- Kemudian Simpan Pengaturan
II. Meletakkan Kode Read More
- Klik Tata Letak.
- Kemudian Klik Edit HTML, simpan dulu template sobat dengan mengklik Download Template Lengkap.
- Beri tanda centang pada Expand Template Widget.
- Cari kode dibawah ini pada template sobat.
<data:post.body/>
- atau kode berikut, sama saja
<p><data:post.body/></p>
- Hapus Kode diatas dan ganti dengan kode dibawah ini :
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>
Read More...</strong></a></p>
</b:if>
- Kemudian Klik Simpan Template.
Tata cara penulisan
Perhatikan contoh postingan dibawah ini :
Pertanyaan yang muncul, apakah template pada blogspot bisa kita ganti, dan bagaimana cara menggantinya? ada dua cara untuk mangganti template, yang pertama kita bisa copy paste seluruh kode HTML template secara manual. Yang kedua kita bisa mendownload template, dan menguploadnya langsung dari menu ganti template dari blogger.<span class=�fullpost�>
Sebelum belajar menggati template di blog sobat, ada baiknya save atau download terlebih dahulu template lama sobat. Karena jika dalam penggantian template terjadi kegagalan, sobat tinggal restore kembali template lama sobat ke dalam blog�����������������dst </span>
Kode yang berwarna merah yang membagi postingan yang ingin tampil di depan dan postingan secara keseluruhan. Postingan bagian pertama di belah oleh kode <span class=�fullpost�> dan keseluruhan postingan ditutup dengan </span>
Sangat mudah bukan ! semoga tutorial read more ini bermanfaat.
Posted by
Kimberly on Sunday, April 12, 2009
Pertanyaan yang muncul, apakah template pada blogspot bisa kita ganti, dan bagaimana cara mengganti template blogger? ada dua cara untuk mangganti template, yang pertama kita bisa copy paste seluruh kode HTML template secara manual.
Yang kedua kita bisa mendownload template, dan menguploadnya langsung dari menu ganti template dari blogger.
Sebelum belajar menggati template di blog sobat, ada baiknya save atau download terlebih dahulu template lama sobat. Karena jika dalam penggantian template terjadi kegagalan, sobat tinggal restore kembali template lama sobat ke dalam blog.
Berikut cara mengganti template ke dalam blogspot.
- Login ke Blogger menggunakan ID sobat.
- Klik Tata Letak
- Klik Edit HTML
- Kemudian backup terlebih dahulu template lama sobat, silahkan lihat sebelah kanan atas ada tulisan Download Template
- Untuk memasukkan template baru, Klik Browse, cari file dalam bentuk XML yang sebelumnya sudah sobat download dari layanan template, kemudian Unggah
- Blogger akan menerangkan bahwa arsip, link, label, dll tidak ada pada template yang baru, apakah anda akan mempertahankannya.
- Kemudian Simpan Template
Posted by
Kimberly on Sunday, April 5, 2009
Untuk mengetahui Ip Address yang sekarang kita gunakan, sobat bisa mencoba memasang widget Ip Address di blog sobat. Fungsi IP address tentu sobat sudah mengerti dan tidak perlu saya jelaskan. Widget IP address ini sangat menarik, selain bentuknya yang bagus, juga dapat menunjukkan flatform yang kita gunakan (versi windows yang di gunakan), asal negara dan browser yang di gunakan.
Untuk memasangnya sangat mudah, sobat cukup kunjungi situs www.wieistmeineip.de. Pada halaman depan akan ada gambar seperti dibawah ini : 
Klik gambar tersebut dan kemudian sobat akan dibawa ke halaman pilihan model IP address beserta kode HTML-nya, contohnya seperti ini :
Copy kode HTML-nya dan masukkan ke blog sobat. Bagi sobat blogger baru yang belum tau cara pasang kode HTML di blog :
- Login ke blogger
- kemudian klik Tata Letak
- Klik Elemen Halaman
- Klik Tambah Gadget
- Pilih yang HTML/Javascript
- Masukkan kode HTML-nya kedalam kolom kosong yang tersedia
- Lalu Simpan.
Baiklah, selamat Mencoba ya, semoga berhasil !
Posted by
Kimberly on Friday, April 3, 2009
Buku tamu ( shoutbox ) biasa digunakan untuk chatting di blog. Banyak blogger yang menggunakan sarana
shoutbox ini, karena bentuknya sangat dinamis dan interaktif antara yang punya blog dengan pengunjung bisa saling berkomunikasi. Menurut pengalaman saya selama memakai shoutbox di sidebar saya, beragam pesan yang masuk, ada yang memuji, ada yang ingin tukeran link, bahkan ada juga yang pernah mengkritik blog saya, katanya blog saya terlalu banyak kode
HTML-nya sehingga blog menjadi berat, berat ga sih blog saya ? berat ga, berat ga..ah biar aja yang penting keren..
Kita akan menggunakan jasa www.shoutmix.com. Selain bagus, shoutmix ini tergolong yang paling banyak di gunakan para blogger. Tidak usah panjang lebar, langsung saja kita menuju TKP..
- Silahkan tuju browser sobat ke www.shoutmix.com
- Kemudian Klik tombol Create Shoutbox.
- Kemudian isikan data - data yang diperlukan.
- Setelah itu klik Control Panel.
- Pada gambar berikut, klik Get Codes.
- Atur lebar dan tinggi shoutmix, kemudian copy kode HTML kedalam notepad.
- Login ke Blogger dengan ID sobat.
- Klik Tata Letak.
- Klik Elemen Halaman.
- Pilih yang HTML / Javascript.
- Lalu copy paste kode HTML yang tadi sobat simpan di notepad ke dalam kolom kosong yang tersedia.
- Simpan.
Untuk mengatur bentuk shoutmix, sobat bisa tuju Settings -->> kemudian pilih Display -->> Style & Colors. Siipp, selamat cuap - cuap ya..
Posted by
Kimberly
Label itu apa ya? Label adalah pengelompokkan postingan dalam kategori. Bisanya jika dalam penulisan kita selalu mengkategorikan postingan kita dalam beberapa kelompok. Misalnya judul pada postingan ini yaitu cara membuat label, kemudian saya kelompokkan dalam beberapa kategori, seperti blogspot tutorial, label, cara membuat label (lihat pada bagian tags).
Cara membuatnya sangat mudah, hanya saja jika sobat jeli dalam setiap penulisan artikel, pada bagian bawah kolom postingan terdapat kotak kecil untuk meletakkan label postingan kita.
Bagaimana cara membuatnya ?
- Login ke Blogger
- Pada halaman dashboard, klik Tata Letak
- Klik Elemen Halaman
- Kemudian pilih Tambah Gadget
- Cari Label lalu di klik
- Lalu akan ada halaman seperti di bawah ini :
- Untuk Judul bisa sobat sesuaikan sendiri, setelahnya klik simpan.
- Untuk mengisi Label atau Kategori, setiap sobat memposting tulisan sobat, isi kolom kosong dibawah kolom postingan dengan kategori yang sobat inginkan, seperti ini contohnya :
Nah, ada kolom kosong kan, isi dengan kategori yang sobat inginkan. Jadi tulisan sobat masuk dalam kategori yang sobat tulis tersebut.
- Atau bisa juga menggunakan cara berikut, pada halaman edit entri --> contreng salah satu postingan sobat --> klik aksi label --> label baru, lalu isi dengan label yang sobat inginkan.
Selamat mencoba !
