Cara Mengatahui Harga Blog Kita

Nah Sobat semua pastinya kita inggin tau dunk berapa sih Jumlah harga blog atau website kita, pengen tau cara nya ? 

Ya udah langsung saja check harga blog anda di

  http://bizinformation.org/id/.

  http://www.yourwebsitevalue.com/ 


  http://www.mywebsiteworth.com/

  http://www.urlappraisal.net/

Sedangkan situs untuk jual beli website ( bisa jual domain saja, atau domain + Hosting ) bisa di buka di sini : http://flippa.com/

Sekian Dari saya, semoga bermanfaat..

Cara Daftar Blog Ke 20 Mesin Pencarian

Nah dalam posting kali ini saya akan memberikan cara praktis bagaimana mendaftarkan blog langsung ke 20 mesin pencari hanya dengan sekali klik sangat mudah dan tanpa ribet

Yang pertama silahkan anda mengunjungi www.freewebsubmission.com dan yang akan tampil seperi gambar di bawah ini

Silahkan isilah formulir yang telah di sediakan dan di bagian bawah formulir merupakan search engine yang nantinya bakal mengindex blog yang anda daftarkan

Bila semua sudah terisi dengan baik dan benar maka silahkan klik tulisan Submit Your Site yang di bungkus dengan warna merah dan apabila sukses maka akan muncul halaman seperti di bawah ini

Dan selesai sudah anda mendaftarkan blog yang anda kelola langsung ke 20 mesin pencari dalam satu kali klik

Selamat mencoba semoga berhasil

Jangan lupa komentar ya...

Tes Load Halaman Utama Blog

 

Hai sobat selamat datang di Catatan Albar ini, semoga menyenangkan, nah kali ini saya inggin memberi Cara Mengetes Kecepatan Upload Halaman Utama Blog. Satu lagi layanan online gratis untuk mengetes keakurasian waktu yang tepat dalam meload sebuah laman website atau blog. Anda bisa membandingkan load halaman pada blog anda dengan blog lainnya. Sebagai bahan perbandingan, karena kecepatan load halaman web sangat berpengaruh terhadap meningkatnya kunjungan dan page view blog.

Waktu yang dibutuhkan untuk membuka blog/situs tergantung pada server web yang anda gunakan dan koneksi internet yang anda gunakan. Dan waktu untuk meload halaman sebaiknya pada kisaran 1 sampai 6 detik.
Untuk mencoba layanan ini kunjungi saja http://tools.pingdom.com/
 

Sekian dari saya...selamat mencoba.

Agar Blog Cepat Trindeks Di Google

Blog yang cepat ter indeks di Mesin pencari (search engine) adalah keinginan setiap blogger supaya blog kita yang baru kita buat bisa ada dalam jajaran/listing hasil pencarian di search engine.

Saya punya info neh...

Okeh neh sobat tinggal ikutin langkahnya aja...

1. Masuk ke http://blogsearch.google.com/ping

2. Tambahkan url blog sobat disitu

 

 

Selamat mencoba, semoga belog anda cepat terindeks di Google

Cara Membuat Daftar Isi Otomatis

CARA MEMBUAT DAFTAR ISI OTOMATIS, inilah yang saya inggin bagi untuk  sahabat semua pada postingan  kali ini, cukup singkat dan mudah, untuk menambahnya di blog anda ikuti petunjuk di  bawah ini :

1. Login Ke Blogspot dengan AkunSobat
2. Klik Rancangan pada Dasbor Sobat
3. Klik Tambah Gadget
4. KLik + Javascript/ HTML
5. Copas ( copy paste ) Kode di Bawah Ini :

<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:250px; height:220px; background-color: transparant; inset rgb(8, 8, 8);">

<script style="text/javascript" src="http://larasmadyo3.googlecode.com/files/daftar%20isi%20otomatis.js">
</script>
<script src="http://coretanalbar.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>

<blink>http://coretanalbar.blogspot.com/</blink></div>

6. Klik Simpan.


