Home » Posts filed under Tips dan Trik
Showing posts with label Tips dan Trik. Show all posts
Showing posts with label Tips dan Trik. Show all posts

Cara Menjaili FB teman Dengan Acces Token

Posted by Syamsul Bahri 4 comments
Apa itu Access Token ?
Access Token merupakan struktur data yang berisi informasi keamanan yang dibutuhkan oleh sebuah proses untuk mengakses objek (dalam hal ini akun Facebook) atau proses lainnya yang membutuhkan otorisasi.
Dari mana Access Token tercipta ?
Seperti yang kita ketahui bersama, Facebook memiliki ribuan bahkan mungkin jutaan apps (aplikasi) untuk memanjakan penggunanya. Dari setiap penggunaan apps tersebutlah Access Token tercipta. Setiap Access Token akan tersimpan pada server hostingan pembuat aplikasi Facebook.
Kenapa dikatakan Access Token berbahaya ?
Apabila Access Token akun Facebook anda diketahui oleh orang yang tidak bertanggung jawab maka orang tersebut dapat meng-update-kan status Facebook anda, mem-posting link dan dapat pula memasukkan foto/gambar tanpa perlu melakukan login ke akun Facebook anda. Mungkin diantara kita pernah mendengar beberapa kasus pengguna Facebook berurusan dengan pihak Kepolisian bahkan sampai ke depan meja hijau akibat dari status Facebook-nya.
Bagaimana proses kerjanya ?
Di sini saya akan mempraktekkan proses kerjanya, bukan mengajarkan. Dan di akhir penjelasan nanti akan dijelaskan bagaimana cara untuk menghindarinya. Baiklah, mari kita mulai.
  1. Pertama – tama saya akan login ke akun Facebook saya sendiri. Antara akun Facebook sayadengan Facebook korban tidak saling berteman. (jika berteman lebih baik lagi)
  2. Sebelumnya, saya telah membuat sebuah aplikasi sederhana di Facebook. Dengan memanfaatkan tekhnik social engineering saya memberikan link aplikasi Facebook itu kepada korban agar tergiur untuk menggunakannya. Link aplikasinya adalah http://apps.facebook.com/viaBBasli/ (Aplikasi Update Status Facebook Via Apa Saja)
  3. Sang korban tergiur dan menggunakan aplikasi Facebook dari saya.
  4. Untuk lebih memastikan apakah korban sudah menggunakan aplikasi Facebook dari saya, langsung saja saya login ke cpanel lalu menuju ke phpMyAdmin.

    Bahaya Access Token Terhadap Akun Facebook Anda | blog.cyber4rt.com

    Dan ternyata si korban telah menggunakan aplikasi Facebook dari saya. Yang ditandai kotak warna merah adalah access_token Facebook korban.
  5. Mari kita coba untuk meng-update-kan status Facebook korban dengan sedikit “injeksi url”
    Injeksi url :
    https://graph.facebook.com/ID-FACEBOOK/feed?method=POST
    &access_token=ACCESS-TOKEN-KORBAN&message=KALIMAT STATUS

    Menjadi :
    https://graph.facebook.com/100002046013991/feed?method=POST
    &access_token=AAAFc7v
    0ZAmt0BABm1LZCTcYcwGdwhyXhR5xVv1Srfio5lVzykK8AKy40KkZA47M47c
    NL98P9IPQgqaJHd7WP2ryOU9Xf3GTyxgixpQVPgZDZD
    &message=Test update status online :lol:

    Untuk melihat hasilnya silakan Anda klik "injeksi url" di atas lalu buka wall profil Facebook korban
  6. Selanjutnya kita coba untuk mem-posting LINK ke akun Facebook korban.
    Injeksi url :
    https://graph.facebook.com/ID/feed?method=POST
    &link=URL
    &message=KALIMAT
    &access_token=ACCESS-TOKEN-KORBAN

    Menjadi :
  7. Terakhir, saya akan memasukkan sebuah gambar ke dalam akun Facebook korban.
    Injeksi url :
    https://graph.facebook.com/photos?url=URL GAMBAR
    &method=POST&message=KALIMAT
    &access_token=ACCESS-TOKEN-KORBAN

    Menjadi :
    https://graph.facebook.com/photos?url=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQhfU5fNk4iqKA6A3CJiuMpgb6vSfmYRQLcMRaAv3H3qOy3cIyd-6rLboltTpkGRFpZ-vNAKSpF98oVs3VjPfUTyQXbKtmWr5twl2yWdWCkxas6qU6TvhmHlK-r5YgFVcBcy4HqBzwRTQZ/s1600/mentahbodyatasfull.jpg
    &method=POST&message=TEST UPLOAD GAMBAR
    &access_token=AAAFc7v0ZAmt0BABm1LZCTcYcwGdwhyXhR5xVv1Srfio5lVzykK8AKy40KkZA47M47cNL98P9IPQgqaJHd7WP2ryOU9Xf3GTyxgixpQVPgZDZD
Bagaimana cara menghindari penggunaan Access Token oleh orang yang tidak bertanggung jawab ? Cara untuk menghindarinya cukup mudah yaitu :
  1. Masuk ke Pengaturan Privasi Aplikasi Facebook
  2. Cari aplikasi Facebook yang mencurigakan, contoh pada demo kali ini aplikasinya bernama ACCESS_TOKEN, klik edit (sunting) pada aplikasi tersebut.
  3. Di sini ada beberapa pilihan, perhatikan gambar di bawah ini
Bahaya Access Token Terhadap Akun Facebook Anda | blog.cyber4rt.com
ket :
merah : menghapus aplikasi dari akun Facebook Anda (direkomendasikan)
biru : menghapus akses aplikasi yang tidak Anda inginkan (pilihan) 
hijau : mengatur siapa saja yang dapat melihat posting-an dari aplikasi, pilih "Only Me" (pilihan)

Akhir kata, jangan sembarang menggunakan aplikasi Facebook. Gunakan aplikasi Facebook hanya dari sumber yang terpercaya. Sekian dan terima kasih, lebih dan kurangnya mohon dimaafkan.

Update Status via BlackBerry Dengan Autotext

Posted by Syamsul Bahri 115 comments
Tuliskan status kamu kemudian klik bagikan, setelah itu lihat di profil kamu tulisan blackberry akan di redirect ke http://www.facebook.com/mobile/?v=225448765

Update Status via BlackBerry

Katakan sesuatu tentang artikel ini, bagikan ke teman

Kalau sobat semua mau menambahkan emoticon lucu dibawah ini buat update di status facebook sobat semua, koleksi Autotext blackberry emoticon lucu, senang, happy dan lain-lainya silahkan copy dari kumpulan autotext blackberry dibawah ini

Autotext Lucu | Emotion Seneng 

