Tampilkan postingan dengan label blog tutorial. Tampilkan semua postingan
Tampilkan postingan dengan label blog tutorial. Tampilkan semua postingan

Kode HTML Membuat Kotak Pilihan Dropdown

blogbudaqdegil.blogspot  Kode HTML Membuat Kotak Pilihan Dropdown
Kali ini saya ingin berbagi cara untuk membuat kotak pilihan dropdown list (Select Field) kedalam web dengan menggunakan kode tag HTML ( Mengenal Hypertext Markup Language ). Sering kita temukan daftar pilihan (bidang pilih) pada web yang kita kunjungi.  Biasanya berformat dropdown list ketika kotak di klik, tujuannya adalah untuk memudahkan dan memungkinkan pengunjung di dalam menentukan pilihan dari serangkaian daftar yang telah disediakan.

Membuat bidang pilih ke dalam halaman web dilakukan dengan menggunakan kode tag <select>. Sedangkan daftar pilihan kemudian ditambahkan dengan kode tag <option>.

Contoh :

<select name="selectionField">
  <option value="JABAR" >Jawa Barat -- JABAR </option>
  <option value="JATIM" >Jawa Timur -- JATIM</option>
  <option value="JATENG" >Jawa Tengah -- JATENG</option>
  <option value="KALTIM" >Kalimantan Timur -- KALTIM</option>
</select>


Maka akan menjadi seperti dibawah ini :
Demikian sharing saya bagaimana menggunakan Kode HTML Membuat Kotak Pilihan Dropdown, semoga bermanfaat.

Baca juga Belajar Dasar HTML Merancang Web atau Blog  N4JEGDB377C8

Membuat Highlight Teks di Blogspot

membuat highlight teks di blogspot blogbudaqdegil.blogspotSedikit variasi memberikan penekanan pada teks yang kita anggap penting dan perlu diperhatikan seperti Highlight merupakan hal kecil yang kadang-kadang kurang diperhatikan para author blog, namun menurut saya ini penting untuk memperjelas pembaca yang menyimaknya. Highlight selain mempercantik tampilan blog juga bermanfaat akan memberikan perhatian tersendiri bagi pembaca bahwa terdapat kata-kata penting yang ingin disampaikan oleh author kepada pembaca agar digarisbawahi.

Cara membuatnya adalah sebagai berikut :
  1. Seperti biasa backup template blog anda terlebih dahulu untuk menghindari hal-hal yang tidak diinginkan :

    Dashboard >> Template >> Backup/Restore >> Download Full Template >> setelah proses Backup selesai klik Close.

  2. Masih di dalam tampilan tab Template, klik Edit HTML  >> Proceed >> centang [ ] Expand Widget Template . Lalu copy kode dibawah ini dan letakkan sebelum kode ]]></b:skin> :


  3. .alert { background: #f5f5dc ;
    text-align: left;
    padding: 6px 6px 6px 6px;
    border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;}

    ]]></b:skin>


    Kode berwarna beige (#f5f5dc) merupakan warna background highlight, anda dapat menggantinya dengan kode warna lain sesuai selera dan tentunya disesuaikan dengan background blog. Sedangkan kode warna #223344 adalah warna titik putus-putus (dot) di sekeliling highlight.

  4. Save Template jika sudah selesai.
Cara Penempatan Kode di Posting

Untuk memberikan highlight pada teks tertentu anda harus menempatkan kode script <p   class="alert"> sebelum teks yang akan di-highlight  dan kode </p> di akhir teks.

Contoh :  Ini contoh teksanda yang di highlight.

Mudah bukan ?, selamat mencoba, semoga tip Membuat Highlight Teks di Blogspot ini ada manfaatnya.

Mengubah Jumlah Maksimum Posting di Halaman Label Blogspot

Mengubah Jumlah Maksimum Posting di Halaman Label Blogspot, Blogger menetapkan standar maksimum posting untuk sebuah blog adalah 20 di halaman label (halaman kategori). Jumlah ini mungkin tidak sesuai dengan apa yang anda harapkan di dalam peformance blog anda. Anda mungkin ingin menyingkat waktu yang diperlukan untuk membuka blog anda misalnya, atau bahkan anda mungkin ingin menambahkan jumlah maksimum posting agar dapat menampilkan semua posting anda dengan label kategori yang sama Belajar Dasar HTML Merancang Web atau Blog ).

