Mendaftar Blog ke situs Search Engine

Hampir semua blogger menginginkan blognya terkenal, atau minimal ada yang tahu dan membacanya. Maka bagi teman-teman yang baru daftar ke blogger jangan lupa tahap yang penting ini, yaitu mendaftarkan blognya teman-teman ke situs search engine yang ternama seperti Google dan Yahoo. Masa' sudah capek-capek bikin blog malah gak ada yang baca, lebih parahnya lagi gak ada yang kesasar, apa lagi mampir waaah...jangan sampai terjadi ya! Bagi teman-teman yang belum terindeks blognya di situs search engine seperti Google dan Yahoo tak perlu khawatir, karena di postingan kali ini kita akan membahasnya bersama-sama.^





1. Daftar Blog ke Google.

Untuk mendaftar blog ke google tidaklah sulit, karena teman-teman hanya membutuhkan beberapa langkah untuk menyelesaikannya.

-. Kunjungi situs https://www.google.com/webmasters/tools/submit-url atau di http://www.google.co.id/add_url.html






Update screenshot!

Dan...

-. Selanjutnya isikan kotak yang tersedia. URL, isikan alamat blog anda. Comments, isikan tentang blog anda contoh "Blog Kumpulan Tutorial Blogger". Lalu isikan kode verifikasi yang muncul. Klik tombol "Add URL".



2. Daftar Blog ke Yahoo.

-. Kunjungi situs siteexplorer.search.yahoo.com/submit
















-. Selanjutnya di bagian "Submit a Website or Webpage" isikan alamat blog anda, contoh: http://alamatbloganda.blogspot.com, selanjutnya klik tombol submit URL

-. Dan di bagian kedua yaitu "Submit Site Feed" isikan alamat Feed RSS/ atom blog anda, contoh: http://alamatbloganda.blogspot.com/atom.xml, selanjutnya klik tombol submit Feed

-. Kemudian anda akan dibawa ke halaman login Yahoo, silahkan login ke akun yahoo anda dengan menggunakan alamat email yahoo anda seperti biasa.

3. Daftar Blog ke MSN.

Untuk mendaftar blog ke MSN sangatlah gampang. Di sana teman-teman gak perlu melakukan login dsb, teman-teman tinggal submit URL blognya teman-teman serta mengisi kode verifikasi, silahkan untuk mengunjungi: URL Submission - Bing






Semoga Bermanfaa^^.

Read more »

Cara membuat chat box di blog dengan aplikasi Cbox

Cara membuat chat box di blog dengan aplikasi Cbox

Mulai 1 january 2012 aplikasi chat box shout mix untuk layanan gratisnya di stop teman-teman pengguna shoutmix bisa baca pemberitahuannya Disini dengan judul ‘Free service has to stop’ yang intinya layanan gratis di stop dan hanya akun premium yang di promosikan.

Karena saya yakin teman – teman sangat mencintai yang gratisan termasuk saya sehingga saya pun harus mengganti aplikasi chat box saya dengan yang lain.

Salah satu penggantinya adalah aplikasi Cbox yang tentunya basic dari aplikasi ini adalah  gratis. Cbox adalah aplikasi chatting unik dan pesan yang membawa fitur terbaik dari sistem chatting ke web atau blog.

Untuk membuatnya cukup mudah silahkan ikuti panduannya di bawah ini Cara membuat chat box di blog dengan aplikasi Cbox :

1. Silahkan kunjungi  http://www.cbox.ws dilanjutkan klik ‘Sign Up’ Lihat contoh gambar di bawah ini :

2. Get Your own Cbox  - Pada aplikasi sign up silahkan isi lengkap : Cbox name – Isi sesuai selera anda tanpa spasi, Email address – Isi dengan alamat email anda, Password – Buat password anda, Confirm password – Masukkan ulang password anda, Website - Isi dengan alamat web atau blog anda, Language - Pilih bahasa aplikasi pada menu drop down, Style - Anda bisa merubah tampilan aplikasi sesuai selera anda. Setelah selesai diisi klik ‘Create my Cbox!’ Lihat contoh gambar isian aplikasi di bawah ini :

3. Jika sukses ada ucapan  dalam bahasa inggris yang artinya mungkin seperti ini :