(~‾ ▽‾)~
( ˘ з˘ )♬♪
ƪ(‾.‾“)┐‎
~(‘▽’~) (~’▽’)~
ƪ(˘⌣˘)┐ ƪ(˘⌣˘)ʃ ┌(˘⌣˘)ʃ
\(´▽`)/ \(´▽`)/ \(´▽`)/
ƪ(˘⌣˘)┐tori.. ƪ(˘⌣˘)ʃ tori.. ƪ(˘⌣˘)ʃ tori..
♪♪┌(∵)┘♪└(∵)┐♪┌(∵)┘♪└(∵)┐♪♪
♪┏(・o･)┛♪┗ ( ･o･) ┓♪┏ (・o･) ┛♪┗ (･o･ ) ┓♪┏(･o･)┛♪

Autotext Sedih | Emotion Males

‎​(⌣_ ⌣!!)
[¬_ ¬!!]
(―˛―“)
(¬_ ¬)
(¬,¬”)
(‾~‾“)
m(_ _)m
Ε(.⌣__⌣.)з
(‾˛‾")ƪ(˘-˘) ▸
｡_(-＿-*)OFF...!

Autotext Baru | Emotion Seneng Lucu Gembira

ヽ(^_^ ) ( ^_^)/
ヾ(´ー｀)ノ
ヾ(´^ω^)ノ♪
ヽ(・∀・*)ﾉ
ヽ(`∀´)ﾉ
ヽ(*´∀｀)ノヾ(´^ω^)ノ♪
ヽ(´Д`;)ﾉ
=(´З｀)ノ
ヽ(*′ω`)ﾉﾞ
ヽ(*´Д｀*)ﾉ
ヽ（´３`）ﾉ♪(*^ ・^)ノ⌒☆
ヾ( ﾟ∀ﾟ)ﾉﾞ
(*'∀^)ハ(^ω^*)
~~＼(´μ｀｡)／~~
ヾ(ﾟдﾟ*三*ﾟдﾟ)ノ＼(^ω^＼)( /^ω^)/
ヽ(´Д｀;≡;´Д｀)丿
ε=ε=(ノ≧∇≦）ノ
ヾ(★´Д)人(Д｀☆)ノ゛
ヽ( ･∀･)ﾉ┌┛Σ(ノ `Д´)ノ
ヽ(д｀ヽ)｡｡ｵﾛｵﾛ｡｡(ノ´д)ノ
(ノ＾ω＾)ハ(＾ω＾ )ノ tosss ..

Autotext Ketawa | Emotion Nyekak Ngakak Lucu

Ħèëé=D˚•‧::‧•‎ ​‎​‎​˚ћèé=D˚•‧::‧•‎​‎​‎​˚Ħèëé=D ‎​​​
Нå. =D. нå. =D. нå. =D нå
нªª˘°˘нªª˘°˘нªª˘°˘ нªª˘°˘нªª˘°˘нªª˘°˘нªª˘°˘нªª˘°˘нªª˘°˘ ™
♏♏♏ªªªªñÑñŤŤŤªªªªªPPPP(y)..ªªkªªkªª=Dªªkªªkªª=ªªkªªkªª
=dº°˚нåнåнå˚°º=нå˚°º=d=dº°˚нåнåнå˚°º
• Шªκªκª<=-Pkªκªκªªª\=D/kªªkªª
• °ωkωkωkωkωkωkωk° •.
ˇ♥hªªhaa... Hªªhaa=))♥
H▲²H△²H▲²H△²H▲²H△²H▲²
HªhªhªHªhªhªhªHªhªhªHªhªhª
Wªkªkªkªkªkªkªkªk..
ЩĸЩĸЩĸЩĸЩĸЩĸЩĸЩĸ
ªªKªªKªª=))ªªKªªKªª=)) =)) =))
Wɑº°˚ ˚°º≈kɑº°˚ ˚°ºkɑº°˚ ˚°º≈=))
♓εε♥♓зз♥♓εε♥♓зз☺
(●≧▽≦)♪ ωααααααασσσσωωωωωωω.....
=Dнaнaɑº°˚˚°º≈=))=D=))‎​º°˚˚°º≈=))=))=Dнaнaɑº°˚˚°º≈=))=D=))
˚*•.¸˚*•.¸ =D♓α☆ ♓α ☆♓α=))¸.•*˚¸.•*˚
=)) нªª˘°˘нªª˘°˘нªª˘°˘ ./"/ ‎​‎​‎​‎​‎​ нªª˘°˘нªª˘°˘нªª˘°˘ ‎​ _//_ нªª˘°˘нªª˘°˘нªª˘°˘.

Autotext Konyol | Emotion Lucu Gokil

┒('o'┒) Lo diem, ( ',ƪ') Gue ngupil = <( ‾▿‾)-σ• (‾o‾") Nih upil
\(˘▽˘)/gak../(.o.)\gak..gak\(˘o˘)/kuat../(.o.)\ gak..\(˘o˘)ʃ levell
ƪ(˘⌣˘)┐tory.. ƪ(˘⌣˘)ʃ tory.. ┌(˘⌣˘)ʃ tory.. ƪ(˘⌣˘)cheese.. ƪ(˘⌣˘)┐
(ʃ⌣ƪ) Ciluuuuk ƪ_(☉▿▿▿▿▿▿☉)_ʃ Baaa
(ʃ⌣ƪ) ciluuk ƪ(˚▽˚)ʃ baaa
(y)˚°◦(y);)•Siip♣Siip•({})(y)◦°˚(y)
* ☀Ъ膆ћµ Ĺ••=)) ••Ъ膆ћµ Ĺ ••\=D/ ••Ъ膆ћµ Ĺ• • ♣:D☀
(╰_╯)‎​‎​Grrr>:O¤Grrr>:O¤Grrr┌П┐(◣_◢)┌П┐
(≧∇≦)� тι∂ααααααккккккккк..........!!!
☺ßδβδ..ŹżżźŻżżżżŽ ŹżżźŻżżżżŽ ŹżżźŻżżżżŽ:Oħ:


Indahnya berbagi, semoga bermanfaat

Akses Mr. Sul Blog Melalui Facebook

Posted by Syamsul Bahri
Facebook benar-benar menjamur. Tidak hanya di Indonesia, namun juga di seluruh dunia. Hampir tidak ada orang yang tidak mengenal apa itu facebook, mulai dari orang tua, dewasa, remaja bahkan anak-anak sekalipun sudah ada yang punya akun facebook,  tapi kali ini saya bukan untuk membahas tentang facebook yang menjamur, yang ingin saya bahas di sini bagaimana pembaca blog bisa mengakses blog melalui facebook tanpa harus meninggalkan halaman facebook sehingga masih bisa chatting bersama teman teman.
Kemarin saya googling untuk mencari artikel bagaimana supaya blog bisa tampil di facebook, terus terang sudah lama saya menyinkronkan blog dengan Facebook, dengan menggunakan 2 cara yaitu mengimpor blog di catatan facebook dan bergabung dengan networkedblogs. Tapi cara ini kurang maksimal karena yang tampil hanya berupa catatan dan begitupun networkedblogs  terlalu terbatas. Sedangkan yang saya inginkan adalah tampilan blog lengkap semua ada di facebook, tidak satupun artikel yang saya temukan yang membahas bagaimana supaya blog bisa tampil di facebook.

Tapi masih penasaran juga akhirnya saya mencoba masuk ke aplikasi facebook, ternyata disana sudah ada bagian cara menampilkan blog di facebook dengan menggunakan aplikasi. Coba lihat blog saya di facebook klik disini

Untuk langkah langkah cara membuat blog tampil di facebook akan saya bahas pada postingan berikutnya :)

Post Code Converter

Posted by Syamsul Bahri
Salah satu cara untuk merubah Kode JavaScript dan CSS supaya bisa dipasang dan tampil di dalam posting bisa dengan mengunjungi situ-situs yang menyediakan fasilitas untuk mem-parse atau merubah (encode dan decode) kode-kode JavaScript dan CSS itu.

Dan cara lain untuk merubah kode javascript dan css supaya tampil dan bisa dipasang dalam artikel yang akan di posting bisa dengan menggunakan Gadgets Post Code Coverter.
Post Code Coverter ini disediakan gratis oleh Om Google yang tampilannya bisa dilihat seperti berikut ini...




Post-Code: code converter
Gadgets powered by Google


Untuk merubah kode JavaScript dan CSS tertentu, kita tinggal masukkan (bisa dengan menuliskannya langsung atau mem-paste) kode-kodenya ke dalam kotak yang tesedia lalu tekan tombol CONVERT.... dan jika KODE HASIL CONVERTER itu akan ditampilkan dalam posting, tinggal COPY (kode-kode yang telah di konversi) itu lalu PASTE ke dalam area EDIT HTML postingan. Cara membuka area EDIT HTML postingan, pastinya semua blogger pasti sudah tahu.

Sebagai contoh, Kode JavaScript Post Code Converter di atas supaya tampil di dalam postingan ini, sayapun melakukannya dengan gadget ini sendiri dan hasilnya bisa dilihat pada kode berikut:

<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&amp;up_grows=10&amp;up_conv1=1&amp;up_conv2=1&amp;up_conv3=1&amp;up_conv4=1&amp;up_conv5=1&amp;synd=open&amp;w=450&amp;h=250&amp;title=Post-Code%3A+code+converter&amp;border=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fimages%2F&amp;output=js"></script>

Jika ada yang menginginkan Gadget Post Code Coverter ini, silahkan COPY PASTE kode2 diatas... Anda bisa memasangnya pada sidebar atau dalam posting seperti ini dengan mengatur lebar dan tingginya sesuai keinginan. Manfaat memasang post code converter ini, jika sewaktu-waktu diperlukan kita tidak lagi muter-muter mencari situs yang menyediakan fasilitas seperti ini.

Semoga Masih Bermanfaat...!!!

Cara Nonton Youtube Tanpa Loading

Posted by Syamsul Bahri 0 comments
Jika ingin mendownload video youtube maka paling tidak kita mengetahui isi video tersebut. Apabila kita buka youtube.com dan kita pilih salah satu video tersebut apa yang terjadi? yaitu kita harus menunggu buffer atau loading yang menjemukan maka ada cara yang mudah yaitu masuk kesitus http://m.youtube.com/
Kita tidak bisa begitu saja menonton dengan mengkliknya tetapi perlu langkah-langkah sebagai berikut:
  1. Instal Quicktime di PC atau notebook anda
  2. Masuk ke http://m.youtube.com/
  3. Cari video kemudian klik kanan tepat pada gambar video dan pilih copy link location
  4. Buka quicktime kemudian pilih File>>Open URL>>Paste>>OK
  5. Url harus file .3gp (memang terkadang ada file tidak menggunakan .3gp)
  6. Setting Qiucktime Anda melalui Edit >> Qiucktime preferences >> Audio, streaming, dll.                                                                                             misalnya untuk memilih setting http +++ Edit >> Qiucktime preferences >> Advance >> Transport Setup >> pilih Costum >> ubah transport pilih HTTP
  7. Sekarang anda bisa menikmati video tanpa loading.

Tips Membuat Tampilan Firefox 3.6 Berefek Glass

Posted by Syamsul Bahri 0 comments

Kemarin membaca informasi di beritanet.com, tentang Mozilla yang mengeluarkan desain untuk Firefox terbarunya yaitu Firefox 3.7. Namun ini baru design aja, yang dipublikasikan oleh Mozilla. Seperti disamping itu gambarnya.

Kelihatan bahwa Firefox mempunyai tampilan yang lebih manis dibanding versi Firefox yang sebelum-sebelumnya. Mungkin Mozilla kali ini agak minder pada tampilan Firefox, dimana tampilan browser lain yang semakin bagus dan enak dipandang, sementara Firefox gitu-gitu aja.

Dalam gambar itu Firefox 3.7 didesign mempunyai efek glass yang cantik serta beberapa perubahan pada tombol menu pada toolbar Firefox. Yaitu Menu Bar yang disembunyikan menjadi lebih simple, kemudian bookmark yang diletakkan sejajar dengan kolom address bar.


Ok tadi sudah liat Firefox 3.7, sekarang tips nya. Sebenarnya pada Firefox 3.6 kita pun bisa membuat tampilan yang mempunyai efek glass mirip seperti pada design Firefox 3.7 di atas. Caranya cukup mudah, hanya menggunakan beberapa add-on yang mampu membuat tampilan Firefox mempunyai efek glass.

Add-on itu adalah AllGlass Firefox modv2. (Addon ini hanya dapat dipakai pada Firefox 3.6 ke atas)
Untuk mendapatkan add-on tersebut dapat langsung menuju ke alamat ini : https://addons.mozilla.org/en-US/firefox/addon/12181
Kemudian langsung install di Firefox, dan restart Firefox.
Setelah itu tampilan Firefox akan mempunyai efek glass seperti diatas.

Nah kemudian Untuk menyembunyikan menu bar, kita juga bisa melakukannya dengan menggunakan add-on yang bernama Compact-Menu. Dapat didapatkan disini : https://addons.mozilla.org/en-US/firefox/addon/4550
Compact-Menu ini mengganti menu bar (File, Edit, View, ...) dengan satu icon yang mewakilinya. Jika diklik maka menu-menu tersebut akan muncul ke bawah.

Ini dia tampilan Firefox ku setelah dimodifikasi seperti di atas :















OK itu dia sedikit tipsnya, bagaimana tampilannya Firefox anda sekarang.... ? bagus bukan...

Cara Mengecek Blog Dofollow atau Nofollow di Berbagai Browser

Posted by Syamsul Bahri 7 comments
Jika anda mencari informasi tentang tips meningkatkan pagerank blog biasanya salah satu tips yang disarankan adalah berkomentar di blog dofollow. Memang benar berkomentar di blog dofollow bisa meningkatkan google pagerank karena blog dofollow adalah blog yang telah menghilangkan atau melepaskan atribut nofollow dari form komentarnya sehingga jika ada pemilik blog yang meninggalkan komentar di blog tersebut, maka ia akan mendapat backlink dari empunya blog dengan catatan si pemilik blog harus berkomentar sebagai name/URL atau mencantumkan link blognya disana.

Bagi anda yang belum tahu apa itu Nofollow? Nofollow adalah atribut HTML yang berfungsi untuk memberi perintah kepada search engine untuk tidak menelusuri suatu link pada halaman blog sehingga google search engine tidak akan menganggap link tersebut sebagai backlink. Cara ini dibuat pertama kali oleh Matt cutts dan Jason Shellen pada tahun 2005 untuk mencegah pemilik blog melakukan spam dengan berkommentar sebanyak-banyaknya di blog ber PR tinggi.

Contoh kode link nofollow:

