Cara membuat kontak form blogspot

Mungkin banyak tidak diketahui oleh pengguna blogspot bahwa sekarang blogger sudah menyediakan sendiri fasilitas kontak form widget, fungsi form kontak online ini bisa digunakan sebagai kotak saran, testimoni, pertanyaan umpan balik, pemesanan barang dan lainnya disesuaikan dengan kebutuhan Anda sebagai pemilik blog. Penggunaan form ini sangat praktis dan Anda tidak akan tergantung kepada pihak ke-3 seperti pada artikel saya lain yaitu membuat form online gratis. Anda bisa menempatkannya di side bar dan bisa juga di manfaatkan pada halaman terpisah sekali pun.


Apa pentingnya membuat form kontak blogger pada blog?, selain kegunaan yang saya info kan pada paragraf pertama, dan mempercantik tampilan blog, form ini juga membuat pengunjung akan dengan mudah mengirimkan pesan langsung dari blog Anda tanpa harus menutup halaman blog, mencatat alamat email yang dituju, log in email sendiri kemudian baru kirim pesan. Dengan form tadi pengunjung langsung menulis dan kirim langsung dari blog Anda, mudah-kan?

Bagaimana cara mengetahui pemilik blog ketika ada pengunjung yang mengirim pesan melalui kontak form? setelah pengunjung menulis isi pesannya maka akan masuk otomatis ke email admin blog. setelah itu Anda tinggal merespon secepatnya sesuai dengan apa yang ditanyakan dalam isi form tersebut.

Cara menambahkan blogger contact form widget pada blog sebagai berikut:

1. Log in blogger Anda sampai kepada halaman dashboard
2. Masuk ke menu layout
3. Klik link "Add a gadget" pada posisi side bar atau tempat dimana Anda akan meletakan form.
4. Pada halaman pop up gadget, klik "more Gadgets"
5. Klik Contact Form
   
   
6. Isikan judul form widget
   
   
7. Lihat hasilnya di halaman depan blog Anda.
   

Blogger kontak form ini terdapat 4 bagian, yaitu:

• Nama: Nama pengnjung yang mengirim pesan
• Email: Alamat email pengunjung yang mengirim pesan
• Pesan: isi pesan pengunjung
• Tombol kirim: klik tombol kirim (send) untuk pengunjung yang mengirim pesan.

Bagi Anda pemilik blog, isi pesan yang telah dikirim pengunjung akan masuk ke email admin seperti berikut:


Anda akan dengan mudah membalasnya pada kolom yang sudah disediakan.


Dengan adanya kontak form ini, maka komunikasi antara pemilik blog dan pengunjung akan semakin cepat.
Salam Blogger!

Cara membuat blog gratis dengan blogspot

Cara membuat Blog gratis terbilang sangat mudah, dalam hitungan menit blog sudah bisa selesai dibuat dan Anda sudah bisa menyalurkan tulisan-tulisan Anda. Saat ini penyedia blog gratis sudah banyak sekali dan sangat mudah didapatkan di internet, namun tentu dari setiap penyedia tersebut terdapat kelebihan dan kekurangannya masing-masing. Blog gratis yang sering dipakai saat ini adalah dari blogspot (blogger) dan wordpress. Pada kesempatan ini saya akan membahas bagaimana pembuatan blog murah dan gratis dengan memanfaatkan blogger.

Dengan berjalannya waktu, penggunaan Blogspot tidak hanya untuk tulisan semata, namun sekarang lebih banyak dimanfaatkan untuk mencari penghasilan tambahan atau malah sebagai penghasilan utama yang didapat dari sebuah blog. Kemudahan dalam pembuatan blog dengan blogspot didukung oleh empunnya blog ini yaitu Google, salah satu kemudahan-nya adalah pengindex-an otomatis oleh Google ketika sebuah blog dari blogspot dibuat dan ketika setelah posting artikel, dan dengan komunitas blogger yang banyak juga tingkat keamanan blog yang baik atau aman dari phising diyakini Blogger adalah satu-satunya aplikasi blog yang terbaik saat ini.

