Mereund Blog

Home » Archives for April 2009

Download Icon RSS Feed Blue Jeans & Levi's

Bosan dengan tampilan
Icon Rss Feed rekan saat ini? coba saja ganti dengan tampilan Rss
Feed ala Blue Jeans dan Levi's buatan blogger macho "Nikko"
asal argentina,
pemilik dari blog Xyberneticos.

Download

Icon Feed Blue Jeans

Download

Icon Feed Levi's

Selamat buat calon pemenang kampanye pemilu 2009

Sebenarnya postingan kali ini bukan bagian dari optimasi, tapi hanya sebagai
ucapan terima kasih yang bisa saya sampaikan langsung buat pendukung setia
o-om.com.

Satu minggu ini terus terang saya sedang mencoba menganalisa pengaruh jumlah
backlink pada posisi keyword dan ternyata dalam waktu seminggu melakukan optimasi bukanlah pekerjaan gampang, walaupun banyak doping link yang disumbangkan para sahabat ternyata tidak membuat posisi keyword kampanye damai pemilu indonesia 2009 bergeser sedikitpun hehehe.

Ya sudah, buat rekan yang telah memasang link
kampanye damai pemilu indonesia 2009 milik saya, sekali lagi thanks sekali atas dukungannya. Akhir kata saya cuma bisa mengucapkan selamat dan mengacungkan 2 jempol buat semua peserta yang berada di 10 besar, kalian memang yang terbaik :)

Panggil Namaku "OB"

Heran ya lihat judulnya kaya judul "film" atau "sinetron". Maksudnya agar kamu tidak memanggil dengan nama yang lain, cukup dengan OB. Selain itu, OB juga ingin menambah keakraban dengan semua para blogger yang telah meluangkan waktunya mengunjungi Optimasi Blog ini. Dan jika dalam postingan OB (baik sebelumnya, sekarang, atau yang akan datang) ada yang kurang berkenan, mohon OB dijitak (tapi jangan keras-keras... sakit ...).

Kali ini OB ngga posting tentang tips SEO atau trik blogger, maklum masih kutak-katik pengen merubah template. OB mohon do'a restu teman-teman agar templatenya cepat selesai dengan sukses.

Entar OB akan bagi-bagi trik cara membuat templatenya...

Solusi Hosting Javascript di Blogger

Saat yang paling tidak menyenangkan dimana saat file javascript yang kita
simpan di host lain mulai kehabisan bandwidth. Blog yang semula terlihat
interaktif malah jadi kacau balau khan tampilanya. Yah, inilah salah satu keleman
blogger karena tidak memberikan kita kapasitas ruang simpan, terutama yang berurusan dengan file javascript. Sebagai alternatif biasanya kita bisa saja meminjam web hosting gratis dari pihak ketiga, sayangnya tawaran yang diberikan ternyata tidak selalu memuaskan. kapasitas simpan yang ditawarkan sih besar, tapi jadi percuma bila kapasitas bandwidth yang diberikan sangat tidak sebanding hehehe. Nah, disini saya coba berbagi tips untuk mengatasi masalah hosting javascript di blogger, mudahan cukup membantu :)

Mengubah format ekstensi file dari .js ke .txt

Ingat, tidak semua javascript dipanggil dengan akhiran .js, ini sebuah
keuntungan dimana kita dapat menyimpan dan memanggil file javascript dalam
format text yang tersimpan dalam format .txt

Tidak semua layanan free web hosting memberikan keleluasaan bagi kita untuk
menyimpan file berformat .js pada hosting mereka, jadi kita dapat mengakalinya dengan cara mengubah extensinya saja, dari .js ke .txt

Cara memanggil javascript berformat .txt pada host lain:

Pemanggilan bisa diganti dengan

Simpan Javascript pada element halaman HTML/Blogger Gadget

Tidak semua kode javascript harus di simpan di host lain atau hanya dalam
halaman Edit HTML, kita sebenarnya bisa saja memasang kode JS ini langsung pada element halaman blogger "HTML/Javascript". Namun
sangat disayangkan cara ini tidak selalu 100% berhasil, karena tidak semua file
javascript bisa support dengan penyimpanan pada widget ini. Mungkin hanya berhasil jika code javascript tersebut hanya berdiri sendiri, dalam artian file JS tersebut tidak saling berhubungan dengan memanggil kode yang satu dan kode lainnya.

Simpan code javascript langsung pada halaman EDIT HTML

Platform blogger sebenarnya membebaskan kita untuk meletakan langsung kode
javascipt pada halaman Edit HTML. Cara ini selalu berhasil saya terapkan, namun
kadang tidak terlalu efektif juga bila code javascript yang kita gunakan terlalu panjang code scriptnya. Cara yang terakhir ini menurut saya merupakan salah satu terbaik yang harus dicoba.

Sebelum mencoba cara dibawah, pastikan kita sudah mempunyai code JS yang akan
disimpan. Jika rekan masih bingung, kode JS bisa ditemukan langsung dengan
mengambil melalui alamat URL. lihat contoh pemanggilan kode dibawah yang
tercetak tebal. disitulah biasanya kode JS disimpan.

Agar kode JS yang sebelumnya di host dialamat lain bisa langsung digunakan
diblogger, kita bisa langsung menggunakan kode dibawah ini.

Semoga saja cara diatas bisa mengatasi masalah kehabisan bandwidth, kalo
masih bermasalah ya tinggal gunakan saja Hosting berbayar..beres
heheheh

Memasang Slider ala Zinmag Primus Template

Ternyata banyak juga rekan yang ingin mencoba memasang Image Slider/Text
Slider ala template

Zinmag Primus, Slider yang sudah saya terapkan sendiri di
o-om.com ini ternyata selain membuat
tampilan blog lebih atraktif dan bergaya, sumbangan kunjungan langsung melalui
slider ternyata tidak sedikit jumlahnya. Ok, langsung kecara pasangnya saja ya
lagi rada malas nih banyak cuap2 hehehe.

Letakan kode CSS dibawah ini diatas kode ]]></b:skin>

#slider {

background:url(http://img99.imageshack.us/img99/9594/slide.png);

height: 254px;

overflow: hidden;

position: relative;

margin: 5px 0;

}

#mover {

width: auto;

position:absolute;

overflow:hidden;

}

.slide {

padding: 20px 0px;

width: 1000px;

float: left;

position: relative;

height:200px;

}

.slide h2 {

font-family:georgia, Helvetica, Sans-Serif;

font-size: 24px;

color: #ac0000;

padding:0px 0px 0px 30px;

margin:0px 0px;

width:500px;

overflow:hidden;

}

.slide h2 a:link, .slide h2 a:visited {

color:#fff;

background-color: transparent;

}

.slide h2 a:hover {

color: #ddd;

background-color: transparent;

}

span.slmet {

color: #ee0909;

font-size: 10px;

font-family:Tahoma, georgia, Helvetica, Sans-Serif;

line-height: 20px;

width: 500px;

padding:0px 0px 0px 30px;

margin:0px 0px;

text-transform:uppercase;

}

