tips keren buat ngeblog

Ngeblog Pake Blackberry

2009-02-28T21:29:00.001-08:00

Tes posting pake blackberry neh
Sent from my BlackBerry® smartphone from Sinyal Bagus XL, Nyambung Teruuusss...!

Personal-Mag-Magazine Template : Clear and Adsense Ready

2008-10-02T19:20:00.001-07:00

Bagi blogger yang mau nyari template yang mirip-mirip ama majalah, bisa downlot free template dari themelib ini. Template ini adalah adaptasi dari template wordpress yang di desain oleh WPThemeDesigner. Penasaran dengan bentuknya? Lihat dulu skrensut-nya sebelum di pasang di blog kamu.

Tertarik? Silakan downlot disini dan ikuti petunjuk untuk memasangnya di blogger berikut ini :

1. Masuk ke Layout->edit HTML

2. Pilih tombol Browse, cari file yang telah kamu downlot tadi.

3. Tekan tombol Upload, dan simpan

4. Untuk mengedit HTML/Script-nya, centang kotak Expand Widget Template.

5. Untuk merubah nama dan deskripsi blog cari kode berikut :

<h1><a expr:href='data:blog.homepageUrl'>Personal Mag</a></h1> <h2>Blogger Template by ThemeLib.com</h2>

ganti tulisan Personal Mag dengan nama blog kamu, dan Blogger Template by ThemeLib.com dengan deskripsi blog kamu.

6. Untuk mengatur Top Navigation cari kode berikut :

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://blogger.com‘>Blogger</a></li>
<li><a href=’http://themelib.com‘>ThemeLib</a></li>

Ganti tulisan yang ditebalkan sesuai dengan yang kamu inginkan, dan ganti URL nya dengan URL tujuan. Kamu bisa menambahkan sendiri top navigasi tersebut dengan cara menambahkan kode

<li><a href=’http://alamat-url-tujuan‘>Navigasi Yang Diinginkan</a></li> tepat dibawahnya.

7. Untuk merubah RSS feed dan Email subscription cari kode berikut :

<div id='rss'>
<p class='first'><a href='http://feeds.feedburner.com/ThemeLib‘>Subscribe to Rss feed</a></p>
<p class=’Second’><a href=’http://www.feedburner.com/fb/a/emailverifySubmit?feedId=2136690‘>Subscribe to the feed via E-mail</a></p>
</div>

Ganti tulisan yang berwarna merah dengan nama akun dan id feedburner kamu.

8. Jika sudah selesai, simpan dan lihat hasilnya.

PS: sebelum edit theme ini, alangkah baiknya semua gambar yang ada di file yang udah di downlot kamu upload dulu.

Memanfaatkan Feeds Untuk Menambahkan 'Recent Post' dan 'Recent Comment'

2008-10-02T06:14:00.000-07:00

Dalam setiap blog selalu ada tulisan dan komentar (ya iyalah). Selalu update tulisan juga akan membantu meningkatkan banyaknya komentar di blog kita. Supaya tulisan dan komentar terbaru muncul di sidebar / widget di blog, kita bisa memanfaatkan fasilitas RSS untuk menampilkan tulisan (recent post) dan komentar terbaru (recent comment). Cari ini lebih mudah daripada menggunakan tambahan widget, caranya sebagai berikut;

1. Masuk ke Layout dan pilih Add a Page Element (Tambahkan Elemen)/Tambahkan Gadget (untuk yang menggunakan draft.blogger)
2. Pilih Feed
3. Masukkan 'http://namabloganda.blogspot.com/feeds/feeds/posts/default' untuk menampilkan tulisan terbaru.
4. Pilih jumlah tulisan terbaru yang akan ditampilkan dalam sidebar.
5. Kemudian Simpan / Save

Untuk menambahkan sidebar Recent Comment atau komentar Terbaru lakukan cara di atas dengan mengganti
kode feed / rss nya dengan http://namabloganda.blogspot.com/feeds/comments/default.

Silakan mencoba. Keep Blogging Bro

post signature

Sillaturrahmi : Ajang Promosi Blog

2008-09-30T06:57:00.000-07:00

Besok adalah Hari Raya Idul Fitri, saatnya mempererat tali sillaturrahmi. Hari kemenangan setelah sebulan lamanya berpuasa memerangi hawa nafsu dan semoga kembali ke Fitrah kita sebagai manusia. Banyak keuntungan di Hari Raya Idul Fitri ini, selain bisa saling memaafkan, bertemu dengan sanak saudara atau bisa makan-makan :D Tapi ada lagi satu keuntungan di Hari nan Fitri ini, yaitu saatnya PROMOSI BLOG! Bagaimana caranya?

Saat ini kita sudah dimanjakan oleh teknologi, email, chatting, sms atau yang lainnya. Nah di era saat ini, media promosi bisa melalui apa saja. Untuk momen lebaran ini saya memilih SMS. Seperti tradisi sebelum-sebelumnya, setiap hari lebaran pastilah banyak saudara dan teman saling ber-sms untuk mengucapkan minal aidzin atau sejenisnya. Sebagai pemilik blog baru, tidak ada salahnya mempromosikan blog yang saya punya, yaitu dengan menambahkan alamat blog di akhir ucapan minal aidzin. Contohnya seperti ini :

Minal aidzin wal faidzin, mohon maaf lahir dan batin. Afit (www.blogger-jogja.com)

Nah asik kan, sillaturrahmi tetep terjaga, promosi blog jalan terus.

saya mengucapkan : Minal aidzin wal faidzin, mohon maaf lahir dan batin

Memberikan Tanda Tangan di Setiap Tulisan

2008-09-29T18:15:00.001-07:00

Bagaimana membuat tanda tangan atau signature di bawah postingan seperti yang terlihat di bawah posting ini? Ikuti langkah-langkah yang saya sadur dari mas firdaus berikut, mudah dan ga pake lama :

Pertama
Siapkan gambar signature anda dan simpan di hosting yang anda punya

Kedua
Pilih Setting->Formatting, scroll halaman ke paling bawah, temukan kotak post comment.

Ketiga
Copy-paste kan kode berikut pada kotak post comment:

<p><image class="centered" alt="post signature" src="http://alamathostinganda.com/Signature.gif" /></p>

Kemudian simpan.
Sekarang coba anda membuat sebuah posting baru, dan anda akan langsung disuguhi logo signature anda. Selamat mencoba

post signature

Menambahkan Star Rating Pada Tiap Posting

2008-09-29T17:04:00.001-07:00

Star Rating, atau Rating berbentuk bintang merupkan simbol dari populer atau tidak-nya sebuah tulisan anda. Semakin banyak Star Rating yang di dapat, maka semakin populer-lah tulisan itu. Nah untuk membuat Star Rating di blog anda, silakan ikuti tutorial yang saya sadur dari blogger-buster. Seperti biasa, sebelum mencoba tips ini backup terlebih dahulu template anda. Oke sekarang ikuti cara berikut:

Pertama

Pilih Layout->Edit HTML, centang Expand Widget Template

Kedua

Cari kode di bawah ini :

<div class='post-footer-line post-footer-line-1'>

Jika tidak bisa menemukan kode tersebut, cari kode ini :

<p><data:post.body /></p>

Ketiga

Copy kode di bawah ini tepat setelah kode di atas

<b:if cond='data:blog.pageType == "item"'> <span class='star-ratings'> <b:if cond='data:top.showStars'> <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'/> </b:if> </span> </b:if>

Keempat

Cari kode ini :

<b:include name='nextprev'/>

Kelima

Copy-kan kode ini tepat di bawahnya :

<b:if cond='data:top.showStars'> <script src='http://www.google.com/jsapi' type='text/javascript'/> <script type='text/javascript'> google.load("annotations", "1"); function initialize() { google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize); </script> </b:if>

Keenam

Simpan dan lihat hasilnya

Jika Star Rating sudah terlihat pada posting anda, itu tandanya sudah matang, eh berarti sudah berhasil..berhasil..horee...

Membuat Jadwal Harian (Schedule Day) di Blog

2008-09-29T17:02:00.001-07:00

Sebenarnya tutorial (kode) ini hanya menjiplak dari o-om (tips of the day). Nah supaya ga terlihat sama persis, kode tersebut saya gunakan untuk membuat jadwal harian supaya terlihat di blog. Fungsinya? banyak sekali, tergantung dari kebutuhannya. Oke, ikuti langkah-langkah berikut, gampang dan ga pake lama :

Pertama

Pilih Layout->Page Element->Add Page Elemen, pilih yang HTML / Java Script

Kedua
Copy-Paste kan kode berikut :

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
<SCRIPT>
writeTip();
</SCRIPT>

Jangan lupa ganti tulisan yang berwarna merah dengan jadwal anda. Keep blogging bro

Mengganti “Tulisan Posting Sebuah Komentar” dengan “Gambar Posting Sebuah Komentar”

2008-09-29T17:00:00.001-07:00

Seperti yang para blogger tahu, tulisan “posting sebuah komentar” di bawah blog sangat 'menyiksa' mata, susah untuk dicari (mungkin kalo yang menggunakan embeded komentar sudah tidak lagi). Nah supaya tulisan tersebut terlihat menyolok, tidak ada salahnya untuk menggantinya dengan sebuah “gambar posting sebuah komentar”. Selain terlihat jelas, penempatan gambar tersebut dapat memperindah tampilan blog.

Oke mari kita mulai tutorial yang saya ambil dari pakar blog si o-om ini.

Pertama

Jangan lupa backup template terlebih dahulu.

Kedua

Buka Layout-> Edit HTML dan centang Expand Widget Template

Ketiga

Cari kode ini :

<p class='comment-footer'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> </a> </p> </b:if>

Kemudian sebelum tag </a> copy-kan kode berikut :

<b><font color='#444'> <img alt='Tulis Komentar Anda' border='0' height='47' src='http://www.geocities.com/contoh/images/comments.gif' width='61'/> <data:postCommentMsg/></font></b>

Kode tersebut bisa anda ganti-ganti, jika ingin merubah gambar, anda bisa mengganti tulisan berwarna merah dengan sumber gambar anda sendiri. Jika sudah, simpan dan klik Preview untuk melihat hasilnya. Keep blogging bro.

Membuat Label Animasi Dengan Blogomous

2008-09-19T23:56:00.001-07:00

Label atau kategori atau apapun itu, berfungsi untuk lebih mengkhususkan tema-tema tulisan dalam blog kita. Di blogger, fasilitas label ini secara default memang sudah tersedia. Namun bagi an anda yang tidak puas dengan tampilan label yang standar, kita bisa mengubahnya menjadi animasi yang berputar-putar (awas bikin sakit kepala). Nah untuk mengubahnya, ikuti tutorial berikut (jangan lupa untuk membackup template anda terlebih dahulu) :
1. Buka Edit HTML, dan jangan lupa centang Expand Widget Templatenya
2. Cari kode berikut

<b:section class="sidebar" id="sidebar" preferred="yes">

Ingat, setiap template tidak sama, yang jelas ada kode tersebut

3. Setelah itu, copy-kan kode berikut tepat di bawahnya

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

4. Simpan dan lihat hasilnya

Anda bisa mengubah settingan dari kode tersebut, seperti mengganti warna background (kode warna biru), ukuran label (warna merah)atau merubah ukuran font (yang ditebalkan).

Membuat Status YM di Friendster

2008-09-12T21:49:00.001-07:00

Setelah beberapa waktu lalu, saya memposting tulisan bagaimana membuat status YM di blog, saat ini saya akan menuliskan bagaimana membuat status Yahoo Messengger (YM!) di Friendster. Sepertinya tidak perlu dijelaskan pentingnya penggunaan status YM di Friendster (sudah tahu semua kan? :D ) Nah tanpa basa dan basi lagi inilah tipsnya, mudah dan ga pake lama.

copy kan kode berikut ke media box kamu :

<a href="ymsgr:sendIM?idekeren@ymail.com">
<img border="0" src="http://opi.yahoo.com/online?u=idekeren@ymail.com&m=g&t=14"/> </a>

ganti tulisan berwarna merah dengan ID YM kamu. Dan ganti angka yang berwarna merah dengan image YM yang kamu inginkan.
Simpan dan lihat hasilnya. Jika masih bingung, silakan bertanya di kotak komentar. Keep blogging bro

Download YouTube Online

2008-09-04T06:30:00.000-07:00

