Welcome to my blog, hope you enjoy reading :)
RSS

Monday, August 30, 2010

Cara Posting Artikel dan Masukan gambar

Gini.....setelah Sobat menciptakan atau membuat blog maka langkah selanjutnya yang Sobat ambil ialah membuat atau memunculkan tulisan-atau ide-ide kita agar bisa di baca orang lain atau tepatnya agar tulisan yang akan kita buat muncul di blog

langkah-langkah adalah
1. seperti biasa kita log in ke acount blogger kita seperti biasanya

2. Pilih posting dan akan ada tampillan seperti ini


langkah selanjutanya adalah kita menuliskan judul postingan dan konten yang akan kit tampilkan, setelah kita selesai menulis di kotak bawah ada terbitakan entri utuk menapilkan postingan dan ada label itu bisa kita tuliskan tulisan kita itu tentang masalah yang tertentu dan apabila kita posting bahas masalah tersebut lagi maka kita tingal memasukan ke label yang kita buat dulu.

3.dan apabila kita akan memsukan gambar kita bisa klik icon dibawah juduk yang bentuknya seperti gambar pemandangan

kemudian akan muncul gambar

kemudain klik brows apabila kita mau memasukan gambar dari kompuer kita setelah itu ada pilihanya gambar mau di tengah, disamping kanan ataupun disamping kiri, dan ada format kecil menengah dan besar itu untuk ukuranya,
langkah selanjutanya adalah klik unggah gambar atau upload gambar, untuk tata letak tulisan di blog hampir sama dengan di MS world
Selengkapnya...

Cara Membuat Page Number-Navigasi Halaman

Page Number atau Navigasi Halaman dengan menggunakan nomor atau angka adalah sebagai alat navigasi yang berfungsi selain dapat mempercantik tampilan halaman utama juga dapat memudahkan pengunjung dalam menjelajahi content sebuah website atau blog. Lihat contohnya pada halaman blog saya ini,
Apakah Sobat Sekalian ingin mencobanya? Jika iya, maka berikut ini adalah langkah-langkah Cara Membuat Page Number-Navigasi Halaman Blog khususnya blogspot.com :

  1. Masuk dahulu ke Dashboard blogspot Anda, selanjutnya pilih Rancangan (Layout) dan pilih Edit HTML, seperti biasa contreng option Expand Widget Templates, selanjutnya cari kode berikut: ]]></b:skin>;
  2. Setelah ketemu, di atas kode ]]></b:skin> letakkan kode di bawah ini :


    .showpageArea a {

    text-decoration:underline;

    }

    .showpageNum a {

    text-decoration:none;


    border: 1px solid #cccccc;

    margin:0 3px;

    padding:3px;

    }

    .showpageNum a:hover {

    border: 1px solid #cccccc;

    background-color:#cccccc;

    }

    .showpagePoint {


    color:#333;

    text-decoration:none;

    border: 1px solid #cccccc;

    background: #cccccc;

    margin:0 3px;

    padding:3px;

    }

    .showpageOf {

    text-decoration:none;


    padding:3px;

    margin: 0 3px 0 0;

    }

    .showpage a {

    text-decoration:none;

    border: 1px solid #cccccc;

    padding:3px;

    }

    .showpage a:hover {


    text-decoration:none;

    }

    .showpageNum a:link,.showpage a:link {

    text-decoration:none;

    color:#333333;

    }
  3. Lalu cari lagi kode seperti ini: </body>;
  4. Jika sudah ketemu, di atas kode </body> letakkan script di bawah ini:


    <b:if cond='data:blog.pageType != &quot;item&quot;'>

    <script type='text/javascript'>

    var pageCount=5;

    var displayPageNum=5;

    var upPageWord =&#39;Previous&#39;;


    var downPageWord =&#39;Next&#39;;

    </script>

    <script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>

    </b:if>
  5. Selanjutnya carilah kode berikut ini : 'data:label.url';
  6. Hapus kode ini : 'data:label.url' dan gantilah dengan kode di bawah ini:



    'data:label.url + &quot;?&amp;max-results=5&quot;'
  7. Terakhir Simpan Templates dan lihat hasilnya.

Selengkapnya...

Cara Membuat Kotak Terpisah Pada Blog


