Mereund Blog

Home » All posts

Widget Update

Update: 30 Oktober 2012 — Widget Update Twitter menggunakan embedded script

Seperti yang telah OB posting sebelumnya dalam title akhirnya OB kebagian pagerank, bahwa akan ada perubahan mendasar dalam blog "Optimasi Blog". Yah, boleh dianggap suatu kejutan... Singkatnya begini, silakan buka salah satu posting yang memiliki komentar. Kemudian klik kanan dan pilih properties. Dalam kotak properties, kamu akan melihat "Address" dan "Will open in". Cuma itu doang!!!

Artinya Optimasi Blog telah menjadi blog "DoFollow". Jadi yang kemaren-kemaren masih NoFollow? Ya iyalah... Tapi teman-teman jangan merasa tertipu, karena pasti ada alasan yang mungkin tidak dapat diungkapkan sebelumnya. Nah, rahasianya sekarang akan OB buka. Sebentar OB buka tirainya dulu, maklum kerja sendiri he..he..

Kenapa DoFollownya baru sekarang? Karena OB dulunya takut jika backlink yang teman-teman tinggalkan kurang berpengaruh dengan blognya masing-masing. Hal ini tentu berkaitan dengan rank blog OB. Coba bayangkan jika rankingnya terus menurun, blog teman-teman OB juga kena imbasnya. Lain ceritanya kalau blog OB mengalami peningkatan, tentu akan sangat membantu untuk mendongkrak blog teman-teman. Jadi sekarang OB yakin dong, optimasi blog akan meningkat ranknya? Masalah yakin atau tidak tergantung owner blog masing-masing, apabila terus berkreasi, baik dari segi konten (posting), pelayanan yang ramah terhadap pengunjung serta SEO friendly, InsyaAllah ranking blog akan meningkat. Jangan lupa disimpan ... ups ... maksudnya jangan lupa dilampiri dengan Do'a.

Usaha tanpa Do'a, tiada berkah berbalas

Do'a tanpa Usaha, berarti malas

Catatan penting:

Agar backlink teman-teman berjalan serasi dan selaras dengan blog DoFollow, ketika berkomentar pilih beri komentar sebagai "Name/URL".

Riset blog Dofollow ini mungkin dilakukan hanya untuk beberapa bulan, sebab OB ingin tahu seberapa besar pengaruh aliran DoFollow terhadap search engine, terutama Google.

Update: Sekarang blog “Optimasi Blog” tidak dofollow.

Peluncuran Blog Baru Zoomtemplate.Com (Beta)

Beberapa hari yang lalu saya sempat menyampaikan informasi di status

Facebook bahwa dalam waktu dekat akan ada peluncuran blog terbaru dari saya.
Dari status tersebut ternyata banyak juga yang merespon dan penasaran kira2 blog
apa itu ya yang bakal saya luncurkan hehehe. Ok, saya jelasin dikit, sebenarnya
blog ini dibangun sebagai Blog Template Gallery yang bertujuan untuk
menampung Template buatan saya sendiri maupun template yang sudah dikirimkan
rekan blogger lainnya kepada saya. Sebenarnya sudah dari kemaren sih pengen cepat
di lounching, berhubung masih banyak kurang ini dan itu makanya baru sekarang
bisa di posting. Terus terang blog ini baru 70% selesai, jadi belum begitu
sempurna dimata saya. yah namanya juga blogger tetap aja gatal mau cepat
dipamerin hehehe

Yang jelas blog ini platform-nya masih menggunakan blogger kok, dan yang
paling membuat saya senang karena ada keberhasilan menanamkan teknololgi terbaru
dimana dengan teknologi terbaru ini ternyata dapat membagi style postingan
berdasarkan label tertentu, jadi antara artikel khusus tutorial dan yang khusus
show template akan berbeda tampilannya. Saya juga memasang fasilitas Star
Ratings pada setiap pilihan template biar lebih mudah untuk memberikan
penilaian. Berhubung masih dalam tahap uji coba mungkinmasih banyak
kekurangan..tetap ditunggu ya versi finalnya..dan jangan lupa segera
publikasikan template rekan

disini karena akan di segera dipajang pada Template
Gallery.