<a href="http://www.contoh.com/" rel="nofollow">bogger tips n tutorial</a>
Secara default, blog blogspot menggunakan sistem nofollow pada form komentarnya. Namun tidak sedikit pula blogger yang menerapkan sistem dofollow dalam comment formnya.

Untuk menemukan blog-blog mana saja yang menggunakan sistem dofollow, anda bisa googling dengan kata kunci 'dofollow blog list' atau 'daftar blog dofollow'. Ada banyak situs yang membuat daftar blog dofollow di situsnya.

Nah sekarang pertanyaannya adalah apakah blog tersebut masih menganut sistem dofollow? Sebab tidak sedikit blog yang awalnya memang bersifat dofollow tapi sekarang sudah tidak lagi. Untuk mengetahuinya, gunakan cara berikut:

Browser Firefox
Ada 2 cara yang bisa digunakan:

1. Melihat properties linknya
Ini adalah cara klasik yang sering digunakan blogger atau webmaster untuk mengecek status link. Caranya, klik kanan pada link yang berada pada kolom komentar lalu pilih Properties jika muncul tulisan relation: nofollow berarti blog tersebut bersifat nofollow.



2. Menggunakan addons Firefox
Ada banyak addons Firefox yang mampu mendeteksi link nofollow, salah satunya adalah SearchStatus. Dengan addons ini anda bisa melihat apakah suatu link dofollow atau nofollow dalam waktu yang bersamaan. sehingga lebih cepat. Anda bisa instal addonsnya disini. Setelah instal, aktifkan fitur pendeteksi nofollow dengan cara klik kanan pada logo SearchStatus yang terletak dipojok kanan bawah layar lalu pilih Highlight Nofollow Links. (Jika anda ingin menonaktifkan fitur ini cukup hilangkan centang pada 'Highlight Nofollow Links').


Jika link dihighlight merah berarti blog tersebut bersifat nofollow.



Browser Google Chrome
Instal Chrome SEO disini. Setelah itu, aktifkan fitur pendeteksi nofollow dengan cara klik logo Chrome SEO yang terletak di pojok kanan atas. kemudian tunggu beberapa saat hingga menu Chrome SEO muncul selanjutnya klik link Show Nofollow.



Browser IE
Untuk pengguna IE, caranya cukup mudah anda tinggal copas kode dibawah ini ke address bar pada halaman dimana anda ingin melakukan pengecekan.

javascript: var anchors;anchors = document.getElementsByTagName("a");var anchorIndex;for(anchorIndex = 0;anchorIndex < anchors.length;anchorIndex++) { if(anchors[anchorIndex].getAttribute("rel") && anchors[anchorIndex].getAttribute("rel")=="nofollow") anchors[anchorIndex].style.backgroundColor="red";} void(0);

Jika blog tersebut bersifat nofollow maka link akan dihighlight merah seperti gambar berikut.



Browser Safari
Caranya hampir sama dengan browser IE yaitu tinggal copas kode ke address bar pada halaman dimana anda ingin melakukan pengecekan.