.slide p {

color: #999;

font-size: 12px;

font-family:georgia, Helvetica, Sans-Serif;

line-height: 20px;

width: 500px;

padding:0px 0px 0px 30px;

margin:0px 0px;

}

.slide img {

position: absolute;

top: 20px;

left: 577px;

background:#fff;

padding:10px 10px;

}

#slider-stopper {

position: absolute;

font-family: Georgia, Helvetica, Sans-Serif;

top: 113px;

right: 65px;

color: #AC0000;

padding: 3px 8px;

font-size: 14px;

text-transform: uppercase;

z-index: 1000;

}

Kemudian letakan kode javascript dibawah ini dibawah kode
]]></b:skin>

Kemudian cari kode dibawah ini:

Letakan kode dibawah ini dibawah kode diatas.

<div id='casing'>



<div id='slider'>

<div id='mover'>

<div class='slide'>

<span class='slmet'> Posted by Agus ramadhani </span>

<h2><a href='http://www.o-om.com/2008/05/e-book-kiat-sukses-promosi-blog.html'>eBOOK
Kiat Sukses Promosi Blog</a></h2>

<p>Kontes seo "kampanye damai pemilu indonesia 2009" tinggal menghitung hari..10
hari ini saya mencoba sekuat apa pengaruh backlink pada keyword..kalo ada yang
mau bantu dukung om bisa memasang link ini di blog masing2. Silahkan
copy-paste kode dibawah, thanks banget atas dukunganya :).</p>

<img alt='' src='http://3.bp.blogspot.com/_C6KkooKXCEw/SY3GV8q05zI/AAAAAAAAD1U/VBYwePMjR2M/s400/Kampanye+Damai+Pemilu+Indonesia+2009.gif'/>

</div>

<div class='slide'>

<span class='slmet'> Posted by Agus ramadhani </span>

<h2><a href='http://www.o-om.com/2009/02/kampanye-damai-pemilu-indonesia-2009.html'>Kampanye
Damai Pemilu Indonesia 2009</a></h2>

<p>Dalam buku elektornik ini anda juga akan menemukan kiat sukses dan point
penting dalam kegiatan promosi blog serta bagaimana etika promosi yang
terkandung didalamnya. Untuk kedepan eBook ini tidak saya gratiskan lagi dan
tentu saja materinya lebih berbobot dari Free Edition. Jadi segera download
dan pastikan anda pertama yang membacanya.</p>

<img alt='' src='http://bp3.blogger.com/_C6KkooKXCEw/SJGvo0XtZtI/AAAAAAAACGI/21ih9Mj5e6c/s400/OOMEBOOK.gif'/>

</div>

</div>



</div>



</div>

<div class='clear'/>

Sampai disini semua proses penyimpanan kode berakhir. Sekarang lihat saja
hasilnya.

Apa saja yang perlu diedit?

1. Karena file javascript diatas meminjam langsung dari alamat lain, jadi
saya sarankan rekan menyimpannya pada hosting masing2. Silahkan download semua
file javascript
disini.

2. Secara default, Background image pada slider diatas kemungkinan tidak sesuai dengan ukuran
template rekan saat ini, jadi mau tidak mau harus memperkecil ukurannya atau
sebaiknya buat saja gambar baru sesuai dengan ukuran dan lebar template rekan
yang
sekarang.

#slider { background:url(http://img99.imageshack.us/img99/9594/slide.png);
height: 254px; overflow: hidden; position: relative; margin: 5px 0; }

3. Setelah rekan selesai dan berhasil memasang semua kode di atas, contoh
slider yang tampil hanya sebagai sample saja, jadi silahkan dihapus link, text
dan gambar milik saya dan ubahlah gambar, link dan kalimatnya sesuai kebutuhan.

<div class='slide'>

<span class='slmet'> Posted by Agus ramadhani </span>

<h2><a
href='http://www.o-om.com/2009/02/kampanye-damai-pemilu-indonesia-2009.html'>Kampanye
Damai Pemilu Indonesia 2009</a></h2>

<p>Dalam buku elektornik ini anda juga akan menemukan kiat sukses dan point
penting dalam kegiatan promosi blog serta bagaimana etika promosi yang
terkandung didalamnya. Untuk kedepan eBook ini tidak saya gratiskan lagi dan
tentu saja materinya lebih berbobot dari Free Edition. Jadi segera download dan
pastikan anda pertama yang membacanya.</p>

<img alt=''
src='http://bp3.blogger.com/_C6KkooKXCEw/SJGvo0XtZtI/AAAAAAAACGI/21ih9Mj5e6c/s400/OOMEBOOK.gif'/>

</div>

4. Untuk mengatur letak text, gambar dan link bisa rekan coba otak-atik
sendiri pada kode CSS, terus terang setiap template tentu berbeda ukurannya,
jadi saya sendiripun gak tau harus gimana menjelaskan cara mengaturnya.

5. Untuk mengatur delay pada slider, silahkan buka file slider.js kemudian
tinggal ganti saja jumlah var delayLength = 4000;
dengan angka berapa saja, mis 5000 atau 9000 (catatan: 1 detik = 1000)

Selamat mencoba dan berpusing ria :D

Blogku Sepi Pengunjung

Biasanya orang membuat blog untuk memberikan informasi kepada orang lain, sedangkan hal tersebut tidak akan terlaksana jika blog sepi pengunjung. Ada beberapa faktor yang menyebabkannya, antara lain : blog tersebut belum ditemukan oleh banyak orang, tampilan blog yang tidak user friendly, dan konten (posting) yang kurang menarik.

Pertama; apabila blog belum ditemukan berarti penerapan SEO dalam blog belum pula optimal, sehingga search engine ogah mendeteksi dan hasilnya pun masih blank dalam daftar pencarian. Agar SEO kamu makin mantap, coba diulang dan dipelajari lagi postingan bertopik tips SEO yang cukup jitu mengulas problematika keyword, optimasi blog, optimasi posting, meta tags, link, dan tips lainnya. Selanjutnya variabel lain kenapa blog kamu belum ditemukan bisa juga diakibatkan karena kamu malas jalan-jalan untuk melihat serta berkomentar di blog lain ("blog walking").

Kedua; tampilan blog yang terkesan berantakan dan sulit dibaca serta berisikan menu navigasi yang sulit dipahami. Ini juga berpengaruh terhadap betah atau tidaknya pengunjung berlama-lama di blog kamu. Blog dengan warna yang sudah bagus, namun terkesan berantakan dan sulit dibaca juga turut mempengaruhi banyaknya pengunjung ke blog kamu. Coba bayangkan, saat kamu berkunjung ke blog optimasi blog dan kamu melihat salah satu posting nyangkut di sidebar atau judul dan deskripsi blog OB nyasar ke footer (jadi ngga lucu dong). Selain itu, Semakin tinggi tingkat kesulitan suatu menu navigasi dalam blog, maka semakin enggan pengunjung berlama-lama di blog tersebut. Jadi intinya kamu harus mengatur layout blog se-efektif dan se-efesien mungkin, agar pengunjung bebas mengeksplorasi isi dari blog kamu tanpa menemui hambatan yang berarti.