“Cbox telah dibuat!
Cbox Anda tipstriks  berhasil dibuat.
Anda sekarang dapat log in ke panel kontrol Cbox untuk mendapatkan kode Anda Log in  di bagian atas halaman ini. Sebuah salinan rincian account Anda telah dikirim melalui email ke tipstriks@ gmail.com Periksa email Anda, jika Anda tidak dapat menemukannya, periksa folder spam Anda”. 

4. Silahkan cek inbox email anda kemudian klik link yang ditunjukan Cbox admin yang akan menuju halaman Cbox dan silahkan login masukkan Cbox name dan password anda dan klik tanda panah di sampingnya. Lihat contoh gambar Cbox login di bawah ini :

Lihat contoh inbox email di bawah ini :

5. Setelah login pada control panel Cbox anda silahkan copy dan paste di blog anda  kode html yang sudah disiapkan untuk anda. Selesai.  Lihat gambar kode html di bawah ini :

Cara menempatkan aplikasi Cbox di blogspot silahkan login ke blogger ►Dasbor/Dashboard ► Rancangan/Lay Out ►Tambah Gadget/Add Gadget ►Pilih Gadget HTML ► Paste 

Dengan tips dan triks Cara membuat chat box di blog dengan aplikasi Cbox, semoga bisa membantu anda.

Read more »

Cara Memasang Live Traffic Feed

Live Traffic Feed dari situs feedjit.com diperlukan bagi sebuah blog yang berguna menjadi history untuk mengetahui dari mana datangnya pengunjung blog kita. Dan lebih hebatnya lagi kita bisa melihat keyword atau kata-kata apa yang dituliskan di mesin pencari seperti google search engine, atau yahoo search dll yang berakhir di blog atau wordpress kita secara live (secara langsung) dengan sistem online. Dengan cara ini memungkinkan Anda untuk mengetahui keyword yang biasa pengunjung blog Anda pakai dan asal dengan option Country (negara), Browser, OS (Operatis System), dan Website. Berikut cara membuat live traffic feed pada blogger blogspot jika Anda ingin memasangnya:

1. Kunjungi situs http://feedjit.com/.

2. Isi identitas Anda seperti gambar dibawah ini kemudian klik Get your Traffic Feed!.

3. Selanjutnya Anda diajurkan untuk mengatur desain traffic yang Anda suka dan melihat tampilannya yang berada disamping kanan dan berikut yang bertanda panah merupakan field yang penting. Setelah Anda memilih desain lalu Anda klik Go!.

4. Kemudian Anda Click to open a new window and install on Blogger.

5. Anda ganti judul pada kolom Judul lalu klik untuk MENAMBAH WIDGET.

6. Atur penempatan widget live traffic feed yang sudah Anda install.

7. Setelah Anda buat dan terpasang live traffic feed, jika Anda ingin mengetahui keyword dan asal pengunjung yang sudah dijelaskan diatas maka Anda klik Real-time viem.

8. Selesai dan semoga berhasil.
 

Read more »

MemBackup Dan MengUpload Template

Pada pertemuan kali ini kita akan membahas caranya Membackup dan mengupload Template Blogger kita.
Jika kalian Blogger pemula pasti belum tau cara dan fungsinya, cara yang ini lazim digunakan Untuk mengotak-atik template blogger kita.
Sedikit pengertian untuk sobat:

Membackup Template : Biasa gunakan sebelum kita mengotak-atik template kita, biar nanti jika ada kesalahan akibatnya tidak fatal dan kita bisa mengembalikan template kita seperti semula.
Caranya adalah Ke Menu Layout kemudian Edit HTML kemudian Download Full Template.

Mengupload Template: gunanya buat memasang template yang sudah ada dalam disk komputer biasanya tempalte befrormat *XML, jika anda download template anda pasti berformat XML dan untuk mengebalikan template yang tadi anda download anda bisa menguploadnya.
anda juga bisa download Template di Situs yang penawarkan template blogger da anda Upload.
Caranya di menu Layout kemudian Edit HTML dan disebelah tulisan Upload a template from a file on your hard drive : ada Form nah kamu Browse File XML kamu kemudian Upload.
gak jauh kox ama caranya mendownload template cuma dibawahnya doank.

Read more »