javascript:var%20a=document.getElementsByTagName('a');for(var%20z=0;z%3Ca.length;%20z++){if(a[z].rel==’nofollow’){a[z].style.border=’1px%20solid%20%23F00';}}

Semoga bermanfaat..!

Tips Meningkatkan Trafik Blog

Posted by Syamsul Bahri 0 comments
tips meningkatkan trafik blogMemiliki blog yang ber-traffic tinggi merupakan impian dari setiap blogger. Karena dengan memiliki blog yang rame pengunjung, maka para advertiser atau pemasang iklan akan berbondong-bondong datang ke blog kita untuk beriklan yang artinya duit akan terus menerus mengalir ke kantong kita. :D

Oleh karena itu, tidak heran jika setiap webmaster selalu berlomba-lomba mencari segala cara untuk meningkatkan trafik blognya. Tetapi untuk memiliki blog yang bertrafik tinggi itu tidaklah mudah. Kita harus mengorbankan banyak waktu, tenaga, pikiran dan uang untuk mewujudkannya. Tetapi percayalah selama anda mempunyai tekad dan niat yang kuat maka apapun impian anda bisa terwujud.

Nah untuk membangun trafik blog, ada 2 hal penting yang harus anda lakukan yaitu:

Konten
Konten adalah raja. Setiap pengunjung yang datang ke blog anda adalah untuk membaca konten anda (mencari informasi, solusi, dan ide). Oleh karena itu, tulislah konten yang berkualitas dan bermanfaat bagi pengunjung agar mereka selalu kembali ke blog anda.

Promosi
Setelah memiliki konten, langkah selanjutnya yang harus anda lakukan adalah promosi. Promosi merupakan jantung dari bisnis. Tanpa promosi sebagus apapun konten anda tidak ada yang tahu. Percuma. Jadi jika anda ingin menghasilkan trafik yang melimpah. Maka langkah ini wajib anda lakukan.

Berikut adalah cara-cara untuk mempromosikan blog anda.

1. Mendaftar blog anda ke search engine. Selengkapnya bisa anda pelajari disini.

2. Mendaftar blog ke blog direktori seperti Technorati, Mybloglog, dan Blogcatalog. List selengkapnya bisa anda download disini.

3. Submit artikel anda ke social bookmarking. Untuk artikel inggirs submit ke Technorati, Digg, Google Buzz, Stumbleupon dan delicious. Sedangkan artikel indonesia submit ke Lintas berita dan Infogue.

4. Mencantumkan alamat blog anda pada situs jejaring sosial seperti Facebook, Friendster, hi5 dan myspace.

5. Mencantumkan alamat blog pada signature email.

6. Aktif di forum dengan mencantumkan alamat blog pada bagian signature.

7. Blogwalking
Ini merupakan cara termudah untuk mempromosi blog anda. Selain dapat meningkatkan trafik blog. Cara ini juga dapat menjalin tali silahturami antar sesama blogger.

8. Meninggalkan komentar diblog lain. Hampir sama dengan blogwalking dimana bertujuan untuk meninggalkan jejak di blog lain. Jangan lupa untuk mencantumkan alamat blog anda agar pemilik blog dapat membalas kunjungan anda.

9. Pasang iklan gratis di situs iklan baris seperti forumiklan.com, iklanbisnisku.com, Iklanplaza.com, dan lain-lain.

10. Memasang widget Blogupp. Informasi selengkapnya silahkan baca disini


Sebenarnya masih banyak cara-cara lain. Tapi saya yakin cara-cara diatas sudah cukup untuk mendatangkan trafik bagi blog anda.

Selamat mencoba. Semoga bermanfaat..

Tips Untuk Meningkatkan Alexa Rank

Posted by Syamsul Bahri 0 comments
alexa rankUntuk menyambung postingan sebelumnya tentang Alexa rank maka pada kesempatan ini saya akan menyajikan tips-tips untuk meningkatkan Alexa rank.

Seperti yang telah saya jelaskan sebelumnya bahwa Alexa rank mempunyai peranan yang penting bagi sebuah blog. Karena selain digunakan untuk menentukan popularitas sebuah blog. Alexa rank juga merupakan salah satu syarat untuk mencari dolar di internet.

Nah berikut adalah tips-tips untuk meningkatkan alexa rank. Semoga bermanfaat.

1. Pasang widget Alexa rank
Selain untuk menampilkan rangking alexa di blog. Cara ini juga dapat mempermudah Alexa.com untuk mengumpulkan data trafik di blog kita.

2. Pasang Alexa toolbar
Seperti yang telah dijelaskan sebelumnya bahwa rangking alexa dihitung berdasarkan jumlah pengunjung yang memasang alexa toolbar pada browser mereka. Oleh sebab itu, memasang alexa toolbar pada browser merupakan cara yang paling efektif untuk meningkatkan alexa rank. Untuk mengetahui cara pemasangannya bisa anda pelajari disini.

3. Sering-seringlah membuka blog anda
Selain trafik, alexa rank juga dipengaruhi oleh jumlah page view pada blog. Oleh karena itu, sering-seringlah untuk membuka blog anda. Dengan demikian jumlah page views blog anda akan bertambah. Untuk mendapatkan hasil yang lebih baik, pasang Alexa toolbar pada browser anda.

Sebagai tambahan jika anda mengunjungi sebuah tempat yang mempunyai koneksi internet seperti warnet, kampus ataupun rumah teman anda. Kunjungilah blog anda meskipun hanya sekedar buka lalu tutup lagi. Karena cara ini akan menambah jumlah trafik bagi blog anda.

4. Klaim blog di Alexa
Dengan mengklaim blog anda di Alexa maka akan mempermudah Alexa untuk menelusuri dan mengumpulkan data trafik di blog anda sehingga dapat mempercepat update alexa rank di blog anda.

Untuk mengklaim blog di Alexa caranya cukup mudah. Berikut langkahnya:
  1. Kunjungi http://www.alexa.com
  2. Jika anda belum punya akun Alexa silahkan dibuat terlebih dahulu dengan klik Register. Setelah akun berhasil dibuat, login ke akun Alexa anda.
  3. Klik menu Services kemudian pada halaman baru klik tombol Claim your site
  4. Masukkan alamat blog anda. Contoh, http://mrsulblog.blogspot.com lalu klik Claim your site.
  5. Selanjutnya anda akan diberi 2 metode untuk mengklaim situs anda. Agar lebih mudah gunakan saja metode yang ke-2. Copy kode meta tag yang diberikan dan paste ke blog anda. Letakkan tepat dibawah tag <head> dan simpan template anda. Jika anda sudah pernah memasang Google sitemap dan Yahoo sitemap di blog anda maka letakkan saja dibawahnya.
  6. Kalau sudah, balik ke Alexa dan klik tombol Verify my meta tag. Jika berhasil maka akan muncul pesan "Thanks, your blog has been verified".

5. Tingkatkan trafik blog
Seperti yang kita ketahui bahwa alexa rank ditentukan oleh jumlah trafik. Semakin tinggi trafik blog tentu semakin bagus pula rangking alexa-nya. Oleh karena itu, tidak cara yang lebih baik dan tepat selain meningkatkan trafik blog anda.

Saya yakin anda semua memiliki cara-cara tersendiri untuk meningkatkan trafik blog. Untuk mengetahui tips meningkatkan trafik blog ala saya. Silahkan baca disini.

Sukses untuk anda semua... kenyit

Membuat Kotak Alert Message2

Posted by Syamsul Bahri 0 comments
Setelah saya memposting tentang cara membuat kotak alert message. Ternyata ada seorang sobat yang bertanya kesaya bagaimana cara membuat kotak alert message yang ada konfirmasinya. mungkin yang dimaksud adalah seperti yang ini kali ya


Hmm,, kayaknya nggak salah lagi deh sengihnampakgigi. Setelah jelajah kesana kemari, buka sana sini. Akhirnya ketemu juga tipsnya. Ok deh tanpa basa-basi, mari kita mulai.

1. Seperti biasa, login ke blogger. Lalu masuk ke menu Design -> Edit HTML

2. Letakkan kode berikut ini dibawah <head> atau tepatnya diantara <head> dan <b:skin>
<script type='text/javascript'>
if (confirm(&quot;Terima kasih telah mengunjungi blog ini. Klik OK untuk melanjutkannya&quot;)) {
window.location = &quot;http://mrsulblog.blogspot.com/&quot;;
}
else {
window.location = &quot;http://google.com/&quot;;
}
</script>
Keterangan:
Tulisan yang dicetak tebal adalah teks yang muncul dalam kotak alert. Silahkan ganti dengan teks yang anda inginkan
Tulisan berwarna merah adalah alamat web yang akan terbuka jika pengunjung klik OK
Tulisan berwarna hijau adalah alamat yang akan terbuka jika pengunjung klik Cancel atau Close

3. Kalau sudah, klik Save Template dan lihat hasilnya


Selain kotak alert yang sudah dibawah diatas masih ada 1 jenis lagi yaitu kotak alert dengan prompt field yang contohnya seperti dibawah ini.



Untuk membuat kotak alert ini caranya sama dengan diatas. Bedanya hanya pada scriptnya. Agar lebih jelas silahkan perhatikan cara dibawah ini.

1. Login ke blogger. Lalu buka menu Design -> Edit HTML

2. Masukkan script berikut dibawah kode <head>
<script type='text/javascript'>
var name = prompt(&quot;Masukkan nama anda disini&quot;, &quot;Nama&quot;);
alert(&quot;Welcome to my blog&quot;)
</script>

Perhatian:
Jika anda sudah pernah memasang script kotak alert maka dihapus dulu scriptnya sebelum memasang script ini.

Teks yang dicetak tebal merupakan pesan yang muncul dalam kotak alert
Teks yang berwarna merah merupakan teks yang muncul dalam kotak jawaban.
Teks yang berwarna hijau merupakan pesan yang muncul setelah pengunjung klik OK. Silahkan ganti sesuai keinginan.

3. Kalau sudah, klik Save Template.

4. Selesai. Silahkan liat hasilnya.

6 Tips Untuk Meningkatkan Google Page Rank

Posted by Syamsul Bahri 2 comments
tips meningkatkan page rankSesuai dengan janji saya pada postingan sebelumnya tentang apa itu google page rank dan manfaatnya. Maka pada kesempatan ini saya akan berbagi sedikit tips yang saya gunakan untuk meningkatkan google page rank. Untuk menaikkan page rank kita harus mencari backlink sebanyak-banyaknya.

Berikut ada 6 tips yang bisa anda manfaatkan untuk mengumpulkan backlink untuk meningkatkan page rank blog.

1. Tulis artikel yang bagus dan bermanfaat
Setiap pengunjung yang datang ke blog anda adalah untuk membaca isi artikel anda. Jika artikel anda bagus dan bermanfaat bagi mereka. Mereka akan membookmark atau mengelink blog anda. Dengan demikian anda akan mendapat backlink dari mereka. Oleh sebab itu, tulislah artikel yang bagus dan bermanfaat bagi pengunjung anda.

2. Perbanyak jumlah halaman pada blog
Page rank tidak hanya dipengaruhi oleh halaman index tetapi juga dipengaruhi oleh jumlah halaman pada blog. Setiap penambahan artikel pada blog anda akan menambah inbound link (link masuk) bagi blog anda. Oleh sebab itu, aktifklah dalam memposting artikel. Tetapi jangan karena ingin memposting artikel yang banyak kemudian anda mencopas artikel orang lain. Karena selain melanggar etika blogger, artikel copas atau duplicate content juga dibenci dan tidak akan dicrawl oleh mesin pencari. Jadi buatlah artikel original dengan kata-kata anda sendiri. Selain tidak melanggar etika blogger. Cari ini juga dapat meningkatkan posisi blog anda di halaman search engine.

3. Saling mentautkan artikel yang relevan
Cara ini hampir sama dengan poin ke2 yaitu bertujuan untuk menambah inbound link ke blog anda. Jika anda perhatikan pada beberapa artikel saya. Anda akan melihat ada link-link yang mengarah ke artikel lama saya. Itu bertujuan untuk memberikan backlink ke halaman blog.

4. Link exchange
Ini merupakan cara yang paling sering dan paling banyak dilakukan oleh para blogger untuk meningkatkan page ranknya. Karena paling mudah dilakukan yaitu I link You, You Link Me. Meskipun mudah tapi cara ini sangat membuang waktu karena kita harus selalu memantau blog yang kita ajak link exchange. Jika blog anda masih baru maka ini merupakan cara terbaik untuk mendapatkan backlink.

5. Komentar di blog dofollow
Di internet ada banyak sekali blog yang sudah menganut sistem dofollow. Yang dimaksud dengan blog Dofollow adalah blog yang sudah menghilangkan atribut "nofollow" dari comment formnya. Jadi setiap kali anda meninggalkan komentar di blog tersebut. Anda akan mendapat backlink dengan syarat anda harus berkomentar menggunakan nama dan alamat blog bukan profile blogger. Untuk mengetahui blog apa saja yang sudah menganut sistem dofollow. Silahkan tanya ke om google :)

6. Daftar blog ke blog direktori
Cara lain untuk mendapatkan backlink adalah dengan mendaftarkan blog ke blog direktori. Selain bisa mendapatkan backlink. Cara ini juga bisa meningkatkan trafik blog. Contoh-contoh blog direktori itu seperti Mybloglog, Blogcatalog, dan lain-lain. Untuk mengetahui blog direktori lainnya. Silahkan search di Google atau download listnya disini (file PDF).

Ok itu saja dari saya. Semoga tips-tips sederhana ini bisa bermanfaat bagi anda. Happy blogging!!

Apa Itu Google Page Rank Dan Manfaatnya

Posted by Syamsul Bahri 1 comment
google page rankSetelah berhasil meningkatkan google page rank pada beberapa blog saya. Maka saya pikir nggak ada salahnya saya berbagi sedikit tips atau cara yang saya gunakan untuk meningkatkan page rank blog kepada teman-teman terutama bagi yang baru terjun kedalam dunia blogging dan yang berminat untuk mencari uang di internet. Nah sebelum saya memberikan tips2nya. Mungkin ada baiknya kita mengenal terlebih dahulu apa itu google page rank dan manfaanya.

Berdasarkan penjelasan dari wikipedia, Page Rank adalah suatu alat yang diciptakan oleh Larry Page dan Sergey Brin untuk menentukan situs mana yang lebih populer dan layak untuk ditampilkan pada halaman utama mesin pencari google. Page rank dihitung dari 0-10. Semakin tinggi page ranknya. Semakin populer pula situs tersebut di halaman mesin pencari.

Lalu apa manfaat Page Rank bagi Blogger?
Blog yang mempunyai page rank tinggi biasanya akan mendapatkan posisi yang lebih bagus dihalaman mesin pencari dibandingkan dengan blog yang mempunyai page rank rendah. Contohnya: Sebuah situs yang memiliki Page Rank 9 akan diurutkan terlebih dahulu dalam halaman pencarian Google dibandingkan dengan situs yang memiliki page rank 8 dan seterusnya. Sehingga kemungkinan situs tersebut dikunjungi oleh pengguna internet semakin besar.

Oleh sebab itulah, para advertiser atau pemasang iklan lebih senang mempromosikan produk maupun jasanya pada situs yang berpage rank tinggi dibandingkan dengan situs berpage rank rendah. Dengan kata lain semakin tinggi page rank blog anda semakin mudah bagi anda untuk menghasilkan uang di internet.

Lalu bagaimana cara Google menentukan page rank sebuah website?
Ada banyak cara yang digunakan mesin pencari Google dalam menentukan ranking sebuah web. Seperti penggunaan Meta Tag, penekanan pada konten atau isi yang unik, inbound link, dan teknik-teknik lainnya.

Link popularity adalah sebuah teknik yang dikembangkan untuk memperbaiki kekurangan pada teknik Meta Tag (Meta Keywords, Meta Description) yang bisa dicurangi dengan merancang halaman khusus untuk search engine yang disebut doorway pages.

Page rank mempunyai konsep yang hampir sama dengan link popularity, tetapi tidak hanya memperhitungkan "jumlah" dari inbound dan outbound link saja. Melainkan juga menilai dari kualitas link yang mengarah ke situs tersebut. Contohnya situs A di link oleh 1 situs berPR 2 dan situs B di link oleh 2 situs berPR 1. Maka situs yang mendapat hasil yang bagus adalah situs A. Dan begitu seterusnya.

Sebenarnya Google mempunyai rumus tersendiri dalam menghitung page rank sebuah website, tapi karena sangat rumit perhitungannya. Jadi tidak saya cantumkan disini. Bagi anda yang ingin mengetahui rumusnya. Silahkan tanya ke om wiki aja. Ini alamatnya http://en.wikipedia.org/wiki/Page_rank senyum.

Ok saya rasa cukup penjelasannya.

Membuat Kotak Daftar Isi

Posted by Syamsul Bahri 0 comments
Postingan ini saya buat untuk menjawab pertanyaan dari seorang rekan blogger yang menanyakan kepada saya melalui email. Beliau bertanya kesaya, "mas, bagaimana cara membuat kotak blogger tutorial seperti di blog mas?" Hm.. Mungkin yang dimaksud adalah yang ini kali ya :)