Ketiga; konten (posting) yang kurang menarik dapat pula dipegaruhi oleh kesamaan judul, sama isi posting, dan sama persis. Walaupun posting tersebut pernah dipublikasikan oleh orang lain, namun jika diuraikan dengan kata-kata yang berbeda maka akan memberikan nilai tambah bagi blog kamu. Kesan orisinil akan tampak kelihatan, jika sebuah postingan diterjemahkan dalam kata-kata yang menarik dan mendatangkan rasa syahdu di hati pembaca serta didasarkan pada pemikiran kamu sendiri. Tapi hal ini jangan malah dijadikan sebagai nasehat agar kamu seenaknya meng-copy paste postingan orang lain. Namun alangkah lebih baiknya, apabila kamu dapat membuat postingan hasil karyamu sendiri. Kemudian jangan sampai dilupakan untuk terus meng-update postingan kamu minimal 2 (dua) kali dalam seminggu.

Setelah membaca uraian di atas, maka jelaslah sudah bahwa sepi atau tidaknya pengunjung tergantung kepada blog dan pemilik blog. Bila blog kamu rapi dan tampil apik, pengunjung akan tertarik dengan sendirinya. Ditambah lagi dengan pemilik blog yang memiliki pikiran dan hati seorang blogger sejati, maka akan tercipta pula suasana harmoni yang dinamis di pikiran dan hati para pembaca. Atau kamu mempunyai sudut pandang yang berbeda ???

Membuat Form Berlangganan

RSS Pengunjung Blog terkadang merasa tertarik dengan posting yang kamu tulis, apalagi posting kamu mempunyai topik yang "hot" dan "up to date". Dan saking sukanya, ia selalu merindukan posting-posting terbaru kamu. Kalau hanya sekedar mem-bookmark blog kamu, kemungkinan upaya tersebut masih kurang begitu mantap. Why? Karena suatu ketika jaringan sedang down atau host penyimpanan blog kamu sedang melakukan perbaikan atau gangguan lainnya, maka pada waktu itu pula ia tidak dapat mencapai hasratnya untuk membaca posting terbaru dari blog kamu.

Nah, untuk menghindari terjadinya hal-hal yang demikian, alangkah lebih baiknya apabila kamu membuat form berlangganan melalui RSS. Form tersebut berguna untuk memudahkan pengunjung blog melakukan subcribe, sehingga ia akan selalu mendapatkan update posting kamu baik melalui email maupun reader.

Sebelum kamu menggunakan trik ini, terlebih dulu kamu harus memasukkan blog kamu dalam akun Feedburner. Kalau sudah mari kita mulai trik blogger untuk membuat form berlangganan:

Pilih tab Tata Letak --> Elemen Halaman.

Tambah Gadget dalam elemen blog kamu.

Di jendela "Tambahkan Gadget", pilih HTML/JavaScript.

Kemudian copy dan pastekan kode di bawah ini.

<div style="background:url(http://i647.photobucket.com/albums/uu191/ariamsi/flying_bird.gif) no-repeat top right;padding:10px 0px">
<form action="http://feedburner.google.com/fb/a/mailverify" style="border:1px solid #ccc;padding:3px 3px 5px 3px;text-align:left;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Optimasi-Blog', 'popupwindow', 'scrollbars=yes,width=300,height=320');return true"> <p style="margin-bottom:0.5em;"><a href="http://feeds2.feedburner.com/Optimasi-Blog" rel="alternate" type="application/rss+xml"><img alt="RSS Feed" style="vertical-align:middle;display:inline;border:0" src="http://www.feedburner.com/fb/images/pub/feed-icon16x16.png"/> Berlangganan posting via RSS FEED</a></p> <p style="margin-bottom:0.5em;">Atau berlangganan posting via email:<br/><input style="width:190px" value="" name="email" type="text"/><input value="Optimasi-Blog" name="uri" type="hidden"/><input value="en_US" name="loc" type="hidden"/><input value="Langgan" type="submit"/></p>

<a href="http://feeds2.feedburner.com/Optimasi-Blog"><img width="88" style="border:0" alt="" src="http://feeds2.feedburner.com/~fc/Optimasi-Blog?bg=FFFFFF&fg=000000&anim=0" height="26"/></a></form>
</div>

Ganti http://i647.photobucket.com/albums/uu191/ariamsi/flying_bird.gif (burung terbang) dengan alamat penyimpanan file image kamu.

Ganti Optimasi-Blog dengan nama feed blog kamu.

Ganti nilai width dan height (warna merah) sesuai dengan ukuran template elemen halaman blog.

Ganti warna feed-count (bg=FFFFFF&fg=000000) sesuai dengan warna blog kamu.

Lihat blog kamu.

Selamat membuat form berlangganan.

Trik Blogger | Membuat Tab View

Mungkin kamu telah banyak membaca postingan trik blogger seperti ini, tapi tidak ada salahnya kita bersama-sama mereview kembali. OB tidak mengatakan trik blogger membuat tab view dalam postingan ini berbeda dengan lainnya. Mungkin sama, namun berbeda dari segi aplikasinya dalam blog. Trik ini OB dapatkan setelah beberapa kali mencoba memasang tab view dari beberapa blog narasumber namun ngga kelar-kelar (maklum otak lagi bebal), sampai OB mendapatkan sebuah situs Javascript Kit. Kemudian olah sana dan sini, alhamdulillah akhirnya tab view telah rampung OB pajang di Optimasi Blog. Demo version dengan kode original Blog uji coba

Sekarang kita mulai trik blogger membuat tab view dalam blog :

Pilih tab Tata Letak --> Edit HTML.

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.

Copy kode berikut dan pastekan di atas kode ]]></b:skin>

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.

div.TabView div.Tabs {

width: 350px;

height: 24px;

overflow: hidden; }

div.TabView div.Tabs a {

float: left;

display: block;

width: 90px;

text-align: center;

height: 24px

margin-left:3px;

padding-top: 3px;

vertical-align: middle;

-moz-border-radius-topleft:5px;

-moz-border-radius-topright:5px;

-webkit-border-top-left-radius:5px;

-webkit-border-top-left-radius:5px;

border-top-left-radius:5px;

border-top-right-radius:5px;

border: 1px solid #666666;

border-bottom-width: 0;

text-decoration: none;

font: 12px "Arial", Times New Roman, Serif;

color: #000;

font-weight: 900; }