Membuat kotak posting terpisah sebagian banyak yang menyukai, karena kelihatan lebih rapi disamping dapat mengatur border warna yang lebih menarik kemudian dikombinasikan dengan warna background membuat kolom post lebih cerah.
Kali ini saya mencoba untuk berbagi informasi, bagaimana membuat kotak posting terpisah-pisah disetiap judul dengan cara 2 pilihan :
  1. Kotak Posting terpisah dengan bentuk garis kotak


    1. Login ke"Blogger" dengan user ID Anda
    2. Pilih "Tata Letak"
    3. Pilih "Edit HTML"
    4. Cari Kode berikut .post {
    5. Copy "kode dibawah" ini dan letakan dibawah kode tersebut






      Padding:10px; /* Jarak text post dengan garis pinggir */
      Border-top: 2px solid #D8D8D8; /* warna garis pinggir atas */
      Border-bottom: 2px solid #D8D8D8; /* warna garis pinggir bawah */
      Border-left: 2px solid #D8D8D8; /* warna garis pinggir kiri */
      Border-right: 2px solid #D8D8D8; /* warna garis pinggir kanan */
      Margin-bottom: 30px; /* jarak antara post yang satu dengan yang lainnya */
    6. Simpan Template

Contoh kotak posting terpisah garis lurus

KOTAK POSTING I bentuk garis kotak


KOTAK POSTING II bentuk garis kotak




  • Kotak Posting terpisah dengan garis melengkung disetiap sudut






    1. Login ke Blogger dengan user ID Anda
    2. Pilih Tata Letak
    3. Pilih Edit HTML
    4. Cari kode h2.date-header {
    5. Letakan kode dibawah ini tepat dibawah kode tersebut






      border-left:3px solid #A9D0F5;
      border-right:3px solid #A9D0F5;
      border-top:3px solid #A9D0F5;
      border-bottom:0px solid #A9D0F5;
      -moz-border-radius-topleft:15px;
      -moz-border-radius-topright:15px;

    6. Kemudian Anda cari kode .post-body {
    7. Letakan kode dibawah ini tepat dibawah kode tersebut






      border-right:3px solid #A9D0F5;
      border-left:3px solid #A9D0F5;

    8. Berikutnya cari kode .post-footer {
    9. Letakan kode dibawah ini tepat dibawah kode tersebut










      border-left:3px solid #A9D0F5;
      border-right:3px solid #A9D0F5;
      border-top:0px solid #A9D0F5;
      border-bottom:3px solid #A9D0F5;
      -moz-border-radius-bottomleft:15px;
      -moz-border-radius-bottomright:15px;

    10. Simpan Template

    Selengkapnya...

    Cara Membuat Scrool Otomatis Ke Atas



    Mau Buat Yang Seperti Ini DiBlog Anda
    Untuk Membuat Scrool Otomatis Keatas



    Caranya gampang ko....

    Kalian  Copy Paste aja script di bawah ini :


    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

    <script src="http://raezen.fileave.com/scrolltop.js" type="text/javascript"></script>


    kalau sudah di "Copy",, kamu "Paste" persis dibawah kode : <head>

    Selesai ^_^
    Selengkapnya...

    Sunday, August 22, 2010

    Cara Membuat Animasi Status Loading

    Disini Impian Relugais12 Akan membagikan artikel mengenai cara membuat animasi saat sedang loading di blog anda...caranya pun cukup mudah...
    biar tidak panjang lebar ge,saya akan memberitahukan cara langkah-langkahnya:>>>>>>

    Login ke account blogger anda.
    Klik Layout --> Edit HTML.
    Cari kode <body> di dalam template anda dan ganti dengan kode di bawah ini :


    <body onLoad='init()'&gt<div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <img border='0' src='http://URL Lokasi Simpan.Image'/></div><script src='http://h1.ripway.com/ichal13/preloader.js' type='text/javascript'/></script>


    Keterangan :
    >> Ganti huruf yang berwarna merah sesuai dengan Punya sobat.
    >> Untuk peletakkanya anda bisa mengatur pada tulisan text:align center mau diletakkan ditengah atau disamping terserah.

    4. Simpan Template dan selesai.

    Selamat mencobanya Gan ...
    Selengkapnya...

    Cara Membuat Gambar Bisa Berputar

    Posted by Impian Relugais12







    Photo Cube Generator

    By : Gaga Adi Lesmana Putra
    Mat salam damai Semuanya kita berjumpa dengan saya disini untuk memberikan satu buah ilmu yang mudah-mudahan dapat memberikan kepada anda yang anda cari selama ini, disini gambar akan berputar-putar seperti lampion segi empat yang digantung kena tiupan angin baik tidak perlu berlama-lama akan saya beritahukan caranya

    1. Klik situs Satisfaction.com, tidak perlu login atau konfirmasi email.
    2. Setelah halaman terbuka, arahkan perhatian pada kotak dialog yang muncul dengan gambar berputar. Di bawah gambar tadi tertulis "PUT YOUR IMAGE ON A CUBE",
    3. Klik tombol "BROWSE" yang terdapat di bawah tulisan yang berwarna merah, setelah muncul kotak dialog, cari file gambar yang telah tersimpan, setelah ketemu klik tombol "Open". Kotal 'File' akan terbaca.
    4. Setelah selesai, klik tombol "UPLOAD". Pada tahap ini, gambar yang telah di-upload tersebut akan muncul dengan berputar-putar.
    5. Kemudian langkah terakhir klik tombol "Copy HTML code" yang berlatar warna kuning dan selesai.
    Selengkapnya...

    Cara Menampilkan Facebook kita diblog

    Caranya gampang banget kok lihatlah langkah-langkah mudah berikut ini:
    1. Silakan login ke Facebook



    2. Klik Profil



    3. Perhatikan layar sebelah kiri paling bawah, cari "Create A New Badge" untuk fb dalam b.inggris atau "buat lencana profil" untuk fb b.Indo



    4. Kemudian akan sampai ke sebuah halaman dimana disitu bisa memilih tampilan ataupun mengeditnya

    pilih lencana profil:



    edit lencana profil:



    5. Tamilanya bisa di seting atau diatur sesuai keinginan



    6. Jika sudah silakan disimpan dan dicopi ke blog/web



    contoh tampilan fbnya yang punya blog ini:

    Impian Relugais | Buat Lencana Anda


    gimana para sibat sexalian gampangkan.....mlahan ada 3 jenis tampilan ada yang tegak ,mndatar, dan 2 kolom

    semoga berhasilnya.....impian relugais12....selalu mendukung anda
    Selengkapnya...

    Cara Membuat Widget Sms Gratis

    Hai kita jumpa lagi dengan saya impian relugais12 disini 2 hari  baru ngga posting nih udah lain rasanya maklum lagi sibuk di dunia nyata kali ini saya sempatkan untuk menemui sobat sekalian pengunjung blog ini untuk memberikan ilmu sebuah code script SMS gratis untuk dipasang di blog sobat caranya adalah sbb :
    1. Klik Rancangan terus
    2. Klik tambah gadget
    3. Pilih HTML/Java Script Paste code script dibawah ini :
    4. Sebelum disimpan atur dulu panjang dan tinginya widget yang berwana merah setelah itu simpan
    <iframe name="I2" src="http://sms-online.web.id/widget"
    width="270" height="350"> not support
    </iframe>
    <a href='http://www.seiparing.co.cc/2010/06/membuat-widget-sms-gratis.html' rel='nofollow'>Make Widget</a>


    Selesai silakan anda SMS ke Teman, sahabat atau ke pacar anda tapi sayang tida bisa menerima pesan SMS tapi ada caranya dibawah pesan SMS tersebut kita ketik balas pesan ke No HP saya 087815 xxx misalnya kemudian kita membalas SMS lewat Internet begitu seterusnya maka pulsa kita tidak terpakai alias gratis.
    Selengkapnya...

    Cara membuat link yang ditunjuk membesar dan berpijar

    Selamat bergabung lagi sobat-sobat sekalian di blog impian relugais12....
    Relugais12 Akan langsung saja menyampaikan
    berikut sedikit cara dari saya tentang link yang kita tunjuk akan bersinar dan membesar
    mau tahu apa aja yang harus sobat-sobat sekalian kerjakan ???!!!!
    berikut langkah-langkah dan tutorialnya ....

    1.login dahulu ke blogger anda
    2.buka tata letak
    3.edit html
    4.expand template widget
    cari aja kode yang ini

    /* global link attributes */>


    atau kalau ga ada cari yang ini

    a {color: $mainLinkColor; text-decoration: underline;}
    a:hover {color: $mainHoverLinkColor; text-decoration: underline;}
    a:visited {color: $mainVisitedLinkColor; text-decoration: underline;}
    a:hover {


    kemudian tambahkan kode ini

    color: #000fff; text-transform: uppercase; font-weight: bolder; font-size: 15px; background-image: url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_stars1.gif); }



    sehingga menjadi seperti ini

    a {color: $mainLinkColor; text-decoration: underline;}
    a:hover {color: $mainHoverLinkColor; text-decoration: underline;}
    a:visited {color: $mainVisitedLinkColor; text-decoration: underline;}
    a:hover {
    color: #000fff; text-transform: uppercase; font-weight: bolder; font-size: 15px; background-image: url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_stars1.gif); }

    ingat...jangan dulu disave yah....
    pratinjau dulu ...kalau dipratinjau sudah oke apakah (link berpijar dan membesar)
    baru sobat save.
    gimana mudahkan...
    saya percaya sobat sekalian pasti bisa.....gak ada yang gak bisa di dunia nhe,org sangat sederhana kok
    Selengkapnya...

    Cara Memasang Televisi Online di Blogger

    Disini Saya akan membahas tentang bagaimana cara memasang tv online d blog kalian masing2....
    Kita berjumpa kembali di postingan ini untuk berbagi pengalaman kepada pengunjung blog ini sebuah postingan yang suka pada nonton tv di internet baik nasional maupun internasional disini kita bebas untuk tv apa saja yang kita inginkan gratis.
    Berikut langkah-langkah cara pemasangan tv online:
    1. Klik Rancangan atau yang dalu Tata Letak
    2. Klik Tambah Gadget
    3. Pilih HTML/Java sceipt
    4. Copy Code cript dibawah ini letakkan di point no 3 dan simpan
    <a href="http://www.seiparing-tv.co.cc" target="_blank"><img src="http://i867.photobucket.com/albums/ab235/ruslan02/BANNERIKLAN.gif" border="0" alt="Photobucket"></a>

    Demikian postingan ini saya berikan kepada anda dan silakan pasang di Blog dan Setus anda untuk dapat link ke Blog yang menyediakan TV Internet Live untuk anda
    Selengkapnya...

    Cara Membuat Teks Berjalan Di Adress Bar

    Pada postingan kali ini,impian relugais12 cuma mau sharing aja tentang cara membuat teks berjalan di addressbar. Inipun hasil impian relugais12 browsing di internet. Ga ada salahnya kan impian relugais12 berbagi ilmu dengan teman-teman. Sebenarnya untuk membuat teks berjalan di address bar ini hanya dibutuhkan script yang nantinya akan kita pasang di head template kita.

    Scriptnya seperti di bawah ini :

    <SCRIPT language='JavaScript'>
    var txt="..::Nama Yang Anda Suka::... ";

    var kecepatan=170;var segarkan=null;function bergerak() { document.title=txt;
    txt=txt.substring(1,txt.length)+txt.charAt(0);
    segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
    </SCRIPT>


    Caranya, ganti nama blog pada script di atas dengan nama blog kamu.
    Untuk cara pemasangan script di blog, seperti biasanya silahkan login dulu ke blogger. Setelah itu pilih tata letak halaman, lalu pilih edit template. Kemudian cari kode </head> dan letakkan script tadi di atas kode </head> tersebut. Jika sudah silahkan simpan template kamu dan silahkan lihat hasilnya.

    Mudahkan. Semoga postingan ini berguna bagi kamu semua. Selamat mencoba dan sampai jumpa di postingan Impian relugais12 berikutnya.
    Selengkapnya...

    Cara Membuat Dua Kolom dibawah Kolom Posting (Plus Tambah Gadget)

    Ok, back to topic. Kita bahas lagi cara membuat dua kolom dibawah postingan. Ini bisa jadi alternatif multi kolom yang tempo hari pernah saya bahas. Ok. Tertarik membuatnya? Ikuti langkah-langkah berikut ini.

    1. Login ke Blogger, lalu klik menu Tata Letak > Edit HTML.
    2. Silakan backup template anda.
    3. Taruh kode ini diatas kode ]]></b:skin>

    #doublecolumnleft, #doublecolumnright{
    height:auto;
    width:205px;
    padding:10px;

    background:#81F781;
    color:#000000;
    }

    #doublecolumnleft h2, #doublecolumnright h2{
    font-size:large;
    font-weight:bold;
    #doublecolumnright h2{
    text-align:right;
    }

    #doublecolumnleft a, #doublecolumnright a{
    color:#0A2A0A; text-decoration:underline;
    }

    #doublecolumnleft a:hover, #doublecolumnright a:hover{
    text-decoration:none;
    }
    #doublecolumnleft{
    float:left;
    }
    #doublecolumnright{
    float:right;
    text-align:right
    }
    Ket: bagian 205px adalah lebar dari masing-masing kolom. Sesuaikan dengan lebar main wrapper anda.



    4. Cari bagian main wrapper (kolom posting) anda. Misalkan punya saya:

    <div id='main-wrapper'>


    <b:section class='main' id='main' showaddelement='no'>

    <b:widget id='HTML4' locked='false' title='Kotak Pencarian' type='HTML'/>

    <b:widget id='HTML16' locked='false' title='' type='HTML'/>

    <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>

    </b:section>

    </div>

    5. Lalu sebelum kode </div>, ketikkan kode berikut.



    <b:section class='dblcolumn' id='dblcolumnleft' preferred='yes'/>

    <b:section class='dblcolumn' id='dblcolumnright' preferred='yes'/>

    Sehingga menjadi:


    <div id='main-wrapper'>

    <b:section class='main' id='main' showaddelement='no'>

    <b:widget id='HTML4' locked='false' title='Kotak Pencarian' type='HTML'/>

    <b:widget id='HTML16' locked='false' title='' type='HTML'/>

    <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>


    </b:section>


    <b:section class='dblcolumn' id='dblcolumnleft' preferred='yes'/>

    <b:section class='dblcolumn' id='dblcolumnright' preferred='yes'/>



    </div>

    7. Simpan.



    8. Beralih ke tab Elemen Halaman, anda akan menemukan link Tambah Gadget dibawah kolom posting. Klik link tersebut untuk menambah widget, semisal recent posts atau recent comments.



    Berhasil? Selamat! Gagal? Coba lagi! Semoga bermanfaat!

    Selengkapnya...

    Cara Membuat Halaman yang Bisa Ngelipat Atau Page Peel Effect

    Suatu ketika lagi ngenet tiba-tiba menemukan suatu web yang unik tampilan halamannya. Uniknya tuh kalau kita mengarahkan kursor mouse kita di bagian pojok kanan atas halaman web tersebut, maka halaman tersebut akan kelipat atau kebuka, namun hanya sebagian kecil saja dan di dalamnya terdapat gambar (disesuaikan) yang biasanya kalau diklik akan diarahkan ke suatu halaman lain seperti halaman RSS blog ataupun bisa berupa halaman lainnya.

    Teman-teman juga bisa menemukannya di blog ini. Yang seperti ini lho...





    Untuk membuat halaman blog teman-teman seperti di atas caranya gampang. Ikuti langkah2 berikut:


    1. Login ke blogger >> Tata Letak >> Edit HTML >> Expand widget template

    2. Cari kode

    <b:skin><![CDATA[
    dan letakkan kode berikut di atasnya:

    <script src='http://sites.google.com/site/software2iqbalinc/javascript/script_ditunjuk_ngelipet_t4belajarblogger.js' type='text/javascript'/>
    <script type='text/javascript'>
    $(document).ready(function(){
    $("#pageflip").hover(function() {
    $("#pageflip img , .msg_block").stop()
    .animate({width: '307px',height: '319px'}, 500);
    } , function() {
    $("#pageflip img").stop()
    .animate({width: '50px',height: '52px'}, 220);
    $(".msg_block").stop()
    .animate({width: '50px',height: '50px'}, 200);
    });
    });
    </script>

    3. Lalu cari lagi kode

    ]]></b:skin>
    Dan letakkan kode berikut tepat di atasnya:

    #pageflip {
    position: relative;
    }
    #pageflip img {
    border: none;
    width: 50px; height: 52px;
    z-index: 99;
    position: absolute;
    right: 0; top: 0;
    -ms-interpolation-mode: bicubic;
    }
    #pageflip .msg_block {
    width: 50px; height: 50px;
    position: absolute;
    right: 0; top: 0;
    background: url(http://lh5.ggpht.com/_RVpTV2JOOxA/S8iu18jZiCI/AAAAAAAACyo/e0oaiHtbMf0/berlangganan_kelipat.png) no-repeat right top;
    text-indent: -9999px;
    }

    4. Cari kode

    <body>
    Dan lettakkan kode berikut di bawahnya:


    <div id='pageflip'>
    <a href='http://feedburner.google.com/fb/a/mailverify?uri=tutorialbloggingdiblogger' target='_blank'>
    <img alt='' src='http://lh3.ggpht.com/_RVpTV2JOOxA/S8iu2CHC7SI/AAAAAAAACys/nYe088a8tkc/gambar_kelipat.png'/>
    <span class='msg_block'/>
    </a>
    </div>

    ╬Anda bisa mengganti warna  Ijo dengan Link yang anda inginkan. Saran: Link RSS atau
    link berlangganan.


    5. Simpan hasil kerjaan anda.

    Sekarang silahkan lihat blog anda, bagaimana....baguskan?
    Untuk mengganti gambar dinding, teman-teman bisa mengganti URL berikut:

    #pageflip .msg_block {
    width: 50px; height: 50px;
    position: absolute;
    right: 0; top: 0;
    background: url(http://lh5.ggpht.com/_RVpTV2JOOxA/S8iu18jZiCI/AAAAAAAACyo/e0oaiHtbMf0/berlangganan_kelipat.png) no-repeat right top;
    text-indent: -9999px;
    }

    Semoga Bermanfaat []
    Selengkapnya...

    Tuesday, August 17, 2010

    Cara Mendaftarkan Blog anda di Search Engine

    Banyak cara yang bisa kita lakukan agar blog kita bisa dikenal dan di kunjungi, antara lain adalah dengan rajinnya kita blogwalking atau berkunjung ke blog milik orang lain, mendaftarkan ke berbagai agregator, dan yang paling efektif adalah melalui search engine atau mesin pencari.
    Bagi blogger pemula mungkin berangggapan bahwa apabila kita membuat website atau blog akan secara otomatis terindeks atau berada pada list berbagai search engine, dan kenyataannya tidaklah demikian. Seperti halnya sebuah sekolah, agar nama kita terdaftar pada buku daftar siswa, tentunya kita harus melakukan pendaftaran terlebih dahulu ke sekolah tersebut. Sama halnya dengan mesin pencari, agar blog kita terindeks pada mesin pencari, maka kita harus terlebih dahulu mendaftarkan blog milik kita pada situs pemilik mesin pencari.

    Mesin pencari tentu jumlahnya sangat banyak sekali, dan pada saat ini yang paling terkenal di dunia adalah Google, Yahoo, serta Msn. Apabila blog kita ingin terindeks pada mesin pencari mereka, maka kewajiban kita adalah mendaftarkan URL blog kita pada mesin pencari mereka. Bila ada yang belum tahu ke manakah harus mendaftarkan blognya, maka silahkan simak tulisan berikut :



  • Daftar GoogleUntuk mendaftar ke google, silahkan sobat kunjungi http://www.google.com/addurl/, nah apabila sudah berada pada halaman pendaftaran ada beberapa langkah yang harus di lakukan, yaitu mengisi form yang di sediakan :



  • URL –> Isi dengan URL blog sobat.



  • Comments –> Isi dengan keyword atau kata kunci yang berhubungan dengan blog sobat



  • Isi kotak kosong dengan huruf Verifikasi yang tersedia



  • Klik tombol Add URL



  • Selesai.Setelah sobat melakukan pendaftaran ke Google, maka tidak serta merta blog sobat terindeks pada mesin pencari nya, akan tetapi memerlukan 3 sampai 4 minggu baru blog sobat bisa terindeks. Jika sudah 3 sampai 4 minggu, maka cobalah ketik alamat blog sobat pada mesin pencari google, apakah sudah terindeks atau belum? jika belum, coba tunggu beberapa minggu lagi, dan tuliskan kembali alamat blog sobat, Jika ternyata masih belum juga, coba deh daftarin lagi blog nya ke google seperti langkah di atas. Atau mungkin sobat tidak sabar ingin cepat terindeks, sebenarnya bisa saja ini terjadi, hanya dalam 3 atau 4 hari saja blog sobat sudah bisa terindeks di google. Ingin tahu caranya? simak saja postingan berikutnya ya, mungkin satu dua hari ke depan artikelnya selesai saya buat.



  • Daftar Yahoo!Untuk mendaftar ke yahoo! silahkan sobat kunjungi https://siteexplorer.search.yahoo.com/submit. Akan tetapi untuk mendaftar ke yahoo, sobat harus terlebih dahulu mempunyai account yahoo, karena di perlukan log in terlebih dahulu ke account yahoo. Bagi yang belum punya account yahoo (email di yahoo) silahkan bikin dulu, bagi yang sudah punya, sobat tinggal login dengan username serta password sobat. Apabila sudah login, nanti sudah tersedia kolom untuk di isi, silahkan isi kolom tersebut dengan URL sobat, kemudian klik tombol Add URL, selesai. Jika ingin memasukan alamat feed sekalian, sobat bisa memasukannya. Ingat, alamat feed di blogger hanya tinggal menambahkan atom.xml di belakang uRL blog sobat, contoh : untuk blog saya ini mempunyai alamat feed sebagai berikut :
    http://radhitisme.blogspot.com/atom.xml
    atau memakai www pun sama saja :
    http://www.radhitisme.blogspot.com/atom.xml



  • Daftar ke MsnUntuk daftar ke Msn, silahkan sobat kunjungi http://search.msn.com/docs/submit.aspx?FORM=WSDD2 silahkan sobat isi huruf verifikasi dan URL sobat pada kotak yang tersedia, kemudian klik tombol Submit URL, selesai.
    Apabila sobat mempunyai keinginan lebih, yaitu URL blog sobat terindeks pada puluhan mesin pencari, sobat bisa menggunakan bantuan situs submitter. Coba klik saja banner dibawah ini :
    Submit Your Site To The Web's Top 50 Search Engines for Free!
    Tugas sobat hanya mengisi alamat URL blog miliknya, serta menuliskan alamat email saja, kemudian klik tombol Submit Your Site.
    Jika ingin lebih cepat terkenal coba lakukan ping ke bebagai agregator, silahkan klik banner di bawah :
    pingoat_9.gif

    Anda tinggal mengisi form yang di sediakan.
    Selamat Mencoba...
    (Sumber : impianrelugais12.blogspot.com)



  • Selengkapnya...

    Cara Membuat Sponsor Pada Blog

    Di Sini saya akan memberikan beberapa sponsor yang mungkin setidaknya dalam perlombaan ini akan berguna atau hanya sebagai pajang hiasan di blog anda.
    Ya saya dalam lomba Desain blog telah merasakan semua apa yang di lombakan ,apa lagi ini dari sebuah sponsor,sangatlah penting untuk digunakan.
    Saya tidak akan berpanjang-panjang lebar lagi menjelasin tentang kode di bawah ini yang akan saya kasih...
    langsung saja saya melihatkan langkah-langkah untuk membuat sponsor di gedget:

    1. Masuk ke blog anda,
    2. Pilihlah Tata letak yang sekarang disebut rancangan
    3. Lalu pilih Tambah gedget
    4. klik HTML/JavaScript
    5. lalu Masukkan code dibawah ini kedalamnya.

    <marquee direction="up" onmouseover="this.stop()" width="100%" onmouseout="this.start()" scrollamount="2" height="200">

    <a href="http://pekanbaru-riau.blogspot.com/2007/10/mall-pekanbaru.html" target="_blank"><img src="http://3.bp.blogspot.com/_m5mB5X0aSog/ShQMBbqrJyI/AAAAAAAAAA4/5IjArJ_os_E/S220/malpekabaru_logo.jpg'"/></a>
    <br/><br/>
    <a href="www.telkomspeedy.com" target="_blank"><img src="http://lh5.ggpht.com/_HR4qF9th884/SvZ70c61-TI/AAAAAAAAAH0/fd1LcGnp0kg/s128/43r3.jpg"/></a>
    <br/><br/>
    <br/><br/>
    <a href="http://www.putrasun.com/" target="_blank"><img src="http://lh5.ggpht.com/_HR4qF9th884/SvZ33BYiX-I/AAAAAAAAAHo/0QWC8LZpadU/s128/title.gif"/></a>
    <br/><br/>
    <br/><br/>
    <a href="http://www.megaplasa.com/" target="_blank"><img src="http://lh4.ggpht.com/_HR4qF9th884/SvZ1JHcxu-I/AAAAAAAAAHY/3JgOQy7AhU0/s128/PICT1274.JPG"></a>
    <br/><br/>
    <br/><br/>
    <a href="http://www.bertuah.org" target="_blank"><img src="http://lh4.ggpht.com/_HR4qF9th884/SvZ6L836lwI/AAAAAAAAAHs/hep88I9mXBE/s128/logo.gif"></a>
    <br/><br/>
    <br/><br/>
    <a href="http://www.mandalaair.com/" target="_blank"><img src="http://lh3.ggpht.com/_HR4qF9th884/SvZ6Lx1dsJI/AAAAAAAAAHw/t-t_ppdaiVU/s128/logo-mandala.gif"></a>
    <br/><br/>
    <br/><br/>
    <a href="http://www.telkom.co.id/" target="_blank"><img src="http://lh4.ggpht.com/_HR4qF9th884/SvZ2-2T2i5I/AAAAAAAAAHk/duDKzowXJMw/s128/new-telkom-logo.jpg"></a>
    <br/><br/>
    <br/><br/>
    <a href="http://www.saturiau.com/read/ekonomi/707/2009/05/19/citarasa-foodcourt-mal-pekanba-html" target="_blank"><img src="http://lh3.ggpht.com/_HR4qF9th884/SvZ1JGvopFI/AAAAAAAAAHc/M4mj-vIXFDQ/s128/PICT1278.JPG"></a>
    <br/><br/>
    </marquee>
    Selengkapnya...

    Cara Membuat judul Teks Postingan Berjalan

    Pada postingan kali ini, Impian Relugais12 akan membahas bagaimana cara membuat judul posting berjalan.

    Seperti contoh di bawah ini :

    Cara Membuat Judul Posting Berjalan
    Oke langsung aja kita mulai penjelasannya :

    1. Login ke Dashboard Blogger Anda
    2. Klik Layout - Edit HTML. Untuk berjaga-jaga sebaiknya backup dulu template Anda, lalu klik pada Expand widget templates dan carilah kode dibawah ini:

      <b:includable id='post' var='post'>
      <div class='post hentry uncustomized-post-template'>
      <a expr:name='data:post.id'/>
      <b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>
      <b:if cond='data:post.link'>
      <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
      <b:if cond='data:post.url'>
      <a expr:href='data:post.url'><data:post.title/></a>
      <b:else/>
      <data:post.title/>
      </b:if>
      </b:if>
      </h3>
      </b:if>

    3. Kemudian pasang kode marquee sehingga kode lengkap hasil perubahan akan seperti dibawah ini:









      <b:includable id='post' var='post'>
      <div class='post hentry uncustomized-post-template'>
      <a expr:name='data:post.id'/>
      <b:if cond='data:post.title'>
      <marquee direction='left'><h3 class='post-title entry-title'>
      <b:if cond='data:post.link'>
      <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
      <b:if cond='data:post.url'>
      <a expr:href='data:post.url'><data:post.title/></a>
      <b:else/>
      <data:post.title/>
      </b:if>
      </b:if>
      </h3> </marquee></b:if>

    4. Teks yang berwarna merah adalah kode yang harus Anda tambahkan. Anda dapat merubah arah dengan mengganti kode left menjadi right. Klik tombol Preview untuk melihat hasilnya, jika Anda sudah cukup puas silahkan di simpan pekerjaan Anda.
    Selamat mencoba.. Selengkapnya...

    Cara Membuat Kotak Komentar Di bawah Posting

    Anda ingin kotak komentar muncul di bawah postingan? Memang dulu pengguna Blogger tidak bisa menampilkan kotak komentar ini. Tidak seperti Wordpress. Jangan berkecil hati, karena sekarang di Blogger sudah tersedia fasilitas tersebut. Mau tau cara pembuatannya. Ikuti terus ya pembahasannya.

    Begini caranya :
    1. Silahkan Login ke http://draft.blogger.com dengan ID blogger anda. Ingat! bukan login ke blogger.com tapi ke draft.blogger.com karena fasilitas ini masih dalam tahap uji coba.
    2. Kemudian pilih blog yang ingin anda edit, masuk Settings >> Commnets. Pada opsi Comment Form Placement pilih Embedded below post sepeti gambar dibawah






    3. Kemudian klik Save Settings
    Kemudian coba lihat apakah kotak komentar Anda sudah muncul dibawah posting. Bila sudah berarti selesai, bila belum muncul maka ikuti cara-cara berikut ini :
    1. Pada posisi di dashboard blogger, klik link Layout kemudian masuk ke Edit HTML
    2. Jangan lupa centang/tandai/aktifkan Expand Widget Templates untuk bisa mengedit template secara keseluruhan.
    3. Kemudian cari kode-kode di bawah ini :


      <p class='comment-footer'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
      <data:postCommentMsg/></a>
      </p>
      </b:if>

    4. Kemudian hapus kode-kode di atas dan ganti dengan kode-kode 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> </b:if>

    5. Klik Save dan lihat hasilnya.
    Nah, selamat mencoba
    Selengkapnya...

    Cara Membuat Tampilkan Avatar Pada Komentar Blog

    Impian relugais12 hanya mau berbagi jha tentang bagaimana cara membuat supaya avatar komentar muncul di blog Anda, sedangkan templatenya memakai custom template.

    Langsung aja, silahkan ikuti langkah-langkah berikut ini :

    1. Login ke blogger tentunya memakai ID anda
    2. Klik Tata Letak.
    3. Klik tab Edit HTML
    4. Klik tulisan "Download Template Lengkap", silahkan anda backup dulu templatenya.
    5. Beri tanda ceklis pada kotak kecil disamping tulisan "Expand Template Widget"
    6. Copy lalu paste kode berikut diatas kode ]]></b:skin>
      .avatar-image-container img{
      background:transparent url(http://i33.tinypic.com/24b9na8.jpg)no-repeat;
      height:35px;
      width:35px;
      }

    7. Carilah kode berikut pada template Anda

      <dl id='comments-block'>


      Atau terkadang ada juga yang memakai kode div seperti ini :
      <div id='comments-block'>

    8. Gantilah kode tadi dengan kode berikut

      <dl expr:class='data:post.avatarIndentClass' id='comments-block'>


      Jika kode template anda termasuk kode yang memakai div maka diubah menjadi :
      <div expr:class='data:post.avatarIndentClass' id='comments-block'>

    9. Carilah kode berikut :

      <a expr:name='data:comment.anchorName'/>

    10. Hapus kode tadi lalu ganti dengan kode berikut :

      <b:if cond='data:comment.favicon'>
      <img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
      </b:if>
      <a expr:name='data:comment.anchorName'/>
      <b:if cond='data:blog.enabledCommentProfileImages'>
      <data:comment.authorAvatarImage/>
      </b:if>

    11. Simpan dan Selesai
    Terkadang cara diatas tidak cocok untuk custom template anda, jadi anda harus sedikit memodifnya lagi.
    Selengkapnya...

    Cara Membuat efek di blogger

    Kali ini impian relugais12 dapet Script Baru Hasil Searching kemaren, mungkin dah jadul ato kalian dah pada tau cmua yaks...
    G sah basa-basi lagi dahk..Lngsung adjah yaks..
    Ney script na..

    Script efek Bintang jatuh

    <script src='http://www.geocities.com/ridwanox/bintangjatuh.js' type='text/javascript'></script>
    Script efek salju berguguran
    <script src='http://www.geocities.com/ridwanox/saljubesar.js' type='text/javascript'></script>

    Script efek kembang Api
    <script src='http://www.geocities.com/ridwanox/kembangapi.js' type='text/javascript'></script>
    Script efek hati bertaburan
    <script src='http://www.geocities.com/ridwanox/efekhati.js' type='text/javascript'></script>
    untuk cara pemasangannya :
    silahkah masuk blogger.com-->tata letak/layout--->edit html
    download lengkap template.

    kemudian cari kode </body> ditemplate kamu, (letaknya dibagian paling bawah template) kalo udah ketemu paste script yang kamu pengen diatasnya..

    semoga sukses y. . . .???//

    Selengkapnya...

    Cara Membuat Kolom Scroll Pada Blog Archive


    Sewaktu teman-teman memposting suatu artikel dan di-archive-kan secara Hierarki dan Judul Artikelnya ditampilkan, maka semua artikel yang ada di Blog Archive tersebut akan tampil memanjang ke bawah. Nah untuk membuatnya terlihat sedikit rapi agar tidak memanjang terlalu ke bawah, maka kita akan membuat Kolom Scrollnya.


    lihat pict


    Untuk membuatnya silahkan ikuti langkah-langkah di bawah ini:

    1. Login ke akun blogspot,
    2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Widget Templates,
    3. Cari kode berikut
    <div id='ArchiveList'> atau ArchiveList
    Note: Untuk menemukan kode <div id='ArchiveList'> atau ArchiveList maka teman-teman harus memasang Blog Archive nya terlebih dahulu dengan cara, klik Design/Rancangan >> Page Element >> Add a Gadget >> Blog Archive >> Save. Jika teman-teman sudah memasang Blog Archive nya maka langsung saja mencari kodenya tadi.

    4. Selanjutnya tambahkan kode yang berwarna merah seperti di bawah ini:

    ....


    <div class='widget-content'>


    <div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height: 200px; background-color: #FFFFFF;">


    <div id='ArchiveList'>


    <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
    <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
    <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
    <b:include data='data' name='menu'/>
    </b:if>
    </div>
    </div>


    </div>


    <b:include name='quickedit'/>
    </div>
    </b:includable>


    ...

    5. Harap disesuaikan saja kodenya, karena tidak semua templates sama,
    6. Untuk merubah tinggi kolom scrollnya, silahkan ganti pada kode height:
    200px,
    7. Jika sudah klik Save templates dan lihat hasilnya.

    Seperti itulah
    Cara Membuat Kolom Scroll Pada Blog Archive, semoga bisa bermanfaat untuk Sobat Sekalian semua dan selamat mencoba.
    Selengkapnya...

    Cara Mengganti Templates blogger anda

    Langkah-langkah untuk Mengganti Template

    Pastikan Anda telah memili file template untuk blogspot yang berekstensi .XML. Bahasa XML adalah masih keluarga dari HTML dan XHTML dan merupakan standar bahasa web yang bisa diterjemahkan oleh browser internet menjadi susunan yang sedemikian rupa sehingga membentuk sebuah layout atau desain dari website/blog.
    Silakan Login menggunakan account blogger/Google Anda, lalu pilih salah satu blog Anda (maaf tutorial ini menggunakan setting bahasa Inggris, jika Anda menggunakan bahasa Indonesia maka letak dan posisinya adalah sama).
    Langkah 1:
    Pilih menu Layout - Edit HTML

    Langkah 2:

    Klik tombol Browse, cari lokasi penyimpanan file .xml Anda. Dalam contoh ini saya memakai template Grey Press Blogger (grey_press_blogger.xml)

    Langkah 3:
    Klik tombol Upload, pastikan tidak ada error seperti terlihat pada gambar di bawah

    Langkah 4:
    Klik tombol SAVE TEMPLATE

    Selengkapnya...

    Cara Membuat Animasi Cursor Mouse di Blogger

    Cara membuatnya sangat simpel dan gampang (bahkan sangat mudah) langsung aja kita turun gunung OK, ikuti langkah-langkah di bawah ini :

    1. Login ke Blogger + Tata Letak + Edit HTML dan berikan centang pada Expand Tempelate Widget (untuk jaga - jaga sebaik nya kamu Download Tempelate Lengkap kamu)

    2. Kemudian kamu cari kode body { (untuk memudahkan pencarian kamu teken Cntrl + F di keyboard kamu)

    3. Seteleh ketemu kamu letakkan Script dibawah ini di bawah kode body {
    cursor:url("http://i49.tinypic.com/flvjtl.gif"),text;

    4. Simpan

    Mudah bukan cara membuatnya Oh yah, ganti tulisan yang berwarna biru dengan url gambar crusor kamu ?. . .
    Selengkapnya...

    Cara Membuat Scrool Halaman


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



    <ol>



    <li>



    <ahref="http://www.notebooku.co.cc/">HOME</a>



    </li>




    </ol>



    </div>





    Setelah kode selesai silakan simpan kode tersebut seperti biasa
    1.Dashboard->>
    2.Layout->>
    3.Add Gadget->>
    4.HTML/JavaScript->>
    5.Masukkan kode->>
    6.Simpan->>Selesai

    Seandainya ada yang kurang mengerti bisa kalian tanyakan dikotak post komentar dibawah.......>>

    SELAMAT MENCOBA!!!GOOD LUCK....????/


    Selengkapnya...

    Cara Membuat Page Rank dan Live Traffic

    untuk live traffic feed, fungsi nya untuk mengetahui siapa saja yang berkunjung ke blog kita, di dalam blog saya ini udah saya pasang, dan banyak yang mengklik hasil pencarian dari google, duh senang nya...muncul di mbah google.

    pada live traffic feed, ada tulisan seperti ini Clik to get FEEDJIT , saya klik malah nyasar ke sini..feedjit.com, terus ada 4 pilihan :

    1. Live traffic feed untuk mengetahui siapa yang mampir atau nyasar hehehe ke blog
    2. Live traffic map untuk menampilkan peta lokasi seseorang yang berkunjung ke blog
    3. LIVE RECOMMENDED READING untuk rekomendasi pembaca
    4. LIVE PAGE POPULARITY untuk meningkat kan kepopularitas blog tersebut

    jadi saya pilih yang pertama Live Traffic Feed, untuk mendapatkan nya, klik link yang bertuliskan + Add It, muncul kode nya, saya copy kodenya saya letakkan di page elements html / javascipts, jadilah seperti yang terlihat di menu side bar blog ini

    Berikut tampilan pada saat saya coba klik.
    Berikut tampilan kode saat saya klik + Add It
    Langkah-langkah untuk menambahkan page rank di dalam blog :

    1. Kunjungi situs nya rankwidget.com, maka tampilan nya seperti gambar berikut :
    2. Pada tulisan di dalam textbox berikut :
    Type the URL of your website / blog and click 'Get Rank'. isilah dengan nama alamat blog kamu,
    contoh na saya masukan nama blog saya ini : raispunya.blogspot.com, di bawah nya kan ada banyak pilihan tuh :
    a. Google Page rank
    b. Alexa Page rank
    c. Technocrati Blog Rank
    d. Yahoo search links,

    nah kamu tinggal pilih page rank terhadap blog kamu, klik tombol Get Rank, kalau saya pilih yang Alexa Page rank, maka tampil kode java scripts nya beserta gambar avatar nya, turunkan kebawah scrol muse na, pilih lah yang paling menarik contoh nya saya pilih gambar untuk alexa page rank :
    setelah di copy kode javascripts nya, buka layout blogspot kamu, tambahkan pada page elemen baru pilih html/javascripts paste di kotak bawah judul, simpan kembali.

    lebih jelas nya kamu bisa lihat page rank di side bar menu blog saya ini.
    Selengkapnya...

    Monday, August 16, 2010

    Cara Membuat Buku Tamu Melayang di blog


    Masih Kita membahas tentang mendesain blog....
    kali ini saya impian relugais12 akan membahas tentang judul di atas tersebut.
    mungkin biar tidak banyak ucapan ge saya akan langsung saja memberikan cara-caranya...


    Langsung saja yach>>>>>

    1. Loginlah dulu di Blogger >Rancangan > Elemen Laman > Klik Tambah Gadget>HTML/Java Scripts..
    2. Jika sudah buatlah nama pada widget yang baru ini... lalu Copy-Paste kode dibawah ini ke dalam widget HTML/Java Scripts tadi...



    <style type="text/css">
    #gb{
    position:fixed;
    top:0px;
    z-index:+1000;
    }
    * html #gb{position:relative;}

    .gbtab{
    height:100px;
    width:110px;
    float:left;
    cursor:pointer;
    background:url('http://i915.photobucket.com/albums/ac357/adiluvdv/buku-tamu_03.gif') no-repeat;
    }
    .gbcontent{
    float:left;
    border:2px solid #A5BD51;
    background:#F5F5F5;
    padding:10px;
    }
    </style>

    <script type="text/javascript">
    function showHideGB(){
    var gb = document.getElementById("gb");
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
    gb.opened = !gb.opened;
    }
    function moveGB(x0, xf){
    var gb = document.getElementById("gb");
    var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    gb.style.right = x.toString() + "px";
    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
    }
    </script>

    <div id="gb">

    <div class="gbtab" onclick="showHideGB()"> </div>

    <div class="gbcontent">
     <!-- Begin ShoutMix - http://www.shoutmix.com -->
    <iframe title="gaga12" src="http://www4.shoutmix.com/?gaga12" width="160" height="400" frameborder="0" scrolling="auto">
    <a href="http://www4.shoutmix.com/?gaga12">View shoutbox</a>
    </iframe>
    <br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />
    <!-- End ShoutMix -->

    <br/>
    Anda berminat buat Buku Tamu seperti ini?<br/>
    Klik di
    <a href="http://impianrelugais12.blogspot.com/2010/08/suatu-ketika-lagi-ngenet-tiba-tiba.html">
    sini </a>

    <div style="text-align:right">
    <a href="javascript:showHideGB()">
    [tutup]
    </a>
    </div>

    </div>

    </div>

    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script>
    Contoh di atas adalah 'Widget Melayang Shoutmix'

    Keterangan :

    Merah = Gantilah dengan kode Scripts Widget yang akan kamu tampilkan Misalnya kode Scripts Widget Shoutmix..
    Biru = Gantilah dengan URL Gambar Tab kamu (atau pakai saja url gambar tab diatas tdi) .. Gambarnya bisa kamu buat dengan Program seperti Photoshop.. lalu kamu Upload/simpan gambar tsb di Photobucket ..baru kamu bisa mendapat kode url Direct Link gambar tdi..

    4. Simpanlah dan Selesai dech^_^... namun sebaiknya posisi widgetnya di Bagian Tata letak di letakan paling bawah lalu klik simpan.. Untuk melihat hasilnya silahkan Refresh,reload tab,atau tekan f5 pada  blog kamu.. Mudahkan.. ;-)


    Selamat Mencoba
    Para Sobat Sekalian


    Selengkapnya...

    Cara mengetahui berapa pengunjung yang terdeteksi melihat blog kita

    Selamat datang pada artikel saya ini para pengunjung blog semuanya kita bertemu kembali dengan saya sebagai pemilik blog ini mengucapkan salam kehormatan dan kebahagiaan selalu ke pada kalian semua dan sukses selalu itulah yang kita harapkan. Kali ini saya akam membahas mengenai Deteksi Pengujung Blog sepertinya Sebagian blog yang ada di jagat alam maya ini banyak yang mempergunakan ini tapi tidak salahnya saya membahas mengenai hal ini karena banyak sekali yang bermunculan blog-blog pemula bagaikan jamur dimusim hujan yang belum tahu tentang hal ini.
    Sobat Blogger sekalian kalau anda memiliki beberapa buah blog saya sarankan untuk memasang code script yang akan saya berikan nanti ke semua blog anda karena seru dih kita bisa melihat blog yang dikunjungi pengunjug dan tingkah laku pengunjung klik situ klik sini kita bisa tahu dimana dia berada caranya anda klik link yang warna
    merah disamping kanan atau kiri Halaman Blog setelah anda memasang code script pendetiksi pengunjung maka akan muncul seperti ini Klik.

    Kayanya pendeteksi pengunjung ini bukan hanya mengetahui jumlah pengunjung saja yang online di blog kita tapi kalau kita tahu dan sering mengutak atik maka kita dibawa kehalaman sebuah peta dunia dimana kalau yang online salah satu negara keblog kita maka akan terlihat di peta tersebut dengan tanda bintang berkedip di negara yang online di blog kita, begitu juga di Indonesia akan terlihat bintang berkedip diatas kota Propinsi coba kita lihat peta tersebut linknya aku sering sekali mengamati sobat blogger yang berkunjung ke blog aku karena kita tahu asal dari mana dia caranya adalah klik link yang warna merah disamping kanan atau kiri halaman Blog setelah anda memasang code script pendeteksi pengunjungmaka akan muncul seperti ini Klik. setelah masuk halaman tersebut cari peta dunia pada kanan bawah kemudian klik yang berwarna cokelat pada peta maka akan terbuka peta dunia dan diatasnya ada bintang-bintang yang gunanya bintang tersebut kalau ada pengunjung ke blog kita maka akan berkedip hingga dia lari dari blog kita seperti contoh berikut ini Klik.
    dan inilah Code Scriptnya Cara pasangnya Klik Tata Letak kemudian Tambah Gadget klik HTML/jave script copy code dibawah ini lalu paste simpan selesai

    <script src="http://widgets.amung.us/tab.js" type="text/javascript"></script><script type="text/avascript">WAU_tab('beq341kc8ksw', 'left-middle')</script><script src="http://widgets.amung.us/tab.js" type="text/javascript"></script><script type="text/javascript">WAU_tab('beq341kc8ksw', 'left-middle')</script>

    Selamat mencoba kalau tidak jelas cara pasangnya silakan tulis komentar ada dibawah ini
    Selengkapnya...

    Cara Membuat Kata Pembuka di Blogger



    Kali ini Saya akan membuat kata pembuka atau sambutan di blog kita :
    Ada Dua macam untuk membuat kata pembuka,,,,,bisa berupa cara edit html atau bisa juga dengan tambah gedget,,,,sangat simple kok


    Langsung Saja ya.....


    1.Cara Membuat Kata Pembuka Dengan Edit Html

    1. Login ke account blogger.

    2. Klik Layout --> Edit HTML.

    3. Cari kode </head> di dalam template anda.

    4. Copy pastekan script di bawah ini tepat diatas kode </head>

    5. Ganti text yg ada tanda ("::..Welcome To My Blog..::") dengan kata kata anda sendiri.

    6. Jika sudah jangan lupa di Simpan. Lihat hasilnya pasti ada yang berbeda di blog kamu mudah bukan.

    2.Cara Membuat Kata Pembuka Dengan Tambah Gadget


    1. Login ke account blogger.
    2. Pilih Rancangan ==> Elemen Halaman ==> Tambah Gadget
    3. Lalu Masukan Scrip Dibawah Ini ke Dalam tambah gedget tadi....


    <script type="text/javascript">
    var name = prompt("::..WELCOME TO MY BLOG..PLEASE ENTER USER NAME..::");
    alert("+++Ma'f blog sya agk sdkit lambt untuk d bka++ +"+name)
    </script>

    <script language="JavaScript1.2" src="http://rievay-bloodthirsty.blogspot.com/ "></script>

    Mudah kan,,,,Terserah Dhe mau Pakai yang mana...


    Selamat mencoba ?. . .

    Selengkapnya...

    Cara Mengganti gambar Header Di Blog

    Untuk mempelajari ini, kita akan menggunakan template TicTac Blue bawaan blogger obyeknya :

    1. Login ke Blogger (login to Blogger)

    2. Dasbor (Dasboard)

    3. KLIK Tata Letak (Layout)

    4. KLIK Edit HTML (Layout)

    5. Amankan Template (Securing Templates) :Mengamankan template dimaksudkan untuk memudahkan mengembalikan template ke keadaan semula apabila perubahan yang dilakukan tidak sesuai dengan rencana atau harapan yang diinginkan. Car mengamankan template bisa sampeyan buka di sini.

    6. Header : Cari KODE syntax #header
    Gunakan Ctrl + F supaya lebih mudah saat mencari KODE. Kalau belum tahu bisa lihat caranya dengan KLIK di sini.
    Bentuk KODE lengkap syntax #header adalah seperti di bawah ini:

    #header-wrapper {
    margin: 0;
    padding: 0;
    font: $pagetitlefont;
    background: #e0e0e0 url(http://www.blogblog.com/tictac_blue/top_div_blue_$startSide.gif) no-repeat $startSide top;
    }

    * URL gambar background header :
    http://www.blogblog.com/tictac_blue/top_div_blue_$startSide.gif
    * Karena KODE css tersebut masih memanfaatkan fungsi Variable Definitions, ubahlah $startSide menjadi left, sehingga menjadi URL yang sebenarnya :
    http://www.blogblog.com/tictac_blue/top_div_blue_left.gif

    7. Properties : buka URL tersebut di address bar untuk melihat bentuk gambar background.
    Lihat ukuran gambar background header dengan Letakkan cursor pada gambar yang telah dibuka, KLIK kanan mouse kemudian buka propertiesnya. Ukuran gambar akan kita ketahui : 847px (width) x 240px (height)
    Gambar background header :

    KLIK untuk memperbesar gambar!

    8. Buat Gambar : Karena ukuran gambar sudah diketahui dengan jelas, maka untuk merubahnya sampeyan harus membuat gambar baru dengan ukuran seperti gambar background header di atas.
    Cara buat gambar :
    * Buat gambar sendiri menggunakan software.
    * Buat gambar menggunakan layanan online gratis (Online Photo/Image Editor). Bila sampeyan ingin menggunakan cara ke-2 ini, silahkan kalian bisa berkunjung ke :
    - http://www.pixlr.com/editor/,
    - http://www.online-image-editor.com/ , atau
    - http://www.imageeditor.net/.

    9. Upload : Upload di file hosting apabila gambar sudah selesai dibuat. Copy paste URL-nya dan gunakan untuk mengganti URL yang ada di syntag #header.

    10. Save : KLIK Simpan Template (Save Template).

    11. Lihat Blog : Buka Blog dan lihat hasil perubahan yang sudah dilakukan.
    Selengkapnya...

    Cara Membuat Redmore pada Blog

    Lagi-lagi soal membuat fasilitas Read more.. atau Selengkapnya.. pada template baru (XML), topik ini rupanya yang paling banyak di baca dan di minati oleh para blogger baru. Hal ini terlihat dari banyaknya komentar yang masuk pada artikel tersebut, ada yang girang karena sudah merasa berhasil dan ada juga yang sedikit kecewa karena masih menemui kegagalan.
    Dengan masih adanya kegagalan-kegagalan tersebut, maka dapat di tarik kesimpulan bahwa metode yang saya sampaikan ternyata masih kurang untuk di pahami. Dari itu tentu harus di pikirkan cara yang tepat dalam penyampaian suatu panduan. Beberapa waktu yang lalu ada sebuah komentar yang masuk pada salah satu artikel saya (artikel yang mana saya lupa dan sedikit malas untuk membuka dokumen komentar) bahwa metoda penyampaian tersebut sangatlah mudah untuk di pahami, maka pada kesempatan kali ini saya akan mencoba metoda tersebut pada artikel membuat fungsi Read more.. atau Selengkapnya...

    Saran saya, ketika anda melakukan Editting pada kode template, sebaiknya jangan memakai browser Internet Explorer terutama Internet Explorer 6, pakailah browser lain semisal FireFox ataupun Opera. Bagi yang belum mempunyai browser FireFox bisa mendownloadnya secara gratis di sini! dan untuk Opera bisa mendownloadnya di sini!, Kenapa jangan memakai Internet Explorer? ini merupakan pengalaman pribadi saya ketika melakukan editting sering menemukan pesan error ketika memakai IE, dan apabila memakai browser lain pesan Error tersebut tidak muncul (proses edtting sukses), dan saya pernah membaca di blogger forum banyak yang melaporkan isu ini dan pihak blogger sendiri menyarankan untuk sementara memakai browser lain selain IE (maaf lupa catat alamat link nya).
    Bagi yang belum sukses membuat fungsi read more..., coba ikuti langkah berikut ini :
    Langkah #1
    • Sign in di blogger dengan id anda.
    • Klik Pengaturan
    • Klik Format
    • Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting, isi tesxt area kosong tersebut dengan kode di bawah ini :
    • Klik tombol Simpan Pengaturan
    Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.

    Langkah #2
    • Klik menu Dasboard
    • Klik Tata Letak
    • Klik tab Edit HTML
    • Klik tulisan Download Template Lengkap.
    • Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
    • Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :
    • expand widget template
    • Tunggu beberapa saat ketika proses sedang berlangsung
    • Silahkan anda cari kode berikut pada kode template milik anda :
    • atau kode di bawah ini (sama saja) ;
    • Hapus kode diatas, lalu ganti dengan kode di bawah ini (klik pada tombol untuk menandai):
    • Klik tombol Simpan Template
    • Selesai.

    Cara Posting Artikel
    • Klik menu Posting
    • Klik menu Edit HTML, maka secara otomatis tampak kode yang telah kita setting tadi, yakni :
    • Tuliskan artikel yang ingin tampak pada blog sebelum kode :
    • Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode :
    • Klik tombol bertuliskan MEMPUBLIKASIKAN POSTING
    • Klik tulisan Lihat Blog(di jendela baru) untuk melihat hasil dari postingan kita, kemudian lihat apakah hasilnya sukses atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan. Coba lihat kembali langkah diatas

    Mudah-mudahan dengan adanya postingan ini tidak ada lagi yang mengalami kegagalan dalam membuat menu Read more...
    Bagi anda yang mengikuti tutorial ini dan mengalami kegagalan, jangan panik ketika blog anda menjadi amburadul (katanya begitu dalam komentar), upload kembali backup templatenya dan nanti akan kembali ke keadaan semula sebelum di edit.
    Selengkapnya...

    Add 'Q y Sobat Sxli'n

    SmSan Yukxs

    Make Widget

    Link Keren

    free web site traffic and promotion membuat blog terlihat berarti Free Link Exchange membuat blog terlihat berarti

    Ayo Kita nonton TV live

    Photobucket