Jumat, 30 Juli 2010

Cara Membuat Headline News Dengan Title Post Berjalan di Blog

Halo teman-teman semua, kembali lagi pada tutorial blog selanjutnya, nah pada kesempatan kali ini saya ingin share tentang bagaimana Cara Membuat Headline News Dengan Title Post Berjalan di Blog. Sepertinya menarik bukan teman-teman? :)

Apabila teman-teman semua pernah melintas ke salah satu situs directory yaitu lintasberita.com, mungkin teman-teman pernah melihat teks berjalan di sana yang notabene sebagai Headline News atau berita terbaru yang baru saja diupdate.


Nah, kali ini kita akan membuat Headline News tersebut di dalam blog, ya walaupun tidak sama persis seperti yang ada di lintasberita.com, tapi Headline News kali ini tidak kalah menariknya (jika teman-teman mau mencobanya), selain bisa menaikkan pageviews blog, dengan adanya Headline News ini blog akan lebih terlihat menarik.

lihat pict



atau lihat demonya di sini

Ok, langkah-langkah membuatnya lihat di bawah ini:


1. Login ke akun blogspot,

2. Klik Design/Rancangan >> Page Element >> Add a gadget >> HTML/Javascript,

3. Lalu copypastekan kode di bawah ini ke dalam konten HTML/Javascript,

<script type="text/javascript">
var hn_url_blog = "alamat url blog teman-teman";
var hn_jumlah_post = 10;
var hn_warna_latar = "#FFFFFF";
var hn_warna_garis = "#000000";
var hn_posisi = "bottom";
var hn_tampilkan_judul = true;
var hn_backlink = true;
</script>
<script src="http://sites.google.com/site/anggasonaanotherbestblog/javascript/headlinenews.txt">
</script>

Note:


a. Ubah url blog dengan alamat url blog teman-teman,

b. Ubah jumlah title post (sesuai keinginan) dengan merubah tulisan yang berwarna biru,

c. Ubah warna latar belakang dengan merubah tulisan yang berwarna hijau,

d. Ubah warna boder (garis) dengan merubah tulisan yang berwarna pink.

e. Untuk melihat kode warna klik di sini.

4. Jika sudah selesai semuanya, sekarang klik save dan lihat hasilnya.


Seperti itulah Cara Membuat Headline News Dengan Title Post Berjalan di Blog, semoga bisa bermanfaat untuk teman-teman semua, selamat mencoba dan semoga berhasil. Salam.

Kamis, 29 Juli 2010

Pasang Status Yahoo Messenger (YM) di Blog Dengan Icon Baru [Keren dan Lucu]

Ok, pada kesempatan kali ini saya ingin share kembali pada teman-teman semua tentang bagaimana Pasang Status Yahoo Messenger di Blog Dengan Icon Baru [Keren dan Lucu]. Icon baru yang keren dan lucu? Emang ada?

Nah, tentu saja ada teman-teman, jika dulu kita sudah terbiasa melihat status Yahoo Messenger (YM) ini dengan icon yang itu-itu saja, sekarang kita bisa pasang icon YM nya dengan bentuk icon yang lebih unik, baru dan tentunya juga lucu, tak percaya? Coba lihat status YM saya yang ada di atas Cbox dengan icon YM yang lagi merokok, keren kan? :)

atau lihat pict



Kita langsung saja ya ke langkah-langkah memasangnya di blog:

1. Teman-teman silahkan kunjungi situs berikut: http://ymgen.com/index.php?opt=yahoo-messenger
2. Silahkan teman-teman pilih dahulu iconnya dengan cara scroll ke bawah (kursor warna oranye) lalu beri titik/centang pada ikon yang telah dipilih (tentunya yang sesuai dengan selera teman-teman), setelah itu masukkan id Yahoo Messenger (YM) teman-teman pada kolom yang sudah disediakan yang ada di sebelah pilihan icon.

lihat pict



Note:
Untuk pengguna dengan id yahoo.com cukup menuliskan id depannya saja, misal: namaanda@yahoo.com maka cukup ditulis namaanda saja, terus untuk id yang menggunakan rocketmail.com dan ymail biasanya harus
ditulis lengkap, misal: namaanda@rocketmail.com atau namaanda@ymail.com.

3. Jika sudah maka klik SUBMIT,
4. Setelah di submit, selanjutnya teman-teman tinggal copy kode status Yahoo Messenger yang sudah digenerator lalu di pastekan ke dalam new a gadget [HTLM/Javascript] blog teman-teman.

lihat pict



5. Jika sudah tinggal disave dan lihat hasilnya.


Seperti itulah cara Pasang Status Yahoo Messenger di Blog Dengan Icon Baru [Keren dan Lucu]. Jika ada cara yang mudah kenapa harus dengan cara yang sulit? betul betul betul? :P Bagaimana teman-teman? Menarik bukan untuk dicoba? :) Ok, selamat mencoba ya dan semoga berhasil. Salam.

Rabu, 28 Juli 2010

Cara Membuat Tag Cloud Comulus [Label Berputar] di Blogspot

Sebelumnya saya mohon maaf untuk sahabat saya Astho karena baru hari ini saya baru sempat membuat artikel tentang tutorial blog Cara Membuat Tag Cloud Comulus [Label Berputar] di Blogspot. Dikarenakan beberapa kode script untuk membuatnya sering eror dan tidak ada yang jadi, usut punya usut hal ini terjadi karena permasalah pada file swf nya.

Ok, setelah beberapa lama ini saya mencari kode untuk membuat Tag Cloud Comulus agar bisa terpasang secara baik, akhirnya saya menemukan juga apa yang saya cari, ya semoga saja tutorial untuk membuat Tag Cloud Comulus kali ini bisa jadi, insyaallah, amin :)


Penjelasan umum seputar Tag Cloud Comulus:


Tag Cloud Comulus ini sebenarnya terinspirasi dari flatform blog Wordpress, nah oleh salah dua blogger handal luar negeri yaitu Roy Tanck dan Amanda Fazani akhirnya dibuat juga untuk flatform Blogspotnya.


Jika berbicara fungsi, sebenarnya sama saja ketika kita menggunakan Labels bawaan dari blogspot itu sendiri, tetapi Tag Cloud Comulus ini jelas lebih menarik, tanya kenapa? Dari segi penampilan saja sudah tampil cantik, bisa berputar ketika mouse diarahkan dan memang lebih atraktif.


Ok, langsung saja ke Cara Membuat Tag Cloud Comulus Labels:


1. Login ke akun blogspot,

2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Templates Widget,

3. Cari kode berikut: <b:section class='sidebar' id='sidebar' preferred='yes'> (harap disesuaikan saja kodenya karena tidak semua templates sama)

4. Lalu copy pastekan kode di bawah ini persis berada di bawah kode tadi,


<b:widget id='Label99' locked='false' title='Tag Cloud Comulus 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://sites.google.com/site/bloggerustemplatus/code/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(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

5. Sebelum di save harap dipreview terlebih dahulu, jika sudah terlihat tag cloud comulusnya baru di save templates.

6. Untuk merubah tinggi dan lebar ubah tulisan yang berwarna merah, untuk merubah warna background ubah tulisan yang berwarna hijau, untuk merubah besar kecilny tulisan tag label ubah tulisan yang berwarna biru.


Note: Keberhasilan dari membuat Tag Cloud Comulus bergantung pada templates yang teman-teman gunakan. Untuk demonya saya menggunakan templates default bawaan blogspot (molotovcoketail by Tina Chen).


Lihat demo Tag Cloud Comulus di sini.


NB. Jika kode swf yang saya tandai berwarna pink tidak bisa bekerja secara baik, coba ganti dengan kode swf berikut ini: http://www.swfcabin.com/swf-files/1275932799.swf


Ok, seperti itulah Cara Membuat Tag Cloud Comulus [Label Berputar] di Blogspot, semoga bisa bermanfaat dan selamat mencoba. Salam.


Thanks To: Roy Tanck dan Amanda Fazani

Selasa, 27 Juli 2010

Title Post [Judul Artikel], Salah Satu Faktor Penentu Terindeksnya Blog

Pernah tidak teman-teman sebelumnya berfikir kenapa ya koq blog saya atau salah satu artikelnya tidak terindeks sama sekali oleh search engine semisal google? Nah, jika pertanyaan tersebut pernah terbersit di pikiran teman-teman, maka dan mungkin jadi salah satu faktornya adalah SALAH dalam menentukan Title Pots [Judul Artikel].

Hal ini memang sepele dan sering dicuekin oleh sebagian blogger, tapi jangan diabaikan, ingat Title Post menjadi alamat URL artikelnya yang nantinya akan di crawll oleh robot search engine. Pengalaman saya selama saya blogging dan yang selalu saya perhatikan bahwa alamat URL artikel itu adalah sebuah rumus sederhana yang akan menentukan keberadaan blog teman-teman di halaman search engine.

Rumusnya seperti ini: (contoh salah satu URL artikel saya)

http://cantik-2013.blogspot.com/2010/07/cara-membuat-nomor-urut-komentar-di.html


Coba teman-teman lihat, setelah http://cantik-2013.blogspot.com/2010/07/.....itu terdapat kata-kata yang dipisahkan oleh tanda minus (-) yang biasanya terdiri dari 5-6 kata: cara-membuat-nomor-urut-komentar-di.html

Nah, kata yang terdiri dari 5-6 kata yang dipisahkan oleh tanda minus itu adalah KEYWORD pertama yang akan di crawll oleh robot search engine (selain menaruh tambahan keyword di dalam artikel). Yang menjadi keyword dalam url itu adalah Title Post [Judul Artikel] nya.

Terus pertanyaannya, lha hubungannya apa antara Title Post dengan Search Engine?

Ok, ingat tidak ketika kita akan mencari suatu artikel lewat search engine, kita pasti menuliskan kata-kata keyword yang sesuai dengan artikel yang akan kita cari. Nah, kita selaku owner blog yang sedang berupaya mengoptimalkan web blog harus bisa menebak kata-kata apa (keyword apa) yang akan pengunjung ketikkan sebagai keywordnya, yang nantinya tebakan keyword itu akan menjadi Title Post (Judul Artikel) nya.

Misal dan memang umum sering dipergunakan, saya contohkan ketika kita akan mencari artikel seputar tutorial blog, pastinya kita akan mengetikkan beberapa kata semisal: cara membuat "...", cara memasang "...", apa itu "...", pengertian "..." dan lain sebagainya. [Untuk jenis blog yang lain juga sama, hanya keywordnya saja yang berbeda]

Prakteknya seperti ini:

Coba cek salah satu artikel dari blog saya ini "Cara Membuat Nomor Urut Komentar" atau "Membuat Nomor Urut Komentar" yang notabene menjadi Title Post nya dengan search di google, lebih jelasnya lagi coba lihat pict di bawah ini.

Keyword "Cara Membuat Nomor Urut Komentar" --> halaman pertama peringkat 1 dari total result sekitar 317,000 hasil (0.20 detik)




Keyword "Membuat Nomor Urut Komentar" --> halaman pertama peringkat 2 dari total result sekitar 2,880,000 hasil (0.17 detik)




Nah, bisa teman-teman bayangkan apabila artikel teman-teman itu bagus dan berbobot yang seharusnya bisa menempati halaman pertama search engine tapi karena salah dalam menentukan Title Post [Judul Artikel] akhirnya tidak bisa bersaing dalam pencarian search engine.


Silahkan saja cek beberapa artikel saya lainnya, misal dengan keyword yang saya buat sebagai Title Post (cukup lama juga saya menebak kira-kira apa ya yang akan pengunjung ketikkan dan yang akan saya buat menjadi Judul Artikelnya): "Off Page Optimasi", "Cara Membuat Google Translate", "Menambah Emoticons Cbox, "Daftar Isi Scroll" dan lain sebagainya.


Ok, saya pikir semua owner blog PASTI MAU bahwa setiap artikelnya bisa nampang manis di halamannya search engine, entah itu halaman 1, 2 dan seterusnya, minimal terindeks secara baik oleh robot search engine (tidak perlu munafik apabila itu buat owner blog yang mengejar page rank dan popularitas blog).


Nah, seperti yang saya utarakan di atas, bahwa ketika teman-teman salah dalam menentukan Title Post [Judul Artikel] yang notabene menjadi keyword pertama yang akan di crawll, maka bisa saya pastikan artikel blog teman-teman tidak akan bisa menempati halaman-halamannya search engine semisal google. Tidak percaya? Silahkan dibuktikan saja, ya kecuali teman-teman menggunakan teknik Black Hat SEO yang sebelumnya telah saya postingkan.


Caranya ???


1. Sebelum membuat Title Post [Judul Artikel], maka sebaiknya kita bermain tebak-tebakkan sambil berimajinasi sendiri kata-kata apa yang akan pengunjung ketikkan,

2. Jika sudah ketemu, maka jadikan lah kata-kata tersebut sebagai Title Post [Judul Artikel] nya,

3. Ingat rumus yang di atas, kata-kata yang dipisahkan dengan tanda minus itu adalah Title Post yang telah diuraikan sedemikan otomatisnya oleh sistem search engine (hanya terdiri dari 5-6 kata), jadi pergunakanlah 5-6 kata pertama itu secara baik dan benar,

4. Selain itu juga, tempatkanlah keyword utama di awal paragraph pertama, tengah dan akhir tentunya dengan dibuat Bold atau cetak miring (jangan banyak-banyak, ntar dikira SPAM).


Ok, seperti itulah penjelasan saya tentang Title Post [Judul Artikel], Salah Satu Faktor Penentu Terindeksnya Blog. Masih banyak faktor lainnya sebagai pendukung optimalnya blog di mata search engine, bisa teman-teman lihat di bagian artikel terkait di bawah postingan ini. Jika masih ada yang kurang mohon dimaafkan dan silahkan tinggalkan komentar teman-teman. Semoga informasi ini bisa bermanfaat untuk teman-teman semua, salam :)

