Sabtu, 19 Desember 2009

Akhirnya jadi juga, setelah beberapa hari nyari-nyari artikel tentang "cara mengganti tanggal dengan icon kalender" dan mengotak-atik template akhirnya berhasil juga aku membuatnya, fiuuhh :f dengan menghabiskan dana ber M-M (maksudnya Maribu, Mablas ribu) untuk melakukan penelitian dan dengan membanting keringat dan memeras tulang dan akhirnya berhasiiiiill..... Mau tahu cara membuatnya? jangan khawatir aku akan membagi-bagikan tutorial ini pada kalian dengan geratis (kalo ada yang mo bayar sih boleh aja :D ) yak mari kita mulai trik dan tipsnya.

Yang pertama harus kita lakukan yaitu mengganti setting tanggal dulu, caranya seperti biasa Login dulu ke blogger terus pilih Settings --> Formatting, ganti "date header format" atau "format tanggal menjadi (mm.dd.yyyy) nha yang masih pemula pasti bingung maksudnya kan? itu lho disebelah tulisan "date header format" kan ada kotak yang ada tanggalnya, trus kamu klik dan pilih yang formatnya bulan.tangal.tahun contohnya 1.13.2008 terus simpan

Langkah yang kedua pilih menu Layout --> Edit HTML . Trus beri tanda centang pada kotak Expand Widget Templates, Oh ya, jangan lupa di back-up dulu template kamu.

