Archive for the 'Panduan Blogspot' Category

Cara Membuat Text Berjalan Pada Bar Menu Blog

Saturday, July 4th, 2009

Cara Membuat Text Berjalan Pada Bar Menu Blog
Dari judul postingan saja sudah terlihat bahwa kali ini saya akan membahas tentang “text berjalan pada bar menu”, basi ya..biarin. Dalam tutorial kali ini lagi-lagi sobat harus mengotak-atik HTML template sobat, jadi sekali lagi saya sarankan lebih baik membackup template ke dalam hardisk terlebih dahulu , Sudah siap ? yuk kita lanjutkan Cara Membuat Text Berjalan :

    1. Login ke Blogger dengan ID sobat.

    2. Klik Tata Letak.
    3. Lalu klik Edit HTML.
    4. Kemudian letakkan kode berikut ini setelah kode <head>
      <script language=’JavaScript’>
      var txt=&quot;Tips
      Blogging Untuk Blogger Pemula, Tukeran Link, SEO, Cara Pasang Meta Tag,
      Favicon, Label Cloud, link Berkelip Warna - Warni, Daftar Link PR
      Tinggi dan Masukkan Link Sobat Disana, Gratis…
      &quot;;
      var kecepatan=200;var segarkan=null;function bergerak() { document.title=txt;
      txt=txt.substring(1,txt.length)+txt.charAt(0);
      segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak();
      </script>
    5. Save Template dan lihat hasilnya.
    6. Tulisan yang berwarna merah silahkan sobat ganti dengan tulisan sobat.

    Mudah kan..  Cara Membuat Text Berjalan Pada Bar Menu Blog silahkan coba sendiri..

    Technorati Tags: Cara Membuat Text Berjalan, Text berjalan pada bar menu

    Cara Membuat Label Cloud Blog Berputar

    Friday, July 3rd, 2009

    Cara Membuat Label Cloud Blog Berputar

    Kategori atau label yang saya pasang di blog saya awalnya tampak membosankan, karena sangat monoton alias diam seribu bahasa.
    Jadi saya coba menggantinya dengan
    label yang menyerupai awan berputar, dalam istilah blogger dinamakan label cloud (label awan). Pengelompokkan label atau kategori ini merupakan gabungan antara bahasa flash dengan javascript.

    Label cloud
    ini terlihat lebih menarik karena gerakannya yang dinamis sehingga
    dapat menarik perhatian para pengunjung blog kita dan label cloud ini
    gerakannya juga mengikuti cursor, coba sobat arahkan cursor ke label
    cloud tersebut, terlihat tulisannya mengikuti cursor sobat.

    Sebenarnya untuk membuat label cloud ini membutuhkan kode HTML yang lumayan agak panjang dan sobat harus menambahkannya pada kode HTML
    template sobat, jadi saran saya nanti sebelum mengedit template, ada
    baiknya download terlebih dahulu template sobat atau bisa sobat simpan
    di notepad juga tidak apa-apa.

    ^^^Langkah Pertama

    1. Login ke Blogger dengan ID sobat.

    2. Klik “Tata Letak”
    3. Klik tab “Edit HTML”
    4. Download dahulu template sobat dengan mengklik “Download Template Lengkap”
    5. Kemudian klik button “Expand Template Widget” dan cari kode yang seperti ini :

      <b:section
      class=’sidebar’ id=’sidebar’ preferred=’yes’>

    6. Copy kode berikut ini setelah kode diatas :

      <b:widget id=’Label99′ locked=’false’ title=’Labels’ type=’Label’>

      <b:includable id=’main’>

      <b:if cond=’data:title’>

      <h2><data:title/></h2>

      </b:if>

      <div class=’widget-content’>

      <script src=’http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js’
      type=’text/javascript’/>

      <div id=’flashcontent’>Blogumulus by <a href=’http://www.roytanck.com/’>Roy
      Tanck</a> and <a href=’http://www.bloggerbuster.com’>Amanda Fazani</a></div>

      <script type=’text/javascript’>

      var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;,
      &quot;tagcloud&quot;,
      &quot;240&quot;, &quot;300&quot;,
      &quot;7&quot;, &quot;#ffffff&quot;);

      // uncomment next line to enable transparency

      //so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);

      so.addVariable(&quot;tcolor&quot;, &quot;0×333333&quot;);

      so.addVariable(&quot;mode&quot;, &quot;tags&quot;);

      so.addVariable(&quot;distr&quot;, &quot;true&quot;);

      so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);

      so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values=’data:labels’
      var=’label’><a
      expr:href=’data:label.url’
      style=’12′><data:label.name/></a></b:loop></tags>&quot;);

      so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);

      so.write(&quot;flashcontent&quot;);

      </script>

      <b:include name=’quickedit’/>

      </div>

      </b:includable>

      </b:widget>

    7. Save Template

    ^^^Langkah Kedua

    1. Mengubah lebar dan tinggi kolom serta warna background

      var so = new
      SWFObject(”http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf”,
      “tagcloud”, “240“, “300“,
      “7″, “#ffffff“);
      • Angka “240” adalah lebar kolom
      • Angka “300” adalah tinggi kolom
      • Sedangkan #ffffff adalah kode untuk backgroud

    2. Merubah warna font, untuk kode warna bisa sobat lihat disini

      so.addVariable(”tcolor”, “0x333333“);
    3. Merubah ukuran font

      so.addVariable(”tagcloud”, “<tags><b:loop values=’data:labels’ var=’label’><a
      expr:href=’data:label.url’ style=’12‘><data:label.name/></a></b:loop></tags>”);

    : Cara Membuat Label Cloud Blog Berputar

    Technorati Tags: Cara Membuat Label

    Cara Upload Gambar Dan Membuat Link Pada Blog

    Wednesday, July 1st, 2009

    Cara Upload Gambar Dan Cara Membuat Link Pada Blog , Untuk membuat tampilan tulisan atau postingan kita lebih menarik, tentunya kita harus menyertakan gambar di dalamnya. Dalam tulisan, untuk menjelaskan sesuatu hal pembaca akan lebih tertarik jika gambar yang kita pasang juga sesuai bentuk dan ukurannya.

    Dan untuk menambahkan link di setiap gambar yang kita upload ke dalam tulisan kita, agar jika gambar tersebut di klik oleh pembaca, akan keluar halaman url yang kita inginkan. Misalnya Anda akan membawa pembaca ke halaman dimana Anda mempromosikan iklan - iklan Anda, atau membawa pembaca ke halaman link url Anda.

    Bagi Anda yang belum mengetahui Cara Upload Gambar Dan Cara Membuat Link Pada Blog :

    1. Login ke Blogger menggunakan ID Anda.
    2. Klik entri baru.
    3. Didalam postingan lihat gambar seperti dibawah ini.

    4. Klik browse, pilih tata letak dan ukuran gambar sesuai keinginan Anda.
    5. Kemudian unggah gambar.
    6. Gambar yang muncul terletak paling atas di dalam postingan, Anda bisa cut dan pindahkan gambarnya.
    7. Untuk menambahkan link ke dalam gambar, blok atau klik gambar tersebut.
    8. Lalu klik gambar berikut
    9. Kemudian isi dengan kode url yang Anda punya.

    10. Selesai deh. Cara Upload Gambar Dan Cara Membuat Link Pada Blog .

    Technorati Tags: cara Membuat Link, Cara Upload Gambar

    Cara Membuat Situs Iklan Baris Dengan Blogspot

    Friday, June 26th, 2009

    Cara ini sangat mudah sebenarnya… Anda hanya tinggal setting email saja. Tapi ada banyak orang yang tidak tau, kalau begitu saya akan memposting cara membuat situs dengan blogspot saja ya.. Daripada posting bahasa inggris yang gak dimengerti semua orang :D Baydewey, karena saya paling gak bisa yang namanya bikin skrinsyut, saya copy paste tulisan orang di blog ini saja yah ;)
    Langkah-langkahnya adalah….
    Caranya yaitu dengan membuat email form untuk posting di halaman awal. Dengan memanfaatkan mail blogger yaitu kemampuan blogger untuk menerima posting dari email. Yang pertama kali kita lakukan yaitu menyeting blog agar dapat menerima posting dari email yaitu sebagai berikut:
    1. Tentunya anda harus login dulu ke blogger.com, kemudian klik dasbor lalu klik tab: Pengaturan;
    2. Kemudian klik tab: Email;
    3. Kemudian buat nama untuk email posting address, seperti gambar di bawah ini;

    cara membuat situs iklan baris tanpa daftar dengan mudah

    4. Untuk seting pada blog sudah selesai;
    5. Kemudian dilanjutkan dengan membuat form sebagai alat untuk posting, yaitu dengan memanfaatkan website www.emailmeform.com, walaupun gratis tetapi anda diharuskan untuk mendaftar lebih dahulu sebelum anda mebuat form email;
    6. Setelah anda login lalu klik ‘create new form’ (posisi sebelah kanan);

    cara membuat situs iklan baris tanpa daftar dengan mudah

    7. Maka akan muncul gambar sbb:

    cara membuat situs iklan baris tanpa daftar dengan mudah

    Yang terpenting: pada recipient emails anda isikan sesuai dengan email posting addres di blog tadi, untuk yang gratisan bisa sampai 10 alamat email, jadi sekali isi form kontak, dapat dimasukan ke dalam 10 iklan baris sekaligus, kemudian pada tank you page anda isikan alamat url blog anda.
    8. Kemudian tekan ‘next’ lalu akan muncul gambar sbb:

    Anda isikan fieldname dan fieldtype sesuai kebutuhan, lalu lanjutkan ke pengaturan selanjutnya berturut-turut sesuai contoh gambar di bawah ini:

    cara membuat situs iklan baris tanpa daftar dengan mudah
    cara membuat situs iklan baris tanpa daftar dengan mudah
    cara membuat situs iklan baris tanpa daftar dengan mudah

    Hasil akhirnya seperti anda lihat seperti di bawah ini:

    cara membuat situs iklan baris tanpa daftar dengan mudah

    Dengan demikian form telah selesai dibuat, script dengan cara copy paste siap untuk di pasang pada blog anda.
    Nah itu dia caranya membuat situs dengan blogspot :)

    Contoh dari buatan saya adalah di : http://iklangratis001.blogspot.com/

    Technorati Tags: Cara Membuat Situs Iklan Baris, iklan baris gratis, Situs Iklan Baris Dengan Blogspot

    Tulisan Yang Berhubungan:

    Cara Membuat Background Tulisan Pada Blog

    Tuesday, June 23rd, 2009

    dalam Cara Membuat Background :

    Untuk mempercantik postingan kita, kadang - kadang kita memerlukan tambahan background di belakang tulisan kita. Pada pembahasan terdahulu tentang cara membuat tabel sebenarnya agak mirip dengan postingan ini, tapi bedanya kalau tabel hanya menampilkan warna saja sedangkan pembahasan kali ini background akan berupa warna dan gambar.

    I. Cara Mengganti warna background.

    • Cukup menambahkan kode berikut ke dalam postingan sobat :
      <div style=”background:kode_warna_disini;”>

      Tulisan sobat letaknya disini

      </div>

      Untuk kode warna bisa sobat lihat disini


    II. Cara Mengganti Background dengan gambar

    • Kodenya seperti berikut ini :
      <div style=”background:url(alamat url tempat sobat mengupload gambar) no-repeat right top; text-align:justify; font-size:100%; padding:10px”>

      Tulisan yang akan sobat tulis didalam postingan sobat letaknya disini

      </div>

    Ganti tulisan yang saya tandai warna merah dengan alamat url tempat sobat mengupload gambar, bisa di Photobucket atau Yahoo Geocities. Untuk contoh punya saya yang telah saya upload ke Photobucket, kodenya seperti ini : http://i643.photobucket.com/albums/uu155/miskahiper/Kolom-1.png

    kemudian akan menjadi seperti ini :

    <div style=”background:url(http://i643.photobucket.com/albums/uu155/miskahiper/Kolom-1.png) no-repeat right top; text-align:justify; font-size:100%; padding:10px”>

    Tulisan yang akan sobat tulis didalam postingan sobat letaknya disini

    </div>


    Sumber , Cara Membuat Background, cara membuat tabel, Mengganti warna background : http://miscah.blogspot.com/2009/06/membuat-background-tulisan.html

    Technorati Tags: Cara Membuat Background, cara membuat blog, cara membuat tabel, Cara Mengganti warna background

    Tulisan Yang Berhubungan:

    Cara Membuat Text Area

    Saturday, June 13th, 2009

    Bila kita sedang membaca blog / website, sering sekali kita melihat text area seperti contoh di bawah ini contoh:

    Bagaimana cara membuat text area ? silahkan di coba dan praktekan.

    code.

    <p align=”center”><textarea name=”code” rows=”6″ cols=”20″> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p>

    kalau ingin menambahkan dengan variasi HighLight.

    Contoh:

    code.

    <center><div><form name=”copy”> <input onclick=”javascript:this.form.txt.focus();this.form.txt.select();” type=”button” value=”Highlight All”><p align=”center”><textarea style=”WIDTH: 300px; HEIGHT: 144px” name=”txt” rows=”100″ wrap=”VIRTUAL” cols=”55″>simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></form></div></center>

    Elemen tombol highlight All :

    1. <div align=”center”> –> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika anda ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.

    2. <input onclick=”javascript:this.form.txt.focus();this.form.txt.selec()”> –> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi anda jangan merubah tulisan ini.

    3. Value=”Highlight All” –> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.

    Element text area :

    1. <p align=”center”> –> ini menunjukan bahwa text area akan berada di tengah, nah jika anda ingin text area anda berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.
    2. <text style=”WIDTH: 300px”>–>kata “WIDTH:300px” menunjukan lebar dari text area tersebut sebanyak 300 pixel, jadi jika anda ingin memperpendek atau memperpanjang lebar text area, anda tinggal menggantinya dengan angka yang anda inginkan. misal: “WIDTH:700px;”

    Silakan dicoba saja Cara Membuat Text Area ini, dengan mencoba kita akan lebih yakin dan bisa mengingatnya.

    Technorati Tags: Cara Membuat Text Area

    Membuat Kolom di Bawah Header Pada Blogspot

    Tuesday, June 9th, 2009

    Tampilan blog dapat mempengarui pengunjung agar mau berlama-lama untuk melihat posting- posting yang ada di blog kita. Sekarang kita coba untuk membuat tampilan yang berbeda dengan menambahkan kolom langsung di bawah header.

    Berikut adalah cara lengkapnya untuk Membuat Kolom di Bawah Header :

    1. Login ke blogger dengan ID anda.
    2. Klik Tata Letak.
    3.Klik tab Elemen Halaman. Perhatikan struktur layout template anda. Biasanya bagian header akan seperti ini :

    elemenheader

    4. Sekarang kita akan membuatk sebuah kolom baru persis di bawah header.
    5. Klik tab Edit HTML.
    6. Klik Tulisan Download Template Lengkap, silahkan di backup dulu (penting).
    7.

    Copy kode berikut, lalu paste di atas kode ]]></b:skin>

    #under_header{
    margin:10px 0;
    padding:1%;
    width:98%;
    }

    8.

    Cari kode yang mirip dengan kode di bawah ini :

    <div id=’header-wrapper’>
    <b:section class=’header’ id=’header’ maxwidget=”1″ showaddelement=”no”>
    <b:widget id=’Header1′ locked=’true’ title=’test (Header)’ type=’Header’/>
    </b:section>
    </div>

    9.

    Copy kode berikut lalu paste persis di bawah kode tadi :

    <div id=”under_header”>
    <b:section class=’header’ id=’underheader’ preferred=’yes’/>
    </div>

    10.

    Klik tombol SIMPAN TEMPLATE. Tunggu beberapa saat sampai template anda tersimpan.
    11.

    Klik tab Elemen Halaman. dan struktur layout anda akan menjadi seperti ini.

    kolom-header

    12. Sekarang anda sudah mempunyai elemen yang langsung persis di bawah header, silahkan tambahkan elemen yang inginkan. Mau pasang iklan , klik saya.com atau apa saja atau mungkin mau pasang photo anda yang ganteng serta cantik di sana?
    13. Selesai lah Membuat Kolom di Bawah Header .

    Technorati Tags: mempengarui pengunjung, Tampilan blog

    Membuat Form Kontak Di Blogger Dengan Bravenet.Com

    Monday, June 1st, 2009

    Sebuah situs profesional penjual product atau jasa, maka disana kita akan menemukan menu contak. Menu kontak tersebut bisa berupa pemberitahuan alamat lengkap situs tersebut baik secara offline ataupun online dengan menyertakan alamat email, tujuannya tentu saja agar pengunjung situs tersebut bisa mencontact atau menghubungi pihak pemilik situs baik dalam rangka pembelian product atau mengirim pesan lainnya. Pada perkembangannya, cara ini bisa dirubah untuk membuat web di blogspot.

    Dan yang paling memudahkan, kita pun menemukan menu contact yang di dalamnya berisi sebuah form khusus yang tidak hanya menampilkan alamat email yang bisa kita hubungi melainkan form contact yang tinggal kita isi tanpa harus membuka email terlebih dahulu (untuk mengirim pesan). Sangat memudahkan bukan? Bagaimana cara membuatnya di blogger? Nah tips dan tutorial kali ini kita akan membuat form kontak seperti web profesional itu di blogger/blogspot… :)

    Sekedar pemberitahuan, Hakimtea.Com Hakimtea.Blogspot.Com sebenarnya telah menggunakan form contact ini sejak posting perdana disini yang launching pada tanggal 16 Januari 2008 lalu, karena berbagai hal saya tidak hadirkan pada list menu di atas. Namun karena sekarang saya menulis tips ini, maka saya hadirkan kembali form kontak saya di list menu di atas sana. Klik saja menu KONTAK saya di atas untuk melihat contoh contact form…:)

    Untuk membuat Contact Form ini kita perlu mendaftar di Bravenet.Com karena bravenet merupakan salah satu yang menyediakan jasa contact form ini, tenang saja its free! Gratisan-Dot-Com ko! :). Oke kita langsung saja,

    LANGKAH PERTAMA : REGISTER / DAFTAR

    * Masuk ke Bravenet, klik disini (rev).
    * Klik “Email Forms”
    * Klik banner “Get Your Email Forms” (Its Free)
    * Atau kalo ingin melihat dulu preview form contact itu seperti apa klik “View the Email Form Demo” di bawah banner tersebut.
    * Register (daftar) dahulu jika Anda belum terdaftar (Gratis). Klik “join bravenet now” untuk daftar.
    * Isi form pendaftaran yang tersedia.

    * Username: *nama yang akan digunakan ketika login nanti*
    * First Name: *Nama depan*
    * Last Name: *Nama belakang*
    * Email: *email yang aktif*
    * Confirm email: *tuliskan lagi alamat email yg aktif*
    * Password: *ketikan kata sandi, hanya Anda yang tahu*
    * Confirm Password: *Ketikan lagi kata sandi, harus sama dengan kata sandi pertama*
    * Masukan karakter (kode verifikasi) yang ada.
    * Ceklist “I agree to the Bravenet Terms of Service”
    * Klik join bravenet.
    * Tunggu sebentar, proses pendaftaran tengah dimasukan database bravenet.
    * Setelah tampil “Complete Your Bravenet Registration” ada tawaran dari sponshor bravenet, lewati saja, scroll down window ke bawah.
    * Klik tombol “Proceed to Member’s Area”
    * Registrasi hampir selesai. Anda akan dikirim email validitas (validation).
    * Login ke email Anda.
    * Cari email dari bravenet dengan title “membernotify - “?Bravenet Account Confirmation”
    * Email bravenet tersebut mengingatkan username dan password yang Anda gunakan untuk login.
    * Klik link yang ditunjukkan dibawah kalimat, “Please follow the URL…”
    * Tampil windows baru dan ucapan selamat (Congratulations!) Anda telah tergabung menjadi member bravenet.
    * Scrol down window dan klik tombol “Continue to Members Area”
    * “welcome to your account”

    LANGKAH KEDUA : MEMBUAT FORM KONTAK

    * Masih di member area bravenet
    * Pada list menu pilih dan klik “web tools”
    * Pada “Unregistered Services” cari “Email Forms” dan klik. (kalo Anda sama sekali belum menggunakan tools dari bravenet, biasanya email forms berada di list kedua baris kedua dibawah Chat Rooms. Ketemu? Oke klik “Email Forms”
    * Klik banner “Get Your Email Forms” (Its Free)
    * Cari “I would like a FREE Email Forms Service” Klik tombol “Continue”
    * Pada “Start with a template” Pilih “Contact Form” (urutan pertama)
    * Keluar kotak dialog, beri nama Form Anda (Kalo tidak diberi nama, bravenet secara otomatis memberi nama “Contact Form” klik Ok jika sudah.
    * Selamat Anda telah mendapatkan “Contact Form” Anda pertama dan cukup sederhana. Biasanya contact form tersebut hanya berisi (1) First and Last Name (2) E-mail Address (3) Message.
    * Klik “I will edit this form”
    * Kita akan menambah pertanyaan (Add a new question), agar ketika pengunjung blog kita telah selesai mengisi contact form dan mengklik submit, mereka di arahkan kembali masuk ke homepage blog kita dan tidak masuk ke homepage bravenet.
    * Oke, klik “Add a new Question”
    * Pada “Add Question” pilih “Question Type - Thank You URL”
    * Masukan URL blog Anda pada form yang disediakan. kalo sudah klik tombol “Add Field”.
    * (Question Type - Thank You URL, tidak terlihat pada form Anda karena telah di setting hidden (tersembunyi) oleh bravenet)

    Anda bisa mengedit dan menambahi form yang diperlukan, misalnya menambah dengan “Your Blog” dan sebagainya.

    Dalam tips ini kita cukupkan dulu sampai disini karena ini hanya sekedar contoh pembuatan Contact Form sederhana, selanjutnya Anda bisa membuat yang lebih dan sesuai keinginan Anda nanti jika tahap latihan pembuatan dan pemasangan form kontak ini telah selesai.

    LANGKAH KETIGA : MEMASANG FORM KONTAK PADA POSTINGAN

    * Setelah Contact Form di atas selesai dan berisi tiga form isian dengan satu form hidden (nama, email, pesan dan Thank You URL yang tersembunyi dan mengarahkan kembali ke blog kita)
    * Klik “It’s perfect, let’s see the code”
    * Copy seluruh code html yang ditunjukkan.
    * Buat postingan dengan judul “Hubungi saya” atau “Kontak”
    * Beri kalimat pembuka, kata-kata sambutan pada postingan Anda, misalkan, “Form kontak ini digunakan bagi Anda yang ingin memesan produk kami bla bla bla…”
    * Paste kode html dari bravenet di bawah muqodimah postingan Anda tersebut.
    * Simpan/Save postingan Anda.
    * Lihat postingan “Kontak” Anda dan silahkan dicoba, diisi dan klik submit!

    Selamat Anda sudah mempunyai Contact Form :)

    Semoga bermanfaat!

    Sumber : http://hakimtea.com/tutorial/membuat-form-kontak-di-blogger-how-to-make-contact-form-into-blogger/

    Technorati Tags: Contact Form, iklan baris gratis, MEMASANG FORM KONTAK, Membuat Form Kontak, membuat web iklan

    Tulisan Yang Berhubungan:

    Membuat Hasil Google Adsense for Search Tampil di Halaman Posting

    Wednesday, May 27th, 2009

    Memasang for Search” atau search engine dari , maka ada tiga macam cara untuk menampilkan hasil pencarian, yaitu:
    1. Open results on Google in the same window (ditampilkan di halaman yang sama)
    2. Open results on Google in a new window (ditampilkan dihalaman yang baru)
    3. Open results within my own site (ditampilkan di site yang kita kehendaki).

    Yang paling mudah adalah memakai cara yang pertama dan kedua, tapi cara ini membuat pungunjung yg melakukan pencarian kurang begitu antusias karena hasil pencariannya tidak lagi berada di blog kita. Kalo menurutku cara yang ketiga yang paling bagus, karena hasil pencariannya akan langsung berada di dalam blog kita dan pembaca tidak akan begitu saja meninggalkan blog kita. Tetapi cara ini membutuhkan beberapa trik agar bisa tampil di dalam postingan blogger,

    1. Buat postingan di blogger, tapi isinya kosong. kemudian dikasih judul.
    2. Ganti tanggal postingnya ke tanggal yg lebih lama biar tidak muncul di halaman utama. caranya klik link “Post Option” (kiri bawah) kemudian yang didalam kotak “Post date and time” itu tanggalnya diganti. kalo sudah “Publish Post”
    3. Masuk di “edit post” trus klik kanan link “View” pada judul postingan kosong yang kita buat tadi, trus pilih “Copy link location” (bagi yg pake opera). Intinya yaitu mengambil link dari judul postingan kosongmu tadi.
    3. Selanjutnya yaitu Login di , trus buat “Adsense for search”.
    5. lakukan beberapa settingnya, seperti memilih tampilan dan lain2.
    6. Kemudian saat masuk ke pilihan “Opening of search results page” pilih yang “Open results within my own site”, trus isikan link postinganmu tadi kedalam kotak dibawahnya.
    7. Lalu didalam kotak “Enter width of results area:” ganti menjadi angka yg lebih kecil supaya muat di dalam bagian utama (postingan) blogmu. Minimal 500 px.
    8. Ikuti terus langkah berikutnya sampai km nanti dikasih script dari google. Biasanya akan ada dua script, yang pertama untuk For Search Engine nya, yang kedua untuk hasil pencariannya.
    9. Copy script yg pertama dan taruh di blogger%

    Technorati Tags: Google Adsense

    Tulisan Yang Berhubungan:

    Panduan membuat Blog di Blogspot

    Wednesday, May 27th, 2009

    di Blogspot hanya untuk pemula.  Saya tertarik untuk membuat satu blog yang di dalamnya hasil karya saya sendiri dan juga copy paste dari blog / websites lainnya, Pertama saya menemukan blogger.com dan mendaftar disana setelah itu saya menemukan wordpress.com.

    Kalau anda ingin membuat Blog di Blogspot, kurang lebihnya begini, tapi sebelumnya saya jelasin dulu apa itu blog ?

    1. Apa itu Blog ? Blog ( singkatan dari Web log) adalah situs yang sifatnya lebih pribadi, yaitu lebih berat kepada penggambaran dari si pembuat blog itu sendiri. Blog dibuat oleh para desainer penyedia blog agar bekerja secara otomatis dan mudah untuk dioperasikan , jadi bagi kita-kita yang masih bingung dengan bahasa pemrograman untuk membuat sebuah website tidak jadi persoalan. Apabila anda sudah bisa membuat sebuah account email di internet, maka dalam membuat blog pun saya yakin anda bisa.

    2. Seperti halnya e-mail, dalam membuat blog pun kita harus mempunyai sebuah account terlebih dahulu, oleh karena itu silahkan daftarkan diri anda terlebih dahulu di free blog provider (penyedia hosting/domain blog gratis). Free blog provider sangatlah banyak terdapat di internet dan beberapa yang populer saat ini adalah http://www.blogger.com, http://www.wordpress.com serta http://blogsome.com. Dalam kesempatan kali ini saya akan mengulas tentang cara pembuatan blog di http://www.blogger.com, Silahkan anda klik Link dibawah untuk mendaftar.

    www.blogger.com

    Setelah anda berada pada situs blogger.com, anda akan melihat gambar seperti gambar di atas. Silahkan lakukan langkah-langkah berikut ini :

    1. Klik tanda anak panah yang bertuliskan ” CIPTAKAN BLOG ANDA

    2. Isilah Alamat Email dengan alamat email anda (tentunya yang valid)

    3. Isikan kembali alamat email anda tadi pada form Ketik ulang alamat email

    4. Tuliskan password yang anda inginkan pada form Masukkan sebuah password

    5. Isikan kembali password anda tadi pada form Keyik ulang sandi (password)

    6. Isi Nama Tampilan dengan nama yang ingin anda tampilkan

    7. Tulis tulisan yang tertera pada form Verifikasi Kata. Beri tanda tik/cek pada kotak di pinggir tulisan Saya menerima Persyaratan dan Layanan.

    8. Klik gambar anak panah yang bertuliskan “LANJUTKAN“.

    9. Tuliskan judul blog yang anda inginkan (nanti bisa di rubah lagi) pada form Judul Blog.

    10. Tulis nama situs anda pada form Alamat Blog (URL).

    11. Tulislah tulisan verifikasi yang ditampilkan pada form Verifikasi kata, jika sudah selesai klik gambar panah yang bertuliskan “LANJUTKAN“.

    12. Pilihlah gambar (template) yang anda inginkan (nanti bisa di rubah lagi), kemudian klik gambar anak panah yang bertuliskan “LANJUTKAN”.

    13. Setelah keluar tulisan “Blog Anda telah di iptakan”. Klik gambar panah bertuliskan “MULAI POSTING”. Silahkan anda tuliskan semau anda, jika sudah selesai klik tombol “MEMPUBLISKAN POSTING”.

    14. Isi ( Content ) blog : Bagi para pemula, biasanya mereka bingung setelah daftar membuat blog apa yang harus di isi( diposting ) dalam sebuah blog. Isi dari sebuah blog tentu saja terserah kepada si pemilik blog itu sendiri, apakah mau di isi puisi, perjalan hidup, teknik, ataupun apa saja. Nah di sini saya menyarankan, isilah blog anda tersebut dengan minat ataupun hoby serta keahlian anda sendiri, karena tentu saja di luar sana banyak sekali orang yang tentunya sama minat dan hoby nya dengan anda, sehingga mereka akan tertarik untuk membaca tulisan-tulisan anda. Bisa juga copy paste ari blog lain, cuma sebaiknya sedikit diubah dengan kata-kata sendiri, karena mesin pencari tidak menyukai sesuatu yang sama.

    Itulah di blogspot, khusus untuk pemula.

    Technorati Tags: cara membuat blog, Panduan membuat Blog

    Tulisan Yang Berhubungan: