Cek Skor SEO On Page Blogmu

Seperti kita ketahui, belajar seo memang gampang-gampang susah. Akan tetapi bukan hal yang mustahil untuk mempelajarinya. Seperti yang sering disebutkan oleh para master seo, seo itu sendiri dibagi menjadi 2 secara garis besar yaitu seo off page dan seo on page.



Postingan kali ini akan membahas tentang sebuah tool yang biasanya saya gunakan untuk mengecek skor seo on page agar supaya bisa bersaing di halaman pertama google. Mungkin bagi yang sudah master sih hal ini adalah suatu hal yang biasa tetapi bagi yang newbie seperti saya tool ini amat sangat membantu.



Di beberapa tulisan sebelumnya sudah pernah membahas tentang trik dan tips optimasi seo on page seperti optimasi tag heading, optimasi anchor text, optimasi gambar atau optimasi keyword yang ingin kita tembak. Nah jika sobat sudah melakukannya lantas bagaimana melihat hasilnya? Hasilnya ya bisa kita lihat di SERP (Serach Engine Result Page) tapi selain itu ada juga tool yang cukup efesien untuk mengetahui seberapa jauh optimasi yang kita lakukan khususnya optimasi seo on page.

Check your seo on page score

Langsung saja sobat meluncur ke situsnya yaitu chkme.com. Setelah itu masukkan URL yang ingin kita

cek skor seo on page-nya

. Sebagai catatan, saya selalu berusaha mendapatkan skor 100% sob. Sobat bisa melakukan pengecekan dengan memasukkan salah satu URL postingan yang ada di blog ini.



Bagaimana? Apa sobat sudah mendapatkan skor sempurna? Jika belum coba sobat baca keterangan yang menyebabkan skor seo on page tidak bisa sempurna. Biasanya sih terkait penggunaan tag title untuk anchor text dan penggunaan tag title dan alt untuk images, sudah pernah saya bahas kok dan sobat bisa mencarinya di blog ini.



Oke sob, selamat mencoba dan semoga seo on page nya semakin bagus :)

Read More

Trik Optimasi Keyword Di Paragraf Awal

Mungkin sudah banyak sobat blogger yang mempraktekkan trik optimasi keyword ini, tapi tidak ada salahnya jika saya berbagi tentang trik ini, khususnya buat sobat blogger sesama newbie kayak saya ini :D



Trik optimasi keyword ini sangat penting, setidaknya saya sudah sering merasakan hasilnya, yaitu ketika melihat deskripsi beberapa artikel blog ini yang ada di halaman pertama google.



Seperti sudah dijelaskan sebelumnya di postingan tentang mengoptimalkan keyword density dan menulis artikel yang seo friendly serta optimasi seo on page yang baik dan benar, keyword di paragraf awal memang sangat penting (asal tidak menggunakan metode black hat seperti hidden keyword). Banyak pakar SEO yang menyarankan untuk memberi keyword di paragraf awal dan sekali lagi saya sudah sering merasakannya manfaatnya.

Gambarnya kecil ya sob :D coba klik ajah gambar tersebut, yang di dalam lingkaran merah itulah yang saya maksud dengan optimasi paragraf awal. Ya sudah, langsung saja ke cara mengoptimalkan / optimasi keyword di paragraf awal ini.

Trik Optimasi Keyword Di Paragraf Awal

1. Masuk ke blogger, kemudian pilih Rancangan > Edit HTML > dan centang Expand Template Widget.


2. Cari kode

   
   <data:post.body/>

   
   


3. Pasti bakalan ada beberapa kode yang sama, disini seperti biasa, kasusnya adalah kode untuk template dekstop dan template untuk mobile.


4. Selain itu, jika sobat menggunakan auto read more, pasti lebih banyak lagi. Saya asumsikan sobat sudah bisa mengetahui mana yang <data:post.body/> untuk halaman artikel (posting) dan halaman statis.


5. Disini saya memodifikasi kode tersebut, baik di halaman indeks maupun halaman artikel. Ganti kode <data:post.body/> tersebut dengan kode berikut ini

   
   <strong><a expr:href='data:post.url' expr:title='data:blog.pageName' style='color:black'><data:post.title/></a></strong> - <data:post.body/>

   
   


6. Save dan selesai deh.

Kode yang berwarna merah adalah salah satu

trik optimasi keyword

dengan penebalan, disini lebih baik menggunakan strong daripada bold (penting sob).



Sementara yang berwarna biru adalah kode link, jika sobat menganggap link tersebut bisa menyebabkan link juice atau recursive link, silahkan dibuang.



Kalau yang berwarna ungu itu adalah judul artikel yang kita taruh diawal artikel, inilah yang dimaksud dengan trik optimasi keyword di paragraf awal. So, buatlah judul yang menarik dan benar-benar mengena kata kuncinya.



Supaya lebih mantab atur juga font size (ukuran huruf) untuk artikel supaya lebih seo friendly. Oke deh, segitu ajah yang saya tau sob, semoga bermanfaat :)

Read More

Cara Mengetahui Posisi Seseorang Lewat Nomor Hp

Cara Mengetahui Posisi Seseorang Lewat Nomor Hp - dengan serangkaian kata kunci yang sering di cari di google seperti Cara Cek posisi teman via nomor hp, cara mengetahui letak seseorang via nomor Hape, melacak posisi seseorang lewat nomor Handphone dan lain - lain.. Kali ini saya akan kasih trik gokil mencari kedudukan seseorang via satelit melalui nomor hape nya. Caranya cukup mudah... silahkan kunjungi website berikut.

http://www.ceebydith.com/pulsa/hlr.html

Masukan nomor hp yang ingin di ketahui posisinya kemudian klik Search.. maka akan tampil gambar seperti berikut.

Sekian dan Selamat mencoba....

Read More

Cara Memasang / Membuat Tanda Tangan di Blog