Untungnya Blogger memberikan fitur yang dinamis untuk anda agar dapat mengubah jumlah posting yang tampil pada halaman label (kategori) sesuai kebutuhan anda.

Jika anda ingin mengubah jumlah default maksimum posting blog anda, anda harus mengeditnya  pada template, caranya silahkan simak dibawah ini :
  1. Backup template blog anda terlebih dahulu untuk menghindari hal-hal yang tidak diinginkan :
    Dashboard >> Template >> Backup/Restore >> Download Full Template >> setelah proses Backup selesai klik Close.

  2. blogbudaqdegil.blogspot  Mengubah Jumlah Maksimum Posting di Halaman Label Blogspot


    blogbudaqdegil.blogspot  Mengubah Jumlah Maksimum Posting di Halaman Label Blogspot

  3. Masih di dalam tampilan tab Template klik Edit HTML  >> Proceed >> centang [ ] Expand Widget Template .


  4. blogbudaqdegil.blogspot  Mengubah Jumlah Maksimum Posting di Halaman Label Blogspot

  5. Sekarang gunakan Ctrl + F untuk membantu anda menemukan kode berikut :
    expr: href = 'data: label.url'

  6. Ganti kode diatas dengan kode berikut  dibawah ini , (contoh saya menginginkan 120 posting untuk ditampilkan di halaman label, anda dapat menggunakan jumlah lain yang anda inginkan) :
    expr: href = 'data: label.url + "? max-results = 120"
Ulangi langkah ini untuk semua expr: href = 'data: label.url' yang dapat anda temukan.
Setelah selesai, simpan template dan keluar.

Cara Membuat Link di Kolom Komentar

blogbudaqdegil.blogspot  Cara Membuat Link di Kolom KomentarCara Membuat Link di Kolom Komentar, di saat anda berkunjung ke blog sobat lain dalam rangka memperbanyak jumlah link (tautan) dan meningkatkan trafik blog anda, anda perlu menyisipkan jejak link anda pada kolom komentar sebuah posting. Tetapi yang paling penting adalah komentar yang anda entry haruslah berhubungan dengan posting yang sedang anda simak. Saya sarankan jangan sembarangan menyisipkan link, apalagi banyak-banyak nanti komentar anda ditolak.

Sebenarnya sederhana saja, anda tinggal menyimpan link dengan menulis kode tag HTML pada kolom komentar, caranya tulis tag alamat dan anchor link blog anda.

Contoh :
<a href="http://nama blog anda.com">Anchor Text</a>, maka hasilnya akan  terlihat seperti ini : Anchor Text

Anda juga dapat menambah efek huruf tebal dengan tag <b> dan </b>.

Contoh :
<b><a href="http://nama blog anda.com">Anchor Text </a></b>, maka akan terlihat seperti ini : Anchor Text

Teks berwarna merah anda gantikan dengan nama blog dan teks anchor blog anda.

Ini hanyalah salah satu tag yang dapat anda manfaatkan sebagai pemanis tampilan, masih banyak variasi tag lainnya yang dapat anda sisipkan pada anchor link anda.

Semoga Cara Membuat Link di Kolom Komentar ini bermanfaat, selamat mencoba.

Update Google Pegerank Bulan Februari 2012

Sobat blogger, saya ingin berbagi info tentang update pagerank terkini oleh Google. Sudah lama Google Pagerank tidak melakukan update setelah terakhir di bulan November 2011 yang lalu, kini di awal tahun,  om google melakukan lagi update google pagerank di bulan Februari 2012 ini.
 

Untuk sobat blogger yang sudah lama menanti-nanti, sekaranglah saatnya untuk memeriksa  pagerank site anda, mudah-mudahan bulan Februari ini penuh kejutan bagi sobat Blogger semua.

Periksa Pagerank Anda Dengan Check PR Online
Bagi anda para blogger yang bermaksud memeriksa update pagerank Google untuk yang pertama kali  di tahun 2012 ini secara online, silahkan berkunjung ke  PR Checker.

blogbudaqdegil.blogspot Update Google Pegerank Bulan Februari 2012

blogbudaqdegil.blogspot Update Google Pegerank Bulan Februari 2012

blogbudaqdegil.blogspot Update Google Pegerank Bulan Februari 2012

Bila anda masih belum yakin dengan hasil pemeriksaan diatas, anda masih bisa memeriksanya dengan tool yang satu ini, silahkan ke Seomastering untuk pengecekan ulang.