Blogger Tutorial


Ok sebenarnya cukup mudah untuk membuat daftar isi seperti diatas. Bagi anda yang sudah lama ngeblog pasti sudah tahu cara membuatnya hanya saja mungkin caranya yang berbeda.

Nah berikut saya akan memberikan cara membuat kotak daftar isi dengan cara saya sendiri. Silahkan diikuti bagi yang ingin mencobanya.

1. Login ke blogger. Buka menu Design -> Page Elements
2. Klik Add a Gadget -> HTML/Javascript. Masukkan kode dibawah ini kedalam kotak

<style>
.list {
border-bottom:1px dotted #ddd;
line-height:1.2em;
padding:3px;
}
</style>

<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:380px; height:180px; background-color: #ffffff; border:1px solid #ffffff;">

<div class="list">
1. <a href="http://mrsulblog.blogspot.com/2010/12/apa-itu-blog.html">Apa itu blog</a></div>

<div class="list">
2. <a href="http://mrsulblog.blogspot.com/2010/12/cara-membuat-blog-di-blogger.html">Panduan membuat blog di blogger</a></div>

</div>

Keterangan:
380px merupakan lebar kotak
180px merupakan tinggi kotak
#ffffff pada background-color merupakan warna background
#ffffff pada border merupakan warna garis pinggir. Silahkan ganti sesuai dengan template anda.