div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active { background-color: #DDDDDD; }

div.TabView div.Pages {

width: 350px;

height: 250px;

clear: both;

background-color: #FFFFFF;

-moz-border-radius:5px;

-webkit-border-radius:5px;

border-radius:5px;

border: 1px solid #666666;

overflow: hidden; }

div.TabView div.Pages div.Page {

height: 100%;

padding: 0;

overflow: hidden; }

div.TabView div.Pages div.Page div.Pad { padding: 3px 5px; }

Catatan :

Kode berwarna hijau merupakan ukuran Tab-view, rekomendasi: usahakan ukuran width yang berwarna hijau sama.

Kode yang berwarna merah bisa diganti dan sesuaikan dengan template blog kamu.

Silakan kamu edit kode di atas (ditambah atau dikurangi) dan berkreasi dengan atribut lain, atau kalau kamu merasa sudah sesuai biarkan apa adanya.

Untuk pemilihan warna, kamu dapat melihatnya di kode warna ini.

Copy kembali kode berikut di atas kode </head>

Simpan template kamu.

Kemudian pilih tab Elemen Halaman --> Tambah Gadget.

Jendela Tambahkan Gadget akan muncul --> HTML/JavaScript.

Copy dan paste kode di bawah ini.

<form action="tabview.html" method="get">

<div class="TabView" id="TabView">

<div class="Tabs">

<a>Tab 1</a>

<a>Tab 2</a>

<a>Tab 3</a>

</div>

<div class="Pages">

<div class="Page">

<div class="Pad">

<ul>

<li>View 1.1</li>

<li>View 1.2</li>

<li>View 1.3</li>

</ul>

</div>

</div>

<div class="Page">

<div class="Pad">

Kamu bisa memasukkan script<br />

Kamu bisa memasukkan image<br />

Kamu bisa memasukkan numbered list/bullent list/<br />

Apalagi memasukkan teks atau link jelas bisa/<br />

</div>

</div>

<div class="Page">

<div class="Pad">

View 3.1<br />

View 3.2<br />

View 3.3<br />

</div>

</div>

</div>

</div>

</form>

<script type="text/javascript">

tabview_initialize('TabView');

</script>

Sekarang lihat tab view dalam blog kamu

Tips : Lakukan percobaan setiap kode trik blogger dalam blog uji coba kamu (pilih buat blog baru di dasbor blogger.com).

Catatan :

Kode yang berwarna merah merupakan teks yang letaknya dalam Tab.

Kode yang berwarna biru adalah tampilan teks yang akan muncul dalam halaman view sesuai dengan Tab terpilih.

Selamat membuat tab view...

Trik Memasang Fungsi Scroll

Scroll atau dalam bahasa Indonesia disebut "gulungan". Dari arti tersebut kamu pasti sudah menduga ke arah mana trik blogger kali ini. Fungsi scroll dimaksudkan agar suatu bentuk tulisan dapat ditampilkan dengan fungsi menggulung. Adapun kode HTML yang dipakai dalam membuat fungsi scroll ini adalah overflow:auto, height, dan width. Sehingga jika kamu kode-kan, maka akan terbentuk sebuah scrollbox berisikan teks yang dapat digulung.

Contoh Scrollbox I :

Optimasi Blog

Tips SEO

Trik Blogger

Search Engine

Blog Directory

Blogger Stuff

Source Code

Kode HTML

Widget ataU Gadget

Blogger Indonesia

Dari contoh di atas akan kita dapatkan kode HTMLnya adalah sebagai berikut :

<div style="overflow:auto; height:100px; width:250px">Optimasi Blog<br/>

Tips SEO<br/>

Trik Blogger<br/>

Search Engine<br/>

Blog Directory<br/>

Blogger Stuff<br/>

Source Code<br/>

Kode HTML<br/>

Widget ataU Gadget<br/>

Blogger Indonesia</div>

Scrollbox tersebut bisa pula kamu tambahkan dengan kode HTML lainnya seperti padding dan border, sehingga kodenya seperti di bawah ini :

<div style="overflow:auto; height:100px; width:250px; padding:10px; border:1px solid #eeeeee">Optimasi Blog<br/>

Tips SEO<br/>

Trik Blogger<br/>

Search Engine<br/>

Blog Directory<br/>

Blogger Stuff<br/>

Source Code<br/>

Kode HTML<br/>

Widget ataU Gadget<br/>

Blogger Indonesia</div>

Hasil Scrollbox II :

Optimasi Blog

Tips SEO

Trik Blogger

Search Engine

Blog Directory

Blogger Stuff

Source Code

Kode HTML

Widget ataU Gadget

Blogger Indonesia

Coba kamu amati perbedaan antara "Scrollbox I" dengan "Scrollbox II", perbedaan tersebut dikarenakan penambahan kode border (garis tepi) dan padding (jarak antara scrollbox dengan teks).

Mudah bukan!!? selamat membuat scrollbox dalam blog...

Chi.mp: Satu Paket Domain Gratis, Weblog + Microblogging

Kren..itulah kesan pertama kali saat saya mendaftar pada
layanan Chi.mp. Gimana gak kren tuh,
sudahlah dikasih domain gratis namakamu.mp, kita juga langsung diberikan satu paket
weblog siap pakai :) dan tidak hanya itu saja, layanan ini juga
dapat dimanfaatkan sebagai jejaringan sosial karena telah memiliki engine
microblogging tersendiri. jadi kita bisa menentukan aktifitas kita
saat ini..sekedar hanya mengupdate status, sharing photo, atau sekalian menulis kontent panjang
sebagai postingan, dan semuanya langsung ditampilkan dalam satu halaman. Bisa
dikatakan juga layanan Chi.mp ini merupakan sebuah solusi mudah untuk pengelolaan identitas online anda.
Membawa kehidupan digital bersama disatu tempat yang anda miliki.

Silahkan diliat dulu saja samplenya dialamat ini ooms.mp

Sebenarnya banyak sekali fitur yang ditawarkan Chi.mp selain hanya sebagai
media sosial tunggal, dimana kita dapat juga menghubungkan layanan ini keberbagai jejaringan sosial lainnya termasuk Twitter, Yahoo, Feed, Flickr, skype dan Facebook.

Yah, lumayan lengkaplah untuk aplikasi gratis sekedar yang ingin membuat blog secara instant :). Ya sudah tunggu apa lagi bos..reg sekarang juga nama domainnya tar keburu gunakan user ain lho hehehe

Video2mp3: Konversi Youtube Video ke MP3

Video2mp3 merupakan
layanan gratis yang memungkinkan kita melakukan konversi Video dari layanan
Youtube ke dalam format Mp3. Untuk proses konversi video ke mp3
sendiri
caranya juga terbilang mudah, yang kita perlukan hanya menginputkan alamat URL
dari layanan Youtube, dan biarkan layanan ini yang melakukan proses selanjutnya
untuk anda. Tersedia juga pilihan dimana kita dapat juga menentukan sendiri dua
pilihan kualitas suara yaitu, Standard Quality dan High Quality.

Video2mp3 juga menawarkan add-ons firefox yang memudahkan kita untuk
melakukan konversi mp3 pada setiap video yang anda kunjungi, sehingga
prosesnya bisa lebih cepat dan meningkatkan konversi koleksi file audio anda.
silahkan dicoba aja :)

Layanan sejenis yang bisa dicoba
vidtomp3 dan
kickyoutube

Trik Blogger | Proteksi Copy Paste Posting Blog

Saat kamu membaca postingan ini, coba buka tab baru dalam halaman browsing dengan menekan tombol "Ctrl + T" di keyboard. Klik tab baru yang masih blank dan ketik dalam kotak address bar dengan alamat blog kamu. Sekarang blog kamu telah ditampilkan di sebelah kanan postingan ini. Betul tidak? Silakan kamu buka salah satu posting tentang apa saja. Sudah...? Blok halaman postingan kamu dan pastekan dalam notepad. Jika postingan kamu ter-blok, berarti posting blog kamu bebas untuk di copy paste (copas). Secara otomatis kamu harus rela dan iklas apabila suatu saat orang lain melakukan duplikasi terhadap postingan blog kamu.

Ada salah satu cara agar posting blog terlindungi dari copas, supaya tidak kelamaan berikut trik blogger-nya :

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

Kemudian cari kode </head>

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

Copy dan paste kode berikut di atas kode </head>

Jangan lupa disimpan

Coba kamu blok kembali postingan blog kamu, tidak bisa kan? Berarti blog kamu telah terlindungi dari copas. Kemudian kamu bertanya "kenapa posting blog OB bisa di copas?" Jawabannya karena OB rela dan ikhlas, apabila orang lain meng-copas postingan di blog ini. Sejauh dia memasukkan link sumber asli, hasil dari copy paste tersebut. Lagian jika postingan di blog ini OB proteksi, semua trik blogger yang dipostkan tidak bisa di-copy orang dong. Jadi sia-sia triknya dan kamu kurang mendapat service yang memuaskan dari OB (he..he..he..).

Nah, sekarang OB yang bertanya "kalau kamu suka yang mana (terproteksi atau tidak)?"

Optimasi Blog DoFollow

Jika kamu sudah mengerti tentang NoFollow, sekarang giliran dofollow yang hadir tidak mau ketinggalan. DoFollow merupakan kebalikkan dari NoFollow, yakni memberikan kewenangan pada search engine untuk mengindeks semua elemen halaman blog (termasuk komentar) serta semua link-link yang melingkupinya, sehingga akan ber-efek secara signifikan terhadap link target tersebut. Artinya setiap orang yang meninggalkan komentar dan meninggalkan jejak link dalam blog dofollow, maka ia akan memperoleh backlink sekaligus dukungan terhadap blog mereka agar mendapat perhatian dari search engine.

Nah, untuk menjadikan blog kamu dofollow ada baiknya kalau kamu sering melakukan cek dan ricek komentar yang mungkin merupakan SPAM. Perkaya konten dengan sajian yang bermutu, sehingga pengunjung tertarik dan selalu mengikuti update-an posting kamu. Kemudian luangkan sedikit waktu untuk sekedar membuka-buka komentar dan memberikan respon yang positif terhadap komentar tersebut.

Dan bagi kamu para komentator, jika sudah menemukan blog dofollow jangan sekali-kali meninggalkan SPAM dalam komentar. Pemilik blog dengan segala kesungguhannya membuka pintu dofollow, namun kamu balas dengan "SPAM" apa tidak kurang ajar namanya. Jadikan blog tersebut untuk backlink (cukup dengan memasukkan nama dan alamat blog kamu, dibawah form komentar) dengan cara meninggalkan komentar yang positif, sehingga efek-nya akan dirasakan bersama-sama baik untuk blog yang kamu komentari maupun blog kamu. Pada akhirnya akan terjalin hubungan yang harmonis antara sesama blogger, blogger dan pengunjung, serta antara pengunjung sendiri.

Tambahan :

"U Comment I Follow" berarti orang berkomentar dan meninggalkan link blognya dalam blog kamu, kemudian secara otomatis akan terbentuk link back ke blog orang yang berkomentar tersebut.

DoFollow-kah blog kamu...

Optimasi Blog NoFollow

Ketika kamu melakukan "blog walking" dan berkomentar pada suatu blog. Harapannya tentu kamu akan mendapat kunjungan balik serta meninggalkan bekas jejak blog kamu dalam komentar tersebut atau bahkan sebuah backlink. Apalagi blog yang kamu komentari memiliki pagerank (PR) yang tinggi, sehingga sedikit banyaknya akan menimbulkan efek positif bagi blog kamu. Tapi hal itu tidak akan terjadi bagi blog-blog yang nofollow. Mengapa? Karena setiap kamu berkomentar dan meletakkan link di dalamnya, maka blog kamu tidak akan memperoleh backlink dari blog nofollow tersebut. Hal ini disebabkan karena search engine tidak meng-indeks link-link yang berada dalam komentar blog yang beraliran "no follow". Selanjutnya tidak akan pula memberikan pengaruh terhadap peningkatan ranking blog.

Pengertian nofollow sendiri adalah atribut HTML yang digunakan untuk menginstruksikan beberapa search engine untuk tidak memberi efek peningkatan ranking pada link target dari suatu teks hyperlink pada indeks search engine. Hal ini bertujuan untuk mengurangi spam sehingga akan meningkatkan kualitas hasil pencarian dari suatu search engine dan juga mencegah search engine salah mengindeks spam yang memungkinkan menduduki peringkat tertinggi pada suatu keyword tertentu (wikipedia).

Blog yang ber-nofollow sangat disenangi oleh search engine, karena itu secara default blogger.com disetting "nofollow". Kemudian blog beraliran "nofollow" mengisyaratkan kemurnian dari sebuah komentar akan terjaga serta kebersihannya dari "SPAM". Murni dalam arti tidak tercampur dengan link-link yang dimasukkan oleh pihak luar dan bersih dari "SPAM" yang terkadang membuat geregetan si mesin pencari. Coba bayangkan saat orang ingin mencari sesuatu dan menemukan hasil pencarian yang berbeda dengan keinginannya dalam daftar search engine. Apa yang terjadi? Tingkat kepercayaan orang terhadap mesin pencari tersebut akan menurun, sehingga ia akan beralih kepada mesin pencari yang lain. Kalau sudah begini, siapa yang rugi?

Kembali ke nofollow... Seperti yang telah dijelaskan di atas bahwa blog nofollow akan bersih dari "SPAM". Bagaimana menaruh "SPAM" jika hal tersebut hanya menjadi obyek penderita dalam blog beraliran "nofollow". Artinya "SPAM" akan terkurung dengan sendirinya (dalam komentar) tanpa mendapat dukungan dari search engine. Namun tidak jarang pula para blogger tidak memakai atribut "nofollow" dalam blognya, karena berbagai pertimbangan lain yang turut mempengaruhinya, antara lain : nofollow bersifat individualistik, tidak mencirikan saling tolong-menolong dan ingin sama-sama berbagi atau lebih dikenal dengan titel "U Comment I Follow". Kalau kamu ingin titel "U Comment I Follow" tersampir dalam blog kamu, maka kamu harus menjadikan blog kamu "DoFollow" terlebih dahulu.

Nah, kalau kamu masuk nofollow atau dofollow?

Salam Chat lewat ShoutMix

Kamu pasti tahu shout box khan? Betul, shout box merupakan arena chating baik antara pengunjung dengan pemilik blog maupun pengunjung dengan pengunjung lainnya. Sebenarnya shout box belum ada dalam kamus optimasi blog, karena kalau ada shout box nanti malah postingan jarang dikomentari. Itu jika dipandang satu sisi, berarti terdapat sisi lainnya dong? Wah, betul lagi. Sisi tersebut adalah memungkinkan trafik blog akan meningkat. Sebab tidak jarang antara pengunjung saling berkenalan (sekedar "say hello") lewat shout box. Jadi semakin banyak reaksi dari suatu "shout", otomatis pengunjung semakin rame dong.