Silahkan sambangi aja langsung di
Zoomtemplate.com

Silahkan berimasukan kritik membangun dan saran disana ya. saya sangat
menghargai sekali apapun masukan rekan semua. thanks

Membuat Kolom Komentar

Kadang kolom komentar kamu tidak muncul, tentu disebabkan oleh beberapa faktor yang turut mempengaruhinya. Seperti ; pernah malakukan modifikasi template, kemudian tidak sengaja kode di dalam komentar juga ikut terhapus; menggunakan kolom komentar lain (pihak ketiga), selain dari blogger; modifikasi kode komentar; dan sebagainya. Nah, bagaimana cara mengembalikan kolom komentar tersebut. Walaupun tidak semirip kolom komentar semula, tetapi masih menggunakan kolom komentar defaultnya blogger. Ayo kita keroyok rame-rame, trik blogger membuat kolom komentar plus beda tampilan komentar pemilik blog.

Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

Cari kode CSS berikut.

/* Comments

---------------*/

#comments h4 {

background:#EAE9E9;

margin:1em 0;

font-weight: bold;

line-height: 1.4em;

text-transform:uppercase;

letter-spacing:.2em;

color: $sidebarcolor;

}

#comments-block {

margin:1em 0 1.5em;

line-height:1.6em;

border:0px dotted #ccc;

}

#comments-block .comment-author {

color:#808080;

margin:.5em 0;

border-top:1px dotted #ccc;

}

#comments-block .comment-body {

text-align:justify;

margin:.25em 0 0;

}

#comments-block .comment-footer {

margin:-.25em 0 2em;

line-height: 1.4em;

border-top:1px dotted #ccc;

font-size:9px;

letter-spacing:.1em;

}

#comments-block .comment-body p {

margin:0 0 .75em;

}

.deleted-comment {

font-style:italic;

color:gray;

}

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

Ganti dengan kode CSS di bawah ini.

/* Comments

----------------*/

#comments h4 {

background:#EAE9E9;

margin:1em 0;

font-weight: bold;

line-height: 1.4em;

text-transform:uppercase;

letter-spacing:.2em;

color: $sidebarcolor;

}

#comments-block {

margin:1em 0 1.5em;

line-height:1.6em;

border:0px dotted #ccc;

}

#comments-block .comment-author {

color:#808080;

margin:.5em 0;

border-top:1px dotted #ccc;

}

#comments-block .comment-body {

text-align:justify;

margin:.25em 0 0;

}

#comments-block .comment-footer {

margin:-.25em 0 2em;

line-height: 1.4em;

border-top:1px dotted #ccc;

font-size:9px;

letter-spacing:.1em;

}

#comments-block .comment-body p {

margin:0 0 .75em;

}

.deleted-comment {

font-style:italic;

color:gray;

}

.owner-Body {

background:#808080;

margin-left:20px;

color:#000000;

}

.owner-Body p {

text-align:justify;

margin:0 0 .75em;

padding-left:10px;

background:#E3F6CE;

border-left:3px dotted #6E6E6E;

}

Cari kembali kode HTML berikut.

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

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

</b:if>

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

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

Kemudian ganti dengan kode di bawah ini.

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

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

<b:if cond='data:comment.author == data:post.author'>

<dd class='owner-Body'>

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

</dd>

<b:else/>

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

</b:if>

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

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

Jangan lupa disimpan.

Selamat membuat kolom komentar...

Search Engine Baru dari Microsoft

Entah ini merupakan kabar baik atau buruk, OB juga belum tahu. Sekarang Google dan Yahoo mendapat saingan dari sebuah perusahaan search engine baru, namanya Bing.com. Dan hanya dalam beberapa hari, Microsoft yang biasanya menggunakan search engine dari MSN (Live Search) telah bermigrasi ke Bing. So, ntinya semua pencarian dari MSN dan Live akan diarahkan ke Bing. Namun suka atau tidak, hasil pencarian dengan search engine yang satu ini tidak sama dengan search engine Microsoft yang lama. Berita migrasi ini dapat kamu baca dari press release resmi Microsoft di sini.