1. Cari kode ini <TITLE><data:blog.pageTitle/></TITLE>(tempatnya dibagian atas) kalo dah ketemu taruh script berikut ini dibawahnya persis<SCRIPT type='text/javascript'>
//<![CDATA[
/*********************************/
/* http://viandrasaili.co.cc */
/*********************************/
function date_replace(date) {
var da = date.split('.');
var day = da[1], mon = da[0], year = da[2];
var month =
['0','Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
document.write("<div class='month'>"+month[mon]+"</div> <div class='day'>"+day+"</div>");
}
//]]>
</SCRIPT>
2. kalo udah cari kode ini:
.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;

kalo gak ada coba cari yang ini :
h2.date-header {
margin:1.5em 0 .5em;
}
3. Kalo dah ketemu taruh script berikut dibawahnya:
.dateblock {
background: url("http://kendhin.890m.com/kalender/bluecalend.gif")
no-repeat;
width: 55px;
margin: 0;
font-weight: bold;
height: 50px;
/*position: absolute;
top: 0;
left: 0;*/
float: left;
text-align: center;
}

.month {
font-size: 11px;
width: 37px;
margin: 0 5px;
text-transform: uppercase;
color: #fff;
}

.day {
color:#3366CC;
font-size: 19px;
width: 37px;
margin: 0 5px;

}
Kode http://kendhin.890m.com/kalender/bluecalend.gif
adalah gambar icon kalender. kamu bisa menggantinya mengantinya
dengan gambar-gambar dibawah ini caranya ganti hurus yang dicetak tebal dengan
kode gambar berikut ini, misalnya kamu pingin kelender yang berwarna merah,
caranya kamu ganti text bluecalend.gif
dengan redcalend.gif.
blackcalend.gif
blue2calend.gif
bluecalend.gif



greencalend.gif
orangecalend.gif
pinkcalend.gif



redcalend.gif
ungucalend.gif
yellowcalend.gif


Trus kode color:#3366CC; adalah kode warna
tanggal, kamu bisa menggantinya dengan warna yang lain. Kamu bisa lihat kode2 warnanya DISINI.

4. langkah selanjutnya yaitu kamu cari kode ini
<data:post.dateHeader/>
, cara nyarinya biar gampang copy kode tersebut,
terus tekan Ctrl-f dan paste di dalam kotak yang disediakan, nha langsung
ketemu kan. kalo udah ketemu ganti kode tersebut dengan script dibawah ini.
<DIV class='dateblock'>
<SCRIPT>date_replace('<data:post.dateHeader/>');</SCRIPT></DIV>
5. Simpan Template kamu dan lihat hasilnya. Berhasil nggak ya? :t

Kalo misalnya tulisan bulan dan tanggalnya terlalu keatas coba tambahkan kode ini padding: 4px 0px 0px 0px; dibawah kode .month { dan juga dibawah kode .day {

NB: Kalo Tanggalnya berubah menjadi tulisan "Undefine" itu pasti kamu tidak memperhatikan tutorial ini dari awal. Coba lihat lagi tutorial ini dari awal dan baca baik-baik perintahnya. :D

Selasa, 15 Desember 2009

Istilah Nofollow atau Dofollow untuk sebuah blog mungkin sudah tidak asing bagi rekan-rekan blogger semua, tapi tidak ada salahnya kan kalau saya tulis kembali tentang hal ini ... mungkin saja ada beberapa rekan yang masih belum tahu tentang istilah Nofollow atau Dofollow untuk sebuah blog.....
  • Nofollow artinya link yang anda masukkan pada saat anda memberikan komentar disebuah blog tidak akan ditelusuri lebih lanjut oleh mesin pencari dalam artian anda tidak akan mendapatkan backlink dari blog tersebut, sementara kita tahu bahwa backlink merupakan salah satu unsur penting dalam peningkatan page ranking.
  • Sedangkan Dofollow memiliki arti yang sebaliknya, dalam artian anda akan mendapatkan backlink dari komentar yang anda berikan pada sebuah blog, yah anggaplah sebagai hadiah dari sipemilik blog kepada anda karena sudah bersedia memberikan komentar yang berkualitas di blognya.
Secara default setting komentar sebuah blog adalah nofollow, tapi anda dapat merubahnya menjadi dofollow. Sebagai contoh blog ini www.viandrasaili.co.cc, mulai saat ini saya sudah rubah setting untuk komentarnya menjadi Dofollow. Jadi bila anda memberikan komentar diblog ini, link anda akan ditelusuri lebih lanjut oleh mesin pencari atau anda akan mendapatkan backlink dari blog ini. Anggaplah ini sebagai hadiah kecil dan penghargaan dari saya karena anda sudah bersedia mampir dan memberikan komentar berkualitas diblog ini
Langkah-langkah yang harus dilakukan :

  • Login ke dashboard blogspot anda, kemudian klik menu Layout masuk ke tab Edit HTML sehingga akan kelihatan kode HTML dari blog anda, jangan lupa untuk memberi tanda contreng ( seperti pemilu aja ) pada kotak disebelah tulisan “Expand Widget Templates
  • Cari kode HTML yang yang menyusun komentar di blog anda, kalo g salah kodenya seperti ini :

Langkah selanjutnya hapus tulisan yang bercetak tebal sehingga kode HTML blog anda menjadi :


  • Simpan perubahan “SAVE TEMPLATE” yang telah anda lakukan.
  • Sekarang blog blogspot anda telah menjadi Dofollow blog, satu hal yang perlu diingat bahwa langkah-langkah diatas harus anda ulang kembali jika anda mengganti template dari blogspot anda.
Untuk mengetahui apakah blog anda sudah Dofollow atau belum, anda bisa melakukan pengecekan dengan cara klik kanan dihalaman blog anda klik “view page source” jika anda masih menemukan tulisan rel=’Nofollow‘ pada kode:
selamat mencoba......
[Update: tutorial ini sudah dilengkapi gambar / screenshot untuk lebih memudahkan) Sudah banyak yg tanya cara buat READ MORE atau Baca Selengkapnya atau Baca Selanjutnya di blogger beta / barudan sudah saya beritahu alamatnya. Tapi tampaknya sebagian agak kesulitan dg tutorial bahasa Inggris. Untuk Anda yg termasuk golongan ini, saya persilahkan mengikuti panduan berikut.
Ada dua cara untuk membuat read more di blogger / blogspot baru (tanda Blogger Baru adalah di admin memakai layout / tata letak dan page element / elemen halaman).
Cara Pertama:
1. Buka template -> Edit HTML -> Kasih tanda tik pada menu "expand widget tempate" (lihat gambar 1)
2. Letakkan kode berikut persis di atasnya kode </head> (lihat gambar 2)

<style>
<b:if cond='data:blog.pageType == "item"'>
  span.fullpost {display:inline;}
<b:else/>
 span.fullpost {display:none;}
</b:if>
</style>

3. Letakkan kode berikut di bawah kode
 <p><data:post.body/></p>
(lihat gambar 3)
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
4. Klik Simpan. Selesai.
5. Klik SETTINGS atau Pengaturan, terus klik FORMATTING atau Format. Di paling bawah ada kotak kosong di samping menu TEMPLATE POSTING. Isi kotak kosong tsb dg kode berikut:
<span class="fullpost">

</span>
jangan lupa klik SIMPAN PENGATURAN
GAMBAR 1






GAMBAR 2


GAMBAR 3








































































































































































































































































































































Cara Memposting Ketika memposting, klik EDIT HTML (bukan COMPOSE). Maka, secara otomatis akan tampak kode <span class="fullpost"> </span> Letakkan posting yg akan ditampilkan di halaman muka di atas kode sementara sisanya (yakni keseluruhan entry/artikel), letakkan di antara kode <span class="fullpost"> dan </span> Masalah yang Sering Dihadapi: 1. Saat mengklik "Simpan Perubahan" kita sering mendapat pesan demikian: XML error message: The element type “style” must be terminated by the matching end-tag “”. Jangan panik. Itu artinya tanda petik / kutip buka tutup (quote/unquote) yakni tanda ' dalam kode tidak cocok dengan font template. Yang perlu dilakukan adalah buang tanda kutip ['] itu dan kasih tanda kutip yang baru di tempat yang sama. Dan coba klik lagi SIMPAN. 2. Anda sudah berhasil memasang seluruh kode di atas, tetapi ‘read more’ gak berhasil; posting tetap panjang? Dan tulisan ‘read more’ nongol di bagian bawah artikel? Tenang. Ikuti solusi berikut: klik “Pengaturan” -> klik “Format” -> buang/delete semua tanda kutip buka/tutup (quote/unquote) di “fullpost” dan ganti dengan tanda kutip yang baru. Jangan lupa klik “Simpan”. Selesai. Selamat ngeblog di blogger / blogspot dengan READ MORE.

Senin, 14 Desember 2009

 Untuk teman-teman yang ingin  memasang sebuah kalender di Blog Anda dapat memanfaatkan berbagai situs penyedia layanan kalender gratisan. Situs seperti ini sangatlah banyak yang menampilkan kalender-kalender yang menarik untuk dilihat. Salah satu situs penyedia layanan kalender gratis, adalah http://www.free-blog-content.com/. Di situs ini disediakan kalender yang beragam Anda dipersilahkan untuk memilih bentuk kalender yang disukai. Untuk mengunjungi situs ini tidak perlu registrasi atau daftar. Langkah-langkah untuk mendapatkan kode kalender, adalah sebagai berikut :
  1. Maka akan muncul halaman "free blog content"
  2. Pilih jenis kalender yang sesuai dengan keinginnan Anda. Kategori kalender yang disediakan, seperti Animated Calendars, Car Calendars dsb
  3. Kemudian Salin (copy) kode yang terdapat dalam boks di bagian bahwa model gambar kalender, lalu pastekan pada program Notepad.
Langkah yang selanjutnya, adalah memasukan kode HTML animasi tersebut ke dalam blog Anda. Untuk cara memasukan kode HTML, adalah sebagai berikut :
  1. Sign in di blogger dengan ID anda.
  2. Klik Template/Layout.
  3. Klik tab Elemen Halaman.
  4. Klik Tambahkan sebuah Elemen Halaman.
  5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript.
  6. Copy kode gambar yang tadi di dapat, kemudian paste pada pop up window yang muncul.
  7. Klik tombol SIMPAN PERUBAHAN.
  8. Pindahkan elemen yang baru Anda buat tadi pada tempat yang diinginkan atau dirasa cocok.
  9. Klik tombol SIMPAN yang ada di sebelah atas.
  10. Selesai.
Selamat mencoba!!!!
buat teman-teman yang mw mengecek posisi blog yang dimiliki dapat menggunakan penyedia jasa layanan yang berjibun jumlahnya di internet. Alasan yang umum dipakai mengapa blog yang dikelola perlu dicek adalah untuk mengetetahui performa blog (jumlah pengakses, sistem operasi, ukuran web, besarnya waktu yang dibutuhkan untuk membuka blog dsb), melihat pesaing dari website lain yang menggunakan keyword yang sama atau mirip dengan website yang dikelola. Berikut ini saya sajikan beberapa alamat link yang dapat dicoba. Rekan2 hanya tinggal memasukkan alamat URL atau keyword yang ada di blog. Daftar link tersebut, sbb:
* http://www.submitexpress.com/analyzer
* http://www.backlinkwatch.comket
* http://www.seologs.com/rank-check.html
* http://www.seoimge.com/seo-toos/ch...er-header.html
* http://www.iwebtool.com
* http://www.mcdar.net/keywordtool/keywordtool.asp
* http://www.livepr.raketforskning.com
* http://www.googlerankings.com
* http://www.xml.sitemaps.com/http-header-viewer.html
* http://www.rorweb.com/
* http://www.webyield.net/webceo.html
* http://www.xml-sitemaps.com
* http://www.submitexpress.com/linkpop/
* http://www.colourlovers.com
* http://www.google.com/webmasters/
* http://www.groups.google.com/group/Google_Webmaster_Hel
* http://www.networksolutions.com/whois/index.jsp
* http://www.archive.org/web/web.php
* http://validator.w3.org/
* http://www.wordtracker.com
* http://www.linkvendor.com/seo-tools/popularity.htm
* http://www.digitalpoint.com/tools/suggestion/
* http://www.freelinkmanager.net
* http://www.CheckPageRank.net
* http://www.freewebsubmission.com/link-popularity.html
* http://www.anybrowser.com/tools.htm
* http://www.goodkeywords.com
* http://www.seochat.com
* http://www.marketleap.com
* http://www.digpagerank.com
* http://www.seochat.com/seo-tools

Selamat mencoba!!!!
Pengaturan komentar yang dimaksudkan disini adalah memberi kemudahan pengakses blog, ketika sedang berkunjung dan ingin memberikan komentar pada salah satu artikel yang menjadi perhatiannya. Ini penting karena artikel yang rekan2 tulis menjadi perhatian pengaksesnya dan mau memberikan komentar adalah sesuatu yang luar biasa. Hal ini menunjukkan sebegitu tinggi bobot artikelnya sehingga pengakses mau baca dan memberikan komentarnya. Pada kesempatan ini sy sampaikan pula kepada rekan2 senantiasa meletakkan komentarnya bukan pada chatbox/buku tamu tetapi pada bagian komentar yang terletaknya di bawah artikel. Untuk pemberian komentar yang baik dan tak dikategorikan spam akan dibahas pada kesempatan lain.
Ada peribahasa menunggu adalah suatu pekerjaan yang membosankan. Nah, agar pengakses tidak merasa bosan atau bahkan tidak menutup kemungkinan antipati tidak berkeinginan untuk mengakses kembali blog rekan2 dikarena menunggu proses tampilan blog yang lama. Ditambah lagi jalur akses internetnya lambat. Untuk itu pengaturan komentar bukan ditampilkan dalam window baru namun dalam satu tampilan window. Untuk pengaturan komentar ini adala beberapa pilihan yang dapat dilakukan. Langkah-langkah pengaturan sebagai berikut :
  1. Masuk pada Panel Kontrol/Dashbor
  2. Klik tab Pengaturan --> Klik Komentar
  3. Tampilkan komentar dalam sebuah window popup? Jika pilih ya, maka tampil sebagai window baru, jika yang dipilih Tidak, maka tetap berada pada halaman tersebut.
  4. Pesan Formulir Komentar. Anda bisa memberikan informasi lain contohnya seperti ini :
  5. Tampilkan verifikasi kata untuk komentar? Jika jawab ya maka saat ingin memberikan komentar harus mengisi verifikasi, contohnyasebagaiberikut:
  6. Jika tidak ingin mengaktifkannya maka pilih Tidak.
  7. Jangan lupa untuk mengklik Simpan Pengaturan.
  8. Selesai !!!!
Dalam menuliskan naskah andaikan Anda ingin memasukkan gambar bisa dari situs lain, atau gambar kita sendiri yang tersimpan di komputer . Gambar apapun yang kita masukkan dalam naskah harus berformat : GIF, TIF, JPG atau BMP . langkahnya sebagai berikut :
  1. Pilih posisi peletakan gambar dalam teks nasakah dengan meletakkan kursor pada tempat yang diinginkan .
  2. Klik ikon untuk memasukkan gambar .
  3. Kalau gambar berasal dari situs web, masukkan alamatnya pada bidang URL . Namun jika gambar berada di komputer Anda Klik "Browse" , dan pilih gambar yang akan diletakkan pada naskah . Seperti diperlihatkan gambar di bawah .
  4. Pada bagian "Pilih sebuah Lay Out" , pilih tata letak gambar .
  5. Pada bagian "Ukuran Gambar" , pilihlah ukuran gambar yang akan ditampilkan .
  6. Berikan tanda "centang" pada kotak " Gunakan layout ini setiap waktu?"
  7. Tekan tombol "Upload Gambar" .
  8. Tunggu beberapa saat sampai muncul pesan gambar Anda sudah ditambahkan .
  9. ekan "Selesai" untuk mengakhirinya .
Bookmark and Share