Sabtu, 31 Desember 2011

Meta Tag Paling Super Ampuh ala Kamu-Klik

Meta tag merupakan salah satu bagian terpenting dalam SEO. Meta tag berfungsi sebagai informasi blog yang nantinya akan di catat oleh mesin pencari sebagai tolok ukur untuk mengi-ndex. Banyak artikel yang telah membahas tentang bagaimana menyusun meta tag yang baik agar blog kita menjadi optimal dan disukai oleh mesin pencari.


Yang akan saya bahas disini bukan meta tag yang biasa dibahas pada blog2 lain di luar sana, meta tag ini adalah meta tag punya KamuKlik sendiri..  Meta tag ala KamuKlik ini berbeda dengan kebanyakan, saya merangkum meta tag yang saya peroleh dari berbagai sumber, dan meng-otak atiknya sendiri..saya beberapa kali merubah-rubah meta tag saya sendiri, sampai saya menemukan meta tag yang paling optimal.
Kita tentu bagian2 dari meta tag yang paling utama, yakni meta title, meta description, dan meta keyword.
Ketiga meta tersebut paling berpengaruh terhadap mesin pencari. Meta tag adalah bagian dari SEO On Page yang sangat vital. Sebagai contoh coba kamu tekan Ctrl+U pada halaman/page ini dan bandingkan dengan halaman depan (Home Page).
Naah.. berikut tips agar meta tag menjadi dinamis dan optimal, agar blog  mudah dikenali dan disukai mesin pencari seperti google, yahoo search, bing, dll. Silakan kamu copy paste meta tag ala KamuKlik dibawah ini, dan letakan sesudah atau setelah kode <head>

<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<meta content='DESKRIPSI BLOG KAMU' name='description'/>
<meta content='KEYWORD UTAMA DI HALAMAN DEPAN/HOME PAGE' name='keywords'/>
<meta content='kamu-klik.blogspot.com' name='subject'/>
<meta content='MENGGAMBARKAN BLOG KAMU (MIRIP DESKRIPSI)' name='Abstract'/>
<b:else/><b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<meta expr:content='data:blog.pageName + &quot;DESKRIPSI HALAMAN YANG SEDANG DIBUKA&quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot;KEYWORD HALAMAN YANG SEDANG DIBUKA&quot;' name='keywords'/>
<meta expr:content='data:blog.pageName' name='subject'/>
<meta expr:content='data:blog.pageName' name='Abstract'/>
<b:else/>
<title><data:blog.pageTitle/></title>
<meta expr:content='data:blog.pageName + &quot;DESKRIPSI HALAMAN YANG SEDANG DIBUKA&quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot;KEYWORD HALAMAN YANG SEDANG DIBUKA&quot;' name='keywords'/>
<meta expr:content='data:blog.pageName' name='subject'/>
<meta expr:content='data:blog.pageName' name='Abstract'/>
</b:if>
</b:if>
<title><data:blog.pageTitle/></title>
<meta content='http://kamu-klik.blogspot.com' name='copyright'/>
<meta content='Asrul Nur Rahim' name='author'/>
<meta content='UTF-8' name='Charset'/>
<meta content='Global' name='Distribution'/>
<meta content='General' name='Rating'/>
<meta content='INDEX FOLLOW' name='Robots'/>
<meta content='1 days' name='revisit'/>
<meta content='1 Days' name='Revisit-after'/>
<meta content='ID' name='language'/>
<meta content='ID' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='global' name='target'/>
<meta content='index,follow,snipet' name='googlebot'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='Scooter'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='alexabot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>

Catatan:
- Ganti tulisan yang berwarna merah sesuai dengan blog kamu.
- Ganti tulisan warna biru  sesuai dengan posisi, bahasa, dan lokasi kamu. Bila blog kamu berbahasa Inggris, maka yang ini <meta content='ID' name='language'/> bisa dihilangkan.

Jadi kamu bisa menentukan sendiri deskripsi dan keyword untuk halaman depan/home page dan halaman yang sedang kamu buka/page.
Adhitya Rachman Blogger, SEO
Jumat, 30 Desember 2011

Cara Memasang Tombol Like Versi KamuKlik

Ingin tahu caranya membuat tombol like versi KamuKlik seperti ini ? yap, facebook like versi kamu-klik ini lebih ringan dari pada facebook like box yang kita kenal sebelumnya yg pernah saya bahas juga, silakan cek Disini. Loading blog jadi lebih ringan.. karna memang saya sendiri sangat suka dengan blog yang loadingnya ringan dan cepat.

Okelah kalau begitu langsung saja ikuti cara-caranya Memasang Tombol Like versi KamuKlik:

1. Kunjungi halaman http://developers.facebook.com/docs/reference/plugins/like/

2. Kustomisasi Tombol Like sesuai keinginan Anda.

Facebook Page URL: isikan dengan URL Page Anda. Buat yang belum membuat Halaman/Page/Fans Page, bisa dilihat disini.
Send Button
Width: isikan nilai lebar Like Box dalam piksel, disesuaikan dengan lebar sidebar blog Anda.
Color Scheme: pilih light untuk tampilan terang atau dark untuk tampilan gelap.
Show Faces: beri tanda centang bila ingin menampilkan foto para fans Anda.
Border Color: isikan dengan kode warna jika ingin memberi border.
Show Stream: Beri tanda centang bila ingin menampilkan posting terakhir di Like Box.
Show Header: beri centang bila ingin menampilkan tulisan "Find Us on Facebook".
Anda dapat melihat pratinjaunya di sebelah kanan.


3. Bila sudah selesai, silakan klik tombol Get Code.

4. Kemudian akan muncul jendela dengan dua pilihan kode, silakan pilih kode jenis IFRAME dan copy kodenya.



5. Masuk ke akun Blogger Anda.

6. Klik Rancangan > Elemen Laman > Tambah Gadget.

7. Pilh HTML/JavaScript.

8. Berikan judul jika Anda mau.

9. Paste kode tadi di kolom Konten.

10. Klik tombol SIMPAN.

11. Pindahkan elemen ke tempat yang Anda inginkan.

12. Klik tombol SIMPAN.

 Semoga bermanfaat :)

UPDATE: terima kasih buat muhammad habieb yang telah berkomentar dibawah, yg mungkin gag sadar mengingatkan saya, karna komentarnya yg katanya tidak bisa.. oke saya jelaskan.. sebelum mengklik Get Code, kamu jgn mencentang Send Button, contoh gambarnya berikut

naah.. baru kamu klik Get Code, lalu kamu pilih yang INFRAME saja.. setelah itu copy, dan pasang di blog sobat.. :)


Adhitya Rachman Blogger, Facebook Trick

Kode Emoticon Chat Facebook Unik Terbaru