Black Hat SEO [Pengertian, Tujuan, Teknik dan Akibat]

Mungkin bukan untuk pertama kalinya teman-teman mendengar tentang Black Hat SEO, tapi bisa jadi hanya sekedar tahu dan kurang begitu memahaminya (saya juga lho), nah biar kita semua yang lagi sama-sama belajar ini sedikit mengenal lebih jauh lagi tentang Black Hat SEO ini, mari kita simak penjelasan mengenai Pengertian, Tujuan, Teknik dan Akibat dari Black Hat SEO di bawah ini.

Note:


Seperti yang saya ketahui bahwa setiap search engine memiliki aturan (TOS) yang jelas untuk sebuah web blog bisa menempati halaman pertama mereka, selain dengan cara yang natural (terindeks dengan sendirinya, melakukan optimasi onpage atau off page, promosi blog dengan baik dan benar), tapi Black Hat SEO adalah kebalikan dari semua itu.


1. Pengertian


Secara harfiah, Black Hat SEO diartikan sebagai suatu cara curang dalam memanuver segi Optimasi sebuah web blog agar bisa menduduki halaman pertama Searh Engine semisal google dan yahoo. Menurut informasi yang saya dapatkan dari hasil browsing kesana dan kemari, Black Hat SEO ini memang terbukti ampuh menjajaki halaman pertama search engine (yang secara tidak langsung dipaksa untuk bisa nangkring di sana tapi bukan secara natural dan optimasi pada biasanya).


2. Tujuan


Sesuai dengan pengertian tentang Black Hat SEO di atas, tentunya memiliki tujuan kenapa ada sebagian web blog yang menerapkan teknik ini. Tidak lain dan tidak bukan, tujuan utama dari Black Hat SEO adalah untuk menjadi raja dari peringkat dan halaman pertama search engine, tentunya dengan penempatan keyword yang dibuat dengan sedemikan rupa.


3. Teknik


Beberapa teknik yang biasa digunakan dalam Black Hat SEO:


a. Keyword Stuffing,

Teknik ini dilakukan dengan cara menaruh banyak kata kunci (keyword) dalam suatu halaman web blog (artikel) agar bisa menarik simpati dari search engine untuk bisa mengindeknya, dengan kata lain keyword ini dimasukan ke dalam suatu (contoh) artikel, padahal antara artikel, judul dan keyword tidak ada yang relevan.


b. Cloaking (halaman web blog palsu)
,
Teknik ini dilakukan untuk menipu search engine bot dengan cara membuat sebuah halaman serta isi konten yang palsu agar bisa menjaring pengunjung dengan cepat. Nah, perlu kita ketahui, saya contohkan ketika kita membuka suatu halaman web blog, maka yang kita buka itu adalah halaman yang sebenarnya tetapi ketika search engine yang mengunjunginya maka teknik cloaking yang berupa script ini akan memberikan halaman palsunya. (namun untuk cara cloaking ini saya kurang begitu memahami, karena saya sendiri tidak pernah menggunakan Black Hat SEO).


c. Invisible Keyword
,
Informasinya, teknik inilah yang paling banyak digunakan oleh para blogger, karena saya pikir memang cukup mudah, kita hanya perlu menaruh keyword yang banyak diantara kata-kata dalam suatu artikel (walaupun konten tidak relevan) lalu keyword tersebut di warnai sesuai dengan warna background web blog. Jadinya, keyword tersebut secara kasat mata tidak akan terlihat, tapi search engine bot tetap bisa melihatnya.


4. Akibat


Jika dari pengertian, tujuan dan teknik nya saja sudah melanggar aturan (TOS) search engine, maka akibatnya juga sudah bisa kita tebak. Walaupun dalam beberapa hari web blog bisa nangkrong di halaman pertama search engine, tapi setelah itu web blog tersebut akan di black list, lalu tidak akan diindeks lagi kemudian web blog akan masuk ke search engine sandbox dan bisa jadi akan di banned.


Tambahan lain seputar Black Hat SEO:


Secara umum teknik ini merupakan pelanggaran etika dalam mengoptimalkan sebuah web blog, karena orang awam pun tentunya tahu bahwa sesuatu hal yang tidak sama antara judul, konten dan keywordnya itu adalah sebuah penipuan.


Jika ada pertanyaan, terus kalau yang White Hat SEO nya bagaimana tuh? Ya ditunggu saja ya artikel saya yang selanjutnya :D Ok, kurang lebih itulah penjelasan seputar Black Hat SEO [Pengertian, Tujuan, Teknik dan Akibat]. Semoga informasi ini bisa di ambil manfaatnya. Salam.

Minggu, 25 Juli 2010

Cara Membuat Kolom Scroll Pada Blog Archive

Masih berkaitan dengan artikel sebelumnya tentang Kolom Scroll Untuk Komentar, maka kali ini kita akan Membuat Kolom Scroll Pada Blog Archive. Sama halnya dengan komentar yang apabila memiliki lebih dari 50 komentar, akibatnya akan membuat blog panjang ke bawah, nah Blog Archive ini pun sama.

Sewaktu teman-teman memposting suatu artikel dan di-archive-kan secara Hierarki dan Judul Artikelnya ditampilkan, maka semua artikel yang ada di Blog Archive tersebut akan tampil memanjang ke bawah. Nah untuk membuatnya terlihat sedikit rapi agar tidak memanjang terlalu ke bawah, maka kita akan membuat Kolom Scrollnya.

lihat pict



Untuk membuatnya silahkan ikuti langkah-langkah di bawah ini:

1. Login ke akun blogspot,
2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Widget Templates,

3. Cari kode berikut <div id='ArchiveList'> atau ArchiveList


Note
: Untuk menemukan kode <div id='ArchiveList'> atau ArchiveList maka teman-teman harus memasang Blog Archive nya terlebih dahulu dengan cara, klik Design/Rancangan >> Page Element >> Add a Gadget >> Blog Archive >> Save. Jika teman-teman sudah memasang Blog Archive nya maka langsung saja mencari kodenya tadi.

4. Selanjutnya tambahkan kode yang berwarna merah seperti di bawah ini:


....

<div class='widget-content'>

<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height: 200px; background-color: #FFFFFF;">

<div id='ArchiveList'>

<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>

</div>

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

...

5. Harap disesuaikan saja kodenya, karena tidak semua templates sama,

6. Untuk merubah tinggi kolom scrollnya, silahkan ganti pada kode
height: 200px,
7. Jika sudah klik Save templates dan lihat hasilnya.

Seperti itulah Cara Membuat Kolom Scroll Pada Blog Archive, semoga bisa bermanfaat untuk teman-teman semua dan selamat mencoba.

Cara Membuat Kolom Scroll Pada Komentar

Mengingat pentingnya kita menghemat space di dalam blog agar lebih terlihat rapi dan enak dilihat, maka pada tutorial kali ini saya ingin share tentang bagaimana Cara Membuat Kolom Scroll Pada Komentar.

