Monday, 12 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.
Sunday, 4 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://otodidakers-tutor.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.
Saturday, 3 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.
    Thursday, 1 August 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://otodidakers-tutor.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://otodidakers-tutor.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>

    Maka akan seperti ini: Cara Mengganti Template di Blogger


    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....
    Monday, 18 March 2013

    Cara Memasukan dan Memasang Video Youtube Ke Pos

    Hallo semua...
    Sekarang kita akan mencoba mengetahui bagaimana cara memasukan dan memasang video youtube ke dalam postingan blog kita. Caranya sangat mudah tanpa harus menggunakan kode-kode yang rumit.

    Berikut tahapan-tahapannya.
    Masuk ke akun Blogger.com, pilih blog dan kemudian klik "ENTRI".
    http://otodidakers-tutor.blogspot.com/
    Di dalam post editor lihat di tool sebelah atas dan klik gambar kotak berwarna hitam atau "INSERT VIDEO".

    http://otodidakers-tutor.blogspot.com/
    Ikon Inser Video


    Lalu muncul jendela dengan berbagai pilihan darimana atau bagaimana kita mengambil video untuk dimasukan ke posting. Kita bisa upload langsung dari hardisk komputer kita, dari youtube, daftar video kita di youtube, telepon, atau webcam kita.
    http://otodidakers-tutor.blogspot.com/
    Dalam hal ini kita akan memasukan video langsung dari youtube, maka klik "FROM YOUTUBE", maka otomatis akan keluar form yang harus diisi oleh alamat url video yang akan kita masukan.

    From Youtube - Form Untuk URL Youtube

    Misalkan kita akan memasukan sebuah video dari youtube dengan alamat url "http://www.youtube.com/watch?v=4E24U0VL3gA".

    Ambil/Copy url video dari youtube seperti gambar di bawah ini:
    Menyalin URL Video Youtube

    Kemudian paste pada form dan klik tombol sebelah kanan yang bergambar kaca pembesar, seperti pada gambar di bawah ini:


    Meletakan URL Video Youtube


    Maka akan muncul preview dari video tersebut seperti gambar di bawah:


    Preview Video Youtube


    Jika sudah yakin bahwa video tersebut adalah yang kita maksudkan untuk di post ke dalam blog, maka kita klik "Pilih" di bagian bawah.

    Maka muncullah video tersebut. Seperti ini:



    Apabila sudah yakin dengan tampilan postingan kita, maka kita klik "PUBLIKASIKAN".
    http://otodidakers-tutor.blogspot.com/
    Selesai....

    Itulah cara kita memasukan dan memasang video youtube dengan mudah. Sebenarnya ada cara yang lain lagi untuk memasukan video kita ke blog yaitu dengan menggunakan kode atau script sehingga kita bisa mengatur ukuran video tersebut, bagaimana video tersebut dimainkan dan sebagainya. Mungkin di lain waktu kita akan membahasnya bersama-sama.

    Semoga mudah dimengerti dan dapat membantu. Thanks.....
    Sunday, 17 March 2013

    Cara Memasukan dan Memasang Gambar Di Posting Blog

    Hallo semua....
    Posting saya kali ini menjelaskan bagaimana Cara Memasukan dan Memasang Gambar Di Posting Blog.

    Berikut tahapannya.

    Masuk ke Blogger.com, Pilih salah satu blog dan klik "ENTRI".

    Pada halaman Posting Editor, lihat pada tools sebelah atas.

    Lalu klik "INSERT IMAGE" yang bergambar gunung di sebalah kanan.

     Ikon Insert Image atau Pasang Gambar

    Ada beberapa cara kita mengambil sebuah gambar, bisa kita upload dari komputer kita, WebCam, Telephone, Blog kita sendiri atau dari Web Lain.

    Misal kita akan mengambil gambar yang ada pada hardisk kita, maka klik "UPLOAD" lalu "PILIH FILE". Kemudian pilih file atau beberapa file sekaligus dan klik "Open", lalu pilih gambar dan klik "ADD SELECTED" di bagian bawah.

    Upload Gambar


    Otomatis akan tempil gambar yang tadi kita upload.

    Kita bisa men-setting gambar tadi misalnya ukurannya, nama alternatifenya, titlenya, dan posisinya di dalam posting.


    Dan terakhir klik "PULIKASIKAN".

    Sekian Cara Memasukan dan Memasang Gambar Di Posting Blog, Semoga mudah dimengerti dan dapat membantu dalam kegiatan blog-blogan atau blogging kita. Thanks....

    Cara Membuat Blog Di Blogger

    Blog atau Web Log pada saat ini sudah menjadi sangat populer bagi para pengguna internet, di mulai dari tahun 1999 yang dipopulerkan oleh Blogger.Com secara gratis hingga berkembang pesat sampai saat ini.

    Mungkin bagi kalian yang tertarik dengan blog bertanya-tanya bagaimana sih cara membuat blog dengan gratis.

    Cara Membuat blog di blogger.com sangatlah mudah bahkan tanpa membaca tulisan inipun sebenarnya semua orang bisa langsung membuatnya hahaha....cuma iseng-iseng aja buat konten di blog ini.

    Ok berikut adalah tahapan-tahapannya.

    1. Pertama di browser masukan/ketikan alamat www.blogger.com atau www.blogspot.com.

    2. Masukan Email dan Password kita yang terdaftar di Google. Apabila belum memiliki akun google, klik sign up yang ada di sebelah atas kanan.

    Daftar Blog


    3. Isikan data-data di form yang disediakan di halaman itu, kemudian klik "next step".

    Form Pengisian Data Untuk BLog



    4. Tambah foto profil apabila ada, klik "next step".


    Tambah Foto Profil Blog



    5. Setelah itu kita di bawa pada halaman konfirmasi profil dan klik lagi "Lanjutkan ke Blogger".

    6. Di halaman Dashboard kita belum mempunya satupun blog, klik "New Blog" atau "Buat Blog".

    Membuat Blog Baru



    7. Muncul form dan isikan pada Judul dan alamat URL blog yang kalian inginkan, kemudian pilih satu"template" atau tampilan blog yang sudah disediakan blogger.com. klik "Create Blog" atau "Buat BLog". 


    Memberikan Judul Blog



    8. Di dashboard muncul daftar yang mana terdapat judul blog yang sudah kita buat tadi. untuk melihat tampilan blog kita klik "View Blog", maka kita bisa melihat judul blog yang kita buat dan belum menampilkan konten apapun. 

    Tampilan Blog Baru
     


    9. Untuk mengisi blog kita dengan konten, klik "Entry" tombol yang berwarna orange dan bergambar pensil.


    Posting di Blog



    10. Kemudian isikan judul dan konten apa yang kita suka. Di sebelah kan terdapat setelan untuk post yang akan kita publikasikan, seperti label, jadwal postingan, tautan, lokasi , komentar dll.

    Membuat Judul Post di Blog



    11. Setelah itu klik "pratinjau", apabila konten sudah sesuai yang kita inginkan maka kita klik "Publikasikan".

    12. Pada Dashbboard klik Lihat Blog atau View Blog maka kita sudah mempunyai blog kita sendiri dari Blogger.com secara gratis. 
    Gampang kan?, emang gampang, kata sapa susah membuat blog di blogger hahahaha.....

    Masih banyak penyedia blog-blog gratisan lainnya, mungkin di lain kesempatan kita bisa bersama-sama membahasnya. Terima Kasih.....

    Mungkin cukup sekian Cara Membuat Blog Di Blogger semoga dapat membantu.

    Cara Menambah dan Memasang Widget Di Blog

    Widget adalah alat atau fitur tambahan yang disediakan oleh blogger selain konten postingan untuk memudahkan kita di dalam navigasi blog atau keterangan yang ada pada blog itu sendiri sehingga pengunjung blog dapat lebih mudah mengerti dan mengenali isi dari blog kita.

    Postingan ini merupakan panduan cara menambah dan memasang widget di blog untuk kalian yang belum atau ingin mengetahui bagaimana cara memasukan/menambah maupun menghapus widget di blog. Caranya sangat mudah dan praktis serta sangat mudah dimengerti.

    Ada banyak widget yang disediakan oleh blogger maupun dari luar blogger dengan berbagai macam fitur dan kegunaannya. Kalian tinggal memilih sesuka hati sesuai dengan kebutuhan yang ingin ditambahkan pada blog kalian.

    Berikut tahapan-tahapan caranya.

    1. Login ke dalam Blogger.com

    2. Pada dashboard pilih blog dari daftar blog yang kalian punya.

    3. Kemudian di sebelah kolom kiri halaman pilih "Layout" atau "Tata Letak".




    4. Muncul halaman layout blog kalian dan pilih "Tambahkan Gadget"  di bagian mana saja yang kalian suka.

    5. Pada jendela baru yang keluar, muncul daftar berbagai macam widget yang dapat kalian tambakan ke blog kalian.

    6. Contoh, kita memilih widget "Daftar Blog" kemudian selanjutnya kita mensetting bagaimana dan isi dari daftar blog itu. Klik "Simpan".



    Cara Menambah Widget Di Blog




    Cara Menambah Widget Di Blog


    7. Kita bebas menaruh widget yang kita buat tadi dimana saja kita suka. Contoh, kita pasang widget itu di bagian footer maka kita tinggal drag dan kemudian drop pada bagian paling bawah.

    8. Setelah itu, klik "simpan setelan" dan lihat hasilnya dengan klik "Lihat Blog" di bagian atas.




    9. Maka tampilan baru blog kita otomatis akan terlihat widget yang baru kita tambahkan yaitu "Daftar Blog" di halaman bagian paling bawah.

    Ok, semoga penjelasan Cara Menambah dan Memasang Widget Di Blog dapat dimengerti dan semoga dapat membantu pada kegiatan blog-blogan atau blogging kita.
    Saturday, 16 March 2013

    Cara Posting Di Blog

    Bagi kalian yang belum tau atau baru masuk ke dalam dunia blogging pasti ingin tahu bagaimana caranya mengisi blog dengan konten kita inginkan.

    Post adalah isi/konten dari sebuah blog. Sebuah post dapat memuat bermacam tipe data dari plain text/teks biasa, musik, gambar, video, script, dan lainnya yang didukung oleh kode web.

    Di dalam postingan blogger kita dapat menggunakan kode-kode HTML dan Javascript untuk menampilkan postingan kita di blog.

    Cara Posting Di Blog




    Sekarang kita lihat bagaimana cara posting.

    Pertama masuk terlebih dahulu ke dashboard blogger, pilih blog yang akan diisikan postingan.

    Kemudian klik "ENTRI BARU" kita dibawa ke halaman post editor, maka kita lihat berbagai macam tool di bagian atas dan di sebelah kanan.

    Sekarang kita akan jelaskan maksud dan fungsinya satu persatu.

    Pada tool bagian atas merupakan tool untuk pemformatan postingan kita, mungkin sudah tidak asing karena sangat mirip dengan word processor lainnya seperti Ms. Word.

    ENTRI  adalah judul untuk postingan kita. Satu judul per posting.

    COMPOSE adalah metode pemformatan posting sesuai dengan apa yang kita ketikan.

    HTML adalah metode pemformatan posting menggunakan kode-kode HTML maupun javascript. Apabila kita belum mengerti tentang kode HTML maka sebaiknya menggunakan metode compose dan menggunakan tool-tool yang sudah disediakan di bagian atas.

    Tapi untuk tingkat lanjut, seperti pembuatan tabel di dalam postingan diharuskan menggunakan kode HTML dikarenakan tidak disediakan tool untuk membuat tabel dan sebagainya.

    Setelan Entri

    Selanjutnya di bagian kanan halaman terdapat "SETELAN ENTRI" Digunakan untuk men-setting keterangan postingan kita.

    LABEL adalah untuk menandai atau mengelompokan jenis/tema/grup/kategori dari postingan kita. Misalkan kita akan membuat sebuah posting dengan judul "Pergi ke Bali" maka postingannya kita beri label dengan nama "TRAVELLING", karena bertemakan tentang perjalanan atau jalan-jalan. Apabila kita membuat postingan lainnya dengan tema yang sama, maka seharusnya beri label dengan nama yang sama pula agar postingan kita dapat teroganisir dengan baik sehingga memudahkan pengunjung blog untuk mengaksesnya dengan cepat. 
    Demikian seterusnya tergantung postingan kalian bertemakan apa, dan label postingan diberi nama sesuka hati.

    JADWAL adalah untuk mensetting kapan postingan akan diterbitkan. Apabila disetting otomatis, maka jadwal atau waktu postingan kita di set secara otomatis saat kita mempublikasikannya di blog kita. Namun kita juga dapat men-setel jadwal post kapan akan kita terbitkannya. Bisa juga merubah jadwal post yang sudah dipublikasikan, misalnya post yang sudah kita terbitkan pada tanggal 1 januari 2013, maka kita bisa merubahnya dengan sesuka hati kita ke tanggal yang lama atau sebaliknya sesuai dengan kepentingan kita masing-masing.

    TAUTAN PERMANEN adalah nama file HTML postingan yang akan kita buat pada alamat URL. Apabila di setel otomatis, maka nama alamat URL posting yang kita buat secara otomatis menyalin judul postingan kita atau sebagian isi dari konten kita. Apabila di setel secara khusus maka kita dapat memberi nama file HTML sesuai keinginan kita pada alamat URL. Misalnya, saya membuat postingan tautan otomatis dengan judul "Surabi Haneut" maka pada alamat URL nya akan seperti ini http://otodidakers-tutor.blogspot.com/2013/03/surabihaneut.html
    Kemudian saya setel secara khusus misal judul postingan masih sama "Surabi haneut",
    tapi saya ketikan dengan "makananenak", maka alamat url nya akan seperti ini: http://otodidakers-tutor.blogspot.com/2013/03/makananenak.html
    tidak menyalin dari judul atau sebagian isi postingan kita. nama pada tautan khusus tidak boleh pake spasi.

    LOKASI adalah untuk memberi keterangan pada post kita dimana posisi kita saat menerbitkan sebuah postingan, keterangan lokasi akan muncul dibagian bawah posting.

    Kemudian yang terakhir.

    PILIHAN berisi setelan seperti apakah posting yang akan kita terbitkan dapat diberi komentar pembaca atau tidak, lalu mode tulis apakah akan ditafsirkan oleh HTML atau tidak, lalu Baris baru apakah menggunakan enter atau menggunakan tag HTML <br>.

    Apabila semua sudah beres sesuai yang kita inginkan maka kita coba terlebih dahulu bagaimana tampilan post yang kita buat dengan mengklik "PRATINJAU" sebelum kita mem-publikasikan-nya karena ditakutkan ada kesalahan sehingga kita dapat meng-edit kembali.

    Apabila sudah yakin maka kita klik "PUBLIKASIKAN" pada tombol berwarna orange.
    kemudian klik "LIHAT BLOG". maka...

    Taraaa....Selamat! Postingan pertama kita sudah muncul di blog dan kita bisa mengisi postingan lainnya sesuka hati.