Ingat:
Ganti tulisan yang berwarna merah dengan alamat postingan anda dan ganti tulisan berwarna merah yg dicetak tebal dengan judul postingan anda. Jika anda ingin menambah postingan baru maka copy kode yang berkedip lalu letakkan diatas kode </div>

Jangan lupa untuk mengganti angkanya dengan angka 3 dan begitu seterusnya jika anda ingin menambah postingan baru lagi.

3. Kalau sudah klik Save Template. Selesai.

Jika anda ingin menggunakan icon gambar sebagai pengganti angka maka ganti kode ini

<style>
.list {
border-bottom:1px dotted #ddd;
line-height:1.2em;
padding:3px;
}
</style>

Dengan kode berikut

<style>
.list {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFkJAjtj4mbqS8VwpaPStAy_Bxkq-GoFjfYSPjsWeI2PAF0ioOBAStWSS5bPY9KP2_bZh8LT1NzBhMcr0W6W7DmSa3KMaBJ4kt3V5KGNRkmCoSX7x4kES06Ra0u8mEAh66J1RcELENR56I/") no-repeat left center;
border-bottom:1px dotted #ddd;
line-height:1.2em;
padding:3px 0px 0px 20px;
}
</style>
Ganti tulisan yang berwarna merah dengan alamat icon gambar anda dan hapus angka pada setiap judul postingan.

Selamat mencoba. Semoga berhasil

Pasang Meta Tag Keyword dan Deskripsi di Blogger

Posted by Syamsul Bahri 0 comments
Melanjut postingan sebelumnya tentang cara mendaftar blog ke search engine dan tips agar blog cepat terindeks di search engine. Maka pada postingan ini saya akan membahas tentang SEO (Search Engine Optimization) lagi.

Ada banyak teknik SEO yang bisa diterapkan untuk mengoptimalkan blog anda. Seperti membangun backlink, mengoptimalkan konten, memasang meta tag, dan mendaftar blog ke direktori atau search engine.

Nah dari sekian teknik diatas, cara yang paling mudah diterapkan adalah memasang meta tag. Memasang meta tag pada blog sama seperti memberi identitas pada blog kita. Tujuannya agar search engine lebih mudah mengenali isi dari blog kita. Karena pertama kali yang di crawl atau ditelusuri pada blog kita adalah bagian title blog sehingga alangkah baiknya jika kita selipkan deskripsi atau keyword yang berhubungan dengan isi blog kita di bagian tersebut.

Untuk memasang meta tag di blogger caranya sangat mudah:

1. Buka blogger. Klik Design -> Edit HTML

2. Letakkan script meta tag berikut dibawah <title><data:blog.pageTitle/></title>

<meta name="description" content="deskripsi blog"/>
<meta name="keywords" content="keyword atau kata kunci blog"/>
<meta name="robots" content="index follow"/>

Keterangan:
Ganti tulisan yang dicetak merah sesuai dengan penjelasan berikut:

deskripsi blog: deskripsi singkat tentang topik blog anda. Contoh: "tutorial membuat blog untuk blogger". Usahakan kalimatnya tidak lebih dari 150 karakter

keyword atau kata kunci blog: isi dengan keyword atau kata kunci yang berhubungan dengan topik blog anda. Contoh: "blogger tips, blogger tutorial, tutorial blog". Usahakan untuk tidak mengulangi 1 kata lebih dari 3 kali dan tidak mengisi kata kunci yang tidak relevan dengan isi blog anda. Misalnya blog anda berisi tentang travel lalu anda memberi keyword "free download, foto bugil, video porno" yang merupakan keyword populer di internet. Karena hal ini akan dianggap spamming.

index follow: berarti meminta spider untuk mengindeks atau menelusuri link yang ada pada halaman blog. Jika anda tidak ingin spider untuk mengindeks link pada halaman blog anda. Gunakan perintah "noindex nofollow".

3. Jika sudah, klik Save Template. Selesai.

Selamat mencoba. Semoga blog sobat semakin akrab dengan Google dan teman-temannya. kenyit

Tips Agar Blog Cepat Terindeks di Search Engine

Posted by Syamsul Bahri 1 comment
search engine indeksSebelumnya saya sudah pernah menyinggung tentang cara mendaftar blog ke search engine agar blog lebih mudah terindeks. Memang benar cara ini bisa mempercepat proses listing blog di mesin pencari seperti Google, Yahoo, dan lainnya. Namun hanya dengan mengandalkan cara tersebut tentu saja tidak cukup karena bisa memakan waktu hingga 2 -3 minggu agar blog dapat teriindeks di search engine tersebut.

Nah supaya anda tidak menunggu terlalu lama, berikut saya akan membagikan beberapa tips agar blog anda bisa terindeks dalam waktu kurang dari 1 minggu. Meskipun tidak seratus persen menjamin namun cara ini telah saya coba dan rata-rata blog saya terindeks dalam waktu 1-3 hari. Ok ini dia tips-tipsnya.

1. Setelah membuat blog. Posting minimal 2-3 artikel di blog anda. (Konten asli bukan hasil copas).

2. Setelah itu, lakukan ping dengan Ping-o-matic. Ping-o-matic adalah sebuah layanan yang berfungsi untuk memberitahukan kepada search engine untuk mengupdate blog anda. Lakukanlah ping hanya ketika anda memposting artikel baru. Jangan sering menggunakan layanan ini karena bisa dianggap spamming.

3. Daftar blog anda ke Technorati. Mengapa Technorati? Karena Technorati merupakan situs direktori terbesar saat ini dengan PR 9 sehingga dengan mendaftar blog anda disana maka akan meningkatkan popularitas blog anda dimata search engine dan juga akan memudahkan search engine untuk mengindeks blog anda.


Ok itu saja tips-tips dari saya. Memang masih ada cara-cara lain. Tetapi dengan mengikuti ketiga tips tersebut saja sudah cukup untuk mempercepat blog anda terindeks di search engine.

Selamat mencoba dan semoga bermanfaat.

Cara Mudah Mencari Label Pada Blogger

Posted by Syamsul Bahri 0 comments
Bagi para blogger, gonta-ganti label postingan merupakan hal biasa. Hal ini bisa disebabkan mungkin salah memberi label atau mau tambah label baru pada postingan. Jika yang diganti adalah 1-2 biji mungkin tidak bermasalah tapi bagaimana jika sampai 50 atau 100 postingan. Tentu akan kewalahan untuk mencari satu per satu. Nah untuk mengatasinya, anda bisa menggunakan fasilitas Find dari Firefox. Caranya:

Pertama masuk ke menu Posting -> Edit Post. Setelah itu, tekan Ctrl+F masukkan nama label yang ingin anda ganti. Lalu klik Highlight all. Sesaat kemudian semua nama label yang sama dengan keyword yang anda masukkan akan terhighlight. Sebagai contoh saya mencari label dengan nama "blogger tips" maka hasilnya seperti gambar dibawah ini.


Dengan menggunakan fasilitas highlight seperti contoh diatas tentu akan lebih memudahkan kita menemukan nama label yang ingin kita cari.

Selamat mencoba. Semoga bermanfaat.

Tips Menghilangkan Border atau Garis Pinggir Pada Gambar