lihat pict



Fungsi dari Kolom Scroll ini adalah untuk menghemat space blog, kareka ketika sebuah postingan teman-teman dikomentari oleh banyak orang maka semua komentar itu akan terlihat dropdown sepanjang jumlah komentar yang masuk.

Bisa dibayangkan apabila ada 50 lebih komentar, maka daftar semua komentar itu akan memanjang ke bawah dan membuat blog terlihat panjang ke bawah. Nah, untuk mengantisipasinya kita bisa menggunakan kolom scroll ini pada daftar komentarnya.


Langkah-langkah membuat kolom scrollnya bisa dilihat di bawah ini:


1. Login ke akun blogspot,

2. Klik Design/Rancangan >> Edit HTML >> Klik Centang Expand Widget Templates,

3. Lalu cari kode berikut: #comments h4 {

4. Kemudian copy paste kode di bawah ini persis berada di atas kode: #comments h4 {


#comments {
height:300px;

overflow:auto;

}


5. Untuk mengubah tinggi kolom scrollnya silahkan ubah height:300px nya sesuai dengan lebar post page atau blognya.
6. Jika sudah maka tinggal Save Templates dan lihat hasilnya.


Seperti itulah Cara Membuat Kolom Scroll Pada Komentar, semoga bisa bermanfaat dan selamat mencoba.

Cara Membuat Total Komentar di Title Post

Mungkin teman-teman pernah melihat Total Komentar pada suatu artikel di blog yang lain berada persis di samping Title (Judul) Post? Jika pada secara default, total komentar ini ada di bawah postingan (sederet dengan tanggal dan penulis) atau berada di bawah title (judul) post (sesuai dengan templates masing-masing blog), maka kali ini kita akan Membuat Total Komentar di Title Post.

Contohnya bisa teman-teman lihat di blog saya
ini atau bisa melihat gambarnya di bawah ini,

lihat pict



Bagaimana teman-teman? Tertarik untuk membuatnya? Jika iya, yuk ikuti langkah-langkahnya di bawah ini:


1. Login ke akun blogspot,

2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Template Widget,

3. Lalu cari kode berikut ini: <a expr:href='data:post.url'><data:post.title/></a>

4. Lalu copy paste semua kode di bawah ini persis berada di di bawah kode <a expr:href='data:post.url'><data:post.title/></a>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<img border='0' src='http://t0.gstatic.com/images?q=tbn:yMzo6KCieXf48M'/>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/></b:if></a>
</b:if>
5. Jika sudah, maka tinggal Save templates dan lihat hasilnya.


Seperti itulah Cara Membuat Total Komentar di Title Post, semoga bisa bermanfaat dan selamat mencoba.

Sabtu, 24 Juli 2010

Cara Memasang Sharing Is Sexy (Share This Post) di Blog

Ok, lanjut ke tutorial by request lainnya yaitu tentang bagaimana Cara Memasang Sharing Is Sexy (Share This Post) di Blog. Mungkin sebelum artikel yang ini saya sudah pernah membuat artikel yang serupa yaitu cara membuat share post mengunakan share pack, tapi beda pada icon nya saja dan tentunya widget Sharing Is Sexy yang kali ini lebih populer dipakai oleh para blogger.

Sharing Is Sexy atau Share Post ini adalah suatu kumpulan icon tombol otomatis untuk secara cepat mempublikasikan artikel di berbagai situs jejaring sosial semisal facebook, twitter, digg dan lain sebagainya. Menarik untuk di coba bukan? :)


Contohnya mungkin bisa teman-teman lihat di dalam blog saya ini atau bisa melihat gambarnya di bawah ini.

lihat pict



Untuk membuatnya silahkan ikuti langkah-langkah di bawah ini:


1. Login ke akun blogspot,

2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Widgets Template,

3. Cari kode ]]></b:skin>

4. Lalu letakkan kode di bawah ini persis berada di atas kode ]]></b:skin>

.sexy-bookmarks {
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat left bottom;
position:relative;
width:540px;
}

.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat right bottom;
position:absolute;
right:-17px;
}

.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}

.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}

.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;

}

.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
background:url('http://i44.tinypic.com/1znbj83.png') no-repeat !important;
}

.sexy-furl {
background-position:-300px top !important;
}
.sexy-furl:hover {
background-position:-300px bottom !important;
}
.sexy-digg {
background-position:-500px top !important;
}
.sexy-digg:hover {
background-position:-500px bottom !important;
}
.sexy-reddit {
background-position:-100px top !important;
}
.sexy-reddit:hover {
background-position:-100px bottom !important;
}
.sexy-stumble {
background-position:-50px top !important;
}
.sexy-stumble:hover {
background-position:-50px bottom !important;
}
.sexy-delicious {
background-position:left top !important;
}
.sexy-delicious:hover {
background-position:left bottom !important;
}
.sexy-yahoo {
background-position:-650px top !important;
}
.sexy-yahoo:hover {
background-position:-650px bottom !important;
}
.sexy-blinklist {
background-position:-600px top !important;
}
.sexy-blinklist:hover {
background-position:-600px bottom !important;
}
.sexy-technorati {
background-position:-700px top !important;
}
.sexy-technorati:hover {
background-position:-700px bottom !important;
}
.sexy-myspace {
background-position:-200px top !important;
}
.sexy-myspace:hover {
background-position:-200px bottom !important;
}
.sexy-twitter {
background-position:-350px top !important;
}
.sexy-twitter:hover {
background-position:-350px bottom !important;
}
.sexy-facebook {
background-position:-450px top !important;
}
.sexy-facebook:hover {
background-position:-450px bottom !important;
}
.sexy-mixx {
background-position:-250px top !important;
}
.sexy-mixx:hover {
background-position:-250px bottom !important;
}
.sexy-script-style {
background-position:-400px top !important;
}
.sexy-script-style:hover {
background-position:-400px bottom !important;
}
.sexy-designfloat {
background-position:-550px top !important;
}
.sexy-designfloat:hover {
background-position:-550px bottom !important;
}
.sexy-syndicate {
background-position:-150px top !important;
}
.sexy-syndicate:hover {
background-position:-150px bottom !important;
}
.sexy-email {
background-position:-753px top !important;
}
.sexy-email:hover {
background-position:-753px bottom !important;
}

5. Selanjutnya cari lagi kode <div class='post-footer'>

6. Lalu tambahkan kode di bawah ini persis berada di bawah kode <div class='post-footer'>

<div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'
/></li>

<li class='sexy-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'
/></li>

<li class='sexy-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'
/></li>

<li class='sexy-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'
/></li>

<li class='sexy-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'
/></li>

<li class='sexy-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/YOUR-FEEDBURNER-ID' title='Subscribe to RSS'/></li>

<li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'/></li>

</ul>
<span class='sexy-rightside'/></div>

7. Jika sudah selesai semua, klik Save templates.


Seperti itulah Cara Memasang Sharing Is Sexy (Share This Post) di Blog. Semoga bisa bermanfaat untuk teman-teman semua dan selamat mencoba. :)