Bagaimana hasil pengecekan Google Pagerank anda ?
Saya harap semua berjalan dengan baik dan sesuai dengan harapan.  Jika hasilnya belum atau jauh dari memuaskan, itu adalah hal biasa. Percayalah, keberhasilan setelah berjuang dan kerja keras  akan membuahkan rasa yang lebih nikmat dibandingkan dengan kesuksesan yang mulus-mulus saja.

Peringkat ranking di Google bukanlah satu–satunya barometer apakah seseorang menjadi blogger yang handal  di dalam keahliannya di dunia blogging ini. Jangan pernah putus asa jika hasil ranking pada blog sobat belum memenuhi harapan. Tetap konsisten dan terus semangat, berkaryalah terus. Ciptakan artikel yang bermutu dan berbobot. This is just a matter of time. Semoga di masa yang akan datang Pagerank blog anda menjadi lebih baik.

Saya harap informasi tentang Update Google Pegerank Bulan Februari 2012 dapat menjadi materi yang bermanfaat bagi para sobat blogger. Jangan lupa baca juga  Cara Memeriksa Peringkat Artikel Dengan Seoserp.

Cara Memeriksa Peringkat Artikel Dengan Seoserp

Taukah  anda Cara Memeriksa Peringkat Artikel Dengan Seoserp ?
namun  sebelum itu mari kita kenal terlebih dahulu apa yang dimaksud dengan SERP.

SerpRank.com adalah tool SEO online yang  memungkinkan anda untuk mencari di mesin pencari Google dan Yahoo, fungsinya untuk memeriksa posisi website/posting anda berada pada peringkat tertentu di halaman hasil pencarian Google atau Yahoo untuk berbagai kata kunci atau frase pencarian.

Apa itu SERP ?
SERP, singkatan dari "Search Engine Results Page" yaitu daftar halaman dari hasil mesin pencari, adalah daftar hasil di search engine dalam kaitannya dengan permintaan pencarian menggunakan satu atau beberapa kata kunci/keyword yang dimasukkan oleh user. Halaman-halaman yang disajikan dari hasil pencarian adalah yang biasa kita sebut  dengan SERPs.

Mengapa SERPs penting ?
Apakah menurut anda bahwa SERPs itu penting? Hal ini berpulang pada anda sendiri. Jika anda ingin memiliki website yang bermutu dan ingin mengelolanya dengan baik tentu anda ingin menjaga agar hasil karya anda selalu berada pada peringkat atas pada mesin pencari. Dan hal ini akan berdampak pada page view ( baca juga artikel Beberapa Cara Untuk Menggenjot Traffics Blog Anda ) blog anda yang akan dikunjungi oleh banyak user.  Jika demikian, maka posisi website anda di SERPs adalah yang harus menjadi perhatian utama bagi anda. Sederhananya, jika user tidak dapat menemukan situs anda, bagaimana mereka pernah bisa mengunjungi nya?

Bagaimana Cara Memeriksa Peringkat Artikel Dengan Seoserp ?

Sederhana saja, ikuti langkah-langkah dibawah ini :
  1. Masuk ke  site SEOSERP
  2. blogbudaqdegil.blogspot Cara Memeriksa Peringkat Artikel Dengan Seoserp

  3. Pada daftar Negara Search Engine Google (60 negara) yang anda ingin periksa pilih salah satu, apakah (www.google.com ) atau Google Indonesia (www.google.co.id).

  4. Pada kotak isian keywords : isikan kata kunci yang ingin anda telusuri, misalnya "kord gitar lagu ebiet camelia" ( tanpa tanda kutip ).
  5. blogbudaqdegil.blogspot Cara Memeriksa Peringkat Artikel Dengan Seoserp

  6. Pada  kotak isian your domain : isilah dengan alamat URL blog anda misal : "http://gitarchordshack.blogspot.com"  ( tanpa tanda kutip ).

  7. Lalu klik Go for SERP ranking report.

  8. Kemudian akan tampil daftar dari hasil pencarian keyword dan domain yang ditargetkan dari 1 s/d 100.

  9. Jika target sesuai maka akan muncul nama URL blog anda ditandai dengan warna background kuning.
  10. blogbudaqdegil.blogspot Cara Memeriksa Peringkat Artikel Dengan Seoserp

  11. Seandainya nama blog atau url tidak muncul, anda masih bisa mencari untuk  urutan 101 s/d 200 pada daftar, dengan cara klik "seeMore" 101 to 200.
  12. blogbudaqdegil.blogspot Cara Memeriksa Peringkat Artikel Dengan Seoserp

  13. Jika url yang anda maksud belum muncul juga, jangan khawatir, masih ada kesempatan untuk mencari di search engine Yahoo ( klik saja Yahoo top 1000 SERPs ).