Cara Memasang Tanda Tangan di Blog - Apa kabar sobat blogger! Senang di pagi yang cerah ini saya kembali menyapah sobat blogger... Hmmm. sekedar info, mungkin beberapa hari kedepan ane tak mungkin ngapdet posting serutin ini jadi kali ini saya akan kasih tutorial cara memasang tanda tangan dengan selengkap - lengkapnya.
Pada postingan sebelumnya kita telah membahas tentang Kumpulan Efek - Efek Blog, dan kali ini setelah sekain lama tersimpan di draft akhirnya artikel ini di Poskan dengan judul Cara Bikin Tanda Tangan di Blog. Mungkin di antara sobat blogger sudah pernah melihat hiasan yang satu ini, biasanya diletakkan di bagian bawah postingan yang semakin menegaskan bahwa sobat adalah pemilik resminya. Bagi sobat yang tertarik, silahkan ikuti tutorial berikut.

Cara Memasang / Membuat Tanda Tangan di Blog
1. Kunjungi situs http://mylivesignature.com
2. Klik pada tombol bertuliskan Proceed untuk membuat tanda tanda tangan tanpa perlu registrasi.

3. Setelah itu, klik tulisan Using the signature creation wizard.

4. Silahkan masukkan nama sobat di kotak yang di sediakan dan klik Next Step

5. Pilih jenis huruf yang di inginkan dan klik Next Step.

6. Setelah itu, tentuhkan ukuran tanda tangan yang di inginkan dan klik next step.

7. Kemudian sobat akan melihat tampilan seperti berikut yang bertanda bahwa tanda tangan sobat akan segera jadi. Pilih warna background dan warna tanda tangan yang di inginkan.

Tambahan :
Untuk warna background direkomendasikan menggunakan background ( latar ) transparan agar nantinya cocok dengan semua warna.

8. Atur kemiringan ( slope ) teks dan klik Next Step

9. Nah dengan demikian maka tanda tangan online sobat telah berhasil dibuat.

 

Tambahan :
Klik Copy Image Location untuk mengambil URL gambarnya
Klik Save Image As untuk mendownload Tanda Tangannya.

Beginilah hasilnya

Read More

Cara Mengetahui Password FB Orang lain

Cara Mengetahui Password FB ( Facebook ) Orang lain - Siapa hayoo yang nggak tahu facebook??? zaman sekarang ini yang identik dengan teknologi mungkin hanya sebagian kecil orang yang belum pernah mendengar Facebook ( "pesbuk" kata orang pedalaman ) kecuali orangnya tinggal di Hutan ..heheheh. Seperti kita ketahui bersama bahwa FB adalah salah satu Social Network ( jejaring sosial ) yang paling sukses dan paling banyak penggunanya di dunia selain Twitter dan seteru terbarunya yaitu Google Plus, karna sekian banyanya pengguna, naka FB adalah salah satu wadah promosi yang paling efektif. Namun maaf sob.. kali ini kita bukan membahas tentang bisnis melainkan cara mengetahui password facebook orang lain termasuk sobat yang membaca artikel ini.
Caranya cukup mudah, sobat hanya perlu menuliskan alamat email dan password FB sobat ( yang benar ) di kotak komentar dipostingan ini, dengan begitu maka dapat saya pastikan bahwa akun FB sobat akan langsung saya ambil alih alias saya hack... heheheheheh becanda sob... Berikut cara mengetahui password facebook orang lain.

Langkah - Langkahnya
1. Silahkan sobat pergi ke warnet atau tempat yang banyak orang yang lagi nge-net dalam hal ini lagi facebook-an.
2. Kemudian, cari seseorang yang akan di jadikan target jail sobat.. misalnya teman atau pacar ( jangan preman ).
3. Terus dengan suara lembut dan mimik kelas pengemis mulailah sobat mengajukan beberapa pertanyaan berikut.

Sobat :   Sob, boleh tahu nda alamat emailmu??
Objek :  Untuk apa sob??
Sobat :   Nda.. cuma ingin tahu aja...
Objek :  Oh.. dihapal ya!!! blablabla@bego.com
Sobat :   Yap mantap!!! password facebooknya dong sekalian???
Objek :  Untuk apa lagi sob??
Sobat :   cuma ingin tahu aja...
Objek :  Oke lah.. nich..081340269079
Sobat :   makasih ya...

Perhatian

TRIK INI HANYA UNTUK ROMMY RAFAEL ( MASTER HIPNOTIS )

Read More

Cara Dapat Backlink Dengan Berkomentar

Cara Dapat Backlink Dengan Berkomentar - Demi menjalin silahturahmi atar sesama blogger biasanya tindakan ini yang di lakukan, yaitu dengan berkomentar di blog yang dikunjungi. Berkomentar merupakan cara yang paling ampuh untuk menunjukkan rasa saling toleran antar sesama blogger, meskipun dibalik semuanya itu terselip sebuah maksud dan tujuan lain.. yakni mendapat Umpan Balik atau dalam bahasa gaulnya LinkBack atau Backlink.

Sekarang ini sudah tak asing lagi yang namanya Comment For Backlink karna itu setelah sebelumya memposting tentang kumpulan efek efek blog, kali ini saya akan kasih beberapa tips sederhana yang bisa sobat terapkan untuk mendapatkan backlink langsung ke blog sobat. Caranya cukup simple, sobat hanya perlu mengetikan inurl: Tempat Keyword “This site uses KeywordLuv” atau dengan keyword ini : inurl: Tempat Keyword “Enable CommentLuv” di google search.  ( Tempat Keyword di ganti dengan keyword atau kata kunci sesuai keinginan misalnya "Tutorial Blog" ).Lihat Gambar

Mendapat Backlink Dengan Berkomentar

Maksud sebenarnya dari tutorial kali ini adalah untuk mencari blog yang menggunakan fasilitas Comment Luv.. dengan berkomentar di blog yang dipasangi Comment Luv maka 1 link pada beberapa postingan terakhir akan ditampilkan di bagian bawah si pemberi komentar... ah.. ane bingung ni jelasinnya.. mendingan lihat screenshot berikut.

Perhatikan pada tulisan yang dilingkari, itu adalah link postingan ( pastinya dofollow ) yang akan di sertakan bersama dengan komentar sobat...  Pilih salah satu dan klik Post Your Comment maka berikutlah hasilnya...