Ada yang belum kenal You Tube? Jika ada yang belum kenal berarti itu orang jarang piknik ke dunia maya. YouTube sudah sangat familiar di mata para pecinta dunia video. Banyak video yang bisa dilihat di YouTube, mulai dari yang seru-seru sampe yang saru-saru ada disana. Dari yang edukatif sampe yang destruktif juga tersedia. Namun kadang banyak dari kita yang belum tahu cara mendownlot video tersebut (kalo udah banyak yang tahu berarti saya salah :D ). Nah bagi yang belum tau, ada cara alternatif buat mengunduh video tersebut secara online.

Caranya :
1. Kunjungi situs keepvid
2. Buka YouTube, cari video yang akan di downlot
3. Copy kam alamat URL dari video yang akan di downlot
4. Paste alamat URL tersebut ke situs keepvid
5. Tekan downlot
6. Kemudian akan muncul menu pilihan jenis video yang akan menajdi outputnya. Pilih salah satu.
7. Klik kanan lalu Save as...
8. Silakan ditunggu

Mudah-mudahan tutorial ini berguna bagi YouTuber-wan dan YouTuber-wati :D Kalo ada pertanyaan silakan isikan di kolom komentar. Keep Blogging BRo

NB : Jenis video yg anda downlot adalah tanggung jawab pribadi, saya ga ikut-ikutan :D

Amankan Data Blog Anda Sekarang

2008-08-23T02:05:00.001-07:00

Sedia payung sebelum hujan, pepatah yang biasa kita dengar sewaktu sekolah dasar tampaknya tidak hanya berlaku dalam dunia nyata. Di dunia persilatan dan juga duni perbloggeran :D pepatah tersebut ternyata juga bisa dikatakan up-to-date.

Bisa anda bayangkan jika ratusan data-data di blog anda hilang, entah karena kesalahan sendiri (human error) atau karena kesalahan penyedia jasa layanan dan anda terpaksa menulis ulang postingan yang berjumlah ratusan tersebut. Bisa-bisa nanti ada salon yang membuka jasa rebonding jari yang kriting karena capek menulis banyak posting dalam satu waktu.

Nah untuk menghindari kejadian tersebut ada baiknya semua data di blog anda dengan menggunakan penyedia jasa backup online dari blog backup online. Web tersebut menyediakan jasa bakup online data-data yang ada di blog anda. Dengan menyediakan dua jenis layanan, ayitu gratis dan berbayar, blog backup online sementara ini menjadi andalan saya untuk membackup semua data blog ini.

Untuk versi gratisan, kita hanya diberikan kapasitas sebesar 5 MB (setara 5000 postingan) dan hanya diizinkan untuk membackup tulisan. Tertarik? silakan langsung mendaftar dan melakukan backup data blog anda secara online.

Membuat Related Article atau Artikel Terkait

2008-08-23T02:04:00.001-07:00

Related Article atau Artikel Terkait biasa kita temukan di bawah dari postingan. Related Article ini sangat berguna terutama untuk memudahkan pembaca blog untuk mengetahui tulisan-tulisan terkait atau yang berhubungan dengan tulisan yang baru dibaca.

Langsung pada intinya, untuk membuat supaya muncul Artikel Terkait di bawah postingan, ikuti cara-cara berikut :
1. Buka Edit HTML -> pilih Expand Widget Templates
2. jangan lupa backup templates terlebih dahulu
3. Cari kode <data:post.body/>
4, Copy kode berikut tepat di bawah <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<span class='box'>
<div class='widget-content'>
<h3>Artikel Terkait</h3>
<div id='data2007'/><br/><br/>

<script type='text/javascript'>

var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 6;
maxNumberOfLabels = 100;

function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";

var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</span></div>

</b:if>

5. Simpan, dan lihat hasilnya.

Kode di atas masih bisa diubah-ubah, seperti menambah atau mengurangi jumlah artikel terkait yang ditampilkan. Oke, selamat mencoba dan Keep Blogging Bro.

NB : Kode ini diambil dari blogger-holic

Jual Blogmu Segera!

2008-08-23T02:02:00.001-07:00

He..he jangan berfikir an bahwa saya mengajak anda untuk rame-rame menjual blog anda, tapi jika memang anda berniat menjualnya..ya itu terserah anda, saya tidak imut-ikutan :D Kembali ke laptop, sekali lagi tulisan ini tidak ada hubungannya degan jual-menjual blog. Tulisan ini akibat dari melihat widget di salah satu blog (saya lupa nama blognya) yang memasang widget dengan gambar skets orang senyum dengan keterangan jumlah nominal dollar.

Karena pensaran, akhirnya saya mencoba untuk mengklik widget tersebut, dan dibawanya ke sebuah situs ini. Usut punya usut, ternyata pemilik situs tersebut membuat suatu hitungan untuk memprediksikan taksiran dari harga blog kita. Taksiran harga berdasarkan dengan database dari technoratti.

My blog is worth $0.00.
How much is your blog worth?

Nah sebelum anda menuju TKP, bagi yang memiliki blog yang sepi seperti blog saya ini, bersiap-siaplah gigit jempol anda, karena hasilya blog anda akan dihargai $0.00 :D Jika sudah siap silakan langsung meluncur ke TKP.

Membuka Link di Windows / Tab Baru

2008-08-17T21:28:00.000-07:00

Di Wordpress kita bisa dengan mudah mengatur agar link blogroll yang kita sisipkan bisa terbuka di windows atau tab baru. Tidak demikian dengan yang ada di blogger. Sementara ini Blogger belum memberikan fasilitas itu, namun itu tetap bisa dilakukan yaitu :

1. Masuk ke Edit HTML
2. check Expand Widget Templates
3. Backup terlebih dahulu theme anda (untuk berjaga-jaga)
4. Cari kode yang akan di edit tersebut

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<div id='link'>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a>
</li>
</b:loop>
</div>
</ul>

tambahkan target='blank' di belakang kode <a expr:href='data:link.target'> sehingga akan menjadi seperti ini <a expr:href='data:link.target' target='blank'>.

5. Kemudian simpan template.

Untuk membuka link di windows/tab baru yang ditempatkan di postingan bisa dilihat di dalam posting sebelumnya.

Konsistensi Sebagai Penjaring Banyak Visitor

2008-08-17T21:00:00.000-07:00

Untuk mendapatkan banyak traffic atau pengunjung dari sebuah blog tidak hanya mengenai tema atau isi dari tulisan yang bagus. Memang, kedua hal tersebut menjadi penting ketika kita membicarakan bobot atau nilai (manfaat atau tidak) dari sebuah blog. Namun ada satu hal yang tidak kalah pentingnya dari kedua hal tersebut : KONSISTENSI.

Yups, konsistensi dari kegiatak ngeblog kita memberikan dampak yang luar biasa terhadap trafik dari sebuah blog. Coba anda bayangkan, anda memiliki sebuah blog dengan tulisan dan pemilihan tema yang menarik, tetapi anda jarang untuk meng-update tulisan di blog anda. Dilain sisi, anda mempunyai blog yang pemilihan tema dan tulisannya tidak terlalu menarik, bahkan hanya berisi pikiran-pikiran atau tulisan-tulisan orang lain yang sudah diracik ulang dengan bahasa anda sendiri. Coba anda bandingkan, niscaya blog yang hanya berisi tulisan-tulisan yang tidak terlalu menarik akan lebih banyak menyedot banyak pengunjung.

Kenapa seperti itu? Di era saat ini, banyak orang sudah terbiasa dengan perubahan yang sangat cepat, sehingga mereka mencari berita atau tulisan yang up-to-date. Mereka akan bosan dengan blog yang tidak ter-update -seperti blog saya ini- :D Jika para pengunjung sudah berkunjung beberapa kali dan tidak mendapatkan update tulisan yang mereka inginkan, maka merekan akan malas dan akhirnya melupakan blog kita.

Nah berdasarkan analisis saya tersebut, maka dengan semangat kemerdekaan (lho?!) saya akan memberikan sedikit waktu untuk mengupdate selalu blog ini dan blog-blog lainnya atau dengan kata lain saya akan membangkitkan konsistensi yang seharusnya melekat pada setiap aktifitas. Keep Blogging Bro :D

MERDEKA!!!

Wajah Baru, Semangat Baru

2008-07-30T05:35:00.000-07:00

Setelah sempat dilanda error selama beberapa hari, dan error tersebut saya ketahui dari kang riasmaja, maka satu hari ini, blog ini saya ubah total. Pergantian tema yang dulu full hitam, sekarang menjadi dominan putih. Pergantian shoutbox dan mybloglog pun saya lakukan. Hari ini, akhirnya perbaikan dari blog ini sudah kelar, walaupun belum 100 persen. Belum cepatnya proses loading dari blog ini (mungkin disebabkan karena jenis themenya) dan ada beberapa hal yang membuat saya belum 'sreg' dengan isi dari blog ini merupakan sedikit masalah yang harus segera diselesaikan. Tetapi secara keseluruhan saya sudah merasa puas dengan perbaikan ini. Dengan theme baru dan perbaikan disana-sini, bisa membuat lebih semangat dalam blogging, dan membuat para pembaca lebih sejuk dan bertah berkunjung di blog ini. Dengan senang hati saya menerima kritik dan saran tentang perubahan blog ini. Keep blogging bro :D

Google Page Rank Turun

2008-07-26T05:36:00.001-07:00

Setelah sempet diberi tahu mengenai blog saya yang bermasalah, maka langsung menuju ke TKP dan melakukan cros check. Setelah perbaikan selesai dilakukan, maka saya langsung melihat blog tersebut. Setelah melihat hasil yang cukup memuaskan, maka pandangan saya beralih pada widget Google Page Rank saya. Lho, kok turun jadi 0? padahal sebelumnya sudah merangkak ke posisi 2. Waduh ada apa ini?