Membuat Kotak Komentar Dibawah Postingan (Haloscan)

silahkan baca yang ini dulu, karena saya pikir lebih baik pakai embeded comments blogger


Kotak komentar adalah kotak untuk pengunjung penulis komentar terhadap postingan yang anda tulis, bisa kritikan, masukan bahkan pertanyaan-pertanyaan pembaca.
Nah jika di wordpress kotak layanan ini langsung ada dibawah postingan tanpa kita membuat dengan sendirinya, tapi jika di blogger kita harus mengklik link yang menunjukkan kita supaya dapat menuliskan komentar kita dan itu akan membuka satu jendela lagi untuk Comments Box di blogger, Masalahnya adalah pengunjung akan malas memberikan komentar-komentarnya terhadap postingan kita soalnya terlalu ribet.
Jangan khawatir bagi pengguna Blogger ni ada solusinya.
Nah ada suatu Situs yang menawarkan jasa Komentar gratis dan bisa dipasang di bawah postingan kita yaitu Haloscan
Tapi ingat jika kita menggunakan haloscan ini maka komentar kita yang terdahulu sebelum kita mendaftar haloscan akan hilang jadi anda harus merelakan jika mau menngunakan trik ini.
Langkah yang paling penting adalah membackup template anda dulu biar nanti jika ada kesalahan anda bisa mengembalikan template anda seperti semula okey.
langsung saja gw akan kasih tau caranya:

• Buka website www.haloscan.com
  
  
• Daftarkan diri anda kemudian Log In ke sana
  
  
• Setelah login berhasil maka akan muncul beberapa menu. Pertama-tama pilih menu setting. Didalam menu Setting ada beberapa pengaturan yang harus disi silahkan atur sesuai dengan keinginanmu. Supaya kotak komentarnya muncul dibawah postingan, ganti status "open in popup window" menjadi "off". kamudian simpan.
  
  
• Kemudian ke Menu Template, pilih template Comments Box yang kamu sukai, tapi sekedar tips supaya menarik dan serasi dengan blog kamu maka kamu pilih template yang sesuai dengan warna blog kamu
  
  
• Kemudian beranjak kelangkah selanjutnya yaitu ke menu Instal
  
  
• Kemudian Pilih Blogger Or Blogspot kemudian tekan tombol Next
  
  
• Silahkan kamu Log In ke blogger dan kalau sudah kamu Backup Template kamu, Setelah sudah kamu backup kemudian duplicate template yang sudah kamu download, Yang satu buat jaga-jaga bila gagal, Buat yang belum tau caranya Backup template baca
  
  
• Kemudian kamu Browse template yang kamu backup tadi kemudian klik tombol Upload Blogger Tempalte
  
  
• Jika sudah berhasil klik Download New Template kemudian simpan
  
  
• Jika sudah kembali lagi ke blogger dan pilih menu "Layout-->Edit HTML" kemudian Upload Template yang telah kamu Download dari Haloscan tadi

Jreng... jrengg.... jika sudah berhasil kamu save dan lihat apakah kamu berhasil atau nggak, kalau berhasil Comments Box berada dibawah posting kamu jika belum berhasil kamu usaha aja okey...

Nah Jika pengen menampilkan komentar terakhir di sidebar atau footer gini caranya:
pastikan kamu sudah Log in di haloscan kemudian ke menu Dashboard nha disitu kan ada recent comments trus dibawahnya ada link tulisannya gini "put this widget on your site" nha kamu klik link tersebut, setelah itu dibawahnya akan muncul kotak yang berisi kode. Copy kode tersebut dan pasang di blog kamu

Read more »

Buat Komentar Dibawah Postingan

Seperti yang sudah saya jelaskan dulu disini, itu adalah membuat layanan Kotak komentar dibawah postingan lewat haloscan, tapi kali ini saya akan kasih tau tentang caranya buat kotak komentar dari fitur blogger terbaru yaitu blogger in draft (sini).
Kata Mas Kendhin sih kaya begini jika kita belum membuat kotak komentar di haloscan sih bisa... tapi kalau kita sudah buat di haloscan kita harus membuangnya dulu (cara membuang komentar dari haloscan menyusul) yawdah aku akan kasih tau caranya tentang buat komentar ini buat yang belum daftar di haloscan... ayo ikuti petualngan gw di bawah ini.....