Tahapan Cara membuat Blog:

1. Pastikan Anda sudah mempunyai sebuah akun email GMAIL.
2. ketik url di address bar : www.blogger.com
3. Masukan id gmail Anda pada kolom yang tersedia
   
   
   
4. Anda akan masuk ke bagian profile edit untuk Google+, agar langsung ke proses pembuatan blog, silahkan klik "lanjutkan ke Blogger"
   
   
   
5. Klik Blog baru
   
   
6. Pada menu buat blog baru, isi Judul blog, alamat blog, dan template yang akan anda pilih.
   
   
   • Judul blog: Nama Blog dan akan tampil di Header beranda
   • Alamat blog: alamat url yang nantinya terdapat di address bar internet browser.
     Pada isian alamat blog, secara otomatis blogger akan mengecek ketersediaan alamat blog yang Anda pilih. Apabila tertulis "alamat blog tersedia" berarti alamat blog yang Anda pilih bisa dilanjutkan, dan sebaliknya apabila tertulis "alamat blog tidak tersedia" menandakan bahwa alamat blog yang Anda pilih sudah dipakai orang lain, silakan isi dengan alamat lain.
   • Pilih template: Pilih template sesuai dengan selera Anda, namun jangan khawatir ke-depannya template ini bisa di rubah dengan template default blogger yang lain atau dengan template-template gratis maupun berbayar yang beredar di internet.
7. Klik 'Buat blog atau Create blog!" apabila Anda sudah mengisi dan memilih template yang sesuai.
8. Selesai, sekarang Anda sudah mempunyai sebuah blog dan siap untuk memulai memposting sebuah artikel.

Pada tahap 8 diatas adalah informasi sampai pada tahap dimana Anda mempunyai sebuah alamat blog dengan tampilan blog masih default, namun di tahap ini Anda sudah bisa memposting sebuah artikel.
Demikian cara membuat blog gratis dengan memanfaatkan blogger atau blogspot. Silakan lihat pada kategori "Panduan dasar blogspot" untuk mengetahui atau melanjutkan ke materi yang lainnya. Salam Blogger.

Membuat tulisan berjalan marquee blogspot

Artikel cara membuat tulisan berjalan marque pada blogspot. cara ini sebenarnya sudah saya bahas pada artikel saya yang lalu dengan judul cara membuat tulisan bergerak di blog, namun pada kesempatan kali ini saya akan jelaskan kembali manfaat dari penggunaan kode marquee juga penambahan variasi kode marquee atau kode tulisan berjalan yang belum sempat dibahas pada artikel pertama.
Tulisan berjalan yang dipasang pada sebuah blog akan menambah tampilan blog menjadi menarik dan tentunya isi/konten informasi dari tulisan berjalan tersebut bisa menjadi pusat perhatian pengunjung. Tulisan berjalan marque ini biasanya berisi tentang info penting misal: iklan, No kontak admin, promo sebuah produk atau bisa juga dijadikan sebagai tulisan selamat datang bagi pengunjung.
Cara membuat tulisan berjalan ini tidak lah sulit, tetapi anda harus tahu dulu kode-kode marque yang digunakan, variasi kodenya-pun beragam sesuai dengan pergerakan tulisan yang diinginkan dan sesuai dengan template blog anda.
Kode perintah (kode dasar) dalam membuat marque atau tulisan berjalan adalah:

<marquee>TULISAN INI YANG AKAN BERJALAN</marquee>

Hasil tampilannya:
TULISAN INI YANG AKAN BERJALAN
 

Selain kode dasar marquee diatas, tulisan berjalan terdapat beberapa variasi, diantaranya adalah:

• Mengubah kecepatan pergerakan dari kecepatan standar.
  Anda bisa memakai kode scrolldelay="angka kecepatan", angka kecepatan dalam milidetik, jadi ketika angka kecepatan anda tulis 500, maka jeda pergerakan adalah 500milidetik atau 0.5 detik (setengah detik)
  Contoh kode marquee:
  <marquee scrolldelay="500">KECEPATAN TULISAN INI DELAY 0.5 DETIK</marquee>
  Hasil tampilannya:
  KECEPATAN TULISAN INI DELAY 0.5 DETIK

• Mengubah media teks yang bergerak.
  Kali ini saya akan menggunakan satuan % dalam penerapannya. Anda bisa memakai kode width="lebar bidang", jika anda memakai angka 50% maka area untuk text berjalan akan memakai setengahnya dari lebar bidang yang tersedia. bingung?? kita lihat penerapannya ya...
  contoh kode marquee:
  <marquee width="50%">TULISAN INI MEMAKAI 50PERSEN DARI BISANG YANG ADA</marquee>
  Hasil tampilannya:
  TULISAN INI MEMAKAI 50PERSEN DARI BISANG YANG ADA

• Membuat tulisan berjalan dan akan berhenti ketika dilintasi KURSOR MOUSE
  Anda bisa memakai kode onmouseover="this.stop()" onmouseout="this.start()", jika tulisan berjalan itu terlintasi kursor mouse komputer maka otomatis tulisan berjalan akan berhenti selama kursor tersebut berada diatas tulisan berjalan tersebut.
  Contok kodenya:
  <marquee onmouseover="this.stop()" onmouseout="this.start()">TULISAN MARQUEE INI AKAN BERHENTI KETIKA KURSOR MELINTAS</marquee>
  Hasil tampilannya:
  TULISAN MARQUEE INI AKAN BERHENTI KETIKA KURSOR MELINTAS

• Membuat Link pada tulisan berjalan
  Anda bisa menggunakan kode <a href="alamat url link">nama link</a>, jadi ketika tulisan berjalan ini diklik maka akan akan masuk ke link yang sudah ditentukan. Agar maksimal maka penggunaan kode link ini dipadukan dengan kode berhenti ketika kursor melintas dan kode pergerakan dari atas kebawah:
  Contoh kodenya:
  <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="down" width="100%" height="100" align="center">
  <a href="http://jasapembuatanblog-murah.blogspot.com">Jasa pembuatan blog murah</a><br/>
  <a href="http://jasapembuatanblog-murah.blogspot.com/2012/12/toko-online-wordpress-2-dengan-fitur.html">Toko online wordpress</a><br/>
  <a href="http://jasapembuatanblog-murah.blogspot.com/2013/01/fitur-seo-on-page-blogger.html">Fitur SEO Blogger</a></marquee>
  Hasil tampilannya:
  Jasa pembuatan blog murah
  Toko online wordpress
  Fitur SEO Blogger

Karena pada artikel pertama banyak yang menyakan cara memasangnya pada blog, maka saya akan jelaskan cara memasang kode marquee pada blog anda:

1. login ke blogger 
2. Klik menu Tata Letak
   
   
3. Klik Tambah Gadget
   
   
4.  Pilih widget HTML/Javascript
   
   
5. Pasang Kode yang sudah dijelaskan diatas.
6. Tempatkan gadget baru anda pada tata letak yang anda inginkan.

Note: kode diatas selain bisa di area tataletak/widget, anda juga menyisipkannya pada artikel/postingan anda, tentunya pada halaman posting rubah dahulu fungsi Compose ke HTML dan sisipkan kode yang telah disiapkan pada paragraf yang ditentukan.

Demikian paparan cara membuat tulisan berjalan merquee di blogspot. semoga kedepannya saya bisa menulis kode-kode ayng lebih banyak lagi. Salam Blogger.

Mengenal dan menulis kode HTML blog

