tips keren buat ngeblog: 2008

Kamis, 02 Oktober 2008

Personal-Mag-Magazine Template : Clear and Adsense Ready

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.
post signature

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'

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

Selasa, 30 September 2008

Sillaturrahmi : Ajang Promosi Blog

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

Senin, 29 September 2008

Memberikan Tanda Tangan di Setiap Tulisan

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

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

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”

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.

Jumat, 19 September 2008

Membuat Label Animasi Dengan Blogomous

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).

Jumat, 12 September 2008

Membuat Status YM di Friendster

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

Kamis, 04 September 2008

Download YouTube Online

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

Sabtu, 23 Agustus 2008

Amankan Data Blog Anda Sekarang

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

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!

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.

Minggu, 17 Agustus 2008

Membuka Link di Windows / Tab Baru

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

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!!!

Rabu, 30 Juli 2008

Wajah Baru, Semangat Baru

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

Sabtu, 26 Juli 2008

Google Page Rank Turun

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

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

Jumat, 18 Juli 2008

Bikin Foto Jadi Layout di Friendster

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?

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

Selasa, 15 Juli 2008

Sudahkah Blog Saya Terindex Oleh Gugel?

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

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

Langganan: Postingan (Atom)