Cara Membuat Buku Tamu Tersembunyi Untuk Shoutmix dan Cbox di Blog

Malam ini saya sedikit menyempatkan waktu walaupun sudah lumayan ngantuk [untung tadi sudah beli kopi sama cemilan, hahaha] untuk membuat tutorial by request dari salah satu sobat blogger yaitu tentang bagaimana Cara Membuat Buku Tamu Tersembunyi Untuk Shoutmix dan Cbox di Blog.

lihat pict



Mungkin teman-teman semua sudah sering melihat buku tamu tersembunyi ini ketika teman-teman semua melakukan blogwalking di blog lainnya, nah buku tamu itulah yang dimaksud, biasanya di taruh di sebelah kanan blog.

Buku tamu tersebut akan keluar ketika teman-teman klik gambar Buku Tamunya yang berwarna hijau itu dan akan tersembunyi lagi ketika teman-teman klik kembali gambarnya atau klik 'close/tutup'. Menarik bukan teman-teman untuk dicoba? Selain itu juga cara ini sedikit menghemat tempat di dalam blog.


Untuk cara membuatnya ikuti langkah-langkah di bawah ini:


1. Login ke akun blogspot,

2. Klik Rancangan/Design >> Page Element >> Add a Gadget >> HTML/Javascript,

3. Copy paste kan semua kode di bawah ini dan masukkan di dalam konten HTML/Javascript,

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

[Masukkan kode Shoutmix/Cbox teman-teman di sini]


<div style="text-align:right">
<a href="http://cantik-2013.blogspot.com/2010/07/cara-membuat-buku-tamu-tersembunyi.html">
[Make Your Own]
</a> by anggasona |<a href="javascript:showHideGB()">
[Close]
</a>
</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

4. Ganti tulisan yang berwarna merah dengan kode Shoutmix atau Cbox teman-teman semua,

5. Jika sudah lalu klik save dan lihat hasilnya.


Selamat, teman-teman sekarang sudah memiliki Buku Tamu Tersembunyi di dalam Blognya. Untuk merubah Emoticons di Cbox teman-teman bisa cek di sini, Cara Menambah Emoticons Di Cbox
Chat.

Kira-kira seperti itulah Cara Membuat Buku Tamu Tersembunyi Untuk Shoutmix dan Cbox di Blog. Semoga bisa bermanfaat dan selamat mencoba. Untuk request yang lainnya yang belum sempat saya postingkan harap bersabar ya, jika memang saya bisa dan sempat pasti akan saya buatkan tutorialnya :D

Jumat, 23 Juli 2010

Manfaatkan Google Warta Indonesia Untuk Mencari Keyword dan Topik Terbaru Untuk Update Artikel

Pernah tidak teman-teman semua mengalami kebuntuan ide seperti "kira-kira yang mau saya tulis hari ini sebagai topik artikel apa ya" ? Jujur, saya sendiri pernah seperti itu. Tapi jangan kawatir teman-teman, jangan takut kehabisan ide lagi sekarang, karena sudah ada salah satu solusi terbaiknya.

Nah, sebelum melangkah ke bagian selanjutnya, lebih baik kita simak sama-sama penjelasan saya berikut ini:

Tentu kita semua mau apabila blog yang tercinta ini dikunjungi oleh banyak orang bukan? :) Banyak sekali rahasia bagaimana menyikapi hal tersebut dan ini juga ada kaitannya dengan kehabisan ide untuk menulis artikel apa hari ini. Tidak ada topik di kepala tapi kita mau blog ini tetap ramai dikunjungi pengunjung (dan tidak melakukan blogwalking), tapi bagaimana bisa seperti itu? Sedangkan kita harus sadar bahwa blog kita ini akan bersaing dengan blog lainnya.


Logikanya seperti ini:

a. tidak ada ide --->> tidak ada artikel --->> pengunjung sepi --->> traffic turun

kebalikannya:

b. ada ide --->> buat artikel --->> pengunjung ramai ---> traffic naik

Tentunya kita mau donk menggunakan logika "b" bukan? :) Segala sesuatunya tergantung pada keyword apa yang akan kita buat, tentunya dengan memilih topik yang bagus pula, yang sedang hangat-hangatnya dicari orang saat ini. Kita sendiri harus bisa memahami apa yang orang cari, bukan cuma membuat artikel terus diposting dan dibiarkan begitu saja.

Logika lainnya:


Kira-kira apa yang dicari orang saat ini? Tentunya sebuah trend yang sedang hangat-hangatnya diberitakan. Kira-kira di mana orang tersebut bisa mendapatkan berita tentang trend tersebut selain melihat di televisi dan mendengar di radio? Tentunya lewat jasa internet browsing di search engine donk.


Nah, manfaatkanlah pertanyaan seperti itu dan temukan keyword yang sedang trend lalu jadikan ide untuk menulis artikel terbaru teman-teman.

Kembali lagi ke topik kehabisan ide tadi dan keyword apa yang tepat untuk posting artikel, saya menyarankan teman-teman semua menggunakan fasilitas Google Warta Indonesia untuk mencari ide segar teman-teman. Kenapa harus Google Warta Indonesia? Pada Google Warta Indonesia akan terdapat Topik Terbaru di Berita dengan beberapa keyword yang sedang hangat-hangatnya dan pastinya POPULER saat ini.

lihat pict



Pada kotak menu Jelajahi topik terbaru di berita (seperti gambar di atas yang dilingkari kotak warna merah), itu adalah keyword yang benar-benar dicari dari search engine dan secara fakta sedang diinginkan orang untuk membacanya. Jadi tidak ada salahnya jika teman-teman menggunakan salah satu dari RAHASIA AGAR BLOG RAMAI DIKUNJUNGI ini dan saya jamin teman-teman tidak akan kehabisan ide lagi, karena topik terbaru ini akan up to date setiap waktu.


Cek di sini [Google Warta Indonesia] untuk mendapatkan ide menulis topik untuk hari ini dan besok serta besoknya lagi. :D Semoga info ini bisa bermanfaat untuk teman-teman semua. :)

Baca juga Rahasia lainnya tentang:
1. 3 Cara Promosi Blog Yang Efisien dan Praktis Untuk SEO,
2. Tips Menaikkan Traffic Pengunjung Dengan Cara Sederhana Tapi Hasil Memuaskan.

Kamis, 22 Juli 2010

Jangan Sepelekan Blogwalking !!!

Tentunya teman-teman semua sudah tidak asing lagi mendengar kata Blogwalking di dalam blogosphere, yups... blogwalking ini sudah menjadi semacam ritual wajib untuk sebagian blogger untuk bisa saling berkomunikasi dan menaikkan traffic secara internal untuk blognya.

Nah, mungkin pada suatu waktu teman-teman pernah merasakan "ah tidak penting koq blogwalking, yang penting blog saya update terus itu sudah cukup koq" atau "blogwalking buang-buang waktu, capek". Saya sebenarnya tidak menyalahkan teman-teman koq apabila teman-teman pernah merasakan hal seperti itu, tapi bisa saya tebak hasilnya apabila teman-teman menyepelekan blogwalking, atau mungkin teman-teman mau tebak sendiri? :D


Ingat, seperti kata pepatah, "Kita bisa menjadi besar karena kita selalu memperhatikan hal yang kecil", jadi jangan sepelekan blogwalking walaupun itu menjadi hal yang kecil tapi manfaat yang bisa teman-teman ambil sangatlah besar.


Mau tahu manfaat blogwalking ??? Simak baik-baik di bawah ini:


1. Blogwalking akan mendongkrak traffic pengunjung ke blog, misalkan saja dalam sehari kita bisa blogwalking ke 20-50 blog dan dari kunjungan balik itu kita bisa dapat traffic minimal separuhnya 30 blog, itu juga belum termasuk ada blog lain yang melihat link blog kita dan mereka juga blogwalking di blog kita,


2. Blogwalking akan selalu menjaga tali silaturahmi antara sesama blogger,


3. Dengan blogwalking kita akan selalu mendapat teman sesama blogger yang baru dari seluruh dunia,


4. Dengan blogwalking kita akan selalu mendapatkan informasi terbaru dari blog-blog yang biasanya update setiap harinya, jadi sungguh disayangkan jika kita selalu melewatkan artikel bermanfaat setiap harinya,


5. Dengan blogwalking kita bisa mempromosikan blog dan artikel terbaru kita, bisa saling tukaran link, bisa saling follow, dengan cara menitipkan pesan di Cbox/Shoutmix yang biasa dipasang oleh para blogger.


Nah itulah 5 manfaat penting dari Blogwalking, mungkin masih banyak yang lainnya, tinggal teman-teman tambahkan saja dibagian komentar sesuai dengan pengalaman teman-teman selama terjun di blogosphere. Jadi, JANGAN SEPELEKAN BLOGWALKING !!! :)

4G84AF4CN56K

Rabu, 21 Juli 2010

Cara Membuat Tabel di Blog Menggunakan Google Documents [Tanpa Perlu Edit Kode HTML]

Mungkin pernah bagi teman-teman semua ketika sedang blogwalking atau nyasar ke blog lain menemukan sebuah tabel di dalam postingannya? Teman-teman mau membuatnya? Upss, tunggu sebentar, jangan langsung malas gitu donk, jangan dikira tutorial saya kali ini ribetnya setengah mati karena harus edit HTML dulu, tenang saja, jika ada cara yang mudah kenapa harus pakai cara yang sulit? betul betul betul ? :P

Ok, hari ini saya ingin share kepada teman-teman semua tentang bagaimana Cara Membuat Tabel di Blog Menggunakan Google Documents [Tanpa Perlu Edit Kode HTML]. Dari judulnya saja sudah menarik apalagi kalau teman-teman mau mempraktekkannya, hehehe.

Tutorial kali ini mungkin jarang-jarang teman-teman dapatkan walaupun search di Google dengan keyword "Membuat Tabel di Blog", pasti kebanyakan teman-teman akan menemukan tutorial yang harus edit HTML dulu, jadi rugi bila tidak mencoba share tutorial dari saya kali ini :D

Kelebihan Membuat Tabel di Blog Menggunakan Google Documents:

1. Kita tidak perlu capek dengan bahasa kode HTML,
2. Dari segi tampilan sama dengan tampilan spreedsheet Mic. Exel,
3. Tabel bisa diedit langsung di google document,

4. Lebar dan panjang baris maupun kolom mudah diatur, karena tidak perlu memahami kode HTML (tinggal diseret/digeser),
5. Teman-teman bisa atur jumlah baris dan kolom yang ingin ditampilkan dan yang tidak ingin ditampilkan.

Saya kasih contohnya aja dulu biar teman-teman bisa melihat hasilnya, lihat screeshootnya di bawah ini:


Wow, menarik bukan teman-teman? Yuk, ga usah berlama-lama, kita langsung saja ke tutorialnya:

1. Langsung login ke google documents,
2. Klik New dan pilih Spreedsheet,

lihat pict


3. Nah pada bagian ini, silahkan teman-teman buat data (isi) tabelnya, cara membuatnya sama ketika kita input data di spreedsheet Mic. Excel,

lihat pict


4. Jika sudah maka Save terlebih dahulu (klik menu File), dan beri nama pada file yang sudah teman-teman buat,

5. Langkah selanjutnya Klik Menu Share (ada di sidebar kanan atas) lalu pilih Publish As A Webpage,

lihat pict


6. Lalu pilih s
heet yang ingin teman-teman tampilkan, misal sheet 1 >> Beri contreng/centang pada Automatically republish after changes are made >> klik Start Publishing,

lihat pict


7. Kemudian masih
pada jendela yang sama, pada kolom pertama "Get a link to the published data" pilih HTML To Embed in A Page >> kolom kedua pilih Sheet 1 >> kolom ketiga (range baris dan kolom yang ingin ditampilkan), contoh all cells atau A11:D11,

lihat pict



8. Setelah selesai semua, sekara
ng tinggal copy paste semua kode nya dan bisa teman-teman taruh di dalam postingan blog, lalu teman-teman juga bisa atur panjang tabel dan lebarnya dengan merubah angka pada widht dan height yang ada dikode tersebut. Selesai.

Mudah bukan teman-teman? :) Ok, kira-kira seperti itulah Cara Membuat Tabel di Blog Menggunakan Google Documents [Tanpa Perlu Edit Kode HTML], silahkan dicoba dan semoga berhasil. Happy blogging.

Selasa, 20 Juli 2010

Ketahuilah 8 Hal Yang Harus Anda Hindari Saat Berpakaian

Hari ini saya ingin mengajak teman-teman semua untuk sedikit refresh ketika memasuki blog saya ini, mungkin hari ini saya tidak menyuguhkan teman-teman artikel yang berkaitan dengan Tutorial Blog ataupun Tips SEO, tapi tentang artikel apa yang baru saja saya baca di salah satu situs berita online terkemuka Indonesia, Kompas.com.

Yups, tujuan saya hanya ingin merefresh update informasi di dalam blog saya, karena saya sendiri sedikit bosan karena beberapa hari ini membuat artikel tentang Tutorial dan Tips Blog, tapi jangan kawatir teman-teman, informasi ini hanya sebagai selingan saja di blog saya ini :D


Ok, barusan saya baca tentang "Ketahuilah 8 Hal Yang Harus Anda Hindari Saat Berpakaian", nah apa yang menarik pada artikel yang ini? Ternyata sebagian besar dari kita semua terlalu menyepelekan cara/gaya berpakaian, bukan tidak mungkin malah asal-asalan, yang penting ada yang menutupi aurat itu sudah cukup, dan kemudian yang paling parah lagi banyak yang salah costum dan salah tempat :D


Yuk kita lihat artikel lengkapnya >>>