Ketika anda menulis sebuah artikel yang di-dalamnya diperlukan kode khusus yaitu kode HTML blog, mungkin bagi anda seorang pemula/Newbie akan merasa kesulitan dan tidak tahu harus bagaimana, namun jika anda seorang yang sudah berpengalaman dalam kode HTML ini bukanlah sebuah perkara yang sulit.

Beberapa contoh penerapan kode HTML yang biasa/harus diterapkan adalah ketika anda membuat tulisan di sidebar kiri atau kanan dalam sebuah blog (blogger-gadget HTML/Javascript) atau tulisan yang ditulis di dalam Edit HTML pada sebuah template. ini berbeda ketika anda menulis pada bagian posting artikel atau ketika membuat halaman/artikel, karena sudah disediakan fungsi-fungsi edit tulisan, misalnya ketika anda akan menebalkan huruf, anda tinggal klik ikon bold "B" maka huruf/tulisan anda akan berubah menjadi tebal.

karena tidak sedikit pendatang baru merasakan kesulitan dalam menulis dengan kode HTML maka saya sedikit informasi kan beberapa kode HTML yang biasa digunakan untuk keperluan menulis:

1. Tengah, Kode HTMLnya: <center></center>
2. Huruf tebal, Kode HTMLnya: <b></b>
3. Garis bawah, Kode HTMLnya: <u></u> 
4. Paragrap baru, Kode HTMLnya: <p/>   
5. Baris baru, Kode HTMLnya: <br/>  
6. Huruf miring, Kode HTMLnya: <i></i> 
7. Besar, Kode HTMLnya: <big></big>
8. Coret, Kode HTMLnya <s></s> 
9. Ukuran huruf, Kode HTMLnya: <font size ="16"></font>         
10. Warnai huruf, Kode HTMLnya: <font color="red"></font> 
11. dan masih banyak lagi.

Contoh penerapan kode HTML diatas:

1. Membuat tulisan bergaris bawah, cara penulisan: <u>tulisan anda disini</u>
   hasilnya akan seperti ini: tulisan anda disini 
2. Mewarnai huruf dengan warna biru, cara penulisan: <font color="blue">tulisan anda disini</font>
   hasilnya akan seperti ini: tulisan anda disini

untuk kode lainnya silahkan anda mencobanya sendiri ya..

Untuk lebih jelas lagi, saya akan kasih contoh perbandingan penerapan-nya pada template toko online blogspot pada bagian gadget HTML/Javascript side bar kanan.

pada side bar kanan di buat menu "Berita terbaru" dengan menginformasikan 3 produk unggulan yaitu:

    Produk unggulan kami:

    1. Madu

    2. Zaitun

    3. Kurma

Sebelum memasang kode HTML

Sesudah memasang kode HTML

Setelah melihat artikel saya tentang Mengenal kode HTML blog diatas, mudah-mudahan ini bisa membantu anda dalam menulis di blog. Salam Blogger.

Membuat toko online wordpress

Membuat toko online dengan wordpress memang menjadi pilihan utama para pebisnis online saat ini, ini terbukti dari penuturan para pengguna situs dengan memakai theme wordpress sebagai basis CMS toko online-nya, mereka mengklaim  bahwa persaingan situs toko online dalam search engine khususnya Google lebih unggul dibanding cms toko online lain dan banyak nya toko online wordpress yang mendominasi di-halaman pertama Google. Di samping itu juga plugin-plugin yang beragam dan terpantau terus ketika versi nya berubah menjadikan menggunakan wordpress lebih nyaman dari sisi keamanan.
Kesempatan ini banyak dimanfaatkan oleh para jasa pembuatan toko online dengan menggunakan wordpress sebagai basis cmsnya.. juga para desainer  theme/template  toko online wordpress untuk membuat sebuah toko online yang user friendly sehingga mudah digunakan oleh user. Dan yang terpenting adalah tampilan wordpress yang disajikan sangat nyaman untuk dilihat pengunjung atau calon pembeli.
Bagi anda yang berkeinginan membuat toko online dengan wordpress, saya rekomendasikan untuk memakai theme wordpress INDOSTORE dari Oketheme, theme tersebut sangat cocok bagi toko online di Indonesia dengan desain yang professional, fitur simple, mudah digunakan bahkan bagi newbie sekali-pun, free update dan full support apabila terdapat kesulitan.