Dan juga jangan lupa untuk menyertakan alamat web/blog kamu. Siapa tahu OB mau walking-walking, sehingga sudah ada tujuan yang pasti. Eit... hampir lupa, kalau kamu ingin shout box seperti punya OB kunjungi ke Shoutmix.com.

Seperti biasa, selamat ber-chatting dengan shoutmix...

Update: Fasilitas chat ini sudah tidak digunakan lagi dalam blog “Optimasi Blog”.

Optimasi Blog dengan Kode-Kode Warna

Sangat jarang apabila kamu membangun sebuah blog tanpa adanya unsur warna. Karena warna merupakan salah satu dasar agar blog kamu tampil lebih prima dan elegant, sehingga pengunjung akan tertarik untuk menikmati blog kamu. Jadi tidak salah kalau dikatakan bahwa warna adalah salah satu komponen agar blog kamu optimal. Optimasi blog melalui unsur warna bukan hanya dilakukan pada background blog tetapi lebih banyak lagi fungsi serta manfaat lain yang bisa kamu eksplorasi, seperti : pewarnaan teks, pewarnaan link, highlight, dan sebagainya. Untuk menghapal kode-kode warna mungkin susah dilakukan, namun bagaimana kalau menggunakan alat bantu. Cara kerjanya kamu tinggal meng-klik warna, kemudian kode-nya akan muncul. Dan langkah selanjutnya tinggal copas kode tersebut dalam kode HTML blog kamu [ex : color:#000000 (warna hitam)]. Don't forget this, just klik your color.

Insert your color code:

H °
S %
V %

Untuk lebih detail mengenai kode HTML warna, kunjungi HTML color codes. Siapa yang mau tahu cara pasang widget atau gadget kode warna seperti di atas?

Promosi Blog ke Blog Directory Technorati

Setelah kamu selesai membuat sebuah blog, yang kamu perlukan adalah mempromosikan blog tersebut. Selain mendaftarkan blog di search engine Google, Yahoo dan MSN, kamu juga patut mempertimbangkan blog directory yang populer untuk berpromosi. Kenapa demikian? Karena suatu hal yang rugi jika blog yang kamu buat dengan cucuran keringat dan air mata (hu..hu..hu..) serta pemikiran yang mendalam dibiarkan begitu saja tanpa ada orang yang membacanya. Apalagi isi dari blog tersebut bisa mendatangkan manfaat bagi mereka.

Nah, salah satu blog directori yang terpopuler untuk promosi adalah Technorati. Dengan mendaftar di Technorati maka blog kamu akan dikenal oleh seluruh anggotanya yang mencapai juta-an. Beruntungnya lagi setelah kamu terdaftar secara otomatis search engine akan mudah mendeteksi blog kamu. Ayo, siapa yang tidak tertarik?

Klik Join yang letaknya di kanan atas.

Isi dengan lengkap formulir.

Setelah selesai --< buka email verifikasi --< klik link untuk mengaktifkan keanggotaan.

Pilih menu navigasi Blogs di bawah tulisan Technorati --< dalam dropdown menu Blogs pilih My Blogs --< Claimed Blogs --< Clim a new blog.

Masukkan alamat (URL) blog kamu --< Begin Claim.

Klik "Complete Claim with OpenID", namun sebelumnya kamu harus login dulu ke account blog kamu.

Kemudian kamu akan diberikan pilihan kode untuk memasang Technorati dalam blog kamu.

Catatan :

Kamu bisa memasukkan lebih dari satu blog untuk satu akun di Technorati.

Selamat mendaftar di blog directory Technorati...

10 tools terbaik untuk menganalisa halaman Web/Blog

Keberhasilan beberapa blog/situs populer bukan karena kejeniusan mereka
memainkan SEO dan Keyword, bukan juga karena content yang mereka tulis memang merupakan materi populer, tapi banyak sekali faktor-faktor yang menentukan, ini sebaiknya yang harus kita cermati sekaligus dipelajari jika ingin blog kita benar2 bisa sejajar dengan blog/situs populer lainnya. Cara inilah yang selalu saya lakukan bila setiap kali menemukan situs2 populer, saya selalu melakukan riset, mempelajarinya, lalu mencoba mengakses keberbagai data statistik mereka. Dan cara ini lumayan berhasil dari pada saya harus menghabiskan waktu mempelajari keyword utama mereka, apalagi sampai membuat duplikat konten terbaik pada situs populer tersebut :D pokoknya jangan sampai dah..

Nah, daripada tanya sana-sini gak jelas, lebih baik saya sarankan kita mencoba menganalisa statistik halaman mereka secara langsung. Caranya mudah saja,
coba pelajari statistik halaman kita sendiri terlebih dahulu, sekarang coba bandingkan dengan beberapa halaman web populer lainya. Lihat dan coba perhatikan statistik web mereka, misalkan dengan membandingkan kecepatan loading page, bandingkan jumlah karakter keyword dan deskripsi yang mereka gunakan, pada layanan populer mana saja halaman mereka teridex bla..bla.. dan tentu saja masih banyak lagi yang harus kita pelajari. Yang jelas, semakin sering kita melakukan riset, semakin banyak pula ilmu untuk memudahkan kita menemukan jawabannya.

Dibawah ini merupakan 10 tools terbaik yang biasa saya gunakan untuk melakukan riset dan mencoba menganalisa halaman-halaman web/blog target, silahkan dicoba aja dulu:

1.

En.pageboss.com

Pageboss mampu menganalisa halaman blog dengan lengkap dan sukup mendetail,
kita bisa melihat beberapa informasi penting diantaranya site ranking dan
kualitas trafik dari beberapa search engine dan layanan statistik populer
lainnya.

2. Seorush.com

Cara kerja Seorush hampir mirip dengan Pageboss, sayang halaman yang
ditayangkan tidak begitu detail. tapi lumayan juga sebagai tool pembanding.

3. P agemasher.com

Layanan ini juga memberikan analisa yang sangat lengkap, setiap analisa
ditayangkan berdasarkan tab tersendiri. sayangnya beberapa alamat domain kadang
ada yang tidak support.

4. Urlmetrix.com

Tools UrlMatrix ini pernah saya jelaskan di tulisan sebelumnya, jadi silahkan di baca
kembali tulisan terdahulu

disini.

5. T ools.pingdom.com

Cool..layanan Page Speed Test inilah yang sampai saat ini masih saya gunakan,
layanan ini mampu memberikan informasi lengkap dalam mengalisa setiap ukuran
image yang kita gunakan pada halaman web. Terus terang saya selalu memperhatikan
masalah ukuran gambar, anda bisa cek sendiri sebesar apapun ukuran gambar yang
saya gunakan dan biasnaya tidak lebih besar dari 10KB.

6. B rowsershots.org

Jangan bangga dulu dengan tampilan desain template kita saat ini, sebagus apapun
kalau cuman bagusnya di firefox doank kan percuma hehehe. jadi selalu gunakan layanan
Browsershots
sebagai tools pembanding apakah tampilan blog/site kita sudah tampil sesuai
harapan jika ditampilkan menggunakan web browser yang berbeda.

7.

Websiteoptimization.com

Tool ini termasuk web page speed report yang akurat, dan ada banyak
sekali informasi yang tayangkan.
Selain hanya menyampainkan informasi penting pada halaman web yang dianalsis, kita juga diberikan solusi
serta pemecahan masalah.

8.

Seocentro.com

SeoCentro merupakan salah satu tool SEO favorite saya, walaupun
termasuk tool SEO jadul, tapi perannya sangat berguna juga sebagai Meta Tag
analysis.

9. Tester.jonasjohn.de

Tools analisis web dan SEO yang terbilang sangat kompleks dimana layanan ini dikemas kedalam satu paket
all in one. Terus terang saya jarang sekali menggunakan layanan ini tapi
tidak ada salahnya di uji coba dulu :)