1. Masuk draft.blogger.com ingan draft.blogger.com bukan blogger.com
   
2. Terus ke menu Setting ---> Comments kemudian ganti "Comment Form Placement" menjadi "Embedded below post"
3. Kemudian tekan Save Setting
4. Lalu ke menu Layout ---> Edit HTML kemudian
5. Lalu centang "expand widget templates" lalu cari Code dibawah ini
   
   <p class='comment-footer'>
   <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
   <data:postCommentMsg/></a>
   </p>
   
   
6. Kemudian ganti dengan Code dibawah ini
   
   
   <p class='comment-footer'>
   
   <b:if cond='data:post.embedCommentForm'>
   
   <b:include data='post' name='comment-form'/>
   
   <b:else/>
   
   <b:if cond='data:post.allowComments'>
   
   <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
   
   </b:if>
   
   </b:if>
   
   </p>
7. Lalu Simpan.... dan lihat hasilnya..

Coba kamu cek ada sebuah comments gak di bawah artikel yang kamu posting...

Read more »

Berapa Page Rank Blog Kamu

Halo semua apa kabar jumpa lagi nih dengan Piere, Dalam perbincangan kali ini Saya akan Bahas tentang Page Rank...? Apa itu Page Rank?
Aku copy paste dari om wiki nih silahkan baca aja sendiri okey

PageRank adalah sebuah algoritma yang telah dipatenkan yang berfungsi menentukan situs web mana yang lebih penting/populer. PageRank merupakan salah satu fitur utama mesin pencari Google dan diciptakan oleh pendirinya, Larry Page dan Sergey Brin yang merupakan mahasiswa Ph.D. Universitas Stanford.
Trus bagaimana cara kerja Page Rank?

Sebuah situs akan semakin populer jika semakin banyak situs lain yang meletakan link yang mengarah ke situsnya, dengan asumsi isi/content situs tersebut lebih berguna dari isi/content situs lain. PageRank dihitung dengan skala 1-10.
Contoh: Sebuah situs yang mempunyai Pagerank 9 akan di urutkan lebih dahulu dalam list pencarian Google daripada situs yang mempunyai Pagerank 8 dan kemudian seterusnya yang lebih kecil.

Banyak cara digunakan search engine dalam menentukan kualitas/rangking sebuah halaman web, mulai dari penggunan META Tags, isi dokumen, penekanan pada content dan masih banyak teknik lain atau gabungan teknik yang mungkin digunakan. Link popularity, sebuah teknologi yang dikembangkan untuk memperbaiki kekurangan dari teknologi lain (Meta Keywords, Meta Description) yang bisa dicurangi dengan halaman yang khusus di desain untuk search engine atau biasa disebut doorway pages. Dengan algoritma ‘PageRank’ ini, dalam setiap halaman akan diperhitungkan inbound link (link masuk) dan outbound link (link keuar) dari setiap halaman web.

PageRank, memiliki konsep dasar yang sama dengan link popularity, tetapi tidak hanya memperhitungkan “jumlah” inbound dan outbound link. Pendekatan yang digunakan adalah sebuah halaman akan diangap penting jika halaman lain memiliki link ke halaman tersebut. Sebuah halaman juga akan menjadi semakin penting jika halaman lain yang memiliki rangking (pagerank) tinggi mengacu ke halaman tersebut.

Dengan pendekatan yang digunakan PageRank, proses terjadi secara rekursif dimana sebuah rangking akan ditentukan oleh rangking dari halaman web yang rangkingnya ditentukan oleh rangking halaman web lain yang memiliki link ke halaman tersebut. Proses ini berarti suatu proses yang berulang (rekursif). Di dunia maya, ada jutaan bahkan milyaran halaman web. Oleh karena itu sebuah rangking halaman web ditentukan dari struktur link dari keseluruhan halaman web yang ada di dunia maya. Sebuah proses yang sangat besar dan komplek.

Mau tahu algoritma page rank?
Dari pendekatan yang sudah dijelaskan pada artikel konsep pagerank, Lawrence Page and Sergey Brin membuat algoritma pagerank seperti di bawah :

Algoritma awal PR(A) = (1-d) + d ( ( PR(T1) / C(T1) ) + … + ( PR(Tn) / C(Tn) ) )