Apakah ini akan memberikan perubahan terhadap situs/blog kamu yang sebelumnya telah di submit di MSN (Live Search)? Kalau dari diri pribadi OB sih, kamu perlu melakukan submit ulang ke Bing. Hal ini dilakukan agar blog kamu terdeteksi lebih awal (tidak ketinggalan) oleh search engine Bing, sehingga trafik atau lalu lintas ke blog kamu tetap tercover oleh Microsoft melalui Bing.

Berikut cara mendaftar blog kamu ke Bing.com :

Kunjung site Bing.com di sini

Cara men-submit-nya hampir sama dengan waktu kamu melakukan submit di MSN. Silakan lihat gambar di bawah.

Ketik karakter huruf/angka yang tampak dalam kotak verifikasi.

Masukkan alamat blog kamu.

Submit URL.

Selamat mendaftar di search engine Bing.com...

Penghitung jumlah kata (Word Count) buat maen Paid Review

Yang suka maen Paid Review pasti pernah mengalami status penolakan
(reject) pada artikel hanya karena masalah sepele, salah satunya cuman masalah
dalam mengkalkulasikan minimal jumlah kata (Word Count). Kadang masalah
minimnya jumlah kata/huruf ini bisa jadi serius juga lho..kan rugi udah capek2 nulis tapi ujung2nya cuman direject hehehe. Masalah lain yang mungkin terjadi biasanya
kesalahpahaman antara kita (pengguna jasa) dengan penyedia jasa Content Writer yang memang menghitung pembayaran berdasarkan jumlah kata/huruf. Nah agar
tidak terjadi lagi kesalahpahaman, saya coba menyediakan tool sederhana yang
mungkin berguna untuk mengkalkulasikan banyaknya jumlah kata dalam tulisan.

Silahkan masukan tulisan yang ingin dikalkulasikan:

Catatan: perlu diketahui cara kerja tool diatas menghitung
berdasarkan jumlah spasi, jadi tetap perhatikan untuk letak spasinya ya, hindari terjadi double spasi.

Yah..walapun sederhana tapi cukup membantu khan, jangan lupa di
Bookmark ya siapa tau setiap saat berguna :)

Merubah Tanggal Posting menjadi Icon Kalender

Setelah sekian lama istirahat memposting tentang tips seo atau trik blogger, ternyata banyak pertanyaan dan masukkan dari teman-teman OB melalui kolom komentar. Satu-persatu OB simak dan "duaarrr" tiba-tiba meletus balon hijau (becanda...). Salah satu pertanyaan yang sementara ini dapat OB posting adalah dari sobat Ad4m San. Memang sobat OB yang satu ini rada-rada ganjil. Kadang kalau tidak/belum dipenuhi keinginannya, bisa-bisa waktu ketemu di jalan abis ini kepala pada benjol semua. Dan kalau kamu punya waktu senggang kunjungi juga blognya Ad4m San di sini. Pertanyaannya seperti ini :

"Mas numpang tanya lagi hehehe klo mau buat tanggal disamping judul post kaya di http://www.faizoi.co.cc, gmn mas???"

Ayo kita belajar bersama-sama mengupas trik blogger merubah tanggal posting menjadi icon kalender.

Langkah I :

Pilih Pengaturan --> Format

Dalam halaman Format, ganti Format Header Tanggal menjadi seperti ini mm.dd.yyyy (bulan.hari.tahun), ex: 6.02.2009.

Simpan Setelan

Langkah II:

Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Cari kode CSS di bawah ini, letaknya antara <head> ... </head>.

h2.date-header {

...

}

atau

.date-header {

...

}

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

Kalau sudah ketemu, copas kode berikut tepat dibawah kode CSS di atas.

.dateblock {

background: url("http://i647.photobucket.com/albums/uu191/ariamsi/Icon/bluecalend3.gif") no-repeat;

margin: 0 10px 0 0;

font-weight: bold;

width: 33px;

height: 36px;

/*position: absolute;

top: 0;

left: 0;*/

float: left;

text-align: center;

}

.month {

font-size: 8px;

width: 34px;

margin: 0 auto;

padding-top: 2px;

text-transform: uppercase;

color: #fff;

}

.day {

color:#3366CC;

font-size: 12px;

width: 34px;

margin: 0 auto;

padding-top: 2px;

}