10. GHDB

Mana ada tools web analisis terbaik selain Google itu sendiri, manfaatkan
selalu Google Search untuk mencari informasi sebanyak-banyaknya. Gali dan terus
gali semua informasi yang anda butuhkan..karena apapun pertanyaan anda semua
sudah terjawab di Google. Satu rahasia yang jarang diungkap para master SEO,
yaitu Google hack dan basic SEO dari Google itu sendiri..ini bisa rekan
pelajari pada GHDB (Google Hack Data Base) yang sebenarnya sudah lama sekali dikelompokan
kedalam satu database yang dikembangkan oleh Johnny i hack stuff. Silahkan pelajari cara Google
menganalisa halaman web target, tapi bukan cara h*cking-nya lho ya. Trus alamat link-nya mana?? nah itu dia, silahkan di Googling aja pasti ketemu kok :D

Sebenarnya beberapa layanan diatas bukanlah sebagai solusi, tapi hanya
sebagai tools mempermudah pekerjaan anda saja. Saya selalu berusaha membuat pembaca blog ini tidak manja. Dan jujur saja, membangun blog itu sangat sulit dan tidak semudah membalikan telapak tangan, semua butuh waktu tenaga dan pikiran. Jadi pelajari saja karateristik blog/site populer sesuai target yang ingin anda pelajari statistiknya, saya yakin semakin sering anda menganalisa, semakin mudah saja anda akan menemukan jawaban pada akhirnya. thanks o-om.com

Optimasi Blog melalui Add-Ons Firefox

Kebutuhan sebuah web browser dalam surfing di dunia maya merupakan sesuatu yang lumrah. Apalagi bagi kamu yang suka nge-blog, mungkin firefox adalah software browser yang wajib ada dalam komputer kamu. Banyak sekali add-ons yang bisa kamu gunakan demi mendukung aktivitas nge-blog sehari-hari. Pada postingan kali ini OB akan mengajak kawan-kawan untuk melakukan optimasi blog melalui fitur add-ons firefox. Adapun fungsi add-ons yang dimaksud adalah berguna untuk menemukan dan melakukan posting serta membantu SEO (Search Engine Optimization) dalam blog kamu.

Sebelum ingatan menjadi kabur dan pengunjung blog mengalihkan bacaan ke posting yang lain, ada baiknya OB langsung take off dari landasan pacu Optimasi Blog menuju bandara add-ons firefox (kaya pesawat terbang aja...).

ScribeFire. Berguna untuk mempermudah pembuatan suatu posting blog melalui blog editor yang telah terintegrasi dengan firefox. Kamu akan dimanjakan dengan kemampuannya dalam melakukan copy-paste terhadap halaman-halaman yang kamu kunjungi untuk dijadikan sebuah postingan.

Time Tracker. Berguna untuk mengetahui berapa waktu yang kamu habiskan pada saat browsing, sehingga setidak-tidaknya kamu dapat mengambil langkah-langkah efesiensi. Perhatikan pula apakah kamu membuka tab lebih cepat dari pada kamu menutupnya? Harapannya agar blogging kamu berjalan dengan sukses...suk...ses. Yes...

Sage. Berguna sebagai salah satu alternatif RSS reader yang cukup ringan penggunaannya. Dan yang terpenting sage telah terintegrasi dengan firefox merupakan opsi yang cukup menarik.

SEO Quake. Berguna untuk membantu para web master dalam menganalisa sesuatu yang berhubungan SEO dan promosi situs web melalui internet. Namun tidak menutup kemungkinan bagi para pemula untuk ikut menggunakannya, karena kesederhanaan dan kemudahan add-ons ini bersifat universal. SEO blog kamu akan semakin mantap di firefox dengan adanya SEO Quake.

Link Checker. Berguna untuk untuk mengecek validitas link-link dalam postingan blog kamu. Siapa tahu saja terdapat link yang sudah kadaluarsa (dead link), sehingga perlu kamu tata ulang kembali.

Rank Checker. Berguna untuk mengetahui posisi ranking blog kamu dalam daftar pencarian search engine Google, Yahoo, dan Microsoft Live Search.

SEO Link Analysis. Berguna untuk menganalisa SEO link baik untuk blog kamu maupun kompetitor dengan setumpuk informasi yang kamu butuhkan secara cepat. Informasi yang dimaksud berupa pagerank untuk halaman yang memiliki tautan, anchor teks yang digunakan pada link, dan memeriksa apakah sebuah link merupakan nofollow atau dofollow.

Copy as HTML Link. Berguna untuk meng-copy link dalam postingan blog kamu dalam bentuk kode HTML. Add-ons ini merupakan salah satu tool yang akan membantu produktivitas kamu karena akan mempercepat proses pembuatan link.

Udahan dulu ya... Lagi malas nambahin yang lainnya. Lagian jari udah rada-rada pegel pengen istirahat.

Selamat ber add-ons firefox ria...

Trik Blogger | Beda Tampilan Komentar Pemilik Blog

Apa sih gunanya? Tentu saja agar komentar pengunjung dan pemilik blog dapat dibedakan. Pengunjung blog mungkin akan menyampaikan suatu komplain atau pertanyaan dalam mengomentari suatu posting, itu adalah wajar. Sedangkan pemilik blog (blog owner) memberikan pandangan serta respon terhadap komentar pengunjung tersebut, sejauh masih bisa dijangkau dengan kemampuannya. Biasanya komentar dalam default blogger.com tidak membedakannya, hanya menampilkan individu-individu yang berkomentar. Sehingga pengunjung lain tidak dapat membedakan mana komentar pengunjung dan mana komentar pemilik blog. Nah, maka dari itu tidak ada salahnya jika kamu perlu menambahkan trik blogger ini dalam daftar trik favorit kamu.

Tanpa basa-basi! berikut step by step trik blogger membuat beda tampilan komentar pemilik blog :

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

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 di bawah ini (letaknya antara <head> ... </head>)

#comments-block .comment-body p {