Saya ndak ngerti bagaimana cara om gugel merangking. Prediksi saya mengapa blog ini page rank-nya jatuh adalah karena dari tanggal 14 Juli kemarin, blog ini mengalami error, yang permasalahannya baru saya ketahui sekarang :(

Tapi ga masalah, dulu ranking blog saya dimulai dari 0, dan saat ini coba lagi buat menaikkan trafik bukan hal baru, tapi memang butuh waktu :D jadi mau rankingnya 0 atau 10, yang penting keep blogging bro :D

Thanks Kang Riasmaja

2008-07-26T02:44:00.000-07:00

Jam dua siang tadi, di sela-sela waktu istirahat setelah selesai memberikan training motivasi, saya membuka mig33 dari hape. Dan tidak disangka ada beberepa pesan masuk melalui server YM. Pesan tersebut intinya memberitahukan bahwa shoutbox dan kotak komentar di blog saya bermasalah. Dan pesan tersebut berasal dari ID YM yang asing karena belum masuk ke friendlist di YM saya, yang akhirnya saya tahu bahwa beliau adalah Kang Riasmaja.

Sore hari sekitar jam 4 sore saya langsung mendatangi TKP dan mengecek masalah yang ada pada shoutbox dan kotak komen di blog. Wah bener deh apa yang diberitahukan oleh Kang Riasmaja, shoutbox dan kotak komen saya ndak mau di akses. Weladalah, inilah akibatnya kalo lama ga ngecek blog. Akhirnya dengan menghilangkan kotak komen yang langsung di taruh di bawah entri, saya berhasil memperbaiki masalah kotak komentarnya. Untuk yang shoutbox, dengan sangat terpaksa, saya menggantinya dengan shoutmix (dulu saya pakai oggix), jadi buat yang pernah nongkrong di shoutbox lama, saya mohon maaf yang sebesar-besarnya. Karena dengan sangat terpaksa komen-komen di shoutbox hilang :(

Fuih untung masalah ini segera diselesaikan, untung juga ada kang Riasmaja yang memberi tahu tentang masalah yang ada di blog saya. Jadi buat yang mau komen di blog ini, baik lewat shoutbox atau kotak komen dipersilahkan. Masalah sudah teratasi. Sekali lagi terima kasih berat KANG RIASMAJA, jasa mu takkan kulupakan :D

Bikin Foto Jadi Layout di Friendster

2008-07-18T06:25:00.000-07:00

Sebenarnya ini bukan tips mengenai blogging, tapi ga apa-apa lah saya posting disini. Selain banyak yang tanya, akan lebih menyusahkan bagi saya jika harus membuat blog khusus frinedster. Karena saya sendiri belum terlalu sering utak-atik friendster. Tips ini sebenarnya sudah saya post di blog pertama saya, tapi karena ingin lebih konsentrasi di blog ini, maka tips ini saya posting disini juga (maaf bagi yang merasa tips ini sudah jadoel).

Langsung saja saya mulai untuk membuat foto jadi layout/wallpaper di Friendster. Ikuti langkah demi langkah berikut:

1. Siapkan foto/gambar yang akan dijadikan layout/wallpaper.
2. Upload foto tersebut di internet. Bisa menggunakan foto yang ada di friendster itu sendiri.
3. Jika foto sudah terupload/tersimpan, ambil kode URL nya. Caranya klik kanan di bagian foto tersebut dan pilih copy image location
4. Masuk friendster tweaker

tampilan awal friendster-tweakers

5. di tampilan awal friendster tweaker, pilih Friendster Editor kemudian pilih Profile Editor. Tunggu dan halaman Profile Editor akan terlihat.

Halaman Profile Editor

Di halaman Profile Editor, banyak kotak-kotak yang bisa diisi sesuai dengan keinginan kita, yaitu ingin tampilan profile di Friendster seperti apa.
6. Paste kode URL yang sudah di copy tadi (langkah no 3) ke kotak Images di bagian URL:
7. Setelah itu tekan tombol Generate CSS kode yang berada di bawah. Tekan Preview Layout untuk melihat hasil dari 'utak-atik' kamu.
8. Jika sudah puas dengan hasil yang ditayangkan, kopi kan kode tersebut ke Friendster kamu.
9. Jadi deh

TA (titip absen) :D =>
* Di pilihan Profile Background terdapat dua pilihan, yaitu Color untuk pilhan warna background friendster, dan Images, yaitu tempat di mana URL foto di letakkan. Anda juga bisa merubah posisi gambar melalui pilihan Position, Repeat atau pengulangan background/wallpaper, dan Attachmentnya.

* Kamu juga bisa merubah jenis font di bagian Global Fonts. Untuk merubah setting link, bisa dilakukan di pilihan Global Links. Kamu juga bisa merubah settingan lainnya melalui piliahn-pilihan lain.seperti control panel, boxes, dll. Silakan berkreasi sendiri :D

* Kalau masih ada pertanyaan silakan ditanyakan lewat form komentar, jangan ragu-ragu. Keep blogging bro :D

Inikah Yang Dinamakan SEO?

2008-07-18T04:34:00.000-07:00

Jangan dianggap judul di atas. Juga jagan harap postingan ini ada hubungannya cara untuk meningkatkan optimasi searc engine atau yang dikenal dengan SEO. Ide dari postingan ini berawal dari bingungnya saya untuk menuliskan sesuatu di blog ini. Terlanjur sudah berada di depan laptop kesayangan dan sudah disajikan tampilan halaman blogger, maka sayang jika tidak dilanjutkan dengan nge-blog. Paling tidak menuliskan 'sampah' :D

Iseng-iseng saya membuka gugel dan mengetikkan tips keren ngeblog, dan hasilnya :

Blog saya berada di urutan teratas :D Ini bukan sombong, karena jelas blog yang baru saya update dengan rutin sebulan lalu ini masih kalah dengan blog-blog lain. Apalagi dengan pakar-pakar tips ngeblog yang lain, masih kalah jauh. Tapi ini fakta, yang ingin saya sampaikan disini adalah keuntungan dari cara memilih nama atau alamat blog. Jadi salah satu cara untuk meningkatkan SEO (benar ga ya?) adalah dengan memilih nama domain yang enak, simpel dan mudah diingat.

Jadi saran dari seorang newbie adalah, jika anda berniat untuk membuat suatu blog atau web komersial dan mementingkan SEO, maka langkah pertama pilihlah domain yang enak, simpel, mudah diingat dan memiliki arti yang menggambarkan isi dari blog / web tersebut. Keep blogging bro :D

Sudahkah Blog Saya Terindex Oleh Gugel?

2008-07-15T22:06:00.001-07:00

Jangan hiraukan judul di atas, ini sebenarnya juga sudah banyak di posting oleh dedengkot-dedengkot blog lain. Saya hanya menampilkan di blog saya, dengan bahasa saya tentunya. tapi esensinya sama.

Trus apa gunanya kalo terindex sama om Gugel? mudahnya seperti ini, jika ada orang yang mencari suatu barang di sebuah toko, namun barang tersebut tidak ada di daftar, atau tidak ditampilkan di rak, maka orang tersebut tidak dapat menemukan barang yang dia cari. Seperti juga blog, blog anda akan bisa diketahui pengunjung lewat search engine Gugel hanya jika blog anda sudah terindex.

Untuk mengetahui blog anda sudah terindex apa tidak, masuk ke Google.com dan ketikkan site:namabloganda.com. Jika dalam proses pencarian ditemukan posting-posting blog anda, berarti blog anda sudah terindex. Namun jika ada tulisan : Penelusuran Anda - site:http://namabloganda.com - tak cocok dengan dokumen manapun, berarti blog anda belum ter-index. Bagaimana supaya blog anda ter-index? nantikan di posting berikutnya :D Keep blogging.

Free Blog Template : 4 Column Header Jam Tangan

2008-07-15T20:07:00.001-07:00

Jalan-jalan cari template buat blog pribadiku. Rujukan pertama adalah Final Sense, dan ternyata hasilnya tidak mengecewakan. Saya dapet template bagus berwarna hitam dan berheader image jam tangan. Tepat sesuai dengan tema blogku, yaitu perjalanan hidup. Nah bagi yang pingin mengganti template blognya menjadi 4 kolom. Blog ini layak dicoba. Kalau ingin lihat tampilannya klik disini. Kalau tertarik bisa langsung ke Final Sense atau copy aja kode di bawah ini (kode ini sudah saya edit dengan penambahan fasilitas read more) :

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[
/* --- * Blogger Template Style---- * Name: Watch----- *Designer: J.aghili ----- * URL: www.finalsense.com ------ * Date: January 2008 ----- */
/* Variable definitions
   ====================
   <Variable name="textcolor" description="Text Color"
             type="color" default="#C0C0C0" value="#C0C0C0">

   <Variable name="PageBgColor" description="Page Background Color"
             type="color" default="#000" value="#000000">

   <Variable name="pagetitlecolor" description="Page Header Color"
             type="color" default="#f93" value="#ff9933">

   <Variable name="datecolor" description="Date Header Color"
             type="color" default="#80aad5" value="#80aad5">

   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#f90" value="#ff9900">

    <Variable name="titlehovercolor" description="Post Title Hover Color"
             type="color" default="#f63" value="#ff6633">

   <Variable name="footercolor" description="Post Footer Color"
             type="color" default="#80aad5" value="#80aad5">

   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#eddeb5" value="#eddeb5">

   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#808080" value="#808080">

   <Variable name="sidebarlink" description="Sidebar Link Color"
             type="color" default="#eddeb5" value="#eddeb5">

   <Variable name="sidebarhover" description="Sidebar Hover Color"
             type="color" default="#f93" value="#ff9933">

   <Variable name="linkcolor" description="Link Color"
             type="color" default="#80aad5" value="#80aad5">

   <Variable name="linkhover" description="Link Hover Color"
             type="color" default="#ffc" value="#ffffcc">

   <Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#80aad5" value="#80aad5">

   <Variable name="descriptioncolor" description="Description Color"
             type="color" default="#808080" value="#808080">

   <Variable name="Commentscolor" description="Comments Text Color"
             type="color" default="#ccc" value="#cccccc">

   <Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 83% Verdana, sans-serif" value="normal normal 83% Verdana, sans-serif">

   <Variable name="pagetitlefont" description="Page Header Font"
             type="font" default="normal bold 340% 'Times New Roman','Georgia'" value="normal bold 340% 'Times New Roman','Georgia'">

   <Variable name="titlefont" description="Post Title Font"
             type="font" default="normal bold 105% 'Times New Roman','Georgia'" value="normal bold 105% 'Times New Roman','Georgia'">

   <Variable name="sidebarheaderfont" description="Sidebar Title Font"
             type="font" default="normal bold 135% 'Times New Roman','Georgia'" value="normal bold 135% 'Times New Roman','Georgia'">

       <Variable name="sidebarfont" description="Sidebar Text Font"
             type="font" default="normal normal 91% 'Verdana','Arial'" value="normal normal 91% 'Verdana','Arial'">

   <Variable name="descriptionfont" description="Description Font"
             type="font" default="normal normal 86% 'Verdana','Arial'" value="normal normal 86% 'Verdana','Arial'">
*/

/* ---( page defaults )--- */
body {margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background:$PageBgColor}
blockquote {margin: 0 0 0 30px; padding: 10px 0 0 20px; font-size: 88%; line-height: 1.5em;}
blockquote p { margin-top: 0;}
abbr, acronym { cursor: help; font-style: normal;}
code {color: #f63;}
hr {display: none;}
img {border: none;}

/* unordered list style */
ul {list-style: none; margin-left: 5px; padding: 0;}
li {list-style: none; padding-left: 7px; margin-bottom: 3px;}

/* links */
a:link {color: $linkcolor; text-decoration: none;}
a:visited {color: $visitedlinkcolor; text-decoration: none;}
a:hover {color: $linkhover; text-decoration: none;}
a:active {color: $visitedlinkcolor; text-decoration: none;}

/* ---( layout structure )---*/
#outer-wrapper {width: 1000px; margin: 0px auto 0;   text-align: justify;}
#content-wrapper {margin-left: 0px; /* to avoid the border image */ width: 100%;}
#main { float: left; width:434px; padding:8px; margin:0 5px; line-height: 1.5em; border: 1px solid #ccc; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */ }
#sidebar { float: right; width:150px; margin-left: 5px; color: $sidebartextcolor; border: 1px solid #ccc; line-height: 1.3em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */ }
#side-2 {padding: 0px}
#ads-bar { padding: 0px }
#ads-wrapper {float:right; width:170px; color: $sidebartextcolor; border: 1px solid #ccc; break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */}
#menu-wrapper {float: right; width: 353px; margin-right: 3px;}
#sidebar2-wrapper {float:left; width:170px; padding: 0 5px; color: $sidebartextcolor; margin-left:5px; border: 1px solid #ccc; break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */}
#center {background:#000}

/* ---( header and site name )--- */
#header-wrapper { margin: 0; }
#header { margin: 0; height:309px; width:1000px; color: $pagetitlecolor;   background: url('http://lh5.google.com/jvdmds/R5mAClTh4vI/AAAAAAAABMM/b_LwTAZPw90/watch2.jpg') no-repeat top right; overflow: hidden}
#header h1 { width:350px; font: $pagetitlefont; margin:60px 40px 5px 20px; padding:5px; text-align:left; filter: blur(Strength=8);}
#header h1 a { text-decoration: none; color: $pagetitlecolor; }
#header h1 a:hover { color: $descriptioncolor; }
#header .description {display: block; margin:-10px 5px 5px 20px; width:350px; text-align:left; font: $descriptionfont; color: $descriptioncolor; }

/* ---( main column )--- */
h2.date-header {font-size: 73%; color: $datecolor; margin:0px; text-align: left; }
.post h3 { text-align: left; margin: 0px; font: $titlefont; color: $titlecolor; border-top: 1px solid #fc6; border-bottom: 1px solid #fc6; }
.post {padding:0px;}
.post h3 a {color: $titlecolor; text-decoration: none;}
.post h3 a:hover {color: $titlehovercolor; text-decoration: none;}
.post-footer {line-height:20px; margin:0px; text-align: right; font-size: 88%; color:$footercolor; }
.post img {padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ccc; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; }
.feed-links {clear: both; line-height: 2.5em; color:$footercolor; border-top: 1px solid #fc6; }
.blog-feeds {text-align: right; color:$footercolor;}
#blog-pager-newer-link {float: left;}
#blog-pager-older-link {float: right;}
#blog-pager {text-align: center;}

/* comment styles */
#comments { padding-top: 10px; font-size: 95%; line-height: 1.5em; color: $Commentscolor; }
#comments h4 { margin: 5px 0px; padding: 2px 0 0 20px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 110%; color: $Commentscolor; height: 30px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ }
#comments ul { margin-left: 0; }
#comments li { background: none; padding-left: 0; }
.comment-body { padding: 0 10px 0 25px; }
.comment-body p { margin-bottom: 0; }
.comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999;    }
.comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;}
.deleted-comment { font-style:italic; color:gray; }

/* ---( sidebar )--- */
.sidebar h2 {font: $sidebarheaderfont; color: $sidebarcolor;}
.sidebar .widget {padding:0 3px;}
.sidebar a {color: $sidebarlink; text-decoration: none;}
.sidebar a:hover {color: $sidebarhover; }
.sidebar li { background: 0 5px; }
.profile-textblock {margin-left: 3px;}
.profile-img {float:right; margin:5px; border: 1px solid #ddd; padding: 4px;}

/* ---( footer )--- */
.clear { /* to fix IE6 padding-top issue */ clear: both;}
#footer-wrapper {margin: 0px; padding:0px; font-size: 77%; clear: both;}
#footer {margin: 0; width:920px; height:116px; text-align:center; color: #999}
#footer-wrapper a {color: #999; text-decoration: none; line-height:62px}
#footer-wrapper a:hover{color: #f93; text-decoration: none;}

/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper,
body#layout #main,
body#layout #sidebar {   padding-top: 0; margin-top: 0;}
body#layout #outer-wrapper,body#layout #content-wrapper { padding:0px}
body#layout #sidebar {   margin-right: 0; margin-bottom: 1em; }
body#layout #header,body#layout #footer,
body#layout #main { padding: 0; }
body#layout #content-wrapper {   margin: 0px; }
#navbar-iframe {height:0px; visibility:hidden; display:none}

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

</head>
<body>
<div id='outer-wrapper'>
<div id='wrap2'>

<span id='skiplinks' style='display:none;'>
<a href='#main' shape='rect'>skip to main</a>
|
<a href='#sidebar' shape='rect'>skip to sidebar</a>
</span>
<div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Perjalanan (Header)' type='Header'>
<b:includable id='main'>

<b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == "REPLACE"'>
      
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
      </div>
    <b:else/>
      
      <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                      + "background-position: "                      + data:backgroundPositionStyleStr + "; "                      + data:widthStyleStr                      + "min-height: " + data:height + "px;"                      + "_height: " + data:height + "px;"                      + "background-repeat: no-repeat; "' id='header-inner'>
        <div class='titlewrapper' style='background: transparent'>
          <h1 class='title' style='background: transparent; border-width: 0px'>
            <b:include name='title'/>
          </h1>
        </div>
        <b:include name='description'/>
      </div>
    </b:if>
<b:else/>
    
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
      </div>
      <b:include name='description'/>
    </div>
</b:if>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
<b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
</div>
</b:includable>
</b:widget>
</b:section>
    </div>
<div id='center'>
<div id='content-wrapper'>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='false' title='Posting Blog' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:blog.homepageUrl != data:blog.url'>
      <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      <b:else/>
      <b:if cond='data:newerPageUrl'>
        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      </b:if>
    </b:if>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'> </span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
</b:if>
<p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h3>
    </b:if>

    <div class='post-header-line-1'/>

    <div class='post-body entry-content'>
      <data:post.body/>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>nerusin baca...</a>
</b:if>
      <div style='clear: both;'/> 
    </div>

    <div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'>
      <span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
          <span class='fn'><data:post.author/></span>
        </b:if>
      </span>

      <span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <data:top.timestampLabel/>
        <b:if cond='data:post.url'>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span>

      <span class='star-ratings'>
        <b:if cond='data:top.showStars'>
           <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'/>
        </b:if>
      </span>

      <span class='post-comment-link'>
        <b:if cond='data:blog.pageType != "item"'>
          <b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
          </b:if>
        </b:if>
      </span>

       
       <span class='post-backlinks post-comment-link'>
         <b:if cond='data:blog.pageType != "item"'>
           <b:if cond='data:post.showBacklinks'>
             <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
           </b:if>
         </b:if>
       </span>

      <span class='post-icons'>
        
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
          </a>
          </span>
        </b:if>

        
        <b:include data='post' name='postQuickEdit'/>
      </span>
      </div>

      <div class='post-footer-line post-footer-line-2'>
      <span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
          </b:loop>
        </b:if>
      </span>
      </div>

      <div class='post-footer-line post-footer-line-3'/>
    </div>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
      <img src='http://www.blogger.com/img/icon_delete13.gif'/>
    </a>
</span>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> 
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
    <a name='comment-form'/>
    <h3><data:postCommentMsg/></h3>
    <p><data:blogCommentMessage/></p>
    <iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='http://www.blogger.com/img/icon_delete13.gif'/>
    </a>
</span>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
    <span expr:class='"item-control " + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/>
      </a>
    </span>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
           
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
           
          <data:post.commentRangeText/>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>

      <dl id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
          <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
            <a expr:name='data:comment.anchorName'/>
            <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/>
          </dt>
          <dd class='comment-body'>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
          </dd>
          <dd class='comment-footer'>
            <span class='comment-timestamp'>
              <a expr:href='data:comment.url' title='comment permalink'>
                <data:comment.timestamp/>
              </a>
              <b:include data='comment' name='commentDeleteIcon'/>
            </span>
          </dd>
        </b:loop>
      </dl>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
           
          <data:post.commentRangeText/>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>

      <p class='comment-footer'>

        <b:if cond='data:post.embedCommentForm'>
          <b:include data='post' name='comment-form'/>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>

      </p>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + "_backlinks-container"'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
</div>
</b:includable>
<b:includable id='main' var='top'>

<div class='blog-posts hfeed'>

    <b:include data='top' name='status-message'/>

    <data:adStart/>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.dateHeader'>
        <h2 class='date-header'><data:post.dateHeader/></h2>
      </b:if>
      <b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == "item"'>
        <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:post.includeAd'>
        <data:adEnd/>
        <data:adCode/>
        <data:adStart/>
      </b:if>
    </b:loop>
    <data:adEnd/>
</div>


<b:include name='nextprev'/>


<b:include name='feedLinks'/>

<b:if cond='data:top.showStars'>
    <script src='http://www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
      google.load("annotations", "1");
      function initialize() {
        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
    </script>
</b:if>

</b:includable>
</b:widget>
</b:section>
</div>
<div id='menu-wrapper'>
<div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Poll1' locked='false' title='Bagaimana tampilan situs ini?' type='Poll'>
<b:includable id='main'>
<div class='widget-content' id='widget-content'>
   <h2><data:title/></h2>
   <iframe allowtransparency='true' expr:height='data:iframeheight' expr:name='"poll-widget" + data:pollid' expr:src='data:iframeurl' frameborder='0' style='border:none; width:100%;'/>
   <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Label' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
    <h2><data:title/></h2>
</b:if>
<div class='widget-content'>
    <ul>
    <b:loop values='data:labels' var='label'>
      <li>
        <b:if cond='data:blog.url == data:label.url'>
          <span expr:dir='data:blog.languageDirection'>
            <data:label.name/>
          </span>
        <b:else/>
          <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
            <data:label.name/>
          </a>
        </b:if>
        <span dir='ltr'>(<data:label.count/>)</span>
      </li>
    </b:loop>
    </ul>

    <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='sidebar2-wrapper'>
<b:section class='sidebar' id='side2' preferred='yes'>
<b:widget id='Subscribe1' locked='false' title='Ikuti update blog ini' type='Subscribe'>
<b:includable id='main'>
<b:if cond='data:isPublic'>
<div style='white-space:nowrap'>

    <b:if cond='data:title != ""'>
      <h2 class='title'><data:title/></h2>
    </b:if>
<div class='widget-content'>
    <b:loop values='data:feeds' var='feed'>
        <div expr:class='"subscribe-wrapper subscribe-type-" + data:feed.type'>

        <div expr:class='"subscribe expanded subscribe-type-" + data:feed.type' expr:id='"SW_READER_LIST_" + data:widgetId + data:feed.type' style='display:none;'>

          <div class='top'>
            <span class='inner' expr:onclick='"return(_SW_toggleReaderList(event, \"" + data:widgetId +data:feed.type + "\"));"'>
              <img class='subscribe-dropdown-arrow' expr:src='data:arrowDropdownImg'/>
              <img align='absmiddle' alt='' border='0' class='feed-icon' expr:src='data:feedIconImg'/>
              <data:feed.title/>
            </span>

            <ul class='feed-reader-links'>
              <a class='feed-reader-link' expr:href='"http://www.google.com/ig/add?source=bstp&feedurl=" + data:feed.encodedUrl' target='_blank'>
                <img expr:src='data:imagePathBase + "subscribe-google.png"'/>
              </a>
              <a class='feed-reader-link' expr:href='"http://www.bloglines.com/sub/" + data:feed.url' target='_blank'>
                <img expr:src='data:imagePathBase + "subscribe-bloglines.png"'/>
              </a>
              <a class='feed-reader-link' expr:href='"http://www.netvibes.com/subscribe.php?url=" + data:feed.encodedUrl' target='_blank'>
                <img expr:src='data:imagePathBase + "subscribe-netvibes.png"'/>
              </a>
              <a class='feed-reader-link' expr:href='"http://www.newsgator.com/ngs/subscriber/subext.aspx?url=" + data:feed.encodedUrl' target='_blank'>
                <img expr:src='data:imagePathBase + "subscribe-newsgator.png"'/>
              </a>
              <a class='feed-reader-link' expr:href='"http://add.my.yahoo.com/content?url=" + data:feed.encodedUrl' target='_blank'>
                <img expr:src='data:imagePathBase + "subscribe-yahoo.png"'/>
              </a>
              <a class='feed-reader-link' expr:href='data:feed.url' target='_blank'>
                <img align='absmiddle' class='feed-icon' expr:src='data:feedIconImg'/>
                Atom
              </a>
            </ul>

          </div>
          <div class='bottom'/>
        </div>

        <div class='subscribe' expr:id='"SW_READER_LIST_CLOSED_" + data:widgetId +data:feed.type' expr:onclick='"return(_SW_toggleReaderList(event, \"" + data:widgetId +data:feed.type + "\"));"'>
          <div class='top'>
             <span class='inner'>
               <img class='subscribe-dropdown-arrow' expr:src='data:arrowDropdownImg'/>
               <span expr:onclick='"return(_SW_toggleReaderList(event, \"" + data:widgetId +data:feed.type + "\"));"'>
                 <img align='absmiddle' alt='' border='0' class='feed-icon' expr:src='data:feedIconImg'/>
                 <data:feed.title/>
               </span>
             </span>
           </div>
          <div class='bottom'/>
        </div>

      </div>
    </b:loop>

    <div style='clear:both'/>

</div>
</div>

<b:include name='quickedit'/>

</b:if>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
    <h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
    <b:if cond='data:style == "HIERARCHY"'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == "FLAT"'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == "MENU"'>
      <b:include data='data' name='menu'/>
    </b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
      <ul>
        <li expr:class='"archivedate " + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
</b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
    <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" +       "&dir=close&toggle=" + data:interval.toggleId +       "&toggleopen=" + data:toggleopen'>
        <span class='zippy toggle-open'>▼ </span>
    </a>
<b:else/>
    <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" +         "&dir=open&toggle=" + data:interval.toggleId +         "&toggleopen=" + data:toggleopen'>
          <span class='zippy'>
            <b:if cond='data:blog.languageDirection == "rtl"'>
              ◄
            <b:else/>
              ►
            </b:if>
          </span>
    </a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
</ul>
</b:includable>
</b:widget>
</b:section>
</div>
   </div>
<div id='ads-wrapper'>
<b:section class='sidebar' id='ads-bar' preferred='yes'>
<b:widget id='LinkList2' locked='false' title='Nge-link' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
   <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='Pembaca Setia' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
    <data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>


<div class='clear'> </div>
</div>

</div> 
<div class='footer section' id='footer'><div id='footer-wrapper'>
Design by: <a href='http://www.finalsense.com/services/blog_templates/' shape='rect' title='Blogger Templates'>FinalSense</a>
</div>
</div>
</div>
</div>
</body>
</html>

Untuk cara mengganti template ini, silakan lihat artikelnya disini. Keep blogging bro :D

Setting Modem Motorolla C380 dan Kartu Axis : Alternatif Internet Murah (2)

2008-07-14T19:37:00.000-07:00

Ini adalah lanjutan dari tulisan pertama saya mengenai setting Motorola C380 dan kartu Axis yang cukup hemat untuk digunakan blogging, chatting atawa ngekron. Di tulisan pertama saya sudah menjelaskan secara umum bagaimana cara mengatur agar duet motorola dan axis bisa digunakan di komputer. Sekarang saya akan menjelaskan langkah demi langkah bagaimana pengaturan itu dilakukan. Tidak usah berpanjang-lebar-tinggi lagi inilah caranya..jreng..jreng

Saya asumsikan software Motorola Tools sudah terinstall, jika belum lihat artikel ini. Langkah pertama, colokkan hape ke kabel dan kabel ke komputer (halah). Jika Motorola Tools sudah terinstal, maka secara otomatis akan muncul kotak pesan 'Found new hardware' di komputer anda. Seperti biasa, setelah kemunculan pesan tersebut maka akan disusul dengan kotak-kota k dialog yang berhubungan dengan pesan tersebut. Ga' usah ambil pusing, klik next aja terus sampai muncul kotak pesan yang menandakan bahwa hardware anda sudah siap digunakan, ready to use bahasa jawanya :D

Tampilan awal Motorola Tool

Langkah kedua, jalankan Motorola Tools-nya. Jika anda baru pertama kali menggunakan aplikasi ini, maka secara otomatis anda akan diminta untuk membuat sebuah profil, jika anda tidak mau susah, pilih aja default profile. Nyantai aja, ga banyak berpengaruh kok.

Jika sudah maka software tersebut akan tampil dilayar komputer. Model tampilannya berbeda-beda, tergantung dengan jenis hape yang digunakan. Berhubung hape yang saya gunakan adalah tipe C380, maka yang terlihat adalah visualisasi dari C380.

tampilan dalam bentuk C380

Langkah ketiga, atur koneksi internetnya. Caranya klik kanan icon bergambar hape di taskbar (bawah pojok), pilih [Setup]->[Internet Connection] (gambar bawah).

Maka akan muncul kotak Internet Connection. Klik dua kali ikon Add New Connection. Aka muncul Kotak Internet Wizard, klik next kemudian pilih Create a new connection. Pilih kartu yang akan anda gunakan. Ada empat provider yang sudah memiliki pengaturan otomatis disitu, yaitu IM3, proXL, Telkomsel dan Sat-C. Jika anda menggunakan salah satu dari keempat provider tersebut, anda tidak perlu direpotkan dengan pengaturan lainnya. Tinggal klik next. Nah karena ini berjudul Motorola+Axis, maka akan saya jelaskan pengaturan menggunakan kartu Axis.

internet wizard

Pilih Other pada Service Provider, tapi sebelumnya pilih Country-nya Indonesia. Jika sudah klik Next, dan pilih tipe koneksinya GPRS. Klik Next, maka akan muncul kotak Network access configuration. Isikan axis (huruf kecil) pada kolom Username, dan masukkan 123456 sebagai Password. Yang terakhir isi kotak APN dengan AXIS (huruf besar). Klik Next dan selesai.

pengaturan axis

Untuk mengkoneksikan ke internet, pilih ikon dunia (paling atas) dari Motorola Tools. Jika sudah ada pesan koneksi berhasi, maka anda sudah siap untuk berselancar ke dunia maya. Jika ada pertanyaan, silakan bertanya di kolom komentar, ga usah ragu. Keep Blogging bro :D

Beri Penghargaan Buat Komentator Blog Anda

2008-07-13T20:21:00.001-07:00

Biasanya, sebuah blog akan memiliki beberapa pengunjung setia yang selalu memberikan komentar di blog anda. Banyak hal yang bisa membuat para pengunjung setia memberikan komentarnya. Nah bagi pemilik blog, tentu hal tersebut menjadi kebanggaan tersendiri jika blognya memiliki 'fans' yang selalu setia mengunjunginya. Ada baiknya jika sebagai pemilik blog juga memberikan apresiasinya kepada pengunjung setianya, salah satunya dengan memberikan elemen TOP KOMENTATOR (ditulis gede-gede biar keliatan keren). Jadi yang sering memberikan komentator akan terlihat di blog.

Langsung pada intinya, tambahkan Page Elemen, pilih HTML/Script dan isikan kode berikut :

Ganti kode useryangdiblok dengan nick anda, supaya jika anda memberikan komentar balik tidak tercatat dalam TOP KOMENTATOR. Kemudian ubah bloganda.com dengan alamat blog anda. Simpan dan lihat hasilnya.

Hasilnya akan terlihat seperti elemen Top Komentator di blog ini. Keep Blogging bro :D

NB: Saya lupa kode ini diambil darimana. Jika ada yang tahu tolong beritahu saya, supaya bisa ditulis sumbernya.

Submit ke Direktori Yahoo

2008-07-13T07:59:00.001-07:00

Sebelumnya saya sudah memberikan cara untuk mempromosikan blog dengan cara mendaftarkan ke direktori Google. Supaya tidak saling cemburu (lho?), saya juga akan menuliskan bagaimana cara mendaftarkan blog ke dalam direktori Yahoo. Cara untuk mendaftarkan blog anda di direktori Yahoo sama mudahnya dengan pendaftaran di Google. Anda hanya tinggal klik disini, dan anda akan dibawa pada submit url dari Yahoo.

Kelebihan dari pendaftaran di direktori Yahoo adalah, adanya manajemen blog yang telah didaftarkan. Jadi kita bisa menambahkan atau menghapus blog sesuai dengan kebutuhan. Kita juga dapat mengatur dan melihat trafik atau pencarian dari search engine Yahoo.

Kekurangannya, kita harus terlebih dahulu mempunyai akun di Yahoo. Jadi yang belum memiliki akun di Yahoo terlebih dahulu harus mendaftar. nah tunggu apalagi, daftarkan blog anda, lumayan untuk meningkatkan SEO. Keep blogging bro :D

Open in New Tab atau Membuka di Jendela Baru

2008-07-13T07:46:00.001-07:00

Banyak sekali perbedaan antara blogger dan wordpress, salah satu diantaranya adalah dalam mengelola suatu link yang disematkan pada suatu postingan. Penjelasannya kok muter-muter ya? Gampangannya begini, di wordpress kita bisa dengan mudah mengatur agar pengunjung yang melakukan link di blog kita otomatis akan diarahkan menuju Tab baru. Hanya dengan memilih 'open in new windows' hal itu bisa dilakukan.

Berbeda dengan blogger, tidak ada fasilitas untuk itu. Tapi bukan berarti tidak dapat dilakukan. Caranya pun tidak terlalu sulit. Perhatikan kode berikut ini :

<a href="www.bloglain.com">

Kode ini akan anda jumpai ketika anda memberikan link dalam posting anda. JIka posisi kode masih seperti itu, maka pengunjung yang melakukan klik pada link tersebut tetap berada di Tab dimana pengunjung memulainya, dalam hal ini blog anda akan digantikan dengan blog lain. Nah rugi kan? Untuk menghindarinya tambahkan kode berikut ini :

target="_blank"

Sehingga menjadi :

<a href="www.bloglain.com" target="_blank">

Nah, jika kode sudah menjadi seperti itu, jika pengunjung melakukan klik pada link dalam postingan anda, maka pengunjung akan dibawa pada Tab baru, sehingga blog anda masih bisa terlihat. Gampang kan? masih ga jelas? jangan ragu-ragu untuk bertanya. Apalagi jika anda memiliki teknik baru, bisa di share disini. Keep Blogging bro :D

NB: Kode tersebut terlihat dalam mode HTML bukan Compose

Aksesori Rank Widget

2008-07-11T22:15:00.001-07:00

Sebenarnya ini ga begitu penting, cuma aksesori yang memperlihatkan kepada pengunjung "ini lho ranking di blogku". Mungkin hanya beberapa blogger iseng aja yang memasang aksesori rank widget ini, seperti saya :D

Nah tulisan ini mengakomodir para blogger iseng seperti saya ini :D yang pengen blognya 'dipersumpek' dengan widget ini, silakan berkunjung ke widget rank untuk mendapatkan widget rank tersebut. Ada beberapa rank widget yang bisa kamu gunakan, Googel Page Rank, Alexa, dan Yahoo adalah salah satu diantaranya.

Anda blogger iseng? segera kunjungi situs ini

Ngeblog Murah Dengan Modem Handphone

2008-07-11T06:34:00.001-07:00

Akses GPRS yang makin murah dari beberapa operator membuat kita bisa menikmati layanan internet hanya dengan modal modem hape, seperti yang saya gunakan sekarang :D Seperti tarif menggiurkan dari axis yang hanya Rp 0,1/Kb untuk 10Mb pertama dan Rp 1/Kb setelah melebihi kuota 10MB. Perhitungan yang tampak murah itu bisa menjadi bencana jika kita tidak bijak dalam penggunaannya. Bayangkan jika akan membuka sebuah halaman web dengan seabrek gambar atau jika senang membuka-buka situs youtube maka berapa Kb yang akan 'terkuras' untuk hal tersebut.

Nah, berhubung blog ini hanya berisi posting tentang tips ngeblog dan sesuai denga judul di atas, maka inilah caranya untuk ngeblog murah dengan bantuan modem handphone. Pertama, carilah provider seluler yang menyediakan tarif GPRS yang murah :D

Kedua, buatlah settingan di browser anda dengan menonaktifkan load image automatically. Caranya, masuk [Tools]->[Options], pilih menu Content dan uncheck tanda load image automatically.

Ketiga, pakailah fitur blog offline pada browser Flock. Tulislah posting terlebih dahulu pada posisi offline, edit dan jika tulisan sudah siap untuk di online-kan, maka anda baru mengkoneksikan diri ke internet.

Nah tiga cara tadi bisa berpengaruh secara signifikan terhadap besarnya pulsa yang dikeluarkan. Akan tetapi tips ini tidak berlaku untuk pecinta gambar-gambar porno, soalnya ya itu tadi, mahal banget kalo buka halaman web yang full gambar. Jadi kalo mau downlot yang porno-porno, tips ini jangan pake.

Cek Ranking Blogmu dengan Dig Page Rank

2008-07-10T18:56:00.001-07:00

Sebagai pemilik blog tentunya kita ingin tahu berapa ranking kita di blogosphere. Memang, tidak semua blogger peduli dengan ranking mereka. Tapi buat yang pengen tahu dimana posisi atau ranking blognya, bisa dengan menggunakan situs ini. Caranya cukup mudah, yaitu tinggal memasukkan nama blog anda, maka situs tersebut akan meranking blog secara otomatis.

Nah hasil ranking dari dig page rank berdasarkan pada Google Page Rank. Soalnya metode penentuan ranking dari tiap-tiap penyedia berbeda (sistem algoritmanya). Seperti blog saya yang baru seumur jagung ini terindex dengan PR 2 di gugel, dan menempati posisi 8jutaan di Alexa, wuakaka, sangat payah, maklum blog baru :D

Nah berapa ranking anda?

Setting Modem Motorolla C380 dan Kartu Axis : Alternatif Internet Murah (1)

2008-07-10T07:36:00.001-07:00

Wuah, malem ini saya benar-benar bahagia. Bukan karena baru dapet duit banyak atau karena saya memenangkan undian (lha wong ngirim saja ndak pernah) :D Hal yang membuat saya begitu senang adalah karena saya sudah bisa nge-Blog dari kamar :) Meskipun ini bukan tips ngeblog secara langsung, tapi ini merupakan tools penunjang bagi updatenya postingan. JAdi tidak ada salahnya saya posting disini kan?

Bukan karena pasang internet sendiri di rumah (masih belum sanggup bayar eui), tapi saya sudah mendapatkan modem (baca: Motorola C380) diduetkan dengan kartu Axis ( yang konon katanya kartu syetan :D ). Rinciannya adalah sbb: HaPe Motorola seken C380 yang say beli di konter Jl Moses Gatotkaca Jogja seharga 280 rb + casing (cuz pengen casing yang warna item). Kemudian mencari kabel datanya di Pasar Kranggan seharga 20rb aja. Jadi total jenderalnya 300rb perak. Kemudian beli pulsa Axis seharga 10rb.

Sudah cukup basa-basinya, sekarang cara untuk mengkoneksikannya ke komputer - sementara untuk WindowsXp dulu :( -. Yang pertama masukkan CD Software (autoplay), kemudian pilih tipe hapenya (banyak tipe hape yang di support) dan instal softwarenya. Tunggu beberapa saat. INGAT!! pada langkah ini jangan koneksikan hape ke komputer.

Jika sudah terinstall, colokkan hape ke komputer maka akan muncul [Found New Hardware]. Pilih aja next dan next :D Jika sudah ada tombol Finish, klik tombol tersebut dan proses instalasi modem sudah selesai. Gampang kan? :D

Untuk bagian satu sepertinya cukup disini dulu, karena saya sudah tidak sabar untuk berselancar dengan 'kecengan' baru saya ini. Bagian kedua? jangan khawatir, akan saya bahas secepatnya lebih detil beserta skrenshutnya. Keep blogging bro!

Menambahkan Ikon Favorit

2008-07-09T01:45:00.001-07:00

Sebagai pengguna blogspot, tentu kita sangat hafal ikon warna orange ala blogspot yang sering muncul di samping alamat blog kita di web browser. Nah supaya blog kita terlihat lebih personal, maka akan terasa lebih personal jika ikon blog kita sendiri menampilkan ikon yang kita sukai. Seperti di blog ini, anda akan menjumpai ikon foto saya ( narsis :D ) di sebelah kiri alamat blog ini.

Nah cara untuk menampilkannya ternyata cukup mudah. Pertama siapkan ikon favorit anda, bisa anda ciptakan sendiri atau mengambil ikon yang sudah ada di internet. Ingat harus berformat .gif. Jika belum bisa dikonversi menggunakan software image prosesing seperi GIMP, Photoshop atau Windows Picture Manager.

Jika cara pertama sudah beres, 'simpanlah' ikon anda ke webhosting. Tenang cari aja yang gratisan, saya menggunakan ini. Setelah itu anda buka [Edit HTML] pada settingan blog anda. Centang kotak Expand Widget. Jika sudah tambahkan kode di bawah ini, tepat setelah kode <head>

<link href='youriconfile.ico' rel='shortcut icon'/>
<link href='youriconfile.ico' rel='icon'/>

Ganti huruf yang ditebalkan dengan alamat hosting file ikon anda, mudah bukan? Keep Blogging. Kode ini diambil dari beatifulbeta.blogspot.com.

Menambah URL Ke Direktori Google

2008-06-25T03:48:00.000-07:00

Seperti yang sudah diketahui bersama, “paman google” adalah mayoritas tempat bertanya para netter di seluruh dunia. Entah itu pertanyaan untuk pencarian situs, artikel, jurnal dan masih banyak lagi. Dan sudah kita ketahui bersama bahwa di dunia maya ini banyak bertebaran bertebaran situs atau blog yang berisikan berbagai hal. Dan mungkin kita salah satu pemilik situs atau blog tersebut. Ga kebayangkan, kalau kita sebagai pemilik blog yang baru aja publish harus bersain dengan jutaan pemilik situs dan blog lain yang sudah lebih dulu exist di jagat maya ini ?

Untuk menjadi top search engine di google memang tidak mudah, banyak cara yang bisa dilakukan salah satunya adalah mendaftarkan diri di search engine google. Klik disini dan isikan alamat situs atau blog kamu di kolom registrasi. Ikuti aja petunjuknya, mudah dan ga pake lama.

Mungkin cara ini terlalu kuno dan sangat sulit untuk mendongkrak popularitas situs atau blog anda. Tapi cara ini yang paling gampang dan tidak memerlukan pengetahuan tentang SEO dan segala macamnya. Tidak ada salahnya dicoba kan? :D

Membuat Emoticon di Blogspot

2008-06-25T02:36:00.001-07:00

Bagi yang belum tahu bahwa blogspot juga bisa dibuat ikon emoticon, begini caranya. Kode di blog ini saya ambil dari si oom juga. Minjem kodenya ya oom :D Ikuti langkah-langkah berikut :

1. Masuk ke [template]->[edit HTML], centang Expand Widget Template, cari kode berikut:

]]></b:skin>

2. Jika sudah ketemu, copy kode di bawah ini tepat setelah kode ]]></b:skin>

<script src='http://louislim2.googlepages.com/addSmiley.js ' type='text/javascript'/>

3. Simpan dan lihat hasilnya

Mudah bukan? blog anda akan berisi emoticon yang lutchu dan menggemaskan :))