Salah satu alogtima lain yang dipublikasikan PR(A) = (1-d) / N + d ( ( PR(T1) / C(T1) ) + … + ( PR(Tn) / C(Tn) ) )

* PR(A) adalah Pagerank halaman A
* PR(T1) adalah Pagerank halaman T1 yang mengacu ke halaman A
* C(T1) adalah jumlah link keluar (outbound link) pada halaman T1
* d adalah damping factor yang bisa diberi antara 0 dan 1.
* N adalah jumlah keseluruhan halaman web (yang terindex oleh google)

Random surfer model merupakan pendekatan yang menggambarkan bagaimana sesungguhnya yang dilakukan seorang pengunjung di depan sebuah halaman web. Ini berarti peluang atau probabilitas seorang user mengklik sebuah link sebanding dengan jumlah link yang ada pada halaman tersebut. Pendekatan ini yang digunakan pagerank sehingga pagerank dari link masuk (inbound link) tidak langsung didistribusikan ke halaman yang dituju, melainkan dibagi dengan jumlah link keluar (outbound link) yang ada pada halaman tersebut. Rasanya semua juga menganggap ini adil. Karena bisa anda bayangkan apa jadinya jika sebuah halaman dengan rangking tinggi mengacu ke banyak halaman, mungkin teknologi pagerank tidak akan relevan digunakan.

Metode ini juga memiliki pendekatan bahwa seorang user tidak akan mengklik semua link yang ada pada sebuah halaman web. Oleh karena itu pagerank menggunakan damping factor untuk mereduksi nilai pagerank yang didistribusikan sebuah halaman ke halaman lain. Probabilitas seorang user terus mengkilk semua link yang ada pada sebuah halaman ditentukan oleh nilai damping factor (d) yang bernilai antara 0 sampai 1. Nilai damping factor yang tinggi berarti seorang user akan lebih banyak mengklik sebuah halaman sampai dia berpindah ke halaman lain. Setelah user berpindah halaman maka probabilitas diimplemntasikan ke dalam algoritma pagerank sebagai konstanta (1-d) . Dengan mengeluarkan variable inbound link (link masuk), maka kemungkinan seorang user untuk berpindah ke halaman lain adalah (1-d), hal ini akan membuat pagerank selalu berada pada nilai minimum.

Dalam algoritma pagerank yang lain, terdapat nilai N yang merupkan jumlah keseluruhan halaman web, jadi seorang user memiliki probabilitas mengunjungi sebuah halaman dibagi dengan total jumlah halaman yang ada. Sebaagai contoh, jika sebuah halaman memiliki pagerank 2 dan total halaman web 100 maka dalam seratus kali kunjungan dia mengunjungi halaman itu sebanyak 2 kali (catatan, ini adalah probabilitas).

Wahhh Panjang amattt diatass aku juga lum sempet baca semuanya aku copas aja dari om wikipedia.org heheheeee yawdah deh tapi sebelum kamu dapet pagerank kamu harus baca cara daftar di searach engine... kalau sudah mari silahkan cek page rank kamu dibawah

Read more »

Mengatur Link DI Blog

Nahhh jika dulu Anas udah membuat tutorial tentang cara membuat warna link warna-warni tapi sekarang Anas akan membagi sedikit ilmu saya kepada saudara-saudaraku sekalian yang ingin mengubah link pada blog kalian... dalam perbincangan kali ini Anas akan membahas tentang warna font link, warna link jika pointer diarahkan, warna link yang sudah dikunjungi dan lain-lain
langsung saja tanpa basa-basi lagi karena sudah cape' basa-basinya :D


Masuk menu Layout kemudian masuk ke Edit HTML kemudian cari Code CSS seperti dibawah ini


a:link {
color:#346ba4;
text-decoration:underline;
}
a:visited {
color:#800000;
text-decoration:underline;
}
a:hover {
color:#56b9ff;
text-decoration:underline;
}

Nah jik anda ingin mengotak-atik akan saya terangkan dibawah ini..