Lihat tulisan dengan background berwarna biru... itu menandakan bahwa blog tersebut dofollow.. ( baca : cara mengetahui blog dofollow atau nofollow ). Salah satu blog yang menggunakan Commentluv adalah blogger asal malaysia Denai Hati..  Sekian..

Read More

Cara Menampilkan Rating Bintang di Hasil Pencarian Google

Cara Menampilkan Rating Bintang di Hasil Pencarian Google - Setelah sekian lama mencari artikel tentang cara menampilan rating star di hasil percarian google, akhirnya ane dapat juga tutorialnya. Caranya sangat mudah dan berbeda dengan tutorial lain yang pernah saya coba sebelumnya yang tentuhnya nggak berhasil, entah mungkin karna masalah template atau apalah  ..ane nggak tahu..

Untuk bisa menampilkan rating bintang ini, sobat terlebih dahulu harus memiliki akun di google plus dan sudah harus terhubung dengan blog sobat dengan cara mengklaim sebagai kontributor untuk blog sobat tersebut. Masih bingung? Khusus yang belum punya akun di google plus, entar akan ane posting tutorialnya.

Sekedar tambahan, rating bintang ini nantinya akan dimunculkan di hasil pencarian untuk artikel - artikel blog sobat terutama artikel yang baru diposting sesaat setelah mengikuti dan memasang ratting bintang di tutorial kali ini..