Membuat Random Image

2008-06-25T02:35:00.001-07:00

Sudah sejak lama saya mencari bagaimana membuat random image, yaitu membuat gambar berubah-ubah setiap pengunjung merefresh halaman blog. Nah setelah saya berputar-putar mencari, tibalah saya di blognya si oom. Disana terdapat tutorial mengenai random image ini. Dan saya coba, akhirnya seksus berat :D (lihat di halaman bawah).

Nah, karena saya sudah berhasil mencobanya, saatnya menuliskan tutorial ini di blog ini, siapa tahu berguna. Oke begini caranya :

Tambahkan Page Elements, pilih HTML/Script dan masukkan kode berikut (kodenya saya pinjem ya oom) :

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

Kode di atas digunakan untuk tiga image. Tapi jika anda ingin menambah jumlah image lebih dari tiga, anda bisa menambahkan kode baru lagi, seperti di bawah ini :

if (pasang_iklan==4) {
txt="Tulis Title";
url="Alamat URL";
alt="Alamat URL";
banner="Alamat URL Gambar";
width="468";
height="60";
}

Sebelum itu, jangan lupa untuk menambah jumlah var image yang ingin ditampilkan. Contoh: var jumlah_iklan = 4; Nah selamat mencoba.

Membuat Script di Tampilkan Sebagai Postingan