a:link { <<<-- Link aktif
color:#346ba4; <<<---- Ini adalah warna Link aktif yang belum tersentuh apapun text-decoration:underline;
}
a:visited { <<-- Link jika sudah dibuka/diklik
color:#800000; <<<--- Ini adalah warna Link jika URLnya sudah pernah dikunjungi text-decoration:underline;
}
a:hover { <<--Link jika pointer berada pada Link
color:#56b9ff; <<<--- Ini adalah ini adalah warna jika Pointer diarahkan pada Link text-decoration:underline;
}

Ganti tulisan yang berwarna merah dengan code warna yang anda sukai, Untuk code warna anda bisa cari di DISINI.
Tulisan yang tercetak biru diatas menandakan Link bergaris bawah anda bisa merubah menjadi tidak bergaris bawah dengan mengganti tulian underline menjadi none

Jika anda ingin mengatur Link Postingan anda berbeda dengan yang lain tambahkan Code CSS dibawah ini

#main .post-body a:link{
color:#346ba4;
text-decoration:underline;
}
#main .post-body a:visited{
color:#800000;
text-decoration:underline;
}
#main .post-body a:hover{
color:#56b9ff;
text-decoration:none;
}

Rubahlah sesuai keinginan kamu seperti cara diatas tadi

Jika gambar anda juga terinfeksi link dan anda juga ingin merubah tampilan jika pointer diarahkan pada gambar tambahkan Code Css dibawah ini

a img{ border-width:0}
.post-body img{ margin:5px; border:1px solid #444}

Jika Anda Ingin mengatur Link main wrapper/Link dibawah postingan dan juga diatas yang biasanya memberikan informasi Label, Komentar, Author dan lain-lain tambahkan Code Css Dibawah ini


#main-wrapper a:link{
color:#c13a10;
text-decoration:none;
}
#main-wrapper a:visited{
color:#800000;
text-decoration:none;
}
#main-wrapper a:hover{
color:#800000;
text-decoration:underline;
}

Jadi Tampilan Css Jika Lengkap seperti Dibawah ini

a:link {
color:#346ba4;
text-decoration:none;
}
a:visited {
color:#800000;
text-decoration:none;
}
a:hover {
color:#56b9ff;
text-decoration:underline;
}
#main .post-body a:link{
color:#346ba4;
text-decoration:underline;
}
#main .post-body a:visited{
color:#800000;
text-decoration:underline;
}
#main .post-body a:hover{
color:#56b9ff;
text-decoration:none;
}
a img{ border-width:0}
.post-body img{ margin:5px; border:1px solid #444
}
#main-wrapper a:link{
color:#c13a10;
text-decoration:none;
}
#main-wrapper a:visited{
color:#800000;
text-decoration:none;
}
#main-wrapper a:hover{
color:#800000;
text-decoration:underline;
}

Dahhh Silahkan Atur sendiri sesuai keinginan dan imajinasi anda

Read more »

Membuat Link Read More Beserta Judul Postingya

Terinspirasi oleh blognya kang rohman yang link read morenya seperti dibawah ini

>> Lanjut membaca “Alternatif Warna Kotak Komentar”

Nah pada link read more yang seperti diatas tersisip judul postingnya sesuai dengan postingan yang diberi read more.

Nah Sebelum Anas membahas untuk lebih mendalamnya bagi yang belum tau buat Read More Silahkan Baca (membuat Read More versi pertama dan membuat read more versi kedua)

Tapi yang kita bahas kali ini adalah cara membuat link Read More beserta Judul postingnya di Read More versi pertama

Oke kita langsung aja ke cara pembuatanya dehh

1. Log In ke Blogger Dan masuk ke menu Layout lalu masuk Edit HTML

2. Jangan Lupa centang kotak "Expand Widget Templates"

3. Kemudian Cari Link Raed More Anda misalnya Punya aku seperti ini

<p><data:post.body/>

<a expr:href='data:post.url'>...Baca Selengkapnya </a></p>

Kamu Lihat tulisan yang tercetak tebal diatas itu adalah Link Read More punya aku

4. Kamu tambahkan Code <data:post.title/> dan Kamu tempatkan di sebelah Link read More, Lihat Contoh Dibawah

<p><data:post.body/>

<a expr:href='data:post.url'>...Baca Selengkapnya dari.."<data:post.title/>" </a></p>

Nah diatas Adalah Contoh dari Link read More Punya ku.. kamu bisa merubah sesuai keinginan kamu