Apa yang membuat seseorang terlihat gaya? Beberapa orang mungkin berpikir gaya tergantung dari interpretasi seseorang, tetapi ada beberapa garis utama yang sebaiknya dihindari untuk memasukkan Anda ke dalam daftar salah kostum.


1. Salah ukuran


Ini sudah aturan umum. Kalau salah ukuran, sudah bisa dipastikan Anda tak akan terlihat gaya, meski busana yang dikenakan adalah tren terkini sekalipun. Jangan mencoba memaksa diri membeli busana yang satu ukuran lebih kecil dari seharusnya karena akan membuat Anda terlihat tidak menarik.


Saat ingin membeli baju di department store atau butik, selalu bawa dua ukuran ke dalam ruang coba, dan tenangkan diri. Pakaian tak selalu harus pas dikenakan pada tubuh Anda. Solusi termudah yang bisa Anda gunakan adalah mencoba pakaian incaran Anda dengan ukuran yang tepat di bagian terlebar tubuh, lalu sisanya bisa Anda bawa ke tukang jahit untuk dibuat lebih pas.

Pastikan Anda memiliki tukang jahit yang bagus. Memang, akan lebih mahal. Karenanya, patut dipertimbangkan pula kalau ada merek yang sedikit lebih mahal, tetapi terbuat dari bahan yang lebih bagus jatuhnya di tubuh Anda dan dengan ukuran yang lebih pas. Dengan begini, baju tersebut akan lebih sering Anda kenakan karena Anda merasa percaya diri dengan baju tersebut.


2. Warna solid dari atas hingga bawah


Tak ada yang salah dengan warna solid, namun, jika busana Anda dari atas sampai bawah hanya terdiri dari satu warna solid, tampilan Anda pun akan terlihat membosankan. Pola dan motif print akan membuat pakaian Anda terlihat lebih menarik. Lupakan apa yang terlihat "matching" atau terlihat cocok dengan satu sama lain.

Pilih blus berpola dan padankan dengan jins yang cantik, kemudian tutup dengan blazer yang warnanya solid. Atau, jika Anda mengenakan romper berwarna hitam dari atas hingga bawah, tambahkan perhiasan, seperti kalung bertumpuk, atau tas tangan yang cukup besar.


3. Mom Jeans


Mom jeans
adalah tipe celana yang pada zamannya banyak dikenakan oleh para ibu-ibu. Celana jins tipe ini umumnya berwarna biru cerah, dengan kancing di pinggang (bukan pinggul), lalu membesar di bagian bokong, kemudian sedikit mengerucut di bagian betis. Bentuknya sangat tidak nyaman dipandang, meski mungkin memang nyaman jika dikenakan ibu-ibu yang aktivitasnya seharian sangat sibuk ke sana-sini.

Tetapi meski sibuk pun Anda masih bisa tetap terlihat fabulous, kok. Coba kenakan celana jins yang berwarna biru gelap, mid-rise (kancing di pinggul), siluet pipa (straight leg), yang cocok untuk dikenakan siapa saja dengan bentuk tubuh apa pun. Anda mungkin perlu mencoba beberapa celana untuk menemukan yang paling tepat, bahkan mungkin harus membawanya ke tukang jahit untuk dipendekkan, tetapi menjadi ibu tak berarti harus kehilangan gaya, kan?


4. Baju olahraga


Anda tahu sweater yang suka dipakai para atlet untuk berolahraga? Memang terlihat dan terasa nyaman saat dikenakan untuk olahraga. Tetapi bukan berarti Anda bisa mengenakannya setiap hari ke mana pun Anda pergi. Mengenakan pakaian seperti ini akan membuat Anda "tak berbentuk", "tenggelam dalam pakaian", dan kasual berlebihan. Jika alasan Anda karena jaket olahraga (sweatshirt) itu adalah untuk membantu Anda menghangatkan tubuh yang sedang demam, Anda bisa mencoba berinvestasi dengan kardigan, sweater, atau baju ikat (wrap).


5. T-shirt untuk segala ukuran


T-shirt untuk segala ukuran (all size) sebenarnya tak cocok untuk ukuran siapa pun. Wanita butuh blus yang setidaknya menunjukkan sedikit lekuk, bukan kaus katun dengan potongan lurus yang sangat biasa. Wanita butuh kaus atau blus yang mengaksentuasi bentuk kujurnya, entah itu dengan kupnat di bagian dada atau di sisi blus.


6. Denim pada denim


Denim yang cantik dan bagus seharusnya bisa "bersinar" dan terlihat keren, asalkan dia dipasangkan dengan busana yang tepat. Jangan pernah memasangkan jins dengan jins. Celana jins dengan atasan denim juga, uh, sebaiknya jangan. Anda akan memudarkan kebagusan jins itu. Pilih salah satu, atasan atau bawahan jins, lalu padankan dengan bahan yang lain.


7. Tas kecil berlogo merek ternama


Jangan memaksakan diri Anda untuk mengenakan tas yang sangat kecil hanya karena ia memiliki logo suatu merek ternama, semata-mata demi gengsi karena berkesan "mahal". Pada kenyataannya, orang-orang akan berpikir bahwa Anda hanya mampu membeli yang kecil saja. Karenanya, jika itu bukan image yang ingin Anda tampilkan, Anda tak perlu memamerkan label untuk merasa nyaman dengan penampilan Anda. Berinvestasilah pada tas yang ukurannya cukup besar tetapi bisa menunjang penampilan juga, dengan atau tanpa logo kenamaan.


8. Warna beige


Warna beige (krem atau kuning pucat kurang) cenderung membuat tampilan wajah terlihat pucat. Lebih parahnya lagi, malah seringkali membuat ketidaksempurnaan pada wajah makin terlihat, seperti lingkar hitam di bawah mata, kemerahan pada kulit wajah. Warna yang terang dekat wajah akan mengeluarkan warna make-up Anda.


Nah loh, gmn tuh sobat, hehehe, apa ada yang mengalami kasus sperti ini? Belum terlambat untuk merubah itu, termasuk saya sendiri kayaknya tuh, hahaha... Oke deh kalau begitu, keep share and happy blogging untuk sobat semua :)

Senin, 19 Juli 2010

Cara Membuat Artikel Terkait - Related Post Part II [With New Style]

Met siang teman-teman semua, hari ini saya ingin share kembali tentang bagaimana Cara Membuat Artikel Terkait - Related Post Part II [With New Style]. Sebenarnya ini adalah tutorial blog by request dari sobat Endigolabs dan kebetulan juga saya ada waktu langsung saja saya postingkan tutorial nya hari ini.

Ok, jika sebelumnya saya juga telah membuat tutorial tentang bagaimana Cara Membuat Artikel Terkait Dengan Kolom Scroll Down di Bawah Postingan Blogspot, maka anggap saja tutorial kali ini adalah Update terbarunya, hehehe.

Fungsi dari pemasangan Artikel Terkait ini di dalam blog adalah untuk meningkatkan/menaikkan pageview blog kemudian untuk menampilkan artikel-artikel kita yang lama namun masih terkait dengan artikel baru yang masih 1 label.