2008-06-24T02:04:00.001-07:00

Tips ini bermula dari keinginan saya untuk memposting tutorial membuat read more di blog ini. Permasalahannya adalah, ternyata kode yang saya tempatkan di halaman posting di 'eksekusi' oleh blogspot sebagai kode html biasa, sehingga tidak muncul dalam postingan.

Setelah berhari-hari mencari di gugel dan tidak menemukan (gak tau keywordnya) maka solusi terakhir saya adalah menyambangi mas Isnaini. Akhirnya saya diberi URL tentang tutorial terebut, yaitu dari sini. Nah karena saya sudah berhasil mempraktekannya, maka saatnya untuk membagikan tutorial ini ke semua blogger.

Cara pertama :
Yaitu menggunakan Windows Live Writer, cukup posting menggunakan software tersebut, maka kode yang kita masukkan akan tampil sebagai postingan Untuk cara ini saya belum mencobanya, coz belum downlot softwarenya.

Cara kedua:
Cara ini sedikit memerlukan 'usaha', tapi tenang saja, it easy bro! Oke, yang perlu anda butuhkan hanyalah software text editor, notepad di windows atau kwrite di linux atau terserah anda, yang penting software text editor.

copy kode yang ingin anda tampilkan sebagai posting ke notepad (saya contohkan menggunakan notepad), kemudian klik [Edit]->[Replace] (atau Alt+A), dan di kotak Find what ketikkan < dan di kolom Replace with ketik "<" (tanpa tanda petik). Kemudian tekan Replace All. Ulangi lagi cara di atas. Isikan kotak Find what dengan > dan di kolom Replace with ">" (tanpa tanda petik). Klik Replace all.

