Sunday, 11 August 2013

Cara Merubah dan Mengganti Tampilan Cursor

Tampilan dari kursor pada blog atau website dapat diganti dengan gambar yang kita inginkan.

Untuk melakukan hal itu kita hanya akan menambahkan sedikit kode CSS pada blog kita.

Berikut adalah caranya:

Masuk ke dalam dasboard blog.
Klik Template.
Klik Sesuaikan.
Pilih Tingkat Lanjut.
Pilih Tambahkan CSS.



Kemudian tambahkan dengan kode seperti di bawah ini:

body {
cursor:url('http://cur.cursors-4u.net/symbols/images5/sym455.gif'),auto;
}

Apabila kita hanya ingin kursor berubah pada saat cursor di arahkan pada sebuah link, maka kita menambahkan kode seperti di bawah ini:

a:hover {
cursor:url('http://cur.cursors-4u.net/symbols/images5/sym455.gif'),auto;
}

Teks yang berwarna merah adalah alamat url dari gambar dan dapat diganti dengan url gambar cursor yang kita inginkan.

Untuk mendapatkan url dari gambar cursor, dapat kita cari di internet dengan browsing pada search engine. Banyak sekali penyedia gambar cursor yang bertebaran di internet secara gratis.

Mungkin cukup sekian semoga dapat membantu.

Saturday, 3 August 2013

Cara Membuat Link Menggunakan Gambar atau Foto

Link merupakan komponen yang sangat penting di dalam sebuah blog atau website. Sebab dengan adanya link atau hyperlink, pengunjung sebuah blog dapat dengan mudah mengakses dan menjelajahi seluruh website dengan cepat.

Link Menggunakan Gambar atau Foto


Selain link yang menggunakan teks, link pun bisa menggunakan foto atau gambar yang membuat tampilannya menjadi lebih menarik dan efektif.

Berikut di bawah ini adalah cara penulisan atau pembuatan link dengan gambar yang menggunakan metode HTML:


Tag Link

<a href='url tujuan'>Teks atau Gambar</a>
  • <a> adalah tag HTML yang berfungsi untuk mendefinisikan sebuah link.
  • href adalah atribut (informasi tambahan) dari tag a untuk url/alamat yang akan dituju dari link.
  • Value dari href harus diberi tanda kutip.

contoh:
<a href='http://www.otodidakers-tutor.blogspot.com/'>Otodidakers Tutorial</a>

Hasil:


Tag Gambar/Images

<img src='url gambar' alt='nama alternatif gambar' width='tinggi' height='lebar'>
  • Tag <img> adalah tag HTML untuk mendefinisikan sebuah gambar.
  • Atribut src adalah sumber/url dari gambar.
  • Atribut alt adalah untuk memberikan nama alternatif gambar. Apabila gambar tidak bisa ditampilkan, maka yang muncul adalah nama alternatifnya.
  • Atribut height dan width adalah untuk mengatur ukuran gambar.

contoh:
<img src='http://www.comicbookdaily.com/wp-content/uploads/2010/09/click.jpg' alt='Click Me!' width=100' height='100'>

Hasil:
Click Me!


Digabungkan menjadi link gambar

<a href='http://vavadiva.blogspot.com/'>

<img src='http://www.comicbookdaily.com/wp-content/uploads/2010/09/click.jpg' alt='Click Me!' width='100' height='100'>

</a>
Tag <img> harus diapit oleh tag <a> dimana tag penutup harus dikasih garis miring, seperti: </a>

Hasil:
Click Me!
Klik pada gambar di atas untuk berpindah ke halaman web yang dituju.

Mungkin cukup sekian bagaimana cara membuat link menggunakan gambar atau foto, semoga dapat membantu dan mudah dimengerti.

Friday, 2 August 2013

Cara Memasang Musik dan Lagu di Blog

Blog atau website sangat kaya akan konten. Berbagai macam konten seperti tulisan, gambar, tabel, video, musik, lagu dan konten lainnya merupakan komponen yang tidak dapat dipisahkan dari sebuah blog dan website. Dan satu di antaranya adalah konten berupa musik atau lagu, di mana kita bisa memasang musik dan lagu yang kita suka di blog atau website kita.

Memasang Musik dan Lagu di BlogMusik dan lagu bisa dipasang pada postingan blog atau di widget blog atau di manapun kita suka memasangnya asalkan memasang kode HTML dengan benar pada blog .