Hallo pemirsa dimana anda berada, bertemu lagi dengan saya, blogger terganteng sepangjang masa dunia akhirat, tak tertandingan sepanjang masa, amin. Hehehe *hueeks*  berasa apa looh.. wkwk..
yap, pada kesempatan kali ini saya akan membagikan trik-trik facebook yang super menarik pemirsaa.. haha.. yakni, tentang Emoticon Chat Unik Facebook Terbaru.. penasaran ? okelah langsung saja.. kita sambuuutt... *nah loh.. maksudnya langsung saja kamu copy kode2 dibawah ini, terserah kamu mau pilih yang mana, dibawah ada banyak pilihan koq.. copy kodenya lalu pastekan ke tempat chat yang ada di facebook.. mudah banget kan ? hehe..



BLOGGER U MAD


[[291152600919956]] [[295479677155336]] [[314363058604092]]
[[262834777109378]] [[189006671194968]] [[263319493729810]]
[[251236504943440]] [[287904934588441]] [[185961414833909]]


POKER FACE

[[258968244165876]] [[286666501379430]] [[262520713809098]] [[159049157536013]] [[307904395916212]]
[[225447050864310]] [[209926462425564]] [[138411019605305]] [[221670374577056]] [[154671737968862]]
[[138007062977844]] [[291747794194724]] [[122952454488304]] [[337561022923016]] [[288878907831075]]
[[240630206008013]] [[264223330304357]] [[319462458078703]] [[239286912807413]] [[288721814513254]]
[[265575850170635]] [[345354905481875]] [[209004679185391]] [[259785247417432]] [[159480014157666]]
[[267428346644787]] [[239034746168540]] [[350046018344350]] [[209260572491236]] [[198316980259626]]
[[310959705610393]] [[214054278676095]] [[200638253359905]] [[334455703231303]] [[158066514298630]]

KUCING


[[265434590178748]] [[164991926934921]] [[209695692449988]] [[250490361685507]] [[278968458819422]] [[349625665051383]] [[205760419511603]]
[[312189672135533]] [[299788346731384]] [[268532783202434]] [[266669970059695]] [[204170799672068]] [[187204144709527]] [[331078983588306]]
[[149240955184679]] [[206407216112871]] [[240669959335314]] [[180619528702085]] [[347768705240557]] [[186661331430535]] [[218646048216424]]
[[344875905539434]] [[328111047214223]] [[323186421038846]] [[157802940990663]] [[159535350818164]] [[296581710385765]] [[271261609598535]]

TRUE STORY


[[159403400834378]] [[297487363621407]] [[1156068411]] [[135921843188987]] [[281219301903813]] [[199562043466774]]
[[295738517127851]] [[155658844536513]] [[209549519130890]] [[142176999226854]] [[246689415397308]] [[199562043466774]]
[[238766052862259]] [[307299595976209]] [[217652968315422]] [[189042331191521]] [[286721874712929]] [[344476392245488]]
[[208520335900424]] [[280378908678680]] [[289772571069549]] [[271456079578545]] [[316530365035101]] [[288356997877538]]
[[291702580880362]] [[165637363538400]] [[150244831751625]] [[241130952627573]] [[120930761357725]] [[325867137432308]]
[[154842501286195]] [[286053358112869]] [[149316288510313]] [[250243511707871]] [[291635414215481]] [[344254632266885]]
[[276412539074685]] [[131586963624296]] [[333374550025341]] [[327570193933422]] [[199699430120687]] [[136021593179546]]

EMOTICON KASKUS

Kaskus Repost: [[243344945733611]]
Kaskus Maho: [[mahochat]]
Kaskus Bingung: [[205827876172490]]
Kaskus Like: [[261018420628968]]
Kaskus Nope: [[328740787138287]]
Kaksus Capedehh: [[296027833771776]]
Kaskus 4L4y: [[311851138846391]]
Kaskus Ngakak: [[guengakak]]
I Love Kaskus: [[203443053077888]] 

LAINNYA 


[[171108522930776]] - Troll face
[[211782832186415]] - Me Gusta
[[143220739082110]] - ARE YOU FUCKING KIDDING ME
[[1680408465586189]] - Feel like a sir
[[169919399735055]] - Not bad Obama
[[142670085793927]] - Mother of God
[[170815706323196]] - Cereal Guy
[[168456309878025]] - LOL Face
[[167359756658519]] - NO Guy
[[14933336846417]] - Yao Ming
[[224812970902314]] - Derp
[[192644604154319]] - Derpina
[[177903015598419]] - Forever Alone
[[148578318584679]] - It's Okay!
[[219611504753863]] - ALL the y
[[305710872791586]] - Impossibruh
[[145768898802324]] - Rage Face
[[309795212383816]] - Watch out, badass
[[129627277060203]] - Poker face
[[67253243887]]     -    Justin Bieber
[[ladygaga]]          -        Lady GaGa
[[eminem]]          -          Eminem
[[zuck]]            -             Mark Zuckerberg
[[105387672833401]] - FUCK YEAH
[[161751797197606]] - CHUCK NORRIS
[[129627277060203]] - POKER FACE
[[100002727365206]] - CHALLENGE ACCEPTED
[[139407806171115]] - Dislike Icon
[[333181686710881]] - Like Icon
[[180601488705317]] - Inverted Like Icon

TOKOH KARTUN TERKENAL


[[249199828481201]] - Konata Izumi
[[250128751720149]] - Domo Kun
[[223328504409723]] - Gintoki Sakata
[[236147243124900]] - Pokeball
[[326134990738733]] - Pikachu
[[155393057897143]] - Doraemon
[[224502284290679]] - Nobita
[[144685078974802]] - Mojacko
[[334954663181745]] - Spongebob
[[196431117116365]] - Shin chan
[[148935948523684] ] - Pedo Bear
[[269153023141273]] - Poring
[[332936966718584]] - Hello Kitty
[[252497564817075]] - Kerokeroppi
[[297354436976262]] - Santa Claus
[[157680577671754]] - Angry Bird

HURUF

[[196920740401785]] - A
[[113544575430999]] - B
[[294715893904555]] - C
[[294660140569858]] - D
[[328415510520892]] - E
[[270221906368791]] - F
[[212614922155016]] - G
[[205633882856736]] - H
[[256255337773105]] - I
[[288138264570038]] - J
[[296999947008863]] - K
[[216672855078917]] - L
[[278786215503631]] - M
[[241341589270741]] - N
[[312524205448755]] - O
[[200138403410055]] - P
[[165410113558613]] - Q
[[203403609746433]] - R
[[334427926570136]] - S
[[250632158335643]] - T
[[285985351447161]] - U
[[343627398996642]] - V
[[315740851791114]] - W
[[136342506479536]] - X
[[224173507657194]] - Y
[[317710424919150]] - Z

PROFIL FACEBOOK

[[NAMA ID FACEBOOK ANDA]]  <= Yang bakal muncul foto profil kamu

SITUS WEB

[[NAMA SITUS WEB]  <= Misalnya kamu pilih Youtube, Twitter, Facebook, dll. maka yang akan terlihat adalah favicon dari web tsb..

BROWSER

[[firefox]]
[[googlechrome]]
[[opera]]
[[safari]]
[[flock]]
[[internetexplorer]]

yaa.. selamat mencoba, semoga bisa bermanfaat untuk kita semuaa.. daah.. :D
Adhitya Rachman Facebook Trick

Widget Menu Tab View Termudah Untuk Blogger

Tentu kamu tau kan apa itu Widget Menu Tab View ? Belum tahu ? ini nih yang namanya menu tab view, silakan lihat gambarnya dibawah.. atau kamu bisa melihat menu tab view pada blog ini..





Oke, sekarang saya jelaskan kenapa postingan ini saya beri judul menu tab view termudah.. yap, karna yang bakal saya bahas disini adalah widget menu tab view termudah yang saya gunakan.. tidak ribet pemasanganya seperti menu tab view kebanyakan yang biasa dibahas di luar sana.. yang membahas tentang memasang menu tab view dengan CSS dan jQuery, bla bla bla.. lalu kamu disuruh memasang kode2 yang akan di masukan ke dalam menu tab view tersebut satu persatu secara manual.. ribet banget bukan ?
Naah.. cara membuat menu tab view ini lebih mudah pemirsaa.. kamu cukup menambahkan kode menu tab view dengan cukup menambahkan widget baru (Add Gadget).


Cara Membuat Daftar Menu/Isi Di Sidebar Blog :
1.  Login ke dashboard blogger anda.
2.  Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript).
3. Copy script dibawah ini dan paste pada gadget.

    
     <style type="text/css">
    .tabber {
     padding: 0px !important;
     border: 0 solid #bbb;
    }
    .tabber h2 {
     float: left;
     margin: 0 1px 0 0;
     font-size: 12px;
     padding: 3px 5px;
     border: 1px solid #bbb;
     margin-bottom: -1px;
     overflow: hidden;
     position: relative;
     background: #e0e0e0;
     cursor:pointer;
     -moz-border-radius:5px 5px 0 0;
     border-radius:5px 5px 0 0;
    }
    html .tabber h2.active {
     background: #fff;
     border-bottom: 1px solid #fff;
    }
    .tabber .widget-content {
     border: 1px solid #bbb;
     padding: 10px;
     background: #fff;
     clear:both;
     margin:0;
    }
    .codewidget, #codeholder {
     display:none; {
    </style>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
    <script type="text/javascript" src="http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bloggertabs0.1_min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
     $('#codeholder').bloggerTabber ({
      tabCount : 3
     });
    });
    </script><!-- Jangan hapus kode dibawah, agar widget bisa berfungsi --><div id='codeholder'><a href="http://www.bloggersentral.com/2011/05/create-tabbed-content-blogger-widgets.html" target="_blank"></a><p>Get this <a href="http://kamu-klik.blogspot.com/2011/12/widget-menu-tab-view-termudah.html" target="_blank"><blink>widget</blink></a></p></div>

4. Apabila sudah di paste, kamu klik SIMPAN

Apabila kamu sudah menambahkan kode menu tab view di atas, maka kamu cukup mengatur widget2 mana yang ingin kamu masukan, cara penambahannya cukup simple dan mudah, taruh atau geser widget yang ingin kamu tambahkan ke bawah widget menu tab view tsb. silakan lihat gambar di bawah ini:


Simpan, dan lihat hasilnya :D
bagaimana pemirsa ? mudah banget bukan ? hehe.. silakan di coba daah.. semoga bermanfaat yaa :)
Adhitya Rachman Blogger, Widget Keren
Kamis, 29 Desember 2011

BONGKAR PASANG SENDIRI BLACKBERRY GEMINI CURVE 8520 DAN ONYX 1/2

Satu waktu tak sengaja saya melihat BB Gemini Curve 8520 punya mantan pacar saya tersimpan di atas meja kamar saya. Lalu iseng saya ambil dan saya buka-buka. (barangkali ada sms yang aneh-aneh, pikir saya, tapi ternyata tidak ada, he he) Hanya saja saya perhatikan casingnya sudah tidak mulus lagi. (sudah banyak goresan-goresan)
Lalu saya kepikiran untuk mengganti casingnya. Tapi gimana caranya? tanya saya dalam hati. Saya membayangkan mengganti casing BB Gemini Curve 8520 pasti akan sangat susah.

Masih dalam waktu yang bersamaan, tiba-tiba saja BB Onyx 2 saya terjatuh ke lantai. Saya perhatikan selain ujung atas bagian kanan casingnya retak, di permukaan LCDnya pun tampak 2 garis pendek-pendek. Waduh, waduh, parah, gumam saya. BB kesayangan saya ternyata ga kepalang, selain harus ganti casing harus ganti LCD pula. 
Tanpa ditunda-tunda lagi lalu saya pergi ke counter seluler terlengkap di kota saya untuk membeli casing BB Gemini Curve 8520 dan Onyx 2 plus LCDnya. Urusan bongkar pasangnya belakangan, pikir saya. Bayangan susahnya bongkar pasang casing BB onyx 2 saya abaikan. 
Alhamdulillah, apa yang saya butuhkan tersedia di counter selular yang saya sambangi.

Seperti biasa, untuk mencairkan kebingungan saya tentang cara bongkar pasang casing BB Gemini curve 8520 dan Onyx 2 (juga cara mengganti LCD Onyx 2), saya pun berkonsultasi dengan Mr. Google. Nah ternyata caranya gampang banget. Coba simak 2 video tutorial di bawah ini :




PUNYA NYALI UNTUK MENCOBA??
Unknown BlackBerry
Rabu, 28 Desember 2011

Cara Membuat Widget Daftar Menu Blog Otomatis


Cara Membuat Widget Daftar Menu Blog Otomatis  - Daftar menu blog yang biasanya ditempatkan pada sidebar blog ini ada juga yang menyebutnya dengan table of content. Cara membuat table of content ini sedikit berbeda dengan daftar isi blog otomatis yang pernah saya posting sebelumnya. Pada widget daftar menu otomatis ini sudah dilengkapi fungsi scroll dan pengunjung blog anda dapat mempercepat pencarian artikel dengan menggunakan opsi pilihan label, title, tanggal posting serta dapat juga menampilkan seluruh isi blog jika kita memilih opsi “All label”. Pada script daftar menu blog yang mau saya share ini, mampu menampilkan sampai max 500 halaman posting. Jika blog anda sudah memiliki lebih dari 500 halaman posting, tinggal diganti saja angka 500 dengan angka 1000 beres !. Dan satu lagi kelebihannya : jika anda mengklik icon panah hitam yang ada didepan judul posting, maka akan memunculkan ringkasan artikel tersebut sepanjang 250 kata. Klik kembali icon panah tersebut untuk menyembunyikan ringkasan.



Cara Membuat Daftar Menu/Isi Di Sidebar Blog :
1.       Login ke dashboard blogger anda.
2.       Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript).
3.       Copy script dibawah ini dan paste pada gadget.