Setelah selesai semua, copy-kan kode yang telah di edit tadi ke dalam postingan anda, dan hasilnya, kode akan ditampilkan sebagai postingan biasa. Posting saya menggunakan cara ini bisa dilihat disini.

Cara ketiga
Cara ini adalah hasil ketidaksengajaan saya, dan mungkin (mungkin lho..) hampir sama penggunaannya dengan cara pertama. Yaitu menggunakan Flock, web browser yang di ciptakan untuk para blogger.

Anda cukup memosting tulisan anda melalui fasilitas blog offline, dan anda akan mendapatkan hasil yang sama dengan cara kedua. Hasil posting saya menggunakan cara ini dapat dilihat di tulisan ini.

Membuat Status YM

2008-06-24T01:55:00.001-07:00

Lagi-lagi saya ngutip kode tutorial dari mas Isnaini (thanks ya mas). Kali ini cara untuk membuat status YM di blog. Adanya status YM di blog memiliki banyak kelebihan, diantaranya adalah untuk memberitahu ke semua 'fans' blog anda :D bahwa anda berada dalam posisi online, atawa siap untuk meladeni semua cuap-cuap dari pengunjung. kekurangannya, anda harus bersiap menerima hujan pertanyaan, basa-basi bahkan penghinaan.

Nah caranya adalah seperti ini, masukkan kode berikut ke blog anda [Add Page Element]->[HTML/Script]

<a href="ymsgr:sendIM?idYManda"> <img border=0 src="http://opi.yahoo.com/online?u=idYManda&m=g&ampt=1"/></a>

Ganti idYManda dengan id YM yang anda punya, kemudian ganti nilai t dengan angka yang anda inginkan (1-14). Angka pada t menunjukkan gambar yang akan muncul di status YM anda. Gambar icon status YM dapat dilihat disini

Langkah-Langkah memasang Widget dari Widgetbox

2008-06-23T01:52:00.000-07:00

Beberapa waktu lalu saya menampilkan tulisan mengenai situs penyedia asesoris blog yaitu widgetbox. Untuk postingan kali ini, saya akan menulis bagaimana cara memasang widget di blogspot. Tutorial ini bisa dianggap basi buat banyak blogger, tapi untuk yang belum tahu, silahkan ikuti tutorial ini.

1.Pastikan anda sudah memilih jenis widget yang ingin dipasang di blog anda, bisa dari widgetbox atau penyedia jasa widget lainnya.
2.Setelah memastikan widget yang ingin dipasang, misalkan RSS widget, aturlah setting atau tampilan widget tersebut. Menyesuaikan dengan warna tema blog anda, ukurannya ataupun tema dari widget itu sendiri.
3.Setelah merasa cocok dengan 'bentuk' dari widget tersebut, install widget itu ke blog anda. Caranya, pilih [get widget] (ini untuk widgetbox), setelah itu pilih Blogger pada [Install on:].
4.Jika anda belum masuk ke akun blog anda, maka widgetbox akan meminta anda untuk memasukkan user name dan password anda. Setelah proses otentikasi selesai, anda akan diminta untuk memilih blog mana yang ingin dipasangi widget (biasanya seorang blogger punya lebih dari satu judul blog).
5.Jika sudah terpasang, anda bisa mengatur letak widget yang diinginkan dengan cara drag and drop page element (widget) yang baru ditambahkan.
6.Simpan dan untuk melihat hasilnya pilih [View blog].

Semoga bermanfaat, keep blogging bro.

Flock : Web Browser Khusus Blogger

2008-06-18T21:45:00.001-07:00

Bagi anda yang sering nge-blog, ada satu web browser handal yang bisa kamu gunakan. Namanya Flock. Web browser kaya fitur ini disediakan gratis untuk para blogger. Dengan tidak mengurangi fasilitas standard dari sebuah web browser itu sendiri, seperti search engine (Yahoo!) dan layanan foto hosting terintegrasi dari Flickr dan Photobucket, Flock memberikan fasilitas terintegrasi khusus untuk aktifitas blogging, seperti blog offline.

Dengan blog offline, kamu bisa tetap menulis artikel tanpa harus online terlebih dahulu. Nah, ketika kamu sudah bisa terhubung dengan internet, maka artikel yang sudah ditulis tadi bisa langsung kamu publish. Fitur ini sangat berguna buat para blogger yang belum memiliki akses internet sendiri seperti saya :) Namun sebelum kamu menggunakan fitur blog offline tersebut, terlebih dahulu harus mengaturnya terlebih dahulu. Caranya pun simpel, masuk ke [Tools]-[Blog Editor] pilih [Configure] atau gambar obeng, masukkan alamat blog, username dan password kamu. Setelah itu, kamu bisa menikmati fitur tersebut.

Dengan berbagai macam fitur menyenangkan ini, Flock merupakan web browser alternatif yang layak digunakan para blogger mania. Untuk mendownload Flock, kamu bisa berkujung ke situs resminya. Keep blogging bibeh!

Blogged with Flock

Menambahkan Slide Show Flickr di Blogspot

2008-06-05T01:51:00.000-07:00

Sepeti yang telah kita ketahui bersama, Flickr adalah salah satu penyedia layanan hosting gratisan yang ada di jagad maya ini, selain Photobucket, Picasa atau yang lainnya. Kegunaan dari Flickr adalah untuk menyimpan koleksi foto-foto kita supaya bisa digunakan dan diakses secara online. Nah bagi anda pemilik blog yang sedikit (banyak juga boleh, he) narsis -seperti saya ini-, maka tidak komplit rasanya jika blog personal kita tidak dilengkapi dengan slide foto-foto pribadi (bukan yang saru lho!).

Nah cara untuk menempatkan fitur slide show ini sangat mudah, ikuti langkah-langkah ebrikut:

1.Buka blog yang ingin anda pasangi slideshow

