Otodidakers Tutorial

Langkah Pertama #1: Cari kode seperti di bawah berikut ini: ]]></b:skin> Copy paste kode di bawah ini di atas kode ]]></b:skin>  .blog-pager-newer-link {     background-color:transparent !important;     padding: 0 !important; } .blog-pager-older-link {     background-color:transparent !important;     padding: 0 !important; } #blog-pager-newer-link {     padding:5px;     font-size:90%;     width:200px;     text-align:left; } #blog-pager-older-link {     padding:5px;     font-size:90%;     width:200px;     text-align:right; } Langkah Kedua #2: Cari kode seperti di bawah ini: </head> Kemudian copy paste kode di bawah ini di atas kode tersebut. <script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/> Langkah Ketiga #3: Cari kode seper...

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 int...

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. 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: Otodidakers Tutorial Tag Gambar/Images <img src= 'url gambar ' alt=' nama alternatif gambar ...

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. Musik 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...

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 kem...

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 Caranya sangat mudah dan seb...

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. Maka akan keluar jendela baru untuk settingan pos seperti gambar di bawah ini: 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. Lal...

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 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. 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:   Kirim E-mail Open this li...

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/></tit...

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". Pada jendela Konfigurasi Navbar , kemudian klik "Off" dan "Simpan". Maka sesudah itu tampilan dari Navbarnya sudah hilang. Cara di atas hanya untuk menghilangkan tampilan dari navbarnya saja, namun ti...