5. Save..

Sekian deh semoga bermanfaat bagi Anda...

Read more »

Cara Mudah Posting Code HTML

Pasti Anda bingung pada waktu posting Code HTML di blog Anda, pasti yang muncul bukan codenya melainkan hasil dari code HTML-nya, nah untuk yang ingin menulis tentang tutorial blog pasti code HTML banyak diposting, Nah untuk para penulis yang belum tau caranya posting code HTML nih saya kasih caranya.

Caranya cukup mudah, Encode saja code HTML di situs dibawah ini

• http://centricle.com/tools/html-entities/
  
• http://www.opinionatedgeek.com/DotNet/Tools/HTMLEncode/Encode.aspx

Nah caranya cukup mudah tinggal taruh code HTML yang ingin di posting lalu klik tombol "Encode", Nah hasil dari Encode itu yang Anda posting di Blog Anda.

Sekian Artikel yang cukup pendek ini semoga dapat membantu Anda!

Read more »

Mengganti Background Blog Dengan CSS

Background atau latar belakang pada blog adalah bagian yang paling dasar pada blog, banyak template blog yang sama yang banyak dipakai, maka untuk memberi ciri khas pada blog Anda hal yang paling dasar dan yang paling mudah adalah mengganti warna background pada blog Anda atau dengan tambahan gambar pada background blog Anda.
Kali ini Saya akan menulis tutorial singkat blogspot tentang mengganti background dengan CSS, Mau tau caranya?
perhatikan dibawah ini.

Langkah pertama adalah masuk menu Layout (tata letak) kemudian masuk menu Edit HTML

Lalu cari CSS dari body seperti dibawah ini

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Kalau mau mencari CSS diatas perhatikan code yang berwarna hijau saja.

perhatikan Code CSS background diatas
$bgcolor adalah variabel definisi, jika Anda ingin menggantinya bisa dengan code warna misalnya ganti dengan warna putih code warnanya adalah : #FFFFFF atau warna hitam #000000. Atau warna yang lain bisa dilihat disini.


Mengganti background blog dengan gambar :

untuk membuat background gambar kita perlu sebuah gambar yang sudah diupload di hosting. Atau Anda bisa mencari di google image search dan copy URL gambarnya.
Kalu sudah tersedia gambar yang mau dijadikan background perhatikan dibawah ini.

background:#FFFFFF url(URL_GAMBAR) ;

URL_GAMBAR ini bisa Anda ganti dengan URL gambar yang Anda pilih misalnya gambar :



URLnya : http://i725.photobucket.com/albums/ww258/anasceria/plays.jpg

Mengantur Background Gambar

background:#FFFFFF url(URL_GAMBAR) no-repeat top left;

no-repeat : berarti gambar didak akan mengulang, Bisa Anda ganti dengan

repeat : Mengulang-ulang gambar
repeat-x : mengulang secara horizontal
repeat-y : Mengulang secara vertikal

top left : Adalah posisi background bisa anda ganti misalnya bottom right

sedikit tambahan jika Anda mau mencari koleksi background

http://www.patterncooler.com/
http://www.bgpatterns.com/
http://patterns.ava7.com/

Nah sekian tutorial mengganti background blog, sedikit semoga membantu Anda.

Read more »

Panduan Awal Membuat Blog

Blog sebuah gaya hidup baru era digital yang sudah meluas di berbagai kalangan, dengan tujuan masing-masing orang membuat blog untuk kepentingan personal, komersial maupun organisasi. Untuk saling bertukar pikiran, opini maupun saran itulah salah satu tujuan orang membuat blog. Tapi sebagian orang masih belum bisa tentang cara membuat blog. bagaimanakah membuat blog secara gratis itu?

langkah pertama yang harus Anda punya adalah alamat email. Jika belum mempunyai alamat email silahkan ikuti panduan dibawah ini.


Penulis meyarankan membuat email di gmail (google mail) karena satu layanan dengan blogger yang menyediakan layanan blog secara gratis.

Panduan Membuat Email Gmail

1. Masuk alamat www.gmail.com
   
2. Lalu klik tombol "Buat akun"
   
   
3. Lalu setelah itu akan muncul form-form yang harus Anda isi dengan benar dan sesuai data diri Anda.
   