blogbudaqdegil.blogspot Cara Memeriksa Peringkat Artikel Dengan Seoserp

Sampai disini selesailah uraian Cara Memeriksa Peringkat Artikel Dengan Seoserp, selamat mencoba, semoga bermanfaat.

Cara Menghilangkan Teks "Subscribe to: Posts (Atom)" Pada Blogspot

Siapa sih yang tidak ingin halaman blog atau posting-nya kelihatan rapi ?, tentunya ini sudah menjadi tujuan semua blogger. Sebenarnya hal ini sangat relatif karena sangat bergantung sekali kepada selera masing-masing. Sebuah halaman blog yang terkesan rapi walaupun sederhana tetap sedap dipandang, dan hal ini akan membuat pengunjung betah berlama-lama mencari sesuatu pada web yang anda buat. Memang materi yang berbobot sangat berpengaruh pada page views selain kerapian tentunya.

Untuk itu saya ingin berbagi juga mengenai cara menghilangkan tulisan Subscribe to: Posts (Atom) agar halaman posting terlihat lebih rapi, sebelumnya silahkan baca Menghilangkan Tulisan Powered By Google di Blogspot  pada posting saya berapa waktu berselang.

Buat para sobat yang berminat mencoba Menghilangkan Teks Subscribe to: Posts (Atom) pada halaman blogspot, silahkan ikuti langkah-langkah dibawah ini :
  1. Seperti biasa terlebih dahulu Login ke Blogger

  2. Pada halaman Dashboard, pilih Design.

  3. blogbudaqdegil.blogspot Cara Menghilangkan Teks "Subscribe to: Posts (Atom)" Pada Blogspot

  4. Sebelumnya simpan Backup/Restore Template anda terlebih dahulu.


  5. Lalu klik Edit HTML

  6. blogbudaqdegil.blogspot Cara Menghilangkan Teks "Subscribe to: Posts (Atom)" Pada Blogspot

  7. Centang kotak Expand Template Widget

  8. blogbudaqdegil.blogspot Cara Menghilangkan Teks "Subscribe to: Posts (Atom)" Pada Blogspot

  9. Kemudian temukan kode dibawah ini dan hapus semua.

  10. <div class='feed-links'> <data:feedLinksMsg/> <b:loop values='data:links' var='f'> <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'> <data:f.name/> (<data:f.feedType/>)</a> </b:loop> </div>

  11. Simpan template anda dan lihat hasilnya.
Selamat mencoba.

Menghilangkan Tulisan Powered By Google di Blogspot

Menghilangkan Tulisan Powered By Google di Blogspot blogbudaqdegil.blogspotTidak semua blogger menyukai tulisan powered by google tampil pada halaman web blogspot, dan memang menurut saya hal itu tidak terlalu penting, karena semua orang juga pasti akan tau bahwa, jika orang membuat web menggunakan blogspot ya pastilah itu Google punya. Namun bagi sebagian sobat barangkali tidak menginginkannya dan berniat menyembunyikan atribut tersebut.

Barangkali juga untuk sebagian blogger lagi hal ini dirasakan tidak terlalu menggangu, jadi  biarkanlah apa adanya, anggap saja ini sebagai pengetahuan saja atau sebagai tambahan wawasan buat para pemula.

Baiklah, langkah-langkah dibawah ini bertujuan untuk menghilangkan tulisan powered by google di blogspot : 
  • Login kedalam blog anda,  lalu ke menu edit HTML.

  • Seperti biasa backup dulu kode HTML anda.

  • Beri centang pada Expand template widget.

  • Carilah kode dibawah ini dengan  F3 atau CTRL+F pada keyboard untuk mempermudah pencarian.

  • ]]></b:skin>

  • Lalu copy kode dibawah ini dan tempatkan diatas kode ]]></b:skin> tadi.

  • #Attribution1 {
    height:0px;
    visibility:hidden;
    display:none
    }
Setelah itu simpan (Save) kode HTML anda, dan lihat apa yang terjadi.

Selamat mencoba, semoga bermanfaat.