Theme ini cocok bagi anda yang:

1. Newbie yang ingin membuat toko online wordpress namun tidak bisa bahasa pemograman. 
2. Berkeinginan menjual barang/produk sendiri secara online
3. Menjual produk yang hanya lewat Facebook dan forum jual beli seperti tokobagus, Kaskus, dll. (membangun kepercayaan pembeli dengan mempunyai situs toko online)
4. Berprofesi sebagai reseller atau Dropshipper.
5. Dan lain-lain.

Untuk melihat detail cara order, spesifikasi, harga dan demo toko onlinenya silahkan klik: 

Online Store Indonesia Wordpress Themes

Online Store Indonesia Wordpress Themes

 

Dengan memanfaatkan theme Indostore ini, anda akan dengan mudah membuat toko online dengan wordpress yang anda idam-idamkan.

Membuat menu drop down blogspot –Bagian2

Alhamdulillah, akhirnya artikel cara membuat menu dropdown di blogspot bagian 2 sudah selesai dan saya bisa berbagi dengan anda. Pada beberapa waktu yang lalu saya telah menulis artikel dropdown bagian ke-1. Menu dropdown Horizontal kali ini adalah dengan menggunakan kode CSS dan HTML yang simple sehingga mudah dalam pembuatan-nya tentunya dengan hasil yang memuaskan. Menu dropdown ini berfungsi ketika anda sudah mempunyai konten yang banyak dan ingin mempermudah pengunjung mengakses artikel atau page/halaman yang anda pilih sehingga lebih konten blog anda lebih terorganisir.

Langkah yang saya terangkan di-bawah hasilnya seperti pada demo:

Cara membuat menu drop down di blogspot adalah sebagai berikut:

• Sign ke Blogger > Design > Page Elements 
• Pilih dan tambahkan Gadget HTML/JavaScript yang berada di bawah Header blog anda dan tambahkan kode dibawah ini:

<div id='mbtnavbar'>

          <ul id='mbtnav'>

            <li>

              <a href='#'>Beranda</a>

            </li>

            <li>

              <a href='#'>Tentang saya</a>

           </li>

            <li>

              <a href='#'>Produk</a>

            </li>

      <li>

               <a href='#'>Kontak</a>

                <ul>

                    <li><a href='#'>Facebook</a></li>

                    <li><a href='#'>Twitter</a></li>

                    <li><a href='#'>Yahoo</a></li>

                  </ul>

            </li>

          </ul>

        </div>

Keterangan:

1. Ganti tanda # dengan lamat url yang diinginkan
2. Apabila ingin menambah menu anda tinggal menambahkan kode di-bawah sebelum kode </ul>

<li>
          <a href='#'>Tab Name</a>
        </li> 

• Sekarang masuk ke Design > Edit HTML 
• Untuk jaga-jaga apabila ada kesalahan, silahkan anda download dulu template anda sebagai back up. 
• Cari kode ]]></b:skin> 
• Tambahkan kode di-bawah tepat sebelum kode ]]></b:skin>

/*----- MBT Drop Down Menu ----*/

    #mbtnavbar {

        background: #000000;

        width: 880px;

        color: #FFF;

            margin: 0px;

            padding: 0;

            position: relative;

            border-top:0px solid #000000;

            height:35px;

    }

    #mbtnav {

        margin: 0;

        padding: 0;

    }

    #mbtnav ul {

        float: left;

        list-style: none;

        margin: 0;

        padding: 0;

    }

    #mbtnav li {

        list-style: none;

        margin: 0;

        padding: 0;

            border-left:1px solid #DDD;

            border-right:1px solid #DDD;

            height:35px;

    }

    #mbtnav li a, #mbtnav li a:link, #mbtnav li a:visited {

        color: #000;

        display: block;

       font:normal 12px Helvetica, sans-serif;

       margin: 0;

        padding: 9px 12px 10px 12px;

            text-decoration: none;

          

    }

    #mbtnav li a:hover, #mbtnav li a:active {

        background: #809FFE;

        color: #FFF;

        display: block;

        text-decoration: none;

            margin: 0;

        padding: 9px 12px 10px 12px;

          

      

          

    }

    #mbtnav li {

        float: left;

        padding: 0;

    }

    #mbtnav li ul {

        z-index: 9999;

        position: absolute;

        left: -999em;

        height: auto;

        width: 160px;

        margin: 0;

        padding: 0;

    }

    #mbtnav li ul a {

        width: 140px;

    }

    #mbtnav li ul ul {

        margin: -25px 0 0 161px;

    }

    #mbtnav li:hover ul ul, #mbtnav li:hover ul ul ul, #mbtnav li.sfhover ul ul, #mbtnav li.sfhover ul ul ul {

        left: -999em;

    }

    #mbtnav li:hover ul, #mbtnav li li:hover ul, #mbtnav li li li:hover ul, #mbtnav li.sfhover ul, #mbtnav li li.sfhover ul, #mbtnav li li li.sfhover ul {

        left: auto;

    }

    #mbtnav li:hover, #mbtnav li.sfhover {

        position: static;

    }

    #mbtnav li li a, #mbtnav li li a:link, #mbtnav li li a:visited {

        background: #809FFE;

        width: 120px;

        color: #000;

        display: block;

        font:normal 12px Helvetica, sans-serif;

        margin: 0;

        padding: 9px 12px 10px 12px;

            text-decoration: none;

    z-index:9999;

    border-bottom:1px dotted #333;

      

    }

    #mbtnav li li a:hover, #mbtnavli li a:active {

        background: #2646A6;

        color: #FFF;

        display: block;

        margin: 0;

        padding: 9px 12px 10px 12px;

            text-decoration: none;

    }

Keterangan:
Silahkan Ganti kode yang saya tandai merah di-atas sesuai dengan keinginan anda.

• Jangan Lupa Simpan pekerjaan anda

Demikaian Langkah-langkah dalam cara membuat menu drop down blogspot –Bagian2 kali ini. semoga  bermanfaat.

Widget Cek Resi TIKI JNE dan Pos Indonesia

JNE, TIKI, POS Indonesia

Artikel cara cek resi tiki, jne, pos Indonesia melalui widget Blogspot. Anda mempunyai Toko online dari blogspot, atau blog anda menawarkan barang yang cara pengiriman-nya menggunakan jasa pengiriman seperti JNE, TIKI atau POS Indonesia. Setiap pengiriman barang dengan menggunakan Jasa kirim tersebut tentunya klien menginginkan atau meminta informasi Tracking No atau yang populer dengan nama kode nomor resi, nomor resi ini berguna berguna untuk melacak sampai sejauh mana proses barang pesanan sampai. Nah untuk memudahkan pemilik blog atau website dan untuk memudahkan klien mengecek-nya sendiri, pada kesempatan ini saya akan berbagi informasi sebuah widget/gadget untuk pengecekan kode nomor resi jasa pengiriman TIKI, JNE dan POS Indonesia.

Widget ini memudahkan anda maupun klien agar tidak susah-susah masuk ke situs resmi ketiga jasa kirim tersebut ketika mau mengecek melalui nomor resi. Jelasnya keuntungan dari Widget ini adalah:

1. Pengunjung dapat dengan mudah mengecek berapa jumlah ongkos kirim tanpa harus menuju ke web resmi seperti TIKI, JNE dan POS Indonesia. 
2. Pengunjung yang telah melakukan order produk pada toko online Anda akan dengan mudah mengecek status pengiriman dengan fitur check Resi yang sudah disediakan.
3. Setting ukuran widget dibuat custom sehingga Anda dengan murah mensetting pada web/toko online Anda.
4. Data Real time JNE, TIKI dan POS 
5. Dapat menentukan kota asal pada widget yang ditampilkan secara default (otomatis) 
6. Cara membuat widget cek nomor resi TIKI, JNE dan pos Indonesia, cukup mudah, anda tinggal copy kode yang sudah disediakan tentu ada yang versi gratis juga yang ada versi premium.

Dibawah adalah contoh Widget cek resi tiki, jne dan pos Indonesia yang bisa Anda dapatkan:

 

Untuk Mendapatkannya Anda bisa langsung menuju ke link web berikut ini: www.widgetku.com

Atau pengecekan ongkos kirim JNE dan no Resinya:

Bagaimana mudah bukan cara membuatnya? Mudah-mudahan dengan menggunakan blog widget cara cek no resi pengiriman tiki, jne dan pos Indonesia anda dan klien anda semakin mudah dan bisnis semakin lancar...

Membuat tulisan berkedip di blog

Dari artikel Facebook like sekarang beralih membahas cara membuat tulisan berkedip di blog atau kata lain tulisan kelap-kelip. Biasanya tulisan yang di buat menjadi berkedip adalah tulisan yang dianggap penting dan diharapkan dibaca oleh pengunjung. dengan fungsi berkedip atau kelap kelip maka konsentrasi pengunjung yang sedang membaca isi blog anda akan lebih memfokuskan kepada isi yang di buat berkedip tersebut.

Cara membuat tulisan berkedip di blog sangat mudah sekali, anda hanya menambahkan Blink di awal dan di akhir sebuah tulisan yang akan anda di buat kelap-kelip. contohnya tulisan berkedip seperti di-bawah ini:

TULISAN BERKEDIP

Jadi ketika anda menulis sebuah artikel dan slah satu tulisan anda akan dijadikan berkedip maka tambahkan kode <blink> diawal tulisan yang akan dibuat berkedip dan tambahkan kode </blink> di akhir tulisan tersebut. lengkapnya adalah:

<blink>TULISAN BERKEDIP</blink>

Yang perlu anda perhatikan:

• Pada saat menulisakan kode tersebut, posisi penulisan harus berada pada bagian Edit HTML yang letaknya di sebelah tulisan compose.
• Silahkan ganti TULISAN BERKEDIP sesuai dengan tulisan yang akan dibuat berkedip.

Nah selesai sudah artikel singkat ini.. semoga Artikel cara membuat tulisan berkedip di blog kali ini bisa anda menfaatkan.

Membuat widget back to top

Artikel cara Membuat widget back to top di blog – Ketika Tampilan Halaman blog atau content sebuah artikel yang panjang, maka akan membawa pengunjung meng-scroll kursor-nya sampai bagian bawah halaman blog. Nah pada saat di bagian bawah halaman, pengunjung yang akan kembali ke bagian atas akan mengalami kesulitan atau akan menscroll ulang kursor untuk naik lagi ke bagian halaman blog bagian atas. Maka dari itu dibutuhkan sebuah alat bantu berupa widget yang ketika di klik akan otomatis menuju ke halaman blog bagian atas sehingga akan memudahkan pengunjung ketika akan kembali lagi ke halaman blog bagian atas.

Widget back to to di blog ini bisa bisa berupa gambar panah atau sesuatu yang menandakan kembali ke-atas. Pandai-pandailah memilih gambar yang cocok dengan warna blog anda sehingga selain fungsinya di-atas juga akan mempercantik blog anda.

Langkah dalam pembuatan widget back to top adalah:

• Log in ke blogger
• Pada halaman dashboard pilih Layout>HTML/Javascript 
• Untuk jaga-jaga silahkan download terlabih dahulu html anda 
• Centang Expand Widgets Templates
• Cari kode </b:section> 
• Pastikan kode tadi adalah kode yang terakhir dati susunan HTML anda 
• Letakan kode dibawah tepat setelah kode </b:section>

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://g.imagehost.org/0373/arrow_up_green.png'/></a>

• simpan pekerjaan anda.

Nah di step ini anda sudah selesai membuat widget back to top pada blog.

Kalau ada masalah silakan sms saya melalui widget sms gratis yang artikelnya sudah saya buat sebelum artikel ini dibuat.

Keterangan:

Url yang ditandai merah di atas tampilan gambarnya seperti ini:

Alamat url yang ditandai merah bisa diganti dengan alamat url lain jika anda menghendaki gambar yang lain seperti di bawah ini:

• http://g.imagehost.org/0439/arrow_1.jpg
• http://g.imagehost.org/0497/arrow_2.jpg
• http://g.imagehost.org/0466/arrow_3.jpg
• http://g.imagehost.org/0130/arrow_4.jpg
• http://g.imagehost.org/0042/arrow_5.jpg    

Dengan menambahkan fasilitas widget back to top pada blog akan membuat pengunjung blog anda akan semakin betah.

Widget sms gratis di blog

Widget sms gratis di blog- maraknya penggunaan HP tidak terlepas dengan cara berkomunikasi yang biasa digunakan yaitu telepon dan SMS. Berbicara seputar SMS, mungkin kita sudah terbiasa kirim sms melaui HP kita, Nah sekarang bagaimana kalau kirim SMSnya melalu blog anda? Apalagi setiap orang bisa memanfaatkannya baik itu anda sendiri sebagai pemilik blog maupun pengunjung blog anda, dan yang pastinya pemakaiannya semuanya GRATIS. Bagaimana bisa? Caranya gampang kok, cara pemakaiannya pun sama seperti kita kirim sms seperti pada HP.

Disini saya akan memberikan beberapa kode HTML yang bisa anda pasang di pada blog anda. Pemasangan widget sms gratis ini penempatannya pada gadget/widget seperti halnya pemasangan banner seperti yang sudah saya jelaskan di artikel cara membuat banner blog.

Berikut adalah beberapa kode-nya:

Kode1:

<iframe name="I2" src="http://sms-online.web.id/widget"
width="90%" height="350px"> not support
</iframe>
<center>
<a href=”http://jasapembuatanblog-murah.blogspot.com”>Widget SMS Gratis</a>
</center>

*warna biru, diganti dengan nama blogspot kamu

Tampilan widget sms gratis kode 1 setelah dipasang:

Kode 2:

<!-- Start SMS gratis -->

<iframe src="http://www.freesmsvoip.com/index.php?do=widget" width="200"height="260&quot; frameborder="0" scrolling="auto"></iframe>

<!-- end SMS Gratis -->

*warna biru, silahkan sesuaikan dengan ukuran gadget anda

Tampilan widget sms gratis kode 2 seperti di-bawah ini:

Kode 3:

<iframe name="widgetsms" src="http://www.sms-online.web.id/widget/" width="270" height="350" frameborder="0"></iframe>

Nah.. kalau kode widget sms gratis di blog dengan Kode ke-3 tampilannya adalah sebagai berikut:

Sekarang cara pasangnya kode-kode widget sms gratis tadi di blog sebagai berikut:

1. Login dulu  ke akun blogger Anda 
2. Klik menu rancangan 
3. Klik ‘Tambah Gadget’ (HTML/JavaScript) 
4. Isikan salah satu kode diatas 
5. Simpan deh…

Bagaimana cara memasang widget sms gratis di blog diatas? Sangat mudah bukan.. selamat mencoba.