Banyak sekali penyedia musik player yang bertebaran di internet yang dapat kita pasang pada blog kita. Namun kali ini kita akan bahas cara memasang musik dan lagu di blog dengan kode HTML yang sederhana, yaitu cara paling dasar dengan menggunakan kode HTML.

Embed Musik Dengan Kode HTML

Berikut di bawah ini adalah caranya:
  • Masuk ke dalam "Dashboard".
  • Klik "Tata Letak".
  • Lalu klik "Tambah Gadget".
  • Pilih "HTML/JavaScript".
  • Lalu copy/paste kode yang ada di bawah dan "simpan".
  • Ganti value dari "src" yang berwarna hijau yaitu alamat url musiknya.
<embed autoplay='true' height='50' width='100' src="http://media.shax-dag.ru/Music/users/music___130417_7.mp3"></embed>

Ganti URL musik pada attirubute "src" yang berwarna hijau dengan URL lagu yang kita punya. 

Alamat url musik yang tersedia apa adanya dan tidak dirubah, harus berakhiran dengan format file musik, seperti .mp3, .wav, .ogg, dsb. Seperti kode di atas yang berwarna merah.

Browser harus support dengan file musik dan player musik yang dipasang atau sudah terinstal pluggin Quicktime player.

Embed adalah tag HTML yang berfungsi untuk memasang konten eksternal (Dari website/server lain).

Memainkan Musik Autoplay atau Otomatis

Kadang kita ingin musik atau lagu yang ada di blog kita memutar dengan sendirinya atau otomatis bermain ketika blog atau website dikunjungi.
Untuk melakukan hal seperti itu pada tag embed kita hanya tinggal pasang attribute autoplay.

Attribute "autoplay" adalah cara bagaimana lagu atau musik dimainkan.

<embed autoplay='true' height='50' width='100' src='URL MUSIK'>

  • autoplay='true' untuk memainkan musik secara otomatis.
  • autoplay='false' untuk memainkan musik dengan kontrol play.

Mengatur Ukuran dari Player Musik

Ukuran dari Music Player adalah penting. Ukuran default dari music player tidak selalu pas dengan ukuran blog yang ingin kita pasang. Maka dari itu ukuran player dapat kita atur sesuai yang kita inginkan agar music playernya tidak saling bertabrakan dengan konten/elemen lain di blog dan lebih enak dipandang.

Untuk mengaturnya kita hanya menambahkan attribute width dan height pada tag embed.

<embed autoplay='true' height='50' width='100' src='URL MUSIK'>

  • 'height' untuk mengatur tinggi.
  • 'width' untuk mengatur lebar.

Mengambil Url Lagu dari Mp3skull

Masuk ke website Mp3Skull.com
Kemudian search lagu sesuka hati.

Cari Url Lagu dan Musik


Klik "Download" dan akan keluar tab baru yang akan memainkan lagu.

Download Lagu


Pada bagian url dibrowser cek url lagu yang berakhiran .mp3

Url Lagu dan Musik

Copy dan pastekan pada attribute src.