2.Pilih menu [Layout]

3.Pilih [Add Page Element] -> [Slide Show]

4.Nah di form Slide Show anda akan diberi pilihan oleh Blogspot untuk menentukan darimana sumber atau hosting foto anda.

Disitu ada beberapa pilihan seperti Picasa, Photobuckets dan tentu saja Flickr. Nah berhubung judul postingan ini adalah “Menambahkan Slide Show Flickr di Blogspot” maka yang akan saya bahas adalah pemasangan dengan Flickr. Tidak menutup kemungkinan ada kesamaan tips.

5.Pilih Flickr di kotak pilihan, dan anda akan di beri dua kotak pilihan lagi, yaitu berdasarkan keyword atau kata kunci dan user.

Anda bisa saja memilih untuk memasukkan nama user Flickr anda untuk menampilkan semua foto dari Flickr. Tapi untuk memilih foto-foto 'tertentu' saja yang ingin ditampilkan di blog, maka alangkah baiknya mengisikan di kotak keyword. Selain bisa digunakan untuk menyaring foto yang akan di tampilkan dalam blog, pengalaman saya, jika anda hanya memasukkan nama user Flickr, biasanya slide foto tidak mau muncul.

6.Setelah semua langkah selesai, klik save, dan lihat perubahan tampilan blog anda dengan menmilih menu [Preview].

Tips keyword: Pilihlah nama keyword yang unik dan tidak mungkin digunakan oleh orang lain. Contoh: (4f1t). Hal itu dilakukan untuk mencegah foto-foto yang tidak diharapkan muncul di blog kita.

Misalkan anda menulis keywordnya adalah: aku, bisa jadi banyak foto yang keyword “aku” walaupun itu bukan foto anda bisa ikut muncul di blog.

Semoga berguna.

Menyisipkan Gambar di Postingan Blogspot

2008-05-31T18:12:00.000-07:00

Salah satu yang menyebabkan postingan terlihat menarik adalah adanya gambar yang menerangkan atau menambah keterangan dari tulisan. Untuk memberikan gambar di blogspot amat sangat mudah. Ikuti cara berikut ini:

1.Buka menu [Post].
2.Pilih icon [Add Image], persis di sebelah kanan icon check spelling (tanda centang yang ada ABC nya) dan click
3.Setelah itu anda akan melihat tampilan dari kolom tersebut. Anda akan disuguhi dua kotak sumber gambar, yaitu from file, yaitu jika gambar yang ingin ditambahkan berasal dari file di komputer dan URL, jika gambar yang ingin ditambahkan berasal dari URL tertentu (misal www.tipskeren.blogspot.com/contohpenyisipangambar/gambar1.jpeg)
4.Setelah selesai memilih sumber gambar, anda bisa mengatur ukuran dari gambar (small, medium, atau large) dan bisa di atur letak dari gambar (left, center atau right). Jika sudah, pilih tombol [Upload].
5.Klik [Done] jika sudah berasal di upload oleh blogspot.
6.Hasilnya bisa dilihat dengan memilih [Preview]

Tips ini merupakan teknik dasar yang mungkin sudah diketahui dan lumrah digunakan para blogger. Tapi tidak ada ruginya saya tampilkan di blog ini. Karena ada request dari salah seorang blogger dan siapa tahu berguna buat blogger-blogger baru. Have a Nice Blog.

Menambahkan Fitur Berlangganan (RSS)

2008-05-30T23:01:00.000-07:00

Bagi anda pemilik blog, sudah barang tentu menginginkan blog anda dikunjungi banyak orang. Merupakan suatu kebanggan tersendiri jika kita melihat trafik visitor kita menunjukkan angka yang tinggi dan ada banyak komentar di setiap postingannya. Salah satu cara supaya blog anda sering dikunjungi adalah dengan meperbanyak posting (tentu saja!) dan memberitahukan pada mereka bahwa anda sudah memposting tulisan baru di blog anda.

Nah salah satu cara untuk membuat pengunjung anda supaya selalu tahu bahwa anda teah memposting tulisan baru adalah menggunakan RSS. RSS atau Really Simple Sindication adalah suatu fasilitas informasi yang digunakan untuk memberitahukan kepada reader (pembaca) bahwa sudah terdapat tulisan terbaru dari blog favoritnya. Salah satu penyedia jasa RSS gratis adalah FeedBurner.

Melakukan registrasi di FeedBurner tidaklah sulit. Anda tinggal masuk ke situsnya dan sign-in untuk menjadi anggota. Semudah membuat email! Setelah anda menjadi anggota FeedBurner, sekarang saatnya untuk menciptakan RSS untuk blog anda. Caranya sama mudahnya seperti anda mendaftar. Masukkan URL blog anda di kotak “Start FeedBurning Now.......” dan next, ikuti perintah saja dan hupla..anda sudah memiliki alamat rss blog anda.

Nah untuk memberitahukan bahwa blog anda memiliki fasilitas berlangganan ini, biasanya di halaman blog diberi logo dari rss, baik itu tulisan, logo, tulisan+logo dan bahkan animasi (seperti header rss blog ini). Untuk menampilkan logo tersebut silahkan memilih menu optimize untuk mendapatkan kode html yang nantinya harus dipasang di blog anda., supaya pengunjung blog yang tertarik untuk berlangganan tulisan anda bisa dengan mudah mensubscribenya.

Sedikit info tentang RSS:
Bukan Rumah Sangat Sederhana, tetapi RSS disini adalah Really Simple Syndication atau bisa digambarkan sebagai layanan penampil isi sebuah blog / web. Yang pertamakali merilis RSS adalah Netscape dengan versi pertama 0.90. Saat ini versi yang populer digunakan adalah versi 2.0 (bisa berkembang lagi). Ciri-ciri web / blog yang meyediakan fasilitas rss biasanya dengan adanya icon RSS atau XML berwarna orange.

Membuat Baca “Selengkapnya” di Blogger

2008-05-29T00:59:00.000-07:00

Dalam suatu posting, kadang kita menulis terlalu banyak. Akibatnya halaman blog akan menjadi terlalau panjang dan menjadi tidak 'indah' dilihat. Untuk menyiasati hal tersebut diperlukan suatu trik untuk 'memendekkan' posting dengan “Baca Selengkapnya” atau “Read More”. Tips ini (script read more nya) saya ambil dari blognya mas Isnaini. Ikuti langkah-langkahnya.

1. Login ke blogger.com, pilih blog yang pengen kamu edit

2. klik link Layout kemudian masuk ke Edit HTML Untuk bisa ngedit template secara keseluruhan, kamu harus centang / tandai 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 berikut tepat dibawahnya:

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

Nah supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Read More.. 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.

NB : Tulisan yang ditebalkan bisa kamu ganti dengan tulisan lain, seperti nerusin baca, atau baja kelanjutannya.

Menambahkan Shoutbox

2008-05-26T19:17:00.000-07:00

Salah satu kelebihan dari blog adalah sifatnya yang interaktif. Hal itu dikarenakan pemilk dan pengunjung blog bisa saling berkomunikasi secara langsung atau tidak langsung. Bahkan antar sesama pengunjung pun bisa saling berkomunikasi. Dengan fasilitas shoutbox, kita bisa memfasilitasi proses interaksi tersebut. Cara memasang shoutbox di blog kita adalah:

1. Pastikan anda sudah mendaftar di situs layanan shoutbox -saya pake oggix-. Jika belum mendaftar, segeralah mendaftar.
2. Setelah selesai mendaftar, masuk ke menu install shoutbox.
3. Disitu anda akan dipandu langkah demi langkah melalui wizard. Ikuti aja langkah-langkahnya, seperti pemilihan template, jenis tema, font, dll. gampang kok.
4. Jika sudah mengikuti langkah-langkah tersebut, anda akan mendapatkan script yang nanti harus anda copy kan di blog anda.
5. Copy script tersebut dan pindahkan ke blog anda. Untuk blogspot, klik add page element -> add HTML/Script, paste dan simpan

Dengan menambahkan fasilitas shoutbox tersebut, maka blog anda akan menjadi semakin interaktif dan menarik. Have a Nice Blog

Ceritakan Kejadianmu Tiap Detik dengan Kronologger

2008-05-21T02:53:00.001-07:00

Bagi seorang blogger-holic, setiap waktu pasti merasakan 'nafsu' untuk terus ngeblog. Entah itu hanya ingin menceritakan cerita-cerita ringan, kejadian yang dialami atau pendapat-pendapatnya mengenai segala hal. Namun jika kita harus menyempatkan waktu ngeblog padahal kita tidak punya banyak waktu untuk merangkai tulisan-tulisan panjang nan indah di blog pada saat itu, tidak salahnya untuk mencoba nge-kron.

Nge-kron atau istilah saya 'nge-blog singkat', yaitu aktifitas menulis yang hanya menampilkan sedikit karakter dalam tulisannya. Entah sedang melakukan apa? Sama siapa? Atau seperti apa? Nah aktifitas nge-kron ini sudah memiliki tempat sendiri, yaitu di kronologger. Disana anda bisa mendaftarkan diri sebagai kroner (tukang ngekron). Gratis dan mudah! Karena lebih bersifat mobile, kronologger bisa diakses melalui handphone (www.m.kronologger.com). Sehingga bagi anda yang belum memiliki atau malas membawa laptop masih bisa nge-kron di jalanan.

Nge-kron bisa dilakukan sembari tidur, mandi, ngopi, nonton tv, nunggu antrian, bekerja dan aktiftas lainnya. Jadi, daripada bete, ngekron aja

Contoh kronologger bisa dilihat di sidebar sebelah kanan blog ini (Time2Time).

Cara Membuat Blog di Blogger

2008-05-16T00:41:00.000-07:00

Sebenarnya ini adalah pengetahuan yang bisa dibilang kuno, jadul atau apalah. Tapi karena ada beberapa temen saya yang menanyakan bagaiamana cara membuat blog (baca: mendaftar), maka tidak ada salahnya posting ini ditampilkan. Mudah-mudahan berguna buat para calon blogger lain.

Penyedia blog yang saya gunakan adalah Blogger, blog hosting milik Google. Berikut cara-cara untuk membuat blog gratis dari Blogger:

1. Pastikan anda mempunyai alamat email, lebih baik lagi jika email anda adalah Gmail, karena tidak perlu repot untuk melakukan aktivasi user dari Blogger nantinya. Jika anda tidak memiliki Gmail dan ingin mendaftar, klik disini. Tapi jika anda email yang anda miliki bukan Gmail (misal: Yahoo!) dan tetap ingin menggunakan alamat email tersebut, silahkan klik tulisan “ciptakan blog baru”. Jika email anda adalah Gmail, baca langkah ke 3.

2. Isikan data yang diminta. Klik continue

3. Masukkan user name dan password anda, klik sign in.

4. Setelah itu anda akan dibawa ke halaman “Name Blog”, masukkan data-data yang diminta pada halaman tersebut. Setelah itu klik continue.

5. Halaman selanjutnya adalah halaman template. Pilih tema dari template-template default yang telah disediakan oleh Blogger. Template ini nantinya bisa anda ubah sesuai dengan selera. Kemudian tekan continue.

6. Pada halaman berikutnya klik start posting.

7. Di halaman posting silahkan isi halaman tersebut dengan tulisan anda. Jika sudah, klik publish.

8. Nah, sekarang anda sudah resmi menjadi blogger. Untuk melihat tampilan dari blog anda, klik View Blog dari halaman Dashboard.

Semoga bermanfaat

'Memproteksi' Isi dari Blog Kita: Membuat Blog 'Sadar' akan HAKI

2008-05-14T21:43:00.000-07:00

Beberapa tahun ini kita sangat jamak mendengar apa yang disebut dengan HAKI, itu..tu..'senjata' yang disiapkan untuk memusnahkan para pembajak, baik software, musik, video, film, sawah (lho?) dan lainnya. Entah sudah berapa banyak duit yang digelontorkan untuk memerangi para pembajak itu, yang jelas tidak sedikit :D Kita (saya, kamu gimana?) sebagai blogger juga semestinya sadar akan HAKI ini. Mulai dari proses pembuatan, konten maupun yang lainnya.