<div style="background:#FFFFFF; no-repeat scroll 0 0; border:2px solid #FFFFFF;height:310px; overflow:auto; padding:10px; width:260px;">
<div id="cl_option">
Loading... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan = 250;
</script>
<script src="http://raihanun.googlecode.com/files/DaftarMenuOtomatis.js">
</script>
<script src="http://kamu-klik.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=500">
</script></div>Get this <a href="http://kamu-klik.blogspot.com/2011/12/widget-daftar-menu-blog-otomatis.html" target="_blank"><blink>widget</blink></a>

4.       Silahkan edit pada lebar (width) dan tinggi (height) pada script ini untuk menyesuaikan dengan lebar sidebar blog anda. Dan ganti juga nama blognya dengan nama blog anda.
5.       Save / Simpan.

Cukup mudah bukan cara membuat widget daftar menu blog ini ? yap, semoga bermanfaat :)
Adhitya Rachman Blogger, Widget Keren
Selasa, 27 Desember 2011

Cara Memasang Widget Random Posts/Artikel Acak

Widget Random Posts merupakan widget atau gadget yang dapat menampilkan daftar judul posting blog kita secara acak. Karena ditampilkan secara acak maka posting blog kita yang telah lalu-lalu dapat muncul di sini. Dengan demikian para pengunjung dapat melihat kembali beberapa judul posting blog kita yang sudah lama. Bila mereka tertarik dengan judul posting tersebut dan membacanya, maka hal ini berarti dapat meningkatkan page view blog kita.
Nah, bila Anda tertarik untuk memasang widget random posts ini di sidebar blog Anda, silakan simak langkah-langkahnya di bawah ini.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Elemen Laman > Tambah Gadget.

3. Pilih HTML/JavaScript.

4. Beri judul sesuai keinginan Anda.

5. Copy kode di bawah ini dan paste di Konten.

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&
callback=randomposts" type="text/javascript"></script>Get this <a href="http://kamu-klik.blogspot.com/2011/12/cara-memasang-widget-random-posts.html" target="_blank"><blink>widget</blink></a>

  • var numofpost=10, angka 10 menunjukkan jumlah judul posting random posts yang ditampilkan. Ganti angka 10 dengan angka yang lebih tinggi nilainya jika Anda ingin lebih banyak lagi judul random posts yang ingin ditampilkan atau sebaliknya.
6. Klik tombol SIMPAN.

7. Pindahkan elemen ke tempat yang Anda inginkan.

8. Klik tombol SIMPAN.
Silakan lihat hasilnya.. mungkin akan sama seperti Random Posts blog ini.. selamat mencoba :)
Adhitya Rachman Blogger, Widget Keren

Cara Membuat Widget Rata Tengah Scroll Box

Memasang widget/gadget di sidebar merupakan hal yang biasa dilakukan para blogger. Selain dapat mempercantik tampilan blog, widget tersebut juga bermanfaat baik bagi pengunjung maupun pemilik blog itu sendiri. Widget-widget itu berisikan informasi-informasi mengenai blog tersebut sesuai dengan kegunaannya masing-masing.

Bila widget-widget yang dipasang di sidebar cukup banyak dapat membuat sesak ruangan di sidebar. Salah satu solusi untuk menghemat tempat di sidebar adalah dengan memasang widget-widget tesebut ke dalam scroll box. Lalu, bagaimana caranya agar posisi widget-widget tersebut di scroll box menjadi rata tengah sehingga terlihat rapi dan sedap dipandang mata?

Nah, berikut ini akan dijelaskan cara membuat posisi widget menjadi rata tengah di scroll box. Seperti dibahas pada posting terdahulu bahwa untuk membuat scroll box di sidebar, diperlukan script seperti di bawah ini.

<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">

ISI/ELEMEN KOTAK


</div>

Agar posisi widget menjadi rata tengah, maka script-nya akan terlihat seperti di bawah ini.

<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">
<center>
<script widget 1><br />
<script widget 2><br />
<script widget 3><br />
<script widget 4><br />
<script widget 5><br />
</center>

</div>

  • Ganti script widget dengan script widget yang akan dipasang.
  • width:100%px; menunjukkan lebar dari kotak yang diinginkan. Ganti sesuai dengan kebutuhan Anda, misalnya 200px atau 300px. Agar lebih mudah menyesuaikan dengan lebar sidebar tentukan saja nilainya dengan 100%px.
  • height:200px; menunjukkan tinggi kotak, dapat diubah sesuai keinginan Anda.
Sebagai contoh:
Misalnya, saya mempunyai beberapa script widget yang akan dipasang di scroll box, yaitu:

  • <a href="http://bloggers.com/asrul507" rel="dofollow" ><img src="http://bloggers.com/u/108651/p/img_01.png" title="Asrul Nur Rahim - Find me on Bloggers.com" alt="Asrul Nur Rahim - Find me on Bloggers.com" /></a>
  • <a href="http://www.ontoplist.com/" target="_blank" title="Online Marketing"><img src="http://www.ontoplist.com/images/ontoplist32.png" alt="Online Marketing" border="0" /></a>
  • <a href="http://www.w3-directory.com/vote-w3-directory.php?id_site_vote=25040" target="_blank"><img src="http://www.w3-directory.com/images/logo-w3-world-wide-web-directory.gif" width="125" height="35" border="0" alt="W3 Directory - the World Wide Web Directory" /></a>
  • <noscript><a href="http://www.w3-directory.com/directory-Personal-web-sites-Blogs.php">Personal web sites / Blogs directory</a> <a href="http://www.w3-directory.com/directory-Indonesia.php">Indonesia directory</a></noscript>
  • <a href="http://indonesia-blogger.com"><img src="http://www.indonesia-blogger.com/img/indonesia-blogger.jpg" border="1"/></a><a href="http://blog-indonesia.com"><img src="http://blog-indonesia.com/image/19.gif" border="0" alt="blog-indonesia.com"/></a>
  • <a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" /></a>
  • <a href="http://www.getrank.org" target="_blank"><img src="http://www.getrank.org/prbutton/pagerank-display.php?s=59" title="Pagerank" alt="PageRank Checker" border="0px" /></a>
  • <a href="http://feedvalidator.org/check.cgi?url=http%3A//kamu-klik.blogspot.com/feeds/posts/default"><img src="http://feedvalidator.org/images/valid-atom.png" alt="[Valid Atom 1.0]" title="Validate my Atom 1.0 feed" /></a>
Sekarang kita akan masukkan script-script di atas ke script untuk membuat scroll box, maka script-nya menjadi seperti di bawah ini.