Cara Menampilkan Rating Bintang di Google
1. Login ke akun blog sobat2. Klik Rancangan --> Edit HTML --> Centang kotak kecil di samping tulisan Expand Template widget
3. Letakkan kode berikut tepat diatas kode <b:skin><![CDATA[/*

<b:if cond='data:blog.url == data:blog.homepageUrl'><link href='https://plus.google.com/110332182798805450378' rel='publisher'/>
</b:if>

catatan:
ganti angka berwarna biru dengan Url google plus milik sobat.

4. Kemudian letakkan kode berikut sesudah kode <body>

<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>

dan tag penutup </div></div> sebelum tag penutup </body>

5. Cari kode <data:post.body/> dan letakkan kode berikut tepat dibawahnya.

Description: <span itemprop="description"><data:post.title/></span>
Rating: <span itemprop='rating'>4.5</span>
Reviewer: <span itemprop='reviewer'><data:post.author/></span> -
ItemReviewed: <span itemprop='itemreviewed'><data:post.title/></span>

Tambahan:
Kode <data:post.body/> akan berjumlah 2 jika sobat telah memasang readmore, pilih kode yang ke 2.

6. Klik save dan lihat hasilnya disini!

Jika pemasangnya berhasil, maka sobat akan melihat tampilan seperti gambar berikut.

Read More

Cara Mengatasi Blackberry Yang Hang

Cara Mengatasi Blackberry Yang Hang - Pernah tidak sobat mengalami keadaan di saat lagi BBM-an tiba - tiba hp Blackberry sobat hang total dan tidak bekerja dengan semetinya? Jika pernah, apa yang sobat lakukan? Membawa ke tempat service? maka siaplah untuk kehilangan beberapa lembar dari kantong sobat ( duit ) hehehe.
Kali ini saya akan ngasih tips sederhana yang mungkin bisa membantu sobat yang sedang mengalami masalah hang pada BB nya, trik kali ini dijamin tidak akan mengosongkan dompet sobat karna memang tidak ada biaya nya alias gratis. Yang perlu sobat lakukan yaitu hanya duduk menghadap depan layar monitor dan mengikuti tutorial dari saya yang berikut ini.

Cara Mengatasi BB Hang
Berdasarkan ilmu yang saya dapatkan dari Om google, ada 2 cara yang bisa sobat lakukan untuk mengatasi atau memperbaiki BB sobat yang hang. Pertama dengan melakukan Soft Reset, caranya yaitu dengan menekan tombol ALT+CAP+DELETE dan hp BB sobat akan ter - reset, namun jika cara ini belum berhasil mengatasi hangnya hp BB sobat, silahkan melakukan Hard Reset dengan menekan bagian belakang BB atau di bawah baterai cover, cobalah tekan dengan menggunakan pin atau paper clip.

Bila 2 cara di atas belum juga memperbaiki keadaan, coba diperiksa ulang.. mungkin Hp Blackberry sobat harus di museum kan... heheheh
Sekian...

Read More

Tips dan Trik Mempercepat Loading Blog

Tips dan Trik Mempercepat Loading Blog -  Loading blog yang lemot memang kadang kala sering membuat kita kesal, bayangkan saja jika kita harus menunggu bermenit - menit untuk membuka 1 halaman saja.. huh pasti membosankan tu... Sekedar info, sebenarnya selain faktor perangkat, faktor utama mengapa loading blog kita itu bisa sampai lambat yaitu karna jumlah widget yang terlalu banyak. Untuk memperindah tampilan blog, biasanya kita memasang jam, kalender, dan berbagai macam animasi yang sebenarnya tidak terlalu berguna bahkan hanya akan membuat pengunjung blog bosan dengan tampilan blog yang terlalu norak plus loading blog yang lemot.
Setelah sebelumnya memposting artikel tentang cara memasang emoticon onion di kotak komentar blog, kali ini saya akan kasih beberapa tips singkat untuk mempercepat loading blog. Simak tutorialnya berikut.

1. Yang Terutama dan Paling Utama yaitu dengan Mengurangi Jumlah Widget yang tidak terlalu perting seperti jam, animasi, kalender dan lain - lain apa lagi yang berbentuk flash.
2. Mengkompres css template blog sobat di CSS Compresor, caranya :

• Silahkan Menuju KESINI!
• Kemudian sobat akan menjumpai beberapa pilihan seperti gambar berikut

• Seper pada gambar, sobat pilih Normal pada Compression Mode dan Don't strip any comment pada Comment handling
• Masukkan kode CSS template blog sobat yaitu kode antara kode <b:skin> dan ]]></b:skin> pada kotak yang di sediakan 
• kemudian Klik Compress - it.

3. Jika kedua cara di atas belum juga membuat template blog menjadi ringan, mungkin banyak kode CSS yang eror di template blog sobat. Silahkan cek di http://jigsaw.w3.org/css-validator/ . Caranya

• Silahkan menuju KESINI!
• Kemudian Masukkan URL blog sobat di kotak yang di sediakan dan Klik Check

• Setelah itu akan dimunculkan kode CSS yang eror atau tak berfungsi di blog sobat.

• Silahkan tinjau ulang kode - kode yang dimunculkan di template blog sobat, atau kalau perlu dihapus saja..

Sekian tutorialnya semoga membantu...

Read More

Cara Memasang Menu Accordion di Blog

Cara Memasang Menu Accordion di Blog - Cara Memasang, Membuat atau Membikin Menu Accordion di Blogspot ini adalah re-post dari posting lawas saya yang berjudul cara membuat menu accordion blogger yang nggak masuk ke hatinya om gugel. Karna itu diharapkan mudah - mudahan dengan Re-post ( posting ulang ) ini, artikel saya yang telah saya hapus tersebut bisa terindeks lagi meskipun dengan URL yang berbeda.

Menu Accordion adalah berupa susunan menu yang di susun secara vertikal, tentulah berbeda sekali dengan menu horisontal ( baca : cara membuat menu horisontal di blog )yang biasa sobat jumpai, mungkin ini adalah salah satu solusi menyembunyikan widget yang terlalu banyak di halaman blog sobat.  Sobat yang tertarik pasang menu accordion di blogger, silahkan ikuti tutorial berikut.

1. Logi ke akun blog sobat.
2. Klik rancangan --> Edit HTML
3. Kemudian letakkan kode berikut di atas kode ]]></b:skin>

#acc{background:#666;font:13px trebuchet ms;
line-height:1.2em;padding:10px;margin:0;}
#acc h3{background:-moz-linear-gradient(top,#ccc,#999);padding:5px 10px;margin:0;color:#222;
text-shadow:0px 1px 1px #fff;
border-bottom:2px solid #444;}
#acc h3 a{color:#555}
#acc h3 a:hover{color:#000}
#acc .post{background:#fff;color:#000;padding:10px;margin:10px 0px;display:none;
border-bottom:2px solid #222;}
#acc :target h3 + .post {display:block;height:150px;overflow:auto;}
#acc :target h3 a{color:#aa5500}

4. Klik save template dan kita akan menuju ke penambahan gadget.
5. Klik Rancangan --> Elemen laman--> Tambah gadget--> Pilih HTML/Javascript
6. Masukkan kode berikut ke dalam kotak yang di sediakan.

<div id="acc">
<div id="isi1">
<h3><a href="#isi1">Judul 1</a></h3>
<div class="post">

Masukkan item anda disini,bisa berupa teks atau widget

</div>
</div>
<div id="isi2">
<h3><a href="#isi2">Judul 2</a></h3>
<div class="post">

Masukkan item anda disini,bisa berupa teks atau widget

</div>
</div>
<div id="isi3">
<h3><a href="#isi3">Judul 3</a></h3>
<div class="post">

Masukkan item anda disini,bisa berupa teks atau widget

</div>
</div>
</div>

7. Klik save dan lihat hasilnya... Gimana?? sederhana dan mudah bukan??

Read More

Cara Memperbaiki Keyboard Laptop / Notebook Yang Tidak Berfungsi

Cara Memperbaiki Keyboard Laptop / Notebook Yang tidak Berfungsi - Sebagai salah satu perangak lunak terpenting dari komputer, salah satu masalah yang paling umum di dapati di keyboard adalah masalah tombol keyborad yang tidak berfungsi bahkan salah satu tuts yang bermasalah bergerak sendiri seperti ada yang menekannya. Hal tersebut dikarenakan menempelnya kedua lapisan karbon pada flexyble keyboard (akibat jamur atau kotor) sehingga tombol keyboard dapat menekan sendiri atau bahkan tidak dapat digunakan sama sekali.
Berikut ada tutorial cara memperbaiki keyboard laptop / notebook dengan menggunakan cutter yang saya dapatkan di om gugel... Silahkan simak...





sumber video

Read More

Cara Bikin Blog Menjadi Dofollow

Cara Bikin Blog Menjadi Dofollow - Inilah postingan yang sudah lama ingin ane pos namun selalu saja kelupaan.  kali ini saya akan kasih tutorial bagaimana cara bikin blog nofollow menjadi dofollow, cukup dengan merubah beberapa kode maka blog sobat akan langsung beruba menjadi dofollow, namun sebelumnya silahkan cek dulu apakah blog sobat dofollow atau nofollow ( baca : cara mengetahui blog dofollow atau nofollow ). Sobat yang tertarik mengubah blognya dari  nofollow menjadi dofollow silahkan ikuti tutorial tips dan trik berikut.

Cara Bikin Blog Menjadi Dofollow
1. Login ke akun blog sobat
2. Klik Rancangan --> Edit HTML --> centang kotak kecil di samping tulisan Expand Template Widget
3. Cari 2 kode berikut dengan menggunakan CTRL + F.

<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

Hapus kode yang berwarna biru sehingga menjadi seperti berikut

<b>&lt;a expr:href='data:comment.authorUrl'&gt;&lt;data:comment.author/&gt;&lt;/a&gt; </b>

5. Kemudian cari kode berikut

<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>

Hapus kode yang berwarna biru sehingga menjadi seperti berikut

<a expr:href='data:backlink.url'><data:backlink.title/></a>

6. Klik save dan lihat hasilnya.
Nah setelah menjadi dofollow, silahkan gabung di komunitas blog dofollow Indonesia

Read More

Cara Mudah Memasang Lagu Di Blog

Saya yakin, pasti sobat blogger pernah blogwalking ke beberapa blog dan ketika berada di blog tersebut ternyata kita disambut oleh musik atau lagu. Yup, kali ini saya ingin berbagi tips tentang cara memasang lagu di blog, khususnya buat sobat yang newbie seperti saya ini :D 28 Dec 2013



Setelah melakukan pencarian di mbah google saya menemukan beberapa macam cara untuk memasang lagu di blog, mulai dari yang sederhana, sampai yang rada rumit. Jika sobat tertarik untuk memasang musik atau lagu di blog mungkin tips atau cara memasang lagu di blog ini bisa membantu sobat.


Sebelum memasang lagu di blog, ada baiknya kita berkenalan dulu dengan situs yang menyediakan musik atau lagu yang akan kita gunakan untuk memasang lagu yang diinginkan. Ada beberapa situs penyedia lagu, diantaranya adalah musik-live.net, esnips.com, fullmusik.co.cc, , song2play.com, atau scmplayer.net.



Semuanya memiliki kelebihan dan kekurangan masing-masing (sobat coba ajah sendiri ya) seperti ada yang menyediakan banyak lagu tapi kita tidak bisa mengupload lagu sendiri, ada juga yang lagunya sedikit tapi ada fitur untuk mengupload lagu sendiri, atau sobat ingin yang mempunyai tampilan skin menarik? Silahkan sobat coba sendiri hehehe...

Memasang Lagu Di Blog Dengan Flash (.swf)

Pertama saya akan menuliskan cara ini dulu, kenapa? karena menurut saya cara inilah yg paling ringan untuk memasang lagu di blog sehingga tidak begitu memberatkan blog sobat.


Caranya adalah dengan menggunakan lagu berformat .swf, sobat bisa mengupload sendiri atau supaya lebih mudah cari saja di http://divine-music.info karena disana sudah banyak musik berformat .swf yang bisa digunakan untuk memasang musik di blog. Jika sudah menemukan alamat lagunya langsung saja sobat taruh di widget HTML/Javascript, tulis seperti berikut

<EMBED SRC="http://divine-music.info/musicfiles/eminem-cleaningoutmycloset.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="0" HEIGHT="0" ALIGN="CENTER"></EMBED>

Yang berwarna merah adalah alamat atau url dimana lagu yang akan kita pasang tersebut diupload. Silahkan diganti jika sobat sudah menguploadnya sendiri di layanan-layanan penyimpanan seperti 4shared.

Memasang Lagu Di Blog (eSnips)

1. Kunjungi situsnya, http://www.esnips.com/. Sign Up dulu untuk mendapatkan akses full.


2. Klik Upload Files dan kemudian Select Files sesuai

   lagu yang ingin di pasang di blog

   .


3. Pilih lagu yang akan dipasang di blog dan pilih folder untuk menyimpan lagu tersebut. Pastikan foldernya bersifat Public, karena kalau Private maka lagu tersebut tidak bisa ditambahkan ke playlist.


4. Langkah terakhir adalah memasang lagu di blog. Pilih atau klik Add to quicklist.
   
   
   
   
   


5. Jika sudah, scroll ke bagian atas halaman, dan kemudian pilih Create playlist widgets.
   
   
   
   
   


6. Pilih skin yang diinginkan kemudian copy kode yang ada di kotak.
   
   
   
   
   


7. Buka blogger, tambahkan gadget HTML/Javascipt dan paste kode tersebut disana. Save dan lihat hasilnya.

Dengan

memasang lagu di blog

bisa membuat blog terlihat hidup dan pengunjung blog betah berlama-lama di blog sobat.

Memasang Lagu Di Blog (SCM Music Player)

1. Ke situsnya dulu, scmplayer.net. Lngkah-langkahnya sebenarnya cukup mudah, yaitu : Choose Skin > Edit Playlist > Configure Setting.


2. Pilih skin yang cocok bagi sobat, ada bermacam-macam skin dengan warna yang menarik disana.


3. Jika sudah, silahkan sobat pilih tab Edit Playlist. Ada 2 pilihan, yang pertama dengan memasukkan url lagu yang akan dipasang secara manual, dan yang kedua adalah dengan memanfaat RSS Podcast seperti playlist youtube (jika sobat memilik akun youtube).


4. Langkah terakhir adalah pengaturan lagu yang di pasang di blog nantinya. Setting ini mempunyai 2 garis besar yaitu PLAYBACK (Autostart, Shuffle Playback, dan Default Volume) dan APPEREANCE (Placement of Player Bar dan Show Playlist by Default).


5. Langkah terakhir adalah klik tombol Done dan copy kode yang disediakan. Masuk ke blogger, kemudian tambahkan gadget HTML/Javascript dan pastekan kode  yang didapat sebelumnya.


6. Save dan lihat hasilnya. Sobat sudah berhasil memasang lagu di blog.

Silahkan sobat mencoba situs-situs penyedia lagu lainnya :) sobat juga bisa menambahkan efek salju dan memasang jam di blog sehingga semakin rame. Selamat mencoba

memasang lagu di blog

dan semoga bermanfaat.


Tags : cara pasang lagu di blog, memasukkan lagu ke blog, cara memasang musik di blog, pasang musik di blog, cara menambahkan musik di blog.

Read More

Cara Memasang Game Online di Blog

Cara Memasang Game Online di Blog - Cara Pasang Game di Blogspot - Kadang kala ada saja faktor yang membuat kita malas ngeblog, ada yang karena bosen, karena nggak mood dan macem - macem deh... Sebenarnya rasa bosen tu terjadi di berbagai kegiatan bukan hanya ngeblog, kali ini saya akan kasih tutorial cara mensiasati kebosanan ngeblog.
Mengawali pagi yang indah ini, saya akan memulai postingan saya yang berjudul Cara Meletakkan Game Onlien di Blog yang nantinya bisa sobat maenkan langsung di blog sobat sendiri. Setelah sebelumnya berhasil memposting cara memasang TV di Blog, Cara Bikin Blog, dan lainnya, kali ini akan saya kasih tutorial lengkap cara pasang permainan di blogspot entah sobat pasang di sidebar ataupun di halaman posting. Sobat yang tertarik, silahkan ikuti tutorial berikut.

1. Silahkan menuju ke http://www.khemer.com, disitu sobat akan melihat tampilan seperti berikut.

2. Pilih game yang di inginkan, kemudian ambil embed kode nya.

Cara Pemasangan :
Cara pemasang di sini terbagi 2 yaitu di pasang di halamn postingan ( artikel ) dan di sidebar sebagai widget. Mari kita lihat tutorialnya.

A. Memasang Game Online di Postingan Blog
1. Log in ke akun blogger sobat
2. Buat entri baru dengan meng-klik tulisan Entri Baru
3. Masukkan Embed Code di Edit HTML di form penulisan artikel. Lihat Gambar

4. Setelah itu, klik tulisan Terbitkan Entri yang menadakan entri sobat sudah terposting.
B. Memasang Game Online di Sidebar Blog
1. Klik Rancangan --> Elemen laman --> Tambah gadget --> Pilih HTML/Javascript
2. Masukkan embed kode kedalam kotak yang di sediakan.
3. Klik Save / Simpan

Tambahan :
Embed Code yang sobat ambil, kira - kira seperti berikut.

<object height="310" width="390"><param name="animation" value="file">
<embed src= "http://www.khemer.com/files/e3c7b5b08485903e.swf" width="390" height="310"></embed></object>

Tambahkan kode <center></center> agar game online ditampilkan di tengah halaman. Hasilnya seperti berikut. 

<center><object height="310" width="390"><param name="animation" value="file">
<embed src= "http://www.khemer.com/files/e3c7b5b08485903e.swf" width="390" height="310"></embed></object></center>

Berikut Contoh Game Onlinenya.. Silahkan di mainkan...

Read More

Cara Cepat Agar Breadcrumb di Indeks Google

Cara Cepat Agar Breadcrumb Terindeks Google - Kali ini kita akan membahas cara membuat breadcrumnb segera terindeks google, bahkan blog tak berpagerank alias N/A pun bisa langsung merasakan kedasyatan trik ini.  Breadcrumb navigasi ( baca : cara membuat / memasang navigasi breadcrumb di blog ) adalah komponen penting yang harus ada di blog sobat. Menurut kabar yang selama ini saya dengar, breadcrumb navigasi akan di indeks search engine terutama pada blog yang minimal ber pagerank 3, teori ini tersebut memang tak sepenuhnya salah dan memang benar adanya, karna memang "dulu" breadcrumb navigasi yang di indeks google hanya akan sobat dapati pada blog berpagerank 3 ke atas ( mujur - mujuran kalau 2 ) Berbeda sekali dengan sekarang..

Setelah google , yahoo, dan bing terintegrasi dengan schema.org dan data-vocabulary.org ( terutama dalam mengenali snippet ), bahkan blog dengan pagerank 0 pun bisa langsung di indeks breadcrumbnya. Nah.. dengan penjelasan yang membingungkan di atas, maka timbul 2 pertanyaan :
1. Apa yang sebenarnya di indeks google dari breadcrumb navigasi?
Jawaban : yang di indeks dari breadcrumb navigasi adalah label atau kategori sebuah artikel, karna itu saran saya untuk mengoptimasi bagian ini.
2. Bagaimana cara agar breadcrumb langsung terindeks di google? hahaha..  kali ini saya akan kasih jawabannya.

Cara Agar Breadcrumb Langsung di Indeks Google
1. Login ke akun blogger sobat
2. Klik Rancangan --> Edit HTML
3. Silahkn sobat back up ( download template lengkap ) unutk mencegah kalau - kalau terjadi eror
4. Centang kotak kecil di samping tulisan Expand template widget
5. Bagi yang belum pernah memasang navigasi breadcrumb silahkan cari kode berikut. ( gunakan CTRL + F untuk kemudahan pencarian kode )

<div class='post hentry'>

atau kode

<div class='post hentry uncustomized-post-template'>

6. Letakkan kode di bawah ini tepat setelah kode tadi

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> <span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"> <a expr:href='data:blog.homepageUrl' itemprop="url"><span itemprop="title">Home</span></a> &gt; </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' itemprop="url"><span itemprop="title"><data:label.name/></span></a> <b:if cond='data:label.isLast != &quot;true&quot;'> &gt; </b:if> </b:loop> </b:if> &gt; </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title"><data:post.title/> </span></span></div> </b:if></b:if>

Sehinnga hasilnya begini

<div class='post hentry'>

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> <span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"> <a expr:href='data:blog.homepageUrl' itemprop="url"><span itemprop="title">Home</span></a> &gt; </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' itemprop="url"><span itemprop="title"><data:label.name/></span></a> <b:if cond='data:label.isLast != &quot;true&quot;'> &gt; </b:if> </b:loop> </b:if> &gt; </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title"><data:post.title/> </span></span></div> </b:if></b:if>

7. Kemudian letakkan kode berikut di atas kode ]]></b:skin>

.breadcrumbs{padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px;font-size:95%;line-height:1.4em;
border-bottom:2px double #cadaef;
}

8. Klik save dan lihat hasilnya.. Untuk mengetes apakah sudah jadi atau belum silahkan cek di sini!

Catatan :
Untuk sobat yang sudah terlanjur memasang bredcrumb yang biasa, silahkan ganti saja kode breadcrumb yang telah dipasang sebelumnya dengan kode nomor 6.
Sekian..

Read More

Cara Membuat Menu Navigasi Horisontal CSS3

Cara Membuat Menu Navigasi Horisontal Animasi CSS3 - Tutorial kali ini saya pastikan akan membuat tampilan blog sobat lebih bergairah, setelah beberapa waktu yang lalu menerbitkan artikel tentang membuat menu horisontal animasi menyamping ( KWICKS ) kali ini kembali saya akan memposting artikel serupa namun berbeda. Bedanya dimana?? nanti sobat blogger yang nilai sendiri. Silahkn ikuti tutorial singkat berikut untuk membuat menu animasi mendatar dengan CSS3.

DEMO

1. Login ke akun blogger sobat
2. Klik Rancangan --> Edit HTML
3. Letakkan kode berikut di atas kode ]]></b:skin>

.Hansuperanima{
        position:relative;
        margin:15px 0 0 10px;
        overflow:hidden;
        margin:0;
        float:left;
        padding:0;
        background:#1d1d1d url(https://lh6.googleusercontent.com/-Rf9nVjhGRBo/T2XE4tDyeSI/AAAAAAAAAcI/80Id8S5lkdE/h120/bgTitik2AnimaV21H21.gif);
}
ul#superAnima{

        width:599px;

        margin:10px 0 20px;
        padding:0;
        margin:3px 4px 3px 4px;
        clear:both;
        float:left;
}
ul#superAnima li{
        margin:0;
        padding:0;
        overflow:hidden;
        float:left;
        height:40px;
}
ul#superAnima li a.anima{
        padding:10px 10px;
        font:10px Arial;
        float:left;
        color:white;
        text-decoration:none;
        text-transform:uppercase;
        text-shadow:1px 1px 1px #000;
        clear:both;
        height:18px;
        line-height:20px;
        background:white url(https://lh4.googleusercontent.com/-a0zdLvnsQE8/T2XFNjkIrWI/AAAAAAAAAcQ/rrmwCSZMx3k/h120/gradBlueH2V53.gif) top left repeat-x;
        text-align:center;
        transition:all 1.2s ease-in-out;
        -o-transition:all 1.2s ease-in-out;
        -moz-transition:all 1.2s ease-in-out;
        -webkit-transition:all 1.2s ease-in-out;
        -ms-transition:all 1.2s ease-in-out;
        font-weight:bold;
        border:1px solid #999;
}
ul#superAnima li a.anima:hover{
        transform:scale(1.0) rotate(0deg) translate(0, -40px);
        -o-transform:scale(1.0) rotate(0deg) translate(0, -40px);
        -moz-transform:scale(1.0) rotate(0deg) translate(0, -40px);
        -webkit-transform:scale(1.0) rotate(0deg) translate(0, -40px);
        -ms-transform:scale(1.0) rotate(0deg) translate(0, -40px);
}
ul#superAnima li a.anima span{
        padding:10px 9px;
        color:transparent;
        opacity:0.2;
        filter:alpha(opacity=20);
        border:2px solid transparent;
        transition:all 1.6s ease-out;
        -o-transition:all 1.6s ease-out;
        -moz-transition:all 1.6s ease-out;
        -webkit-transition:all 1.6s ease-out;
        -ms-transition:all 1.6s ease-out;
        transform:scale(8.0) rotate(0deg) translate(0,-10px);
        -o-transform:scale(8.0) rotate(0deg) translate(0,-10px);
        -moz-transform:scale(8.0) rotate(0deg) translate(0,-10px);
        -webkit-transform:scale(8.0) rotate(0deg) translate(0,-10px);
        -ms-transform:scale(8.0) rotate(0deg) translate(0,-10px);
}
ul#superAnima li a.anima span:hover{
        opacity:1.0;
        filter:alpha(opacity=100);
        padding:4px 9px;
        height:18px;
        transform:scale(1.0) rotate(0deg) translate(0,0);
        -o-transform:scale(1.0) rotate(0deg) translate(0,0);
        -moz-transform:scale(1.0) rotate(0deg) translate(0,0);
        -webkit-transform:scale(1.0) rotate(0deg) translate(0,0);
        -ms-transform:scale(1.0) rotate(0deg) translate(0,0);
        color:#FF0;
        border:2px solid #000;
        background:#555;
        text-shadow:1px 1px 1px #000;
        box-shadow:1px 2px 15px #fff, 0px -1px 3px red, -2px -2px 2px orange, -3px 3px 3px yellow;
        border-radius:4px;
}
ul#superAnima li{
        border:1px solid transparent;
        background:#CC9933 url(https://lh4.googleusercontent.com/-Tk55wbQOL_s/T2XGvQfF2WI/AAAAAAAAAcY/1_THN4F2g7A/h120/gradOrangeBlackV45H2.gif);
}
ul#superAnima li:hover{
        background:#000 url(https://lh6.googleusercontent.com/-Rf9nVjhGRBo/T2XE4tDyeSI/AAAAAAAAAcI/80Id8S5lkdE/h120/bgTitik2AnimaV21H21.gif);
        border:1px solid #777;
}

Catatan:
Sesuaikan kode angka yang berwarna biru dengan ukuran template.

4. Klik save dan lanjut ke tahap ke 2.
5. Klik Rancangan --> Elemen laman
6. Klik Tambah Gadget tepat di bawah header dan kemudian pilih HTML/Javascript..

7. Masukkan kode berikut kedalam kotak HTML/Javascript.

<div class="Hansuperanima">
<ul id="superAnima">
<li><a class="anima" href="http://christiantatelu.blogspot.com">Home<br /><br /><span>Home</span></a></li>
<li><a class="anima" href="http://christiantatelu.blogspot.com/feeds/comments/default">Comment<br /><br /><span>Comment</span></a></li>
<li><a class="anima" href="http://christiantatelu.blogspot.com">Christian Tatelu<br /><br /><span>Christian Tatelu</span></a></li>
<li><a class="anima" href="http://facebook.com/csnice">My Facebook<br /><br /><span>My Facebook</span></a></li>
<li><a class="anima" href="http://twitter.com/deactivatednumi">My Twitter<br /><br /><span>My Twitter</span></a></li>
<li><a class="anima" href="http://christiantatelu.blogspot.com/feeds/posts/default">Feed Blog<br /><br /><span>Feed Blog</span></a></li>
</ul>
</div>

Silahkan ubahsuaikan semua kode yang bercetak tebal ( bold ) sesuai keinginan. Sekian tutorialnya dan semoga membantu..

Read More

Menampilkan Judul Artikel Saja di Homepage

Menampilkan Judul Artikel / Posting Saja di Homepage - Apa kabar sobat blogger? pada kesempatan kali ini kita akan coba membahas tentang bagaimana cara membuat judul artikel saja yang tampil di halaman depan blog. Tutorial kali ini sebenarnya berfungsi hampir sama dengan readmore ( baca : cara memasang readmore di blog ) namun jika readmore menampilkan judul artikel berserta ringkasan artikel, maka yang ini hanya akan menampilkan judul artikel ( posting ) saja. Bagi sobat yang tertarik, silahkan ikuti tutorial berikut.

1. Login ke akun blogger sobat.
2. Klik rancangan --> edit HTML
3. Letakkan kode berikut di bawah kode ]]</b:skin>

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body{display:none;}
</b:if>
</b:if>
</style>

4. Simpan dan lihat hasilnya.

Tambahan :
Jika setelah menggunakan kode di atas dan masih menyisahkan elemen - elemn seperti tanggal posting, jumlah komentar dll, silahkan gunakan kode berikut menggantikan kode no 3.

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body, .post-footer, .jump-link,
.post-timestamp, .reaction-buttons,
.star-ratings, .post-backlinks,
.post-icons, .date-header{display:none;}
</b:if>
</b:if>
</style>

Sekian....

Read More

Daftar Lengkap Komunitas Blogger Seluruh Indonesia

Daftar Lengkap Komunitas Blogger Seluruh Indonesia - Apa kabar sobat blogger! Berbicara tentang blog tentunya kita akan berbicara tentang seorang blogger, dan berbicara tentang seorang blogger tidak lengkap rasanya jika kita tidak tahu daerah asal blooger ( orang yang ngeblog ).

Blogger yang berasal dari manado, makassar, jakarta, madura, bandung dan lain - lain tergabung dalam satu komunitas primer yaitu komunitas blogger indonesia. Di indonesia sendiri terdapat 33 provinsi yang juga terbagi atas beberapa kabupaten dan kota yang terpisah oleh lautan, dengan kata lain, berarti banyak sekali blogger yang tersebar diseluruh indonesia yang tak mungkin saling bertemu dan saling berbagi secara langsung antar sesama blogger indonesia. Berdasarkan penilaian ini, maka dibuatlah komunitas - komunitas blogger di berbagai daerah di seluruh indonesia, misalnya manado dengan kawanua blogger, makassar dengan Angingmammiri dan lainnya.

Berikut beberapa komunitas blogger terbesar di indonesia yang saya kumpulkan dari berbagai sumber.

1. Komunitas Blogger Maluku
http://arumbai.org

2. Komunitas Blogger Bali
www.baliblogger.org

3. Komunitas Blogger Banjarmasin
http://www.bloggerbanua.com

4. Komunitas Blogger Padang
http://palanta.org

5. Komunitas Blogger Medan
http://bloggersumut.net

6. Komunitas Blogger Palembang
http://wongkito.net

7. Komunitas Blogger Jogja
http://bloggerjogja.net

8. Komunitas Blogger Pekanbaru ( Riau )
http://www.bertuah.org

9. Komunitas Blogger Semarang
http://loenpia.net

10. Komunitas Blogger Surabaya
http://tugupahlawan.com

11. Komunitas Blogger Madura
http://plat-m.com

12. Komunitas Blogger Makassar
http://angingmammiri.org

13. Komunitas Blogger Jambi
http://www.komunitasbloggerjambi.info


14. Komunitas Blogger Manado
http://www.kawanuablogger.com


15. Komunitas Blogger Palu
http://uvebana.com


16. Komunitas Blogger Acehwww.acehblogger.or.id


17. Komunitas Blogger Gorontalo
http://saronde.org


18. Komunitas Blogger Banten
belum ada data


19. Komunitas Blogger Mataram
belum ada data


20. Komunitas Blogger Kupang
belum ada data

21. Komunitas Blogger Pontianak
belum ada data

22. Komunitas Blogger  Banjarmasin
belum ada data

23. Komunitas Blogger Samarinda
belum ada data

24. Komunitas Blogger Kendari
belum ada data

25. Komunitas Blogger Mamuju
belum ada data

26. Komunitas Blogger manokwari
belum ada data

27. Komunitas Blogger sofifi
belum ada data

28. Komunitas Blogger Jayapura
belum ada data

Masih banyak data komunitas yang masih perlu dimasukkan, namun sampai saat ini saya sendiri belum mendapatkan datanya, silahkan bagi sobat blogger yang ingin menambahkan komunitas daerahnya dalam cantuman di atas dengan berkomentar di halaman ini.

Read More

Cara Membalas Komentar di Blog

Cara Membalas Komentar di Blog - Berkomentar adalah jalan untuk silahturahmi sesama blogger. Setelah sebelumnya memposting artikel cara bikin blog, kali ini saya akan kasih tips sederhana bagaimana cara membalas komentar di blog. Tutorial ini saya khususkan ke pada sobat - sobat blogger newbie yang kesulitan membalas komentar dari blogger lainnya.

Mengapa memposting artikel jadul seperti ini? satu - satunya alasan saya yaitu karna saya sama seperti blogger lainnya yang memulai segala sesuatu dari awal, oleh karna itu setidaknya saya tahu apa yang dibutuhkan blogger pemula yang dulunya saya pernah lewati.

Cara Membalas Komentar di Blogger / Blogspot

Untuk membalas komentar di blog ada 2 cara, yaitu :

1. Dengan membalas pada halaman yang dikomentari
Dalam hal ini bagi yang belum memasang threaded Comment ( baca : cara membuat threaded comment di blog ), silahkan gunakan kode "@namapemberikomentar" untuk memperjelas kepada siapa balasan di berikan.

2. Dengan membalas pada halaman blog si pemberi komentar
Dalam hal ini sobat tentuhnya harus berkunjung balik ke blog si pemberi komentar dan memberi komentar balasan kepadanya. Jika blog si pemberi komentar memasang bukutamu di blognya, silahkan membalas komentar di buku tamu ( guestbook ) tersebut.

Penting :
Berkomentar adalah cara terbaik mencari backlink satu arah, karna itu janganlah bosan - bosan berkomentar di blog terutama blog dofollow.

Nah sekarang silahkan balas komentar di blog sobat yang sudah lama menunngu balasan... Sekian...

Read More