Jangan Lupa Ganti  yang Di Stabilo warna Hitam dengan Alamat Blog anda

Silahkan Lihat Hasilnya. Selamat Mencoba..

Membuat Title Bar Blog Bergerak

Membuat TITLE BAR berjalan pada blog. Kali ini Coretan Albar akan sharing tentang bagaimana mempercantik tampilan TITLE BAR. Karna dengan Menambahkan Script Ini Blog kita akan terlihat Lebih Mantap. Untuk melihat contohnya silahkan lihat pada DEMO DI SINI ,Oke berikut
Langkah membuat TITLE BAR berjalan.

• login ke Dashbord blog kamu.
  
• pilih ''RANCANGAN / DESIGN''
  
• pada halaman ''Element laman'' klik 'Tambah Gadget'
  
• pilih widget ''HTML/Javascript'' dan tempatkan script berikut didalamnya.

<script> function tb8_makeArray(n){ this.length = n; return this.length; } tb8_messages = new tb8_makeArray(3); tb8_messages[0] = "CORETAN ALBAR"; tb8_messages[1] = "SEBUAH CATATAN DAN ISVIRASI"; tb8_messages[2] = "DARI BOCAH BATAM"; tb8_rptType = 'infinite'; tb8_rptNbr = 5; tb8_speed = 125; tb8_delay = 1000; var tb8_counter=1; var tb8_currMsg=0; var tb8_tekst =""; var tb8_i=0; var tb8_TID = null; function tb8_pisi(){ tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1); document.title = tb8_tekst; tb8_sp=tb8_speed; tb8_i++; if (tb8_i==tb8_messages[tb8_currMsg].length){ tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay; } if (tb8_currMsg == tb8_messages.length){ if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){ clearTimeout(tb8_TID); return; } tb8_counter++; tb8_currMsg = 0; } tb8_TID = setTimeout("tb8_pisi()", tb8_sp); } tb8_pisi() </script>

•  Terakhir klik SIMPAN

Dan silahkan Lihat Hasilnya..

Membuat Daftar Isi Berdasarkan label

Nah Sobat Bagi yang iNggin membuat daftar isi di blog sobat jangan bingging

pakai cara ini aja, silahkan Copas kode di bawah ini dan letakkan di HTML/Javascripat

dan lihat hasilnya..

<script src="https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/daftarisi.js">
</script><script src="http://coretanalbar.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>

tulisan merah di ganti dengan alamat blog kalian ya sob

entar daftar label saya lagi yang nonggol kalo ngax di ganti

selamat mencoba sekian dari saya

coretan albar

Tutorial Singkat CSS Box Shadow

Apa kabar Sobat, semoga hari-hari kita berlalu dalam kegembiraan. kali ini saya saya inggin berbagi tutorial singkat Bok shadow, Box shadow ini dapat sobat gunakan pada kotak postingan, sidebar atau dapat juga sobat gunakan sebagai pemanis dalam artikel blog sobat. Seperti contoh dibawah ini :

Support Firefox, Safari, Chrome, Opera dan IE9

kode css untuk contoh diatas adalah :

#contoh {
-moz-box-shadow: 10px 10px 5px #222;
-webkit-box-shadow: 10px 10px 5px #222;
box-shadow: 10px 10px 5px #222;
} 

Adapun 4 bagian yang terdapat dalam box shadow adalah :

• Horizontal offset : Jika nilainya positif maka bayangan akan berada disebelah kanan kotak, dan jika negatif maka bayangan akan berada disebelah kiri kotak.
• Vertikal offset : Jika nilainya positif maka bayangan akan berada dibawah kotak, dan jika negatif maka bayangan akan berada diatas kotak.
• Blur radius : Jika nol maka akan seperti bayangan biasa, dan jika nilainya semakin besar maka bayangan akan tampak menjadi blur.
• Warna dari bayangan. 

Berikut 6 contoh css box shadow yang bisa sobat pelajari dan gunakan :

A	B	C
D	E	F

Kode css untuk ke-6 contoh box shadow diatas adalah :