Posted by Syamsul Bahri 0 comments
Untuk template-template tertentu, ketika anda mengupload gambar pada postingan. Akan muncul garis pinggir atau border pada gambar tersebut.

rssJika anda merasa terganggu dengan keberadaan garis pinggir tersebut dan ingin menghilangkannya menjadi seperti ini.

rss icon
Berikut caranya:

1. Login ke Blogger. Klik Design -> Edit HTML
2. Cari kode .post img atau .post-body img. Biasanya dibawahnya akan dikuti dengan kode seperti contoh dibawah ini.

.post img {
padding: 1px;
margin: 0px 15px 15px 0px;
border: 1px solid #f0f0f0
}
Setiap template mempunyai kode yang berbeda-beda. Jadi yang perlu anda perhatikan adalah nilai bordernya. Ganti angka 1 pada border menjadi 0. Jadi kodenya menjadi seperti ini

.post img {
padding: 1px;
margin: 0px 15px 15px 0px;
border: 0px solid #f0f0f0
}
3. Jika sudah, klik Save Template
4. Selesai. Silahkan lihat hasilnya.

Membuat Efek Marquee atau Teks Berjalan

Posted by Syamsul Bahri 0 comments
Marquee adalah kode HTML yang berguna untuk membuat teks berjalan. Dengan memasang marquee ini, blog kita akan terlihat lebih hidup dan dapat menghemat ruangan pada blog kita.

Ada beberapa efek marquee yang dapat kita buat seperti: teks bergerak kesatu arah, bergerak bolak balik, bergerak keatas, bergerak sekali saja, dan lain-lain.

Efek-efek ini timbul karena adanya perpaduan dari beberapa fungsi yang disebut dengan attributes. Sebelum kita mulai, mari kita pelajari dulu fungsi dari masing-masing atributes.

Beberapa attributes yang sering digunakan dalam marquee yaitu:

1. Behavior : untuk mengatur gaya gerakan pada teks.
Ada 3 gaya gerakan yang bisa digunakan yaitu :
  • Alternate : Teks bergerak bolak-balik
  • Slide : Teks hanya bergerak sekali saja
  • Scroll : Teks bergerak ke satu arah secara kontinu
2. Direction : mengatur arah gerakan teks.
Ada 4 arah gerakan yang bisa digunakan yaitu :

  • Up : Teks bergerak keatas
  • Down : Teks bergerak kebawah
  • Left : Teks bergerak kekiri
  • Right : Teks bergerak kekanan
3. Face : Untuk mengatur font teks seperti : arial, verdana, times new roman, courier, dan lain-lain. Anda bisa menggunakan semua jenis font yang tersimpan pada komputer Anda

4. Color : Untuk mengatur warna teks, seperti : "black", "green", "blue", "red", "yellow", dan lain-lain. Anda juga bisa menggunakan kode warna untuk menghasilkan warnanya, seperti: "#fffff", "#ff5a00", "#abb0b5", dan lain-lain. Belum tau cara menghasilkan kode warna. Baca disini

5. Width : Untuk mengatur panjang ruangan teks dalam satuan pixel.

6. Height : Untuk mengatur lebar ruangan teks dalam satuan pixel.

7. Bgcolor : Untuk mengatur warna background, seperti: "black", "green", "blue", "red", "yellow", dan lain-lain. Jika Anda ingin menghilangkan warna background gunakan "transparent".

8. Scrolldelay: Untuk mengatur waktu tunda gerakan dalam satuan mili detik.

9. Scrollamount: Untuk mengatur kecepatan gerakan dalam satuan pixel.

10. Loop: untuk mengatur jumlah pengulangan.

Itulah beberapa attributes yang sering digunkan untuk membuat efek marquee atau teks berjalan. Berikut saya akan memberikan beberapa contoh efek marquee:

Contoh 1: Efek teks berjalan bolak-balik secara horizontal:

Welcome To My Blog

Kodenya:

<font face="arial" color="black" size="4"><marquee direction="right" behavior="alternate" direction="right" scrollamount="2" height="20px" scrolldelay="10" bgcolor="orange" width="450px">Welcome To My Blog</marquee></font>



Contoh 2: Efek teks berjalan bolak-balik secara vertikal:

Welcome To My Blog

Kodenya:

<font face="verdana" color="yellow" size="4"><marquee direction="up" behavior="alternate" scrollamount="2" height="100px" scrolldelay="10" bgcolor="green" width="450px">Welcome To My Blog</marquee></font>



Contoh 3: Efek teks berjalan kekanan secara kontinu

Welcome To My Blog

Kodenya:

<font face="times" color="green" size="4"><marquee direction="right" behavior="scroll" scrollamount="3" height="20px" scrolldelay="10" bgcolor="yellow" width="450px">Welcome To My Blog</marquee></font>



Contoh 4: Efek teks berjalan kekiri sekali saja

Welcome To My Blog

Kodenya:

<font face="courier" color="red" size="4"><marquee direction="left" behavior="slide" scrollamount="1" height="20px" scrolldelay="100" bgcolor="blue" width="450px">Welcome To My Blog</marquee></font>



Contoh 5: Efek teks berjalan kekanan tiga kali

Welcome To My Blog

Kodenya:
<font face="courier" color="blue" size="4"><marquee direction="right" loop="3" behavior="slide" scrollamount="1" height="20px" scrolldelay="100" bgcolor="red" width="450px">Welcome To My Blog</marquee></font>



Contoh 6: Efek Bounce

Panduan membuat blog

Kodenya:

<font face="comic sans ms" color="orange" size="4"><marquee scrolldelay="10" behavior="alternate" direction="up" width="450px" scrollamount="2" height="100px" bgcolor="black"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2">Panduan membuat blog</marquee></marquee></font>


Untuk membuat teks berhenti jika mouse menyentuh area marquee dan berjalan kembali jika mouse meninggalkan area marquee. Tambahkan kode onmouseover="this.stop()" dan onmouseout="this.start()"

Sebagai contoh saya memasukkan kode ini:

<font face="arial black" color="green" size="4"><marquee behavior="alternate" direction="up" onmouseover="this.stop()" width="450" height="100" onmouseout="this.start()" bgcolor="blue">panduan membuat blog untuk pemula beserta tips n triknya...</marquee></font>

Hasilnya seperti ini:

panduan membuat blog untuk pemula beserta tips n triknya...

Silahkan menggeser mouse Anda ke area marquee untuk melihat hasilnya..sengihnampakgigi

Ini hanya beberapa contoh efek marquee atau teks berjalan. Masih banyak efek-efek lain. Silahkan utak-atik sendiri dengan mengganti nilai-nilai pada attributes.


Cara memasang kode marquee pada blog:

1. Login ke Blogger. Klik menu Design->Page Elements
2. Klik Add a Gadget-> HTML/ Javascript
3. Masukkan kode marquee yang ingin Anda gunakan lalu klik Save
4. Selesai. Klik View Blog untuk melihat hasilnya

Selamat berkreasi...senyum

MrsulBlog is not affiliated with Facebook, Twitter, Blackberry, Samsung or any application in this blog.

Application listed in MrsulBlog is submitted and integrated by our beloved user. All names, logo, and trademarks are belong to their respectful owners.


Copyright © 2010-2014 Terms, Policy and Disclaimer - Contact | Powered by Blogger