Catatan:

Silakan ganti kode yang berwarna merah dengan kode warna di sini.

Silakan pilih image background untuk icon kalender kamu dengan mengganti kode yang berwarna hijau dengan nama file di bawah image berikut.


greencalend3.gif	yellowcalend3.gif	orangecalend3.gif

pinkcalend3.gif	ungucalend3.gif	redcalend3.gif

Kemudian lakukan copas kode di bawah ini dan letakkan di atas kode </head>.

<script type='text/javascript'>

//<![CDATA[

function date_replace(date) {

var da = date.split('.');

var day = da[1], mon = da[0], year = da[2];

var month =

['0','Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep', 'Oct','Nov','Dec'];

document.write("<div class='month'>"+month[mon]+"</div> <div class='day'>"+day+"</div>");

}

//]]>

</script>

Terakhir cari kode di bawah ini.

<data:post.dateHeader/>

Dan ganti dengan kode berikut.

<div class='dateblock'>

<script>date_replace('<data:post.dateHeader/>');</script>

</div>

Jangan lupa disimpan.

Catatan Penting :

Apabila menggunakan trik blogger ini, tanggal posting (date header) dalam template blog kamu harus berada di atas judul posting (post title) atau posting (post).

Jika 1 atau 2 baris paragraf postingan kamu ikut masuk kmenjorok ke dalam, maka perlu penambahan kode pada CSS .post-body. Kode tambahannya adalah padding-top:10px; (ubah nilainya sampai baris paragraf postingan kamu berada di bawah icon tanggal).

Sumber : Cara Mengganti Tanggal Posting dg Icon Calender by Bang Kendhin.

Selamat merubah tampilan tanggal posting...

Akhirnya OB Kebagian Pagerank Juga

Rasanya 5 hari seperti setahun!!! Ya, betul sekali. Setelah 5 hari OB berkencan dengan pekerjaan di salah satu perusahaan swasta tanpa ada kesempatan untuk membuka-buka blog, akhirnya hari ini terbitlah posting perdana di bulan Juni 2009. Maklum di tempat kerja OB membutuhkan mobilitas tinggi untuk memperoleh penghasilan yang lumayan. Kali ini OB tidak mengulas tentang tips seo atau trik blogger, melainkan hanya sekedar mengucapkan "Assalamu'alaikum wr. wb." dan "hallo" kepada teman-teman semua. Dan yang terpenting, setelah membolak-balik optimasi blog yang pertama di bulan Juni ini, OB mendapat satu kabar yang mungkin menjadi salah satu idaman para blogger mania. Apaan tu...? he...he... kaya iklan bang Jaja Miharja aja. Kabar baiknya seperti ini nih.

Alhamdulillah, ternyata optimasi blog mendapat perhatian juga dari Google. Yap, blog OB kebagian "pagerank"

juga walau cuma satu. Hampir-hampir OB melonjak kegirangan, kalau ngga ada cewek cantik nongkrong dekat OB ngenet (malu...u...u.. bro). Namun OB sadar bahwa semua tidak akan dicapai jika tidak didukung oleh teman-teman OB semua. Jadi nantikan posting optimasi blog selanjutnya dan yang terpenting ada sedikit kejutan untuk teman-teman para blogger. Apa dong kejutannya? Kalau dibilang sekarang bukan kejutan namanya.

Terima kasih OB haturkan pada teman-teman yang selalu setia memberikan komentar di blog ini, serta senantiasa mengunjungi blog OB walau isinya hanya berupa kata atau kalimat yang membuat kepala dikelilingi oleh bintang-bintang (puyeng...).

Selamat ngeblog dan jangan pernah menyerah, sebab masih ada langit di atas langit serta masih ada tanah di bawah tanah...

Widget Update

Kejutan untuk Sobat OB

Peluncuran Blog Baru Zoomtemplate.Com (Beta)

Membuat Kolom Komentar

Search Engine Baru dari Microsoft

Penghitung jumlah kata (Word Count) buat maen Paid Review

Merubah Tanggal Posting menjadi Icon Kalender

Akhirnya OB Kebagian Pagerank Juga

Popular Posts

Arsip Blog

Label Blog

Total Pageviews

- Mereund Blog