<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">
<center> 
<a href="http://bloggers.com/asrul507" rel="dofollow" ><img src="http://bloggers.com/u/108651/p/img_01.png" title="Asrul Nur Rahim - Find me on Bloggers.com" alt="Asrul Nur Rahim - Find me on Bloggers.com" /></a><br/>
<a href="http://www.ontoplist.com/" target="_blank" title="Online Marketing"><img src="http://www.ontoplist.com/images/ontoplist32.png" alt="Online Marketing" border="0" /></a><br/>
<a href="http://www.w3-directory.com/vote-w3-directory.php?id_site_vote=25040" target="_blank"><img src="http://www.w3-directory.com/images/logo-w3-world-wide-web-directory.gif" width="125" height="35" border="0" alt="W3 Directory - the World Wide Web Directory" /></a><br/>
<noscript><a href="http://www.w3-directory.com/directory-Personal-web-sites-Blogs.php">Personal web sites / Blogs directory</a> <a href="http://www.w3-directory.com/directory-Indonesia.php">Indonesia directory</a></noscript><br/>
<a href="http://indonesia-blogger.com"><img src="http://www.indonesia-blogger.com/img/indonesia-blogger.jpg" border="1"/></a><br/>
<a href="http://blog-indonesia.com"><img src="http://blog-indonesia.com/image/19.gif" border="0" alt="blog-indonesia.com"/></a><br/>
<a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" /></a><br/>
<a href="http://www.getrank.org" target="_blank"><img src="http://www.getrank.org/prbutton/pagerank-display.php?s=59" title="Pagerank" alt="PageRank Checker" border="0px" /></a><br/>
<a href="http://feedvalidator.org/check.cgi?url=http%3A//kamu-klik.blogspot.com/feeds/posts/default"><img src="http://feedvalidator.org/images/valid-atom.png" alt="[Valid Atom 1.0]" title="Validate my Atom 1.0 feed" /></a><br/>
</center>
</div>

Bila diletakkan di sidebar, maka hasilnya akan tampak seperti di bawah ini.
  




Asrul Nur Rahim - Find me on Bloggers.com

Online Marketing

W3 Directory - the World Wide Web Directory




blog-indonesia.com

Valid CSS!

PageRank Checker

[Valid Atom 1.0]


Untuk memasang scroll box di sidebar, berikut ini langkah-langkahnya:

  • Masuk ke akun Blogger
  • Klik Rancangan > Elemen Laman > Tambah Gadget.
  • Kemudian pilih HTML/JavaScript.
  • Berikan judul dan isi kolom Konten dengan script scroll box.
  • Klik tombol SIMPAN.
  • Atur posisi widget ke tempat yang diinginkan.
  • Klik tombol SIMPAN
Okelah demikian cara-cara tersebut yang saya tahu.. selamat mencoba dan semoga berhasil :)
Adhitya Rachman Blogger, Widget Keren

Membuat Widget Label Menjadi 2 Kolom

Apakah anda memasang widged label standar ? ingin label anda menjadi 2 kolom seperti label punya blog saya ini ? yaap.. saya kasih tau caranya..



Nah, untuk membuat gadget label daftar menjadi 2 kolom, silakan ikuti langkah-langkahnya di bawah ini. Namun, sebelumnya pastikan Anda telah memasang widget label jenis daftar di sidebar blog Anda.

  • Masuk ke akun Blogger Anda.

  • Klik Rancangan > Edit HTML.

  • Klik Download Template Lengkap utnuk mengantisipasi kalau nanti terjadi kesalahan dalam pengeditan.

  • Cari kode ]]></b:skin> (Gunakan Ctrl + F untuk mempercepat pencarian)

  • Copy kode di bawah ini dan paste di atas kode tersebut.

    #Label1 li {
    float:left;
    width:50%;
    }

  • Klik tombol PRATINJAU. Bila gadget label belum berhasil menjadi 2 kolom, silakan ganti angka dengan angka yang lebih kecil lagi, misalnya 45, lalu klik tombol PRATINJAU. Jika belum berhasil juga, silakan ubah lagi angka tersebut dengan angka yang lebih kecil sampai label terbentuk menjadi dua kolom.
  • Bila label sudah berhasil menjadi 2 kolom, klik tombol SIMPAN TEMPLATE.

Naah sudah selesai.. jadi begitulah Cara Membuat Widget Label Menjadi 2 Kolom pemirsah.. hehe..
yup, selamat mencoba dan semoga bisa bermanfaat :) salam blogger..
Adhitya Rachman Blogger

Cara Optimalkan Label Blogger

Memahami Karakteristik dan Cara Optimalkan Label Blogger, label Blogger/Blogspot bukan berupa link yang bersifat permanent (permalink) melainkan link yang hanya terbentuk sebagai hasil perintah pencarian dan pengelompokan posting-posting dengan label tertentu. Oleh karena itu, bagi search engine (terutama Google) link-link semacam ini bukan merupakan link yang sah untuk diindeks. Untuk menghindarkan proses indeks terhadap link label, atribut nofollow perlu ditambahkan pada semua label, termasuk link label yang dimasukkan di dalam badan posting/artikel. Dengan memberikan atribut nofollow pada label, diharapkan proses optimalisasi SEO Blogspot menjadi lebih maksimal.

Jika link-link label ditambahkan secara manual, maka cukup tambahkan atribut rel="nofollow" pada tag a label. Contoh:
<a href="http://kamu-klik.blogspot.com/search/label/Template%20Pilihan" rel="nofollow">Template Pilihan</a>
Namun pada label yang ditampilkan pada widget yang bersifat otomatis, misalnya widget labelBlogger dan label yang ditampilkan di atas/di bawah posting, maka harus ditambahkan atribut nofollow pada bagian tag xml label.

Cara menambahkan atribut nofollow pada seluruh label secara otomatis:
1. Masuk ke dashboard > design/rancangan > Edit HTML.
2. Klik/check "Expand Widget Templates"
3. Cari data:label.url (gunakan Ctrl + F)
Secara utuh, kode tersebut ada dalam tag seperti ini:
<a expr:href='data:label.url'>
4. Tag itu biasanya ada yang berjumlah satu atau dua tergantung pada jenis template XML Blogger tysng digunakan. Bahkan dalam beberapa template XML Bogger tertentu, ada pula yang berjumlah lebih dari dua. 
Untuk mengubah label menjadi nofollow, tambahkan atribut rel='nofollow' ke dalam semua tag tersebut seperti pada contoh berikut:
<a expr:href='data:label.url' rel='nofollow'>
5. Setelah anda menambah atribut nofollow pada tag-tag tersebut, kemudian save template.
6. Done!

Note (IMPORTANT!):
Bagi yang menggunakan menu/navigasi breadcrumbs, akan ditemukan tag sejenis dengan di belakangnya dibubuhi atribut rel='tag':
<a expr:href='data:label.url' rel='tag'>
Jika ditemukan tag seperti di atas, sebaiknya JANGAN ubah atribut rel='tag' menjadi rel='nofollow', karena itu bagian dari breadcrumbs yang berfungsi memberi tahu search engine bahwa url link tersebut berfungsi sebagai tag yang bersifat informatif bagi search engine.
Semoga bermanfaat :)
Adhitya Rachman Blogger, Tips And Trick
Senin, 26 Desember 2011

Cara Mudah Menjadikan Blog Kita Do Follow

Secara umum pada Blogger atau Blogspot terdapat 2 attribute rel="nofollow" pada body HTMLnya. Yaitu pada kolom komentar, dan kedua ada pada Kolom Backlink. Untuk menjadikan Blog kita "You Comment I Follow" atau Do Follow, hanya dibutuhkan penghilangan pada satu tempat saja, yaitu pada kolom komentar. Jika kita hanya ingin memberi backlink pada pemberi komentar.