4. Setelah semuanya terisi dan vertifikasi kata sudah diisi dengan benar klik tombol "Saya Menerima. Buat Akunku."
   
   
5. kalau semua form diisi dengan benar alamat dan mengklik tombol "Saya menerima. Buat.." alamat emailpun sudah jadi.

Nah setelah kita punya alamat email kita bisa membuat blog dengan cara sebagai berikut :

Selain email dari Gmail kita pun bisa mendaftar blog dengan alamat email yang lainya misalnya Yahoo Mail, Plasa dan yang lainya

Oke kita bahas cara membuat blog dari awal.

Cara Membuat Blog di Blogger

1. Masuk alamat www.blogger.com
   
2. Lalu klik tombol navigasi "Ciptakan Blog Anda"
   
3. Lalu isi form yang mucul dengan benar sesuai data diri Anda
   
   Setelah diisi dengan benar contreng kotak "Saya Menerima..." Lalu klik tombol "Lanjutkan"
   
4. Lalu akan muncul konfigurasi nama blog Anda seperti dibawah ini, isi judul blog dan alamat blog Anda
   
   
   
   Setelah diisi klik tombol "Lanjutkan"
   
5. Setelah langkah ke empat selesai sekarang pilih sebuah template Anda. Pilih template yang Anda sukai kemudian klik tombol "Lanjutkan"
   
6. Dan blog Anda sudah jadi apabila ingin memposting silahkan klik tombol "Mulai Blogging"

Mudah kan membuat blog itu? dengan blog Anda bisa lebih keren lho . Happy blogging!!

Read more »

Membuat Tepi Gambar Bershadow Dengan CSS 3

CSS 3 adalah generasi CSS (Cascading Style Sheet) yang ke 3, banyak keunggulan CSS 3 dibandingkan generasi yang sebelumnya, dan sudah mulai digunakan browser-browser, yaitu diantaranya adalah Mozilla Firefox v 3.6 dan Safari V 3, semoga saja browser-browser lainya menyusul untuk mendukung CSS 3.

Nah sebenarnya topik kita kali ini adalah "Membuat image post blogger berbayang/shadow" dengan menggunakan CSS 3, terlihat seperti gambar di samping kiri. Nah bagaimana caranya? silahkan ikuti langkah-langkah dibawah ini dan buktikan kecanggihan CSS 3.

Setelah Log In ke blogger pada dashboard masuk pada bagian "Design" lalu ke "Edit HTML"

lalu cari code CSS dibawah ini

.post img {
- - -
- - -
}

Note :

1. Perhatikan saja code yang berwarna merah diatas, karena garis ( - - - ) yang berwarna hijau adalah definisi CSS yang berbeda-beda setiap template
2. Dan kadang code yang berwarna merah ada tambahanya sehingga seperti ini : .post img, table.tr-caption-container {

Nah kalau sudah ganti code CSS tadi dengan definisi seperti dibawah ini

.post img {
background:#FFFFFF;
border:1px solid $bordercolor;
padding: 7px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}

Nah yang diganti adalah code CSS yang berwarna hijau saja.

kalau sudah lalu SAVE deh, dan lihat hasilnya di browser Mozilla v 3.6, Safari V 3 dan Google Chrome.

Sekian semoga bermanfaat.

Read more »

Cara Pasang Iklan Di Blog (KumpulBlogger)

Anda sudah merasa lama didunia perbloggeran?, Anda merasa tidak mendapatkan apa-apa dari blog selain kepuasan hati?. Jangan salah blogger juga bisa dijadikan sumber penghasilan lho, Antara lain dengan cara memasang iklan di blog Anda dengan jasa periklanan Indonesia kumpulblogger.com, Anda tidak perlu bersusah-susah mencari iklan sendiri tinggal daftar terus pasang scriptnya di blog Anda karena kumpulblogger.com sudah mencarikan iklan untuk Anda jadi Anda tinggal terima beresnya saja.
Apalagi kalau blog Anda pengunjungnya sudah banyak pasti uang akan mengalir dengan sendirinya. Kumpulblogger.com menghitung setiap text link atau banner yang disediakan dengan cara PPC (pay per clik) atau setiap ada pengunjung yang mengklik zona iklan Anda.

Read more »