Proses pembuatan, yang pertama tools kita bikin blog? apakah di komputer warnet, pribadi, atawa minjem temen. Lihat OS nya, apakah asli, bajakan atau colongan :D nah..dimulai dari situ kita bisa tahu apakah kita menghargai HAKI atau tidak. Walaupun om Bill (empunya Microsoft, software yang banyak dibajak) mematok harga yang amat (amit) mahal untuk software-software ciptaanya, bukan suatu alasan untuk menggunakan software bajakan. Banyak software-software free yang berserakan di jagat maya ini (aku pake PCLinuxOS). Masih asing? atau belum terbiasa pake software free? tenang itu hanya masalah kebiasaan aja, kalo kata orang Jerman belum kulina (he..he). Seperti kita pertama kali pegang komputer dengan OS Windows 3.11, 95, 98, dst, bahkan saya punya temen yang ga kulina pake WindowsXP! dan akhirnya dia belajar pake software besutan om Bill itu dengan usaha yang tak kenal lelah (jadi alasan pake software free itu sulit, bisa dihilangkan).

Yang kedua masalah konten, bukan sebuah hal sulit bila kita ingin mendapatkan banyak visitor atau menjadikan blog kita tenar. Cukup dua langkah, copy dan paste tulisan atau artikel dari blog lain. Seperti kasus yang dialami oleh isnaini yang salah satu blognya di tiru mentah-mentah oleh orang lain. Selain artikel atau tulisan, yang perlu diperhatikan adalah konten dari blog itu sendiri. Saat ini banyak sekali blog-blog yang berisikan lagu-lagu, video bahkan film (tentu saja bajakan) yang bertebaran dimana-mana. Seperti blognya (ga enak nyebutny ah...) itu berisikan banyak file-file mp3 dari para musisi Indonesia maupun luar Indonesia. Memang itu sangat menguntungkan bagi banyak pihak, terutama konsumen, karena tak perlu merogoh kocek terlalu mahal (cukup bayar akses downlot) sudah bisa menikmati lagu-lagu hits dari komputer atau gadgetnya.

Jadi bagaimana membuat blog kita 'sadar' akan HAKI? Pastikan konten yang ada di blog kita adalah 'asli' ciptaan sendiri, atau kalau tetep 'ngotot' pake konten orang lain 'mintalah izin' dengan cara langsung minta ke empunya blog atau dengan menuliskan sumber dan link dari konten itu. Kemudian bagaimana 'memproteksi' konten blog kita? Yang pertama perlu diperhatikan, istilah 'memproteksi' ini bukan seperti lisensinya Microsoft, karena segala yang ada di internet 'seharusnya' free! Namun hanya memastikan, kalau-kalau konten kita digunakan untuk keperluan lain (misalnya komersial), kan kita sendiri yang rugi. Orang lain dapat duit dari konten kita, padahal kita 'bermaksud' menggratiskannya.

Untuk menghindari hal itu atau hal-hal yang lain, maka sebaiknya blog kita diberi 'proteksi'. Caranya, gunakan disclaimer. Bisa bertuliskan “Silahkan menggunakan konten dalam blog ini dengan tujuan non-profit” misalanya. Atau kalau ingin lebih 'aman' lagi gunakan lisensi dari creative commons, disitu anda bisa memilih tipe-tipe lisensi yang bisa digunakan. So, 'hiasi' blog-mu dengan konten-konten yang 'sadar' akan HAKI.

Bikin Blog Tambah Asik Dengan Musik

2008-05-14T21:02:00.000-07:00

Para penikmat blog atau blogwalking biasaya suka dengan blog-blog yang memiliki konten yang bagus, menarik dan sesuai dengan minatnya. Mereka bisa berlama-lama menongkrongi blog yang dianggap menarik. Dan jika sudah begitu, mereka tidak akan segan untuk kembali menyambangi blog tersebut.

Nah bagi blogger yang ingin membuat pengunjung anda merasa nyaman dan betah untuk terus memelototi blog anda, tidak ada salahnya memasang musik di blog. Bukan hanya untuk menambah pernak-pernik blog anda, tetapi dengan adanya musik bisa menjadikan betah pengunjung. Tentu saja dengan jenis musik yang disesuaikan (akan di posting kemudian). Oke ikuti langkah-langkah berikut (saya mengasumsikan anda sudah memiliki blog dan sudah log in):

1. Buka situs penyedia musik / podcast seperti disini

2. Setelah situs tersebut terbuka, segera cari musik yang diinginkan dengan cara menuliskan judul atau nama penyanyi di kotak serach engine.

3. Setelah lagu yang diinginkan ketemu, klik simbol (play) warna biru -gbr1-, maka di sebelah kanan lagu yang anda pilih akan muncul kode (script). Copy kode tersebut -gbr2-

(gbr.1 logo play)

4. Setelah itu buka blog(ger) anda dan pilih “Layout”.

5. Pilih “Add Page Elements” dan pilih “HTML / Script”

6. Jika sudah, maka akan muncul kotak ‘kosong’. Salinlah kode yang telah di copy tadi ke kotak tersebut. Klik “Save”

7. Selesai. Coba anda cek blog anda.

Lagu ini belum di beri fasilitas auto play, jadi untuk mendengarkannya harus menekan tombol play terlebih dahulu. Hal ini berguna untuk menyiasati pembaca yang mengakses blog dengan bandwith yang minim -fakir bandwith-

Segera bikin betah pengunjung anda.

gbr 2 (kode musik yang harus di copy)

Sejarah dan Perkembangan Blog

2008-05-14T02:47:00.000-07:00

Anda punya blog? Itu lumrah. Saat ini blog sudah menjadi gaya hidup bahkan lebih penting daripada nyawa. Masih inget penduduk China yang tetep ngeblog meski dilanda gempa hebat baru-baru ini? Nah itulah salah satu kehebatan dari blog. Tapi apakah anda tahu asal muasal dari blog? Nah kalau yang ini mungkin anda belum tahu.

Istilah blog muncul pertama kali pada tahun 1997 oleh Jorn Barger. Istilah itu digunakan oleh Barger untuk menyebut website yang berisi catatan-catatan harian si websurfer. Blog pertama kemungkinan besar adalah halaman “What's New” pada browser Mosaic yang dibuat oleh Marc Andersen pada tahun 1993. Mosaic sendiri adalah browser pertama sebelum kemunculan dari Internet Explorer. Tapi ada yang mengatakan bahwa blog pertama adalah website pribadi milik Justin Hall.

Ketenaran blog dipicu oleh kejadian 9 September 2001, yaitu serangan ke gedung kembar WTC. Kala itu banyak warga Amerika yang membanjiri internet untuk mencari tahu mengenai kejadian itu. Ternyata banyak rekaman atau catatan-catatan pribadi dari orang-orang yang mengalami atau melihat langsung kejadian itu. Sejak saat itu blog menjadi alternatif sumber informasi dan berita.

Nah sejak saat itu blog menjadi suatu trend dan banyak orang membuat blog. Para pemilik blog disebut juga blogger. Bagaimana dengan di Indonesia? Perkembangan blog di negara kita tak jauh beda. Diawali tahun 1999-2000 dan menjadi trend di tahun 2003. Bahkan di tahun tersebut blog sudah dianggap memiliki potensi.

Nah tahun-tahun belakangan ini, blog sudah menjadi sumber nafkah sebagian blogger di Indonesia. Banyak blogger yang sudah meraup ribuan dollar menjadi netpreanur, seperti cosa, isnaini, atau yang lainnya. Selain masyarakat 'biasa', banyak tokoh-tokoh masyarakat yang ikut ngeblog. Mulai dari konsultan perusahaan sampai dengan seniman juga mempunyai blog pribadi. Tentu saja isi dari blog tersebut bervariasi, tergantung profesi yang mereka tekuni.

Nah walaupun ada tokoh yang apatis terhadap perkembangan blog dan blogger, tapi menurut saya blog akan terus berkembang dan exist sepanjang masih hidupnya internet di dunia ini. Keep blogging dan selalu sukses buat blogger.

Merubah Theme Blogger Modern

2008-04-01T21:09:00.000-07:00

Seperti yang telah diketahui banyak orang, blogger.com mengizinkan untuk mengganti template atau theme dari blog-nya, tidak seperti wordpress.com yang harus puas dengan theme yang disediakan oleh para pengembangnya. Banyak theme untuk blogger bertebaran di internet, baik dari yang berbayar sampai yang gratisan, dari yang bertemakan bisnis sampai dengan yang bertema personal, semuanya ada. Salah satunya adalah di finalsense, disana banyak sekali theme-theme yang diperuntukkan bagi para blogger.

Begini Cara untuk merubahnya :

1.Pastikan anda mendownload (bisa di download ataupun di copy, tergantung kebijakan masing-masing penyedia layanan. Kalau di finalsense cukup di copy aja) theme yang benar, maksudnya adalah download theme yang support dengan blogger modern, karena disana juga ada theme yang dikhusukan untuk blogger zaman dulu (baca: blogger klasik).
2.Setelah itu masuk ke blog yang ingin diubah tampilannya, pilih template->edit HTML.
3.Centang checkbox yang bertuluskan expand widget bla..bla...bla
4.Hapus semua kode HTML di kotaknya, ganti dengan kode-kode HTML yang telah di download atau dicopy tadi.
5.Untuk melihat hasilnya, klik tombol pratinjau.

6.Jika proses yang dilakukan sudah sesuai, maka theme akan berubah.

Sebenarnya sudah banyak tips mengenai ini, bisa dibilang sudah seabrek, tapi ga ada salahnya kan di posting lagi

Widgetbox: Gudangnya Aksesori Blog

2008-04-01T05:20:00.000-07:00

Sebuah blog tanpa widget, bagaikan mobil tanpa aksesoris. Kurang aduhai. Di internet banyak sekali penyedia widget-widget yang tentu saja gratis. Salah satunya adalah widgetbox. Di sana terdapat banyak sekali jenis-jenis widget, dari widget untuk komunikasi (shoutbox), media, mail dan sebagainya.

Beberapa widget yang memiliki kriteria 'wajib' untuk digunakan adalah:
Shoutbox : widget ini berfungsi sebagai media komunikasi layaknya mesin messenger seperti YM. Shoutbox dapat digunakan untuk saling 'bercakap-cakap' antara pemilik blog dengan para pengunjungnya. Biasanya shoutbox berisi komentar-komentar bersambung.
Mini Blog Widget: berfungsi untuk mentransformasikan isi dari blog ke dalam bentuk widget. Widget ini akan menampilkan ringkasan dari isi blog beserta URL lengkap dari artikel blog yang bersangkutan.
MyBlogLog : widget ini akan menunjukkan member MyBlogLog yang sedang membaca blog anda. MyBlogLog adalah website jaringan sosial yang beranggotakan para blogger
Box.net : widget ini digunakan untuk menampung hasil upload anda guna memudahkan para pengunjung untuk mendownload file-file yang mereka inginkan.
Upcoming: widget ini sangat cocok untuk blogger yang memiliki mobilitas tinggi. Widget ini akan menampilkan jadwal-jadwal atau even-even anda yang akan berlangsung beberapa hari mendatang.

Sebenarnya masih banyak lagi widget-widget menarik yang terdapat di widgetbox atau penyedia widget lainnya. So, segera lengkapi blog anda dengan widget. Tapi ingat, jangan terlalu banyak menggunakan widget karena akan mempengaruhi proses loading blog anda. Jangan karena ingin mempercantik tampilan blog kemudian harus mengorbankan kecepatan akses dalam blog anda. Gunakan widget yang dirasa perlu dan sesuai dengan kebutuhan saja.

Sebuah Pengantar

2008-01-24T23:00:00.000-08:00

www.tipskeren.blogspot.com adalah blog baru saya yang hanya berisi seputar blogspot, entah itu tips, trik atau isu-isu lainnya. Selain blog ini, saya juga mengelola beberapa blog lagi seperti blog personal, dan pengembangan diri.

Saya sebagai blogger pemula (aktif ngeblog pada pertengahan 2007) sudah barang tentu hanya memiliki sedikit pengalaman dalam dunia perbloggeran atau blogsphere. Jadi info yang saya berikan di blog ini mungkin saja sudah jadul atau masih sedikit. Akan tetapi sesuai dengan prinsip saya dan juga ide dasar (baca:ideal) dari sebuah blog adalah saling berbagi, maka saya akann mencoba sebisa mungkin untuk selalau membagi pengalaman saya melalui blog ini.

Tips-tips di blog ini bisa juga berisi pengalaman-pengalaman blogger lain di jagad blog, sudah barang tentu saya menggunakan sopan santun dalam 'memasang' postingan dari beliau-beliau tersebut. So check this out