#Contoh_A {
-moz-box-shadow: -5px -5px #222;
-webkit-box-shadow: -5px -5px #222;
box-shadow: -5px -5px #222;
}

#Contoh_B {
-moz-box-shadow: -5px -5px 5px #222;
-webkit-box-shadow: -5px -5px 5px #222;
box-shadow: -5px -5px 5px #222;
}

#Contoh_C {
-moz-box-shadow: -5px -5px 0 5px #222;
-webkit-box-shadow: -5px -5px 0 5px #222;
box-shadow: -5px -5px 0 5px #222;
}

#Contoh_D {
-moz-box-shadow: -5px -5px 5px 5px #222;
-webkit-box-shadow: -5px -5px 5px 5px #222;
box-shadow: -5px -5px 5px 5px #222;
}

#Contoh_E {
-moz-box-shadow: 0 0 5px #222;
-webkit-box-shadow: 0 0 5px #222;
box-shadow: 0 0 5px #222;
}

#Contoh_F {
-moz-box-shadow: 0 0 5px 5px #222;
-webkit-box-shadow: 0 0 5px 5px #222;
box-shadow: 0 0 5px 5px #222;
}

Jika sobat ingin menambahkan box shadow pada kotak postingan sobat, maka cari saja kode seperti di templates sobat :

.Post {…………………………dst
}

kemudian tambahkan salah satu kode diatas sehingga hasilnya kurang lebih akan seperti ini :

.post {……………………;
-moz-box-shadow: 0 0 5px 5px #222;
-webkit-box-shadow: 0 0 5px 5px #222;
box-shadow: 0 0 5px 5px #222; }

Bagaimana jika bayangan berada didalam kotak (inner shadow), yang harus sobat tambahkan hanya kode inset pada setiap bagian, contoh :

F

dan kodenya adalah :

#Contoh_F {
-moz-box-shadow: inset 0 0 5px 5px #222;
-webkit-box-shadow: inset 0 0 5px 5px #222;
box-shadow: inset 0 0 5px 5px #222;
}

Css box shadow bekerja sempurna pada browser mozilla firefox, untuk browser lain hanya beberapa saja yang dapat berfungsi dengan sempurna. Semoga bermanfaat ..

sekian dari saya
sumber

Cara Membuat Blog Lebih Expressive

Dalam Trik dan Tips kali ini kita akan mencoba membahas bagaimana ...cara membuat gambar  setiap kali kita mengetikkan tanda :) maka yang muncul gambar smile...

mau tau caranya ikiti langkah berikut ini :

cie kidottt...

1. Login ke blogger trus pilih Layout -->> Edit HTML

2. Beri tanda centang pada jawaban yang benar, eh, maksudnya pada Expand Widget Templates

3. Cari kode ini ]]></b:skin> (letaknya kira2 di bagian tengah posisi kiri)

4. Masukkan script di bawah ini persis dibawah kode ]]></b:skin>

<script src='http://kendhin.890m.com/smile/smile.js' type='text/javascript'/>

Jangan lupa disimpan, trus coba deh kamu posting dengan memakai kode-kode tersebut, Insya4JJI berhasil. kalo gagal coba lagi, kalo masih gagal ya coba sekali lagi, kalo masih gagal lagi ya mengkin servernya lagi down atau itu emang karena kamu kurang beruntung. :D

Berikut ini adalah beberapa standar kode smile yang bisa digunakan :

:) --> :)

:D --> :D

:$ --> :$

:( --> :(

:p --> :p

;) --> ;)

:k --> :k

:@ --> :@

:# --> :#

:x --> :x

:o --> :o

:L --> :L

:O --> :O

:r --> :r

:y --> :y

:t --> :t

:s --> :s

:~ --> :~

:v --> :v

:f --> :f

:d --> :d

:c --> :c

:z --> :z

Sebelum mengetikkan kodenya, harus di spasi dulu.

sekian, semoga bermanfaat, jangan lupa di komen ya,

Coretan Albar

Cara Menganti Icon Pada Address Bar

Selamat datang di  coretan albar

semoga hari2 kita selalu dalam keadaan, nah ini dia tutorial kali ini, semoga bisa berguna bagi anda

...

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :

Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu .....

masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>

<link href='http://kendhin.890m.com/sonictrik.gif' rel='SHORTCUT ICON'/>

ganti huruf yang dicetak tebal dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di 000webhost atau bisa juga di photobucket dan juga di imageshack atau kalo kamu tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.

http://img87.imageshack.us/img87/5862/image1an1.gif

http://img110.imageshack.us/img110/6218/image2ie0.gif

http://img98.imageshack.us/img98/9617/image3cr0.gif

http://img134.imageshack.us/img134/633/image4hx4.gif

http://img139.imageshack.us/img139/83/image5oa7.gif

http://img509.imageshack.us/img509/6449/image6fu0.gif

http://img527.imageshack.us/img527/6543/image7go9.gif

http://img507.imageshack.us/img507/5774/image8wn8.gif

http://img150.imageshack.us/img150/5784/image9qo1.gif

http://img404.imageshack.us/img404/1214/image10vr1.gif

http://img412.imageshack.us/img412/3808/image11pc0.gif

http://img100.imageshack.us/img100/4658/image12du2.gif

http://img132.imageshack.us/img132/4733/image13lj1.gif

http://img145.imageshack.us/img145/7793/image14zg9.gif

http://img412.imageshack.us/img412/4403/image15jc7.gif 

sekian tutorial hari ini, jangan lupa di komen ya...

coretan albar

Modifikasi Followers

Jika sobat menggunakan custom template, maka untuk mengedit link, warna text dan border akan mengalami kesulitan. Untuk itu kita coba menambahkan border dan mengedit sedikit warna pada followers, link color, text color, background color dan border color. untuk memulainya, silahkan sobat login ke blogger.

• Masuk ke Rancangan
• Klik Elemen Laman
• Pilih Tambah Gadget
• Klik yang HTML/JavaScript
• Kemudian masukkan kode followers dibawah ini :
  <script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript"></script>

  <!-- Define the div tag where the gadget will be inserted. -->

  <div id="div-coretan albar" style="width:280px;border:1px solid #cccccc;"></div>

  <!-- Render the gadget into a div. -->

  <script type="text/javascript">

  var skin = {};

  
  

  skin['BORDER_COLOR'] = '#dedede';

  
  

  skin['ENDCAP_BG_COLOR'] = '#f0f0f0';

  skin['ENDCAP_TEXT_COLOR'] = '#444';

  skin['ENDCAP_LINK_COLOR'] = '#444';

  skin['ALTERNATE_BG_COLOR'] = '#fff';

  skin['CONTENT_BG_COLOR'] = '#f9f9f9';

  skin['CONTENT_LINK_COLOR'] = '#444';

  skin['CONTENT_TEXT_COLOR'] = '#444';

  skin['CONTENT_SECONDARY_LINK_COLOR'] = '#444';

  skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#444';

  skin['CONTENT_HEADLINE_COLOR'] = '#444';

  skin['NUMBER_ROWS'] = '3';

  
  

  google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);

  google.friendconnect.container.renderMembersGadget(

  { id: 'div-coretan albar,

     site: '085668147719' },

    skin);

  </script>
• Ganti kode yang berwarna merah dan ungu dengan kode id blog sobat
• Simpan.

Keterangan :

1. untuk kode yang saya tebalkan bisa sobat ganti sesuai dengan warna dan lebar widget blog sobat.
2. Kode yang berwarna biru sesuaikan dengan lebar widget template sobat.
3. Untuk mencari kode yang berwarna merah dan ungu, jika sebelumnya sobat sudah memasang widget followers, maka sobat bisa klik kanan pada halaman blog kemudian klik “view page source” lalu klik CTRL+F dan ketik saja followers. Dari situ sobat dapat melihat kode id dan site dari blog sobat.

sekian semoga berguna bagi sobat..