Berikut Cara menghilangkan Attribute rel="nofollow" pada kolom komentar :
  •  Setelah Sign-in dan masuk ke Dashboard, Klik Layout > Edit HTML, lalu beri tanda centang (thick) di "Expand Widget Templates". BACKUP templates anda, Lalu cari kode berikut:

<dl id='comments-block'>
<b:loop values='data:post.comments'var='comment'>
<dt class='comment-author'expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" +data:comment.id'/>
<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>
  • Kemudian hapus kode rel='nofollow', lalu "save template". Berhenti sampai disini juga SUDAH CUKUP untuk menyatakan blog kita dofollow. Karena cara diatas akan membuat para pemberi komentar mendapatkan backlink dari blog kita.

Cara berikut sebenarnya tidak terlalu penting, yaitu membuat dofollow pada Kolom Backlink/trackback, yaitu kolom yang disediakan untuk membuat trackback jika ada yang melakukan Link terhadap Posting tulisan kita. Sekali lagi, kolom ini boleh dibiarkan tidak di buat do follow. Tetapi jika anda masih bersikeras untuk membuatnya dofollow berikut triknya:
  • Setelah Sign-in dan masuk ke Dashboard, Klik Layout > Edit HTML, lalu beri tanda centang (thick) di "Expand Widget Templates". BACKUP templates kawan-kawan, Lalu cari kode berikut
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
  • Hapus kode rel='nofollow', lalu "save template". Selesai

Jadi pada cara kedua setiap ada yang melakukan link trackback pada tulisan di blog kita link tersebut akan otomatis terindex oleh mesin pencari. Jadi terserah anda mau melakukan yang mana!
Semoga bermanfaat :)
Adhitya Rachman Blogger, Tips And Trick

Download Gratis Social Eyes Blogger Template

Template yang ini juga gag kalah menarik pemirsah ^^ Tampilannya juga bagus, namanya Social Eyes Blogger Template. Karna saya suka dengan yang SEO Friendly, template ini pun juga memiliki keunggulan tersebut, yakni SEO Friendly.. hehe.. mantep gag tuh ? haha..

Berikut adalah tampilan Social Eyes Blogger Template :



Demo dan Download
Live Demo : http://socialeyestemplate.blogspot.com/
Download : Download
Adhitya Rachman Blogger, SEO, Template Pilihan

Download Gratis Flash News Blogger Template

Template yang satu ini bernama Flash News Blogger Template. Flash News ini berisi 2 kolom fitur posting, Widget siap pakai dan SEO Friendly juga. Template ini dapat digunakan jika blog anda terkait dengan teknologi dan berita.


Berikut adalah tampilan Flash News Blogger Template : 


Demo dan Download
Live Demo : http://flashnews-hacktutors.blogspot.com/
Download : Download

Adhitya Rachman Blogger, SEO, Template Pilihan

Download Gratis Platinum Blogger Template

Naah.. ini template yang menurut saya paling bagus tampilannya.. Template ini bernama Platinum Blogger Template.. Kenapa saya suka template ini ? yap, karena Template ini adalah template yang elegant, bersih, dan tentunya SEO Friendly pemirsah.. hehe..

Berikut adalah tampilan Platinum Blogger Template :



Demo dan Download
Live Demo : http://platinum-hacktutors.blogspot.com/
Download : Download
Adhitya Rachman Blogger, SEO, Template Pilihan

Download Gratis Thesis Blogger Template

Template pilihan SEO Friendly kali ini adalah Thesis Blogger Template. Thesis Blogger Template adalah template yang paling banyak digunakan pada tahun 2011. Awalnya thesis wordpress template dan di konversi ke template blogger oleh Hack Tutors.

Berikut adalah tampilan Thesis Blogger Template :



Demo dan Download
Live Demo : http://thesis-hacktutors.blogspot.com/
Download : Download
Adhitya Rachman Blogger, SEO, Template Pilihan

Download Gratis Thesis SEO Blogspot Template

Hallo... sobat blogger dimanapun kalian berada.. cie elaa.. kali ini Kamu-Klik lagi pengin banget bagi2 template gratis.. tentunya template pilihan, yakni Template yang termasuk SEO Friendly.. mungkin saya bakal posting beberapa template ini satu persatu.. untuk yang pertama akan saya posting adalah template yang saya gunakan yakni Thesis SEO Blogspot Template by Juragan..

Berikut adalah tampilan Thesis SEO for Blogger :



Apa saja fitur-fitur template SEO Friendly ini ?
- SEO Friendly
- Visitor Friendly
- Dilengkapi dengan Dinamic heading (h1 pada header di index, dan h1 di judul post pada halaman posting)
- Dilengkapi dengan dinamic metatag deskripsi dan keyword otomatis (metatag wajib untuk menghindari duplikat meta deskripsi & keyword)
- Quicklink ke kotak komentar
- Sudah dipersenjatai Autoreadmore
- dilengkapi dengan tambahan beberapa Meta tag untuk mempermudah robot menjelajah blog sobat.
- Loading yang cepat
- Konsep minimalis & simple
- dll.

Demo dan Download
Live Demo : Thesis for Blogger/Blogspot
Download : Download via box

Panduan mengedit :
Jangan lupa untuk mengedit deskripsi dan kata kunci meta tag. Caranya sebagai berikut :
  • Seteleh kode berhasil di unggah, diedit html cari kode seperti ini :

meta name='DESCRIPTION' content='ISI DENGAN DESKRIPSI UNTUK HOMEPAGE BLOG SOBAT'
  • Ganti kode berwarna hijau tersebut dengan deskripsi blog.
    Contoh :
meta name='DESCRIPTION' content='Blog yang membahas tentang gosip artis indonesia terbaru tahun ini'
  • Setelah itu save template. setelah di save, lihat kembali kode dibawahnya seperti ini :
meta name='KEYWORDS' content='ISI DENGAN KATA KUNCI UNTUK HOMEPAGE'
  • Ganti kode yang berwarna hijau tersebut dengan katakunci blog sobat. 
    Contoh :
meta name='KEYWORDS' content='gosip artis, artis indonesia, gosip terbaru, gosip hot'
  •  Save template. Oia, satu lagi, deskripsi dan kata kunci harus relevan dengan konten blog sobat. Misalnya blog sobat membahas tentang Blogging tutorial. Maka katakunci dan deskripsinya harus seputar Blogging tutorial juga. Semoga Template SEO Friendly ini bermanfaat. Salam
Adhitya Rachman Blogger, SEO, Template Pilihan

Cara Baru Agar Semua Link Otomatis Terbuka di Tab Baru

