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.