margin:0 0 .75em;

background:#f3f3f3 no-repeat left bottom;

}

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.

Tambahkan kode CSS berikut di bawah kode di atas

.owner-Body {

margin-left:20px;

color:#000000;

}

.owner-Body p {

text-align:justify;

margin:0 0 .75em;

padding-left:10px;

background:#F2F2F2;

border-left:3px dotted #6E6E6E;

}

Catatan:

Silakan ganti kode yang berwarna merah (color= warna teks; background= warna latar teks) dan sesuaikan dengan warna blog kamu.

Kemudian cari kode <dd class=’comment-body’> dan sisipkan kode-kode yang berwarna hijau seperti yang ditampilkan di bawah ini :

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

<div class='commentphoto' style='float:right;'/>

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

Catatan :

Perhatikan penempatan kode yang berwarna hijau, pastikan posisinya tepat seperti tampilan kode di atas.

Jangan lupa disimpan.

Posting yang berkaitan :

Memasang kotak komentar di Bawah Posting.

Icon Emosi (Emoticon) dalam Komentar.

Selamat menampilkan beda komentar pemilik blog...

Trik Blogger | Menghilangkan Angka Jumlah Label

Ketika kamu melakukan trik blogger memasang label postingan dalam blog. Kamu akan melihat jumlah postingan yang mengikuti label atau kategori terkait yang ditunjukkan dengan angka dalam tanda kurung. Nah, apabila kamu kurang suka dengan tampilan angka jumlah label tersebut, maka kamu bisa menghilangkannya dengan melakukan trik tertentu.

Contoh :

Tips SEO (8)

Trik Blogger (10)

Menjadi :

Tips SEO

Trik Blogger

Agar lebih menghemat waktu, mari kita mulai mantra trik blogger untuk menghilangkan angka jumlah label tersebut. Eit, hampir lupa trik ini dapat kamu gunakan jika kamu telah memasang widget atau gadget label dalam blog.

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

Cari kode (<data:label.count/>).

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.

Jika sudah ketemu, hapus kode tersebut.

Jangan lupa disimpan

Selamat menghilangkan angka jumlah label...

Trik Blogger | Membuat Dropdown Label

Kalau posting trik blogger sebelumnya kita telah mengulas tentang membuat label cloud, sekarang kita akan bersama-sama mengupas salah satu trik label lainnya, yaitu membuat dropdown label. Contoh dropdown label dapat ditampilkan seperti di bawah ini :

Dropdown label merupakan variasi lain label dalam bentuk navigasi yang apabila di klik akan menampilkan daftar label yang tersusun secara menurun. Coba kamu bayangkan, ketika sebuah blog memiliki label hingga ratusan, what happen? Jika kamu menyusun label seperti bawaan default blogger.com, maka halaman widget atau gadget kamu akan habis dilahap oleh label. Lain halnya jika label tersebut kamu kostumisasi menjadi lebih variatif dan inovatif. Namun semua kembali kepada diri masing-masing, "lebih menyukai tampilan label yang seperti apa?"

Nah, berikut langkah-langkah trik blogger untuk membuat dropdown label :

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

Cari kode <data:label.count/>, detail seluruh kodenya ditunjukkan seperti di bawah ini.

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.

<ul>

<b:loop values='data:labels' var='label'>

<li>

<b:if cond='data:blog.url == data:label.url'>

<data:label.name/>

<b:else/>

<a expr:href='data:label.url'><data:label.name/></a>

</b:if>

(<data:label.count/>)

</li>

</b:loop>

</ul>

Ganti semua kode di atas dengan kode berikut :

<br />

<select onchange='location=this.options[this.selectedIndex].value;'>

<option>Select a label</option>

<b:loop values='data:labels' var='label'>

<option expr:value='data:label.url'><data:label.name/>

(<data:label.count/>)

</option>

</b:loop>

</select>

Silakan ganti kode yang berwarna merah dengan kata atau kalimat favorit kamu (ex: Label Blogku, Kategori, dan sebagainya).

Jangan lupa disimpan

Posting yang berkaitan : Trik Blogger | Menghilangkan Angka Jumlah Label.

Selamat membuat dropdown label...

Trik Blogger | Cara Memasang Top Posts

Top posts atau disebut juga posting populer merupakan daftar posting yang sering dikunjungi, umumnya dihitung berdasarkan jumlah page preview (klik halaman posting) dan banyaknya komentar pengunjung dalam suatu postingan. Trik blogger ini menggunakan fasilitas feed blog dan diolah melalui channel yahoo pipe. Trik ini pula menjadi daya tarik tersendiri bagi pengunjung blog kamu. Kenapa posting ini dan itu begitu populer ya? Dan bukti rasa penasaran tersebut akan ia aplikasikan dengan meng-klik url menuju posting yang bersangkutan dalam daftar top posts. Menarik bukan...?

Berikut trik blogger-nya :

Pilih tab Tata Letak --> Elemen Halaman.

Tambah Gadget dalam elemen blog kamu.

Dalam "Tambahkan Gadget", pilih HTML/JavaScript.

Copy dan pastekan kode di bawah ini dan jangan lupa diberi judul (ex : Top Posting).

Ganti kode yang berwarna merah dengan alamat blog kamu dan jumlah top posting yang ingin ditampilkan.

Hapus/Delete kode yang berwarna hijau, jika kamu tidak ingin menampilkan nomor urut top posting.

Widget atau gadget ini dibuat oleh blogger wanita berparas cantik Amanda Fazani, wanita ini dapat dibilang sebagai salah satu penulis tutorial blogger terkenal.

Sekarang lihat blog kamu.

Posting yang berkaitan :

Trik Blogger | Memasang Posting Terbaru (Recent Posts).

Trik Blogger | Memasang Komentar Terbaru (Recent Comments).

Selamat memasang top posts...

Download Icon RSS Feed Blue Jeans & Levi's

Selamat buat calon pemenang kampanye pemilu 2009

Panggil Namaku "OB"

Solusi Hosting Javascript di Blogger

Memasang Slider ala Zinmag Primus Template

Blogku Sepi Pengunjung

Membuat Form Berlangganan

Trik Blogger | Membuat Tab View

Trik Memasang Fungsi Scroll

Chi.mp: Satu Paket Domain Gratis, Weblog + Microblogging

Video2mp3: Konversi Youtube Video ke MP3

Trik Blogger | Proteksi Copy Paste Posting Blog

Optimasi Blog DoFollow

Optimasi Blog NoFollow

Salam Chat lewat ShoutMix

Optimasi Blog dengan Kode-Kode Warna

Promosi Blog ke Blog Directory Technorati

10 tools terbaik untuk menganalisa halaman Web/Blog

Optimasi Blog melalui Add-Ons Firefox

Trik Blogger | Beda Tampilan Komentar Pemilik Blog

Trik Blogger | Menghilangkan Angka Jumlah Label

Trik Blogger | Membuat Dropdown Label

Trik Blogger | Cara Memasang Top Posts

Popular Posts

Arsip Blog

Label Blog

Total Pageviews

April 2009 - Mereund Blog