Kalau dulu blog ini pernah membahas mengenai Script Agar Setiap Link di blog Kita di Klik Akan Open New Tab Secara Otomatis. Di posting tersebut telah disebutkan bahwa untuk membuat semua link membuka di tab baru browser secara otomatis, Anda perlu menambahkan widget baru yang berisikan kode yang di maksudkan pada postingan tsb untuk membuka semua link di tab baru secara otomatis. Tapi ternyata ada yang lebih mudah loh pemirsah :p bahkan saya sempet tertawa.. laah ini cara paling mudah banget.. kenapa gak di praktekan dari dulu yaa.. haha.. Ingin tahu caranya ?
Nah, bila Anda menginginkan semua link yang ada di blog Anda membuka di tab baru tanpa harus menambahkan atribut target="_blank" satu per satu ke kode HTML link, silakan simak caranya di bawah ini.
  1. Masuk ke akun Blogger Anda.
  2. Klik Rancangan > Edit HTML.
  3. Klik Download Template Lengkap untuk mem-backup template. Ini untuk mengantisipasi kalau-kalau nanti terjadi kesalahan dalam pengeditan.
  4. Cari kode <head>. Gunakan Ctrl + F untuk memudahkan pencarian.
  5. Letakkan kode <base target='_blank'/> di bawah kode <head>.
  6. Klik tombol SIMPAN TEMPLATE.
  7. Selesai.

Bagaimana sobat ? mudah banget kan haha.. silakan dicoba.. maka setiap link yang ada di blog kamu akan terbuka di tab baru secara otomatis jika di klik..  semoga bermanfaat :)
Adhitya Rachman Blogger

About Me

Perkenalkan nama saya Asrul Nur Rahim, tetapi panggil saja saya Asrul. Saya adalah seorang blogger dan netter dari kota Tegal yang sedang belajar dari dunia internet. Saat ini saya masih berstatus sebagai seorang mahasiswa Manajemen Informatika di STMIK Amikom Yogyakarta.
Kamu Klik™ adalah salah satu blog personal saya yang didirikan pada November 2011 untuk menuangkan hasil belajar, terutama dalam Menulis Blog, Belajar Blog Untuk Pemula, Edit HTML, SEO, Facebook Tricks, Artikel Komputer, Tips dan Trik Komputer, Dan lain-lain.



Feel free to see me and add me as your friend at FacebookTwitter, or Google+. You are welcome :D


+----------------------------------------------------------------------
| Email : 4srull@gmail.com
| contact us : 081902551119
| Website : http://mahasisa.blogspot.com/ ,
| http://kamu-klik.blogspot.com/
|
| Copyright © 2011. Asrul Nur Rahim
+----------------------------------------------------------------------
Adhitya Rachman About Me
Minggu, 25 Desember 2011

Cara Mudah Membuat Link Berkedip-kedip

Kemarin saya membahas tentang Cara Mudah Membuat Judul Posting Berkedip-kedip, Maka kali ini saya akan membahas tentang Cara Mudah Membuat Link Berkedip-kedip. Ada begitu banyak variasi yang dapat dilakukan dalam memodifikasi bentuk link atau tautan. Salah satunya adalah dengan membuat link tersebut berkedip-kedip. Dengan membuat link jenis ini diharapkan dapat lebih menarik perhatian mata pengunjung blog agar tertuju kepada link tersebut dan mengekliknya.

Inti dari membuat link agar berkedip-kedip adalah dengan menambahkan kode <blink> dan kode </blink>.

Contoh:

<blink><a href ="http://kamu-klik.blogspot.com/" target ="_blank">Kamu-Klik</a></blink>

Maka hasilnya akan seperti di bawah ini.

Kamu-Klik


Kalau ingin hanya teksnya saja yang berkedip-kedip tanpa link, maka tinggal diapit saja teksnya dengan kode <blink> dan </blink>.

Contoh:

<blink>TEKS BERKEDIP-KEDIP</blink>

Hasilnya seperti di bawah ini.

TEKS BERKEDIP-KEDIP

Mudah Bukan ? Selamat Mencoba :D
Adhitya Rachman Blogger

Cara Mudah Membuat Marquee (Teks Berjalan)

Marquee merupakan suatu program HTML untuk membuat teks atau tulisan agar dapat bergerak atau berjalan. Selain dapat menghemat tempat pada halaman blog, program marquee ini juga terlihat menarik karena sifatnya yang dinamis. Marquee ini dapat dibuat dengan menggunakan tag <marquee> ... </marquee>.

Adapun atribut yang sering digunakan adalah seperti di bawah ini:

  • bgcolor >> berfungsi untuk mengatur warna background (latar belakang) teks.
  • direction >> untuk mengatur arah gerakan teks, bisa left, right, up atau down.
  • behavior >> gunanya untuk mengatur perilaku gerakan, bisa scroll, slide atau alternate.
  • scroll >> menunjukkan teks bergerak berputar.
  • slide >> menunjukkan teks bergerak sekali lalu berhenti.
  • alternate >> menunjukkan teks bergerak dari kiri ke kanan lalu balik lagi.
  • title >> yaitu pesan akan muncul saat mouse berada di atas teks.
  • scrollamount >> yaitu untuk mengatur kecepatan gerakan dalam piksel, semakin besar angka semakin cepat gerakannya.
  • scrolldelay >> berfungsi untuk mengatur waktu tunda gerakan dalam mili detik
  • width >> untuk mengatur lebar blok teks dalam pixel atau persen.
  • height >> untuk mengatur tinggi area marquee.

Berikut ini beberapa contoh dari marquee:

Contoh marquee dari gerakan :

<marquee align="center" direction="left" height="20" scrollamount="3" width="100%">
INI ADALAH MARQUEE DENGAN DIRECTION LEFT
</marquee>

Hasilnya:


INI ADALAH MARQUEE DENGAN DIRECTION LEFT



Ganti kata "left" dengan keinginan Anda yaitu bisa right, up, down.



Contoh marquee dari perilaku gerakan :

<marquee align="center" behavior="alternate" direction="left" height="20" scrollamount="3" width="100%">
INI ADALAH CONTOH MARQUEE DARI PERILAKU GERAKAN
</marquee>

Hasilnya seperti di bawah ini:


INI ADALAH CONTOH MARQUEE DARI PERILAKU GERAKAN





Contoh marquee dengan variasi huruf dan warna latar belakang:

<div align="left"><span style="color: white; font-family: georgia;"><b><marquee behavior="alternate" bgcolor="blue" scrollamount="3" width="100%">
MARQUEE DENGAN VARIASI HURUF DAN WARNA LATAR BELAKANG
</marquee></b></span></div>

hasilnya :



MARQUEE DENGAN VARIASI HURUF DAN WARNA LATAR BELAKANG


Berikut ini adalah variasi lain dari marquee yaitu ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ke tempat lain maka teks akan bergerak kembali.

Contoh, silakan arahkan mouse Anda ke area marquee di bawah ini:

<marquee align="center" direction="up" height="90" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="100%">
ARAHKAN MOUSE ANDA KE SINI
</marquee>

hasilnya :



ARAHKAN MOUSE ANDA KE SINI




Contoh marquee yang didalamnya terdapat link :