Semoga berhasil..
Mungkin sekian cara memasang musik dan lagu di blog dengan kode HTML, semoga dapat membantu.

    Wednesday, 31 July 2013

    Cara Mengganti Template Blog di Blogger

    Template adalah desain dari halaman blog atau website meliputi seluruh elemen-elemen yang menjadi bagian dari sebuah blog atau website.

    Blogger memberikan begitu banyak fitur pada blog kita agar kita dapat menyesuaikan tampilan template berdasarkan kebutuhan kita.

    Kadang template default pada blogger kurang memuaskan kebutuhan kita dalam kegiatan blogging. Oleh karena itu, Blogger menyediakan fitur untuk kita agar dapat merubah template blog sesuai dengan keinginan kita masing-masing.

    Blogger telah menyediakan beberapa template default yang dapat kita pilih sesuai dengan apa yang kita suka. Namun juga kita dapat mengganti template blogger dari banyak penyedia template gratis yang bisa kita upload.

    Mengganti Template Dengan Template Yang Disediakan Blogger

    • Masuk ke dalam dashboard.
    • Klik "template".
    • Scroll mouse ke bawah, maka akan tersedia beberapa template default yang disediakan oleh blogger yang dapat kita gunakan.
    • Klik satu di antaranya kemudian klik terapkan.
    • Maka template secara otomatis akan terganti dengan yang baru.

    Mengganti Template Dari Penyedia Template Gratis

    Apabila kita kurang puas dengan template yang disediakan oleh blogger, kita dapat mencari template berbagai macam tema dari penyedia template gratis yang sangat banyak bertebaran di internet.

    Kita tinggal browsing di Google atau search engine lainnya dengan mengetikan "Free template Blogger". Maka akan tampil banyak penyedia template gratis.

    Download/unduh template yang kita suka kemudian simpan terlebih dahulu di hardisk komputer kita, kemudian extract file tersebut. Maka akan muncul file xml yang nantinya akan kita upload ke Blogger.

    Berikut adalah cara mengupload template yang kita punya:
      Masuk ke dalam dashboar blogger.
      Klik "template".
      Klik "Cadangkan/Pulihkan" yang berada di sebelah kanan atas.

      Cara Mengganti Template di Blogger

      Download/Unduh terlebih dahulu template lama apabila dibutuhkan.

      Cara Mengganti Template di Blogger 2

      Kemudian browse file xml template dari hardisk komputer.

      Cara Mengganti Template di Blogger 3

      Klik "Unggah".
      Tunggu proses upload hingga selesai dan lihat hasilnya.

        Mungkin cukup sekian bagaimana cara mengganti template blog di Blogger.
        Semoga dapat membantu dan bermanfaat.

        Cara Membatasi Jumlah Tampilan Posting Pada Label

        Cara Membatasi Jumlah Tampilan Posting Pada Label di Blogger adalah cara untuk membuat jumlah posting yang tampil pada halaman blog dapat kita batasi sesuai jumlah yang kita inginkan.

        Postingan pada blogger dapat diberikan label-label menurut temanya masing-masing agar postingan tersebut dapat terorganisir dengan baik dan dapat diakses dengan mudah oleh pengunjung blog.

        Namun kadang kita agak terganggu dengan jumlah postingan yang tampil pada saat kita mengklik pada link label tertentu di halaman website/blog.

        Apabila jumlah postingan kita terlalu banyak pada label tertentu, maka  sebanyak itu pula postingan label itu akan tampil sebanyak-banyaknya pada halaman website apabila kita mengklik link label tertentu.

        Untuk mengatasi hal tersebut, kita dapat menambahkan sedikit kode pada elemen blog.

        Link label terdapat pada bagian kaki postingan dan juga di bagian sidebar atau widget label blogger.

        Link Label Di Footer Postingan

        Link Label di Footer Postingan


        Caranya sangat mudah dan sebagai berikut:

        Masuk ke dalam dashboard, kemudian klik "Template".

        Setelah itu klik "Edit Template".

        Kemudian cari kode di bawah ini dengan menggunakan "Ctrl + F".

        <a expr:href='data:label.url' rel='tag'>

        Setelah ditemukan,
        Ganti kode di atas dengan kode di bawah ini:

        <a expr:href='data:label.url + &quot;?max-results=10&quot;' rel='tag'>

        Apabila terdapat dua kode, maka semua diganti dengan kode seperti di atas.

        Link Label Pada Sidebar atau Widget Label Blogger

        Link Label di Widget Sidebar


        Cari kode di bawah ini dengan menggunakan "Ctrl + F".

        <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

        Setelah ditemukan,
        Ganti kode di atas dengan kode di bawah ini:

        <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?max-results=10&quot;'><data:label.name/></a>

        Apabila terdapat dua kode, maka semua diganti dengan kode seperti di atas.

        Angka yang berwarna hijau adalah jumlah postingan yang akan ditampilkan dan dapat diganti sesuai keinginan kita untuk menampilkan jumlah postingan pada label.

        Lalu publikasikan.

        Setelah kita lihat hasilnya, maka pada halaman label otomatis akan muncul postingan label sesuai dengan jumlah yang kita setting sebelumnya.

        Mungkin sekian cara membatasi jumlah tampilan posting menurut label.
        Semoga dapat membantu dan bermanfaat.

        Saturday, 18 May 2013

        Cara Membatasi Jumlah Tampilan Posting di Homepage

        Untuk membatasi jumlah tampilan posting di halaman depan blog kita, Blogger sudah menyediakan fiturnya agar kita dapat men-setting seberapa banyak jumlah posting yang ingin kita tampilkan di halaman depan blog.

        Ada dua cara untuk membatasi jumlah posting.

        Pertama: Membatasi Posting Dari "Tata Letak"

        Di dalam dashboard klik tab "Tata Letak", kemudian klik "Edit" yang ada di bawah pada gadget posting.

        Membatasi Posting di Halaman Depan Blog #1

        Maka akan keluar jendela baru untuk settingan pos seperti gambar di bawah ini:


        Membatasi Posting di Halaman Depan Blog #2


        Pada "Opsi Laman Utama" kita bisa merubah jumlah dari posting yang akan kita tampilkan di halaman depan blog sesuai kebutuhan dan keinginan kita masing-masing.

        Setelah itu klik "Simpan". Maka tampilan jumlah posting di halaman depan blog kita sudah berubah sesuai yang kita inginkan.

        Kedua: Membatasi Posting Dari "Setelan"

        Klik pada tab "Setelan" pada dashboard yang berada disebelah kolom kiri. Lalu pilih "Pos dan Komentar" yang muncul dan berada di bawahya.


        Membatasi Jumlah Posting di Halaman Depan Blog #3


        Sama seperti settingan blog pada "Tata Letak" kita bisa merubah jumlah posting yang akan kita tampilkan di halaman depan blog sesuai keinginan kita.

        Kita bisa membatasi jumlah posting menurut jumlah posting atau menurut jumlah hariannya.

        Misal kita akan membatasi tampilan posting berdasarkan jumlahnya, yaitu kita setting:
        15 posting di laman utama.
        Maka di halaman depan blog akan tampil hanya 15 postingan yang kita terbitkan.

        Sedangkan membatasi posting menurut hari, misalkan kita setting:
        2 hari di laman utama
        Maka di halaman depan blog secara otomatis akan tampil jumlah posting selama dua hari dari postingan kita yang diterbitkan. Seberapapun banyaknya postingan, di halaman depan blog akan tampil postingan kita selama dua hari.

        Itulah Cara Membatasi Jumlah Tampilan Posting di Halaman Depan Blog kita. Semoga mudah dimengerti dan membantu. Thanks....

        Thursday, 9 May 2013

        Cara Membuat dan Memasang Link di Blog

        Cara membuat link di Blogger atau website bisa dilakukan dengan dua cara, yaitu dengan metode "Compose" atau dengan metode "HTML".

        Link bisa berupa kata, kalimat, barisan kalimat, atau juga sebuah gambar/foto.
        Link bisa menuju ke alamat website/blog lain, menuju alamat dari website/blog yang sama, dan juga bisa pada satu halaman website/blog yang sama.

        Metode Compose

        Cara Membuat Link di Blog

        Ketikan kata atau kalimat yang akan dibuat sebuah link, kemudian "blok" menggunakan mouse sehingga kata atau kalimat itu tersorot.
        Setelah itu klik "Link" dan akan muncul jendela seperti di bawah ini.

        Cara Membuat Link di Blog


        Text to display adalah kata atau kalimat yang akan dijadikan sebuah link.

        Web addres adalah alamat website tujuan dari link tersebut. Contoh:
        http://vavadiva.blogspot.com/2013/05/cara-membuat-link-di-blog.html

        Email address adalah untuk membuat link yang tujuannya untuk mengirim e-mail. Contoh:  

        Open this link in a new window adalah apabila di centang fungsinya untuk membuka link pada jendela baru atau tab baru saat link tersebut di klik. Contoh: Klik link berikut ini untuk membuka pada jendela baru:

        Add 'rel=nofollow' attribut adalah untuk menambahkan atribut atau informasi tambahan untuk link tersebut yang berfungsi memberikan keterangan/informasi kepada mesin pencari seperti Google untuk tidak melacak link itu di mesin pencarian.

        Metode HTML

        Metode HTML adalah cara yang berbeda dengan metode Compose. Kita harus menggunakan kode HTML untuk membuat sebuah link. Kode yang kita pakai adalah:

        <a href="alamat url">Teks/gambar yang dijadikan sebuah link</a>

        Warna merah bisa anda ganti dengan tujuan link anda.

        Contoh: 

        <a href="http://vavadiva.blogspot.com/2013/05/cara-membuat-link-di-blog.html">Pasang Link Iklan</a>

        Maka akan tampil seperti ini: Pasang Link Iklan

        Membuka Link Pada Tab Baru Di Browser

        Untuk membuka link pada halaman/tab baru, maka kita tambahkan kode "target=_blank". Contoh:

        <a href="alamat url" target="_blank">Cara Mengganti Template di Blogger</a>



        Mungkin sekian dahulu Cara Membuat Link di Blog ini. Semoga mudah dimengerti dan bisa membantu anda. Thanks....

        Wednesday, 8 May 2013

        Cara Menampilkan Judul Postingan di Google

        Template default blogger menampilkan judul postingan sesudah judul blog pada index "search engine" seperti Google. Untuk mengoptimasikan SEO dan lebih memudahkan untuk terindeks serta mudah di cari oleh pengunjung maka ada cara untuk merubah letak dari judul postingan tersebut. Yaitu dengan menukar letak judul postingan sebelum judul blog.


        Bagaimana cara menampilan judul postingan sesudah judul blog pada index Google?


        Hal yang harus kita lakukan adalah dengan merubah kode judul blog kita. Yaitu dengan kode di bawah ini. Berikut adalah langkah-langkahnya:

        1. Buka dashboard Blogger, lalu pilih Template. 
        2. Klik Edit HTML.
        3. Gunakan Ctrl + F kemudian cari kode ini <title><data:blog.pageTitle/></ title>.
        4. Setelah menemukan kode tersebut, ganti dengan kode berikut di bawah ini:

        <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <title><data:blog.pageName/> | <data:blog.title/></title>
        <b:else/>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
        <title><data:blog.pageName/> | <data:blog.title/></title>
        <b:else/>
        <title><data:blog.pageTitle/></title></b:if></b:if>

        5. Simpan.

        Otomatis judul postingan kita akan muncul di index google sebelum nama blog kita.

        Mungkin itu saja Cara Menampilkan Judul Postingan Sebelum Judul Blog di Google. Semoga dapat mudah dimengerti dan membantu anda. Thanks...

        Cara Menghapus dan Menghilangkan Navbar di Blogger

        Cara menghapus dan menghilangkan navbar di atas halaman blogger bisa dilakukan dengan dua cara, yaitu dengan menyembunyikannya dari halaman atau dengan cara menghilangkan elemen navbarnya dari navbar.

        Apabila hanya untuk menyembunyikan navbar dari halaman blogger kita hanya perlu me-non aktifkan navbarnya dari widget settingnya.  Namun hal ini hanya menghilangkan tampilannya saja dan tidak menghilangkan elemennya pada halaman, dengan kata lain ukuran dari elemen navbarnya masih bersentuhan dengan elemen lain.


        Menon-aktifkan Navbar

        Hal yang harus dilakukan adalah masuk ke dalam dashboard blogger kemudian pilih "Tata Letak". Muncul halaman pengaturan widget lalu pilih Navbar yang berada di paling atas lalu klik "Edit".

        Edit Navbar

        Pada jendela Konfigurasi Navbar, kemudian klik "Off" dan "Simpan". Maka sesudah itu tampilan dari Navbarnya sudah hilang.

        Konfigurasi Navbar


        Cara di atas hanya untuk menghilangkan tampilan dari navbarnya saja, namun tidak merubah dari ukuran dan susunan elemen pada halaman blogger, sehingga terlihat di halaman atas blog terdapat ruang kosong yang tadinya berisi tampilan navbar.

        Menghilangkan Navbar dan elemennya.

        Untuk membuat ruang kosong hilang, kita hanya perlu menambahkan sedikit kode CSS yang otomatis membuat ruang kosong itu tidak ada. Kita bisa menambahkan kode CSS pada "Setting Template". Namun biar lebih mudah yaitu dengan menggunakan "Sesuaikan" saja.



        Hal yang harus dilakukan adalah dengan masuk pada dashboard Blogger, kemudian klik "Sesuaikan", pilih "Tingkat Lanjut" kemudian pilih "Tambahkan CSS".

        Pada area teks tambahkan kode CSS berikut ini: #navbar {display:none}
        Klik simpan lalu lihat hasilnya. Maka ruang kosong tadi tidak lagi terlihat.

        Menghilangkan Elemen Navbar

        Mungkin hanya itu saja cara menghilangkan dan menghapus navbar di blogger. Semoga dapat mudah dimengerti dan membantu anda. Thanks....

         

        Blogger news

        Blogroll

        Powered by Blogger.