Keistimewaan Artikel Terkait Part II With New Sytle ini adalah tentu
dari penampilan lebih terlihat FRESH (segar dilihat) lalu akan memunculkan artikel dari label yang lainnya jika kita membuat 1 postingan dengan 2 label. Lalu saya edit sedikit scriptnya biar judul dari Artikel Terkait nya bisa kedap-kedap alias blink-blink sehingga para pembaca bisa melihat dan tertarik untuk membaca Artikel Terkait lainnya yang ada di dalam blog.

lihat screenshoot


Mantab toh? Keren toh? hahaha.

Ok, langkah-langkahnya adalah sebagai berikut:

1. Login ke akun blogspot teman-teman >> Design/Tataletak >> Edit HTML >> klik check box Expand Template Widget,


2. Cari kode: ]]></b:skin>

3. Lalu copy paste kode dibawah ini persis berada di atas kode ]]></b:skin>


/* Kode CSS untuk Artikel Terkait */
#underpost{
font-family:Arial, Tahoma, Verdana, Sans-serif;/* Jenis font. */
font-size:small;/* Ukuran font. */
color:#0080FF;/* Warna teks. */
background:#81BEF7;/* Warna latar belakang. */
clear:both;
float:left;
width:410px;/* Lebar area artikel terkait. Sesuaikan dengan lebar main-wrapper (kolom posting) anda. */
-moz-border-radius:10px;
border:0;
height:auto;
margin:0 auto;
padding:10px;
}
#underpost h2{
font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;/* Jenis font heading. */
font-size:large;/* Ukuran font heading. */
color:#0080FF;/* Warna teks heading. */
margin-bottom:5px;
border-bottom:1px solid #0080FF;/* Warna garis pembatas dibawah teks heading. */
padding:0 0 5px;
}
#underpost a,#underpost a:link,#underpost a:active,#underpost a:visited{
color:#0B243B;/* Warna link */
text-decoration:none;
}
#underpost a:hover{
text-decoration:underline;
}
#artikel-terkait{
overflow:auto;
width:auto;
height:400px;/* Tinggi dari artikel terkait */
padding:10px;
}

4. Lalu cari kode ini lagi: <p><data:post.body/></p>


5. Copy paste kan kode di bawah ini persis berada di bawah kode <p><data:post.body/></p>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='underpost'>
<div class='similiar'>

<div class='widget-content'>
<h2><blink>Artikel Terkait Lainnya Seputar:</blink></h2>
<div id='artikel-terkait'>
<div id='relposts'/><br/><br/>
<script type='text/javascript'>

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

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

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

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
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 &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;relposts&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
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 = &quot;<data:label.name/>&quot;;

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

</div>
</div>
</b:if>

6. Jika sudah maka tinggal klik Save Templates dan lihat hasilnya.


Note:
a. Teman-teman bisa ubah untuk tinggi dan lebarnya kolom dengan melihat keterangan yang ada di dalam kode,
b. Untuk merubah kode warna background dan lain-lain silahkan lihat di sini Kode Warna,

NB:
Saya tambahkan sedikit pict antara Artikel Terkait yang lama dengan yang sekarang saya buat, sehingga teman-teman bisa melihat perbedaannya.

pict Artikel Terkait 1 (kolom scroll down)


pict Artikel Terkait 2 (with New Style)



Kira-kira seperti itulah Cara Membuat Artikel Terkait - Related Post Part II [With New Style], semoga bisa bermanfaat dan selamat mencoba.

Minggu, 18 Juli 2010

Cara Menambah Emoticons di Cbox Chat (Smile Icons)

Lanjut pada tutorial berikutnya, jika sebelumnya juga saya sudah membuat postingan tentang Cara Memasang Background Images di CBOX Chat, nah pada hari ini saya mau share tentang bagaimana Cara Menambah Emoticons di Cbox Chat (Smile Icons). Fungsi menambah Emoticons ini di Cbox Chat milik teman-teman tentunya akan menambah menarik tampilan Cboxnya karena akan ada Emoticons yang lebih atraktif ketimbang menggunakan Emoticons Cbox yang default.

Untuk menambahkan Emoticons nya ini juga terbilang sangat mudah, hanya perlu semangat aja untuk membuatnya, hehehe. Untuk contohnya teman-teman bisa melihat Cbox Chat punya saya yang ada di sidebar blog ini.

Ok, langkah-langkahnya sebagai berikut:

1. Buka new tab di jendela browser baru kemudian langsung saja menuju ke alamat ini: http://www.addemoticons.com/ (masih banyak situs lain yang menyediakan emoticons / smile icon, tapi saya mencantumkan 1 situs saja sebagai contoh tutorial),

NB: Untuk melihat emoticon Kaskus cek http://www.kaskus.us/misc.php?do=getsmilies&editorid=vB_Editor_001

2. Pilih dulu beberapa emoticons yang menurut teman-teman paling bagus,

3. Jika sudah standby dulu di situs tersebut, lalu masuk ke langkah selanjutnya yaitu memodifikasi Emoticons Cbox chat teman-teman dengan cara >> Login ke akun Cbox teman-teman >> Options >> Smile,

lihat pict



4. Setelah itu teman-teman akan masuk ke halaman Edit Emoticons Cboxnya,


5. Delete terlebih dahulu semua Emoticons defaultnya dengan cara klik tanda X,

6. Kemudian ganti kode (Code) dengan beberapa kode yang biasa digunakan, contoh bisa lihat di bawah ini:


:), :D, =)), sobat, blogwalking/jalan-jalan, berkunjung, baca-baca, award, ok, :P, cool


Selanjutnya bisa teman-teman modifikasi sendiri, jika lupa kodenya bisa teman-teman lihat Yahoo Messenger Smile Icons. Untuk lebih jelasnya bisa lihat pict di bawah ini (klik gambar untuk memperbesar),



7. Sekarang kita ganti alamat Url emoticonnya sesuai dengan kode emoticonnya dengan cara klik kanan di gambar emoticonnya lalu klik View Image, nah teman-teman ambil alamat Url imagenya dan taruh di kolom Url pada bagian Edit Emoticons,


lihat pict



8. Untuk melihat perubahan gambar Emoticonnya klik Enter,


9. Jika sudah selesai semua, lalu klik Save,


10. Sekarang kita akan lanjut untuk memasang Cbox Chat barunya (Cbox yang baru saja diedit tadi) ke dalam blog dengan cara klik Publish >> Copy Paste kode script Cbox barunya ke dalam konten HTML/Javascript (Add a Gadget) >> Save.


Jangan kawatir, semua archive pesan dari teman-teman yang lain tidak akan hilang, asalkan teman-teman melakukan edit Cbox pada akun Cbox yang teman-teman gunakan.


11. Selesai dan lihat perubahan Emoticons barunya pada Cbox Chat teman-teman.


Kira-kira seperti itulah Cara Menambah Emoticons di Cbox Chat (Smile Icons), semoga bisa bermanfaat untuk teman-teman semua dan selamat mencoba, semoga berhasil. :D