<marquee align="center" direction="up" height="150" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="100%">
<a href="http://klikmunadi.blogspot.com/2011/01/daftar-isi_01.html" target="_blank">Daftar Isi</a>
<a href="http://klikmunadi.blogspot.com/2011/01/tukar-link.html" target="_blank">Tukar Link</a>
<a href="http://klikmunadi.blogspot.com/2011/05/kode-warna.html" target="_blank">Kode Warna</a>
</marquee>

hasilnya :



Daftar Isi

Tukar Link

Buku Tamu





Bagaimana sobat ? Mudah kan ? Selamat Mencoba kawan.. :D
Adhitya Rachman Blogger, Tips And Trick
Sabtu, 24 Desember 2011

Pengertian SEO On Page dan SEO Off Page

Dalam dunia blogging sering kita mendengar istilah SEO. Lantas, apakah yang dimaksud dengan SEO itu? SEO merupakan singkatan dari Search Engine Optimization atau bila diartikan secara sederhana yaitu optimasi mesin pencari. SEO ini menurut saya adalah upaya-upaya yang dilakukan agar blog kita mendapat posisi yang terbaik pada halaman hasil pencarian mesin pencari. SEO ini diperlukan bila kita ingin mendatangkan banyak pengunjung dari mesin pencari.

Secara garis besar, SEO dibagi menjadi 2 yaitu SEO On Page dan SEO Off Page. SEO On Page adalah teknik-teknik optimasi mesin pencari yang diterapkan pada blog itu sendiri. Nah, berikut ini beberapa contoh dari SEO On Page:
  1. Page Title, Meta Description, dan Meta Keyword.
  2. Memasang Menu Navigasi Breadcrumbs.
  3. Memasang Related Post atau Artikel Terkait.
  4. Memasang Read More.
  5. Penggunaan kata tebal, miring, atau garis bawah.
  6. Internal linking atau tautan antar-halaman posting dalam blog yang sama.
  7. Mempercepat waktu akses blog.
  8. Menggunakan tag alt pada setiap gambar.
  9. Dan lain-lain.
Sedangkan SEO Off Page adalah teknik-teknik optimasi mesin pencari yang diterapkan di luar blog yang bersangkutan, dengan kata lain melibatkan pihak atau blog lain. Contohnya adalah adanya back link yaitu link yang ada di blog lain yang mengarah ke blog kita. Submit blog ke webmaster tools, dan lain sebagainya.
Adhitya Rachman Blogger, SEO

Cara Menampilkan Widget Hanya di Homepage

Dalam membuat blog kurang lengkap rasanya bila kita tidak memasang widget-widget pada sidebar blog. Selain dapat mempermanis tampilan blog, widget-widget tersebut juga mempunyai kegunaannya masing-masing. Namun, bila jika widget yang dipasang sudah cukup banyak dapat membuat loading blog terasa berat. Loading blog yang terlalu lama berpotensi untuk ditinggalkan pengunjung sebelum membaca artikel di blog kita.

Nah, ada salah satu trik yang bisa kita lakukan untuk memperingan loading blog saat pengunjung ingin membaca artikel, yakni dengan membuat beberapa widget yang tidak terlalu penting bagi pengunjung hanya tampil di homepage atau halaman beranda. Bagaimana cara melakukannya? Berikut ini cara membuat widget hanya tampil di homepage atau halaman beranda.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk mem-backup template.

4. Beri tanda centang pada Expand Template Widget.

5. Cari kode widget id untuk judul widget yang ingin ditampilkan hanya di homepage. Misalnya, untuk widget yang berjudul Kamu-Klik kodenya tampak seperti di bawah ini.

<b:widget id='HTML3' locked='false' title='Kamu-Klik' type='HTML'>
<b:includable id='main'>

  <!-- only display title if it's non-empty -->   <b:if cond='data:title != &quot;&quot;'>     <h2 class='title'><data:title/></h2>   </b:if>   <div class='widget-content'>     <data:content/>   </div>
  <b:include name='quickedit'/>
</b:includable>
</b:widget>

6. Kemudian tambahkan kode  <b:if cond='data:blog.homepageUrl == data:blog.url'> di bawah kode  <b:includable id='main'> dan kode </b:if> di atas kode </b:includable> sehingga hasilnya akan menjadi seperti di bawah ini.

<b:widget id='HTML3' locked='false' title='Kamu-Klik' type='HTML'>
<b:includable id='main'>

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

  <!-- only display title if it's non-empty -->   <b:if cond='data:title != &quot;&quot;'>     <h2 class='title'><data:title/></h2>   </b:if>   <div class='widget-content'>     <data:content/>   </div>
  <b:include name='quickedit'/>
</b:if>

</b:includable>

</b:widget>

7. Klik tombol SIMPAN TEMPLATE.
Adhitya Rachman Blogger

Cara Mudah Membuat Postingan 2 Kolom

POSTING DUA KOLOM




S
elain adanya drop cap di awal paragraf pertama, biasanya artikel-artikel di dalam surat kabar atau majalah disajikan dalam bentuk kolom-kolom. Kita juga dapat menerapkan gaya penulisan seperti ini dalam membuat suatu artikel di Blogger. Di sini kita akan membuat halaman posting menjadi 2 kolom. Dengan menulis artikel di dua kolom akan menjadikan blog kita tampak cantik dan menarik seperti tampilan artikel di koran atau majalah.
Sebenarnya dalam membagi postingan menjadi 2 kolom ini tidaklah terbilang begitu sulit. Kita hanya perlu menambahkan kode HTML seperti kita menambahkan kode HTML dalam membuat tabel di Blogger. Kemudian kita hanya tinggal mengatur teks atau tulisan mana saja yang akan diletakkan di kolom sebelah kiri atau di kolom sebelah kanan.

Bila Anda ingin mengetahui lebih lanjut mengenai bagaimana cara membuat isi posting menjadi dua kolom di Blogger, silakan dibaca terus ya artikel ini sampai selesai.

Semoga postingan ini bermanfaat.


Untuk membuat posting seperti di atas, silakan copy dan paste kode di bawah ini pada posisi Edit HTML kemudian isikan teks atau artikel di tempat yang telah ditentukan.

<table cellpadding="10" cellspacing="10"><tbody>
<tr> <td align="justify" valign="top" width="300">artikel di kolom sebelah kiri</td> <td align="justify" valign="top" width="300">artikel di kolom sebelah kanan</td></tr>
</tbody></table>

Keterangan:
  • cellpadding="10" >> ini untuk mengatur jarak antara tepi kolom dengan tulisan sebesar 10 piksel.
  • cellspacing="10" >> ini adalah untuk mengatur jarak antara dua kolom sebesar 10 piksel.
  • align="justify" >> merupakan perataan teks (justify untuk rata kanan-kiri, right untuk rata kanan, left untuk rata kiri, dan center untuk rata tengah).
  • valign="top" >> mengatur perataan vertikal (top untuk rata atas, bottom untuk rata bawah, dan middle untuk rata tengah).
  • width="300" >> merupakan lebar untuk kolom, dalam hal ini sebesar 300 piksel.
Anda dapat mengubah item-item yang berwarna merah sesuai dengan selera dan kondisi template blog Anda.
Adhitya Rachman Blogger