Konon, blog itu berjenis kelamin perempuan. Dan, karena itu, perlu dihiasi dg aksesoris supaya selalu tampak cantik dan dapat menarik hati kaum blogger (yg ini berjenis laki-laki).
Berikut sejumlah "perhiasan" blog yg dapat dipasang di blog Anda yg berfungsi tidak hanya sebagai perhiasan tapi juga untuk menarik hati kaum blogger (baca, pengunjung) dan search engine. Sekali lagi perlu diingat, aksesoris ini hanya dapat dipasang pada blog yg templatenya dapat diedit seperti blogspot.com, blogdrive.com plus blog yg domain/hostingnya beli sendiri, tentunya.
1. Bukutamu
Bukutamu blog disebut juga dg shoutbox atau tagboard. Sama dg bukutamu website, tapi bentuknya lebih sederhana. Banyak situs penyedia bukutamu blog gratis yg bisa Anda cari di google dg kata kunci shoutbox atau tagboard. http://shoutmix.com termasuk penyedia bukutamu blog yg disukai yg servernya cukup stabil.
Caranya:
(a) Daftar di alamat di atas, ikuti semua perintahnya; (b) Setelah selesai, log-in dg id dan password yg sudah terdaftar; (c) Klik menu "Code Generator"; (d) Pilih Full-frame shoutbox; (e) Klik "Generate the Code"; (f) Copy kode HTML yg ada, dan masukkan ke template blog Anda di bagian Sidebar; (g) Klik SAVE SETTING & REPUBLISH. Selesai.
Fungsi dari bukutamu blog ini seperti yg Anda tahu untuk membuat interaksi pemilik blog (blogger) dg pengunjung lebih aktif dan menunjukkan bahwa kita orangnya cukup accessible.
2. Statistic dan Tracker
Berfungsi untuk mengetahui berapa pengunjung yg datang setiap harinya, setiap minggu, dan bulan dan dari negara mana saja. Selain itu, ia memberi tahu kita lewat mana pengunjung itu datang: lewat pencarian di google atau via blog/situs lain yg memasang link blog kita. Statistic/tracker gratis yg paling terkenal ada dua Sitemeter dan Extreme Tracking. Klik link berikut untuk mendaftar: (a) http://www.sitemeter.com/?a=newaccount (b) http://www.extreme-dm.com/tracking/?reg Setelah daftar, login dan masukkan kode HTML-nya di blog Anda.
3. Kamus Online
Kalau blog Anda berbahasa Inggris, Anda bisa memasang Kamus Indonesia-Inggris dan Inggris-Indonesia di blog Anda supaya pengunjung Indonesia yg lagi belajar bahasa Inggris bisa betah nongkrong. Kode HTML-nya bisa diambil di http://kamus.net
4. Jadual Shalat
Bagi blogger Muslim, www.islamicfinder.org menyediakan jadual shalat lima waktu yg bisa ditempel di blog. Anda bisa pilih berdasarkan kota dan negara. Silahkan ambil kodenya di link berikut: http://www.islamicfinder.org/index.php?inl_language= Lihat contohnya di sini
6. Jam Dinding
Tidak cukup dg jam tangan dan jam di HP atau Anda merasa dinding blog Anda perlu dipasang jam? Silahkan pilih di http://clicklink.com dan ambil kodenya. Lihat contohnya di sini.
7. Peta Kampung Kita
Bagi yg ingin melihat nama dan peta kampung kelahiran nempel di blog, silahkan daftar di http://feedmap.net
Caranya,
(a) masuk ke http://feedmap.net; (b) Klik "Explore Blog", akan muncul peta dunia; (c) Pilih negara Indonesia dg cara klik kanan secara terus menerus mouse komputer Anda dan geser/putar peta dunia tsb. ke kanan/kiri sampai ketemu peta Indonesia. (d) Setelah peta Indonesia ditemukan, perbesar fokus peta dg cara mengklik 2x secara berulang-ulang; (e) Pilih kawasan atau propinsi yg paling dekat dg kampung kelahiran Anda, dan perbesar fokus peta dg mengklik berkali-kali sampai tidak dapat diperbesar lagi; (f) Setelah nama kampung kelahiran atau kota terdekat dari kampung kita tampak, arahkan panah mouse ke kota tsb dan klik kanan mouse; (g) Akan tampil menu "Add Blog", klik menu ini; (h) Akan muncul kotak, isi alamat blog Anda. Contoh, http://kolom-mario.blogspot.com (jangan lupa pake awalan http://; (i) Klik submit; (j) Apabila berhasil, maka akan muncul tulisan: Thank You! Di bawahnya ada tiga kotak yg berisi kode html untuk BLOGMAP, NEIGHBLOGMAP BUTTON, dan LOCAL BLOGROLL. Copy ketiga kode HTML tsb. dan paste di sidebar blog Anda; (k) Selesai. Lihat contoh petanya di sini.
Showing posts with label blog. Show all posts
Showing posts with label blog. Show all posts
cara menghias blog | aksesoris blog
cara menghubungkan blog & fan page facebook
Assalamualaikum sahabat? Apa sahabat punya Akun Facebook atau punya page di Facebook?
Jika punya, sahabat bisa meramaikan akun atau page facebooknya dengan menghubungkan ke Musholla RAPI Online (MRO)lho. Jadi, setiap artikel yang diterbitkan oleh MRO akan langsung masuk ke akun/ page sahabat secara otomatis dan bisa dilihat temen-temenmu. Tambah rame kan??
Gimana caranya?? ikuti langkah-langkah berikut ini:
1. Masuk ke aplikasi RSS Graffiti (klik disini)
Setelah masuk ke aplikasi RSS Graffiti, silahkan pilih akunmu/ halaman fans page mana yang akan Sahabat hubungkan dengan Musholla RAPI Online.
2. Otorisasi/Authorize
Setelah memilih halaman fans page, maka muncul seperti gambar diatas. Selanjutnya Kamu klik tombol dengan tulisan "Click to authorize".
3. Permintaan izin/Permission request
Setelah melewati langkah kedua, maka akan muncul halaman untuk permintaan izin/permission request. Silahkan klik tombol dengan tulisan "izinkan/allow".
4. Tambahkan umpan/+Add Feed
Setelah langkah ketiga maka Sahabat akan dibawa kembali ke Halaman aplikasi RSS Graffiti. Selanjutnya Kamu klik tombol dengan tulisan "+Add feed" dan masukkan URL feed http://mushollarapi.blogspot.com/feeds/posts/default
5. Preview and Save
Setelah memasukkan URL feed http://mushollarapi.blogspot.com/feeds/posts/default sahabat bisa preview dan setelah itu tinggal di-save.
6. Selesai
Cara Menampilkan Widget Di Halaman Tertentu
Hai sobat blogger, bagaimanakah kabar Anda sekalian ? semoga dalam keadaan sehat dan selalu ceria. Pada tulisan kali ini, saya akan membagikan ilmu yang sudah saya pelajari kepada Anda yaitu masih tentang blogger dan topik yang saya bahas kali ini adalah seputar "Menampilkan widget pada halaman tertentu" yang sering digunakan pada template megazine, misalnya anda ingin menampilkan widget dihalaman post saja atau tidak ada hanya dihalaman post.
Nah langsung saja kita pelajari bersama-sama.
Langkah pertama yang harus Anda lakukan adalah masuk menu "Design" kemudian masuk ke bagian "Edit HTML" lalu centang kotak "Expand widget templates"
lalu cari code widgetnya seperti ini
<b:widget id='HTML1' locked='false' title='Pesan' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
Untuk mempermudah pencarian silahkan masukkan judul widget seperti "Pesan" kedalam kotak pencarian browser (ctrl + F)
Kemudian tambah code
<b:if cond='data:blog.url == data:blog.homepageUrl'>
dan ditutup dengan code </b:if> untuk menempatkan di hanya halaman depan saja
dan ditempatkan seperti dibawah ini
<b:widget id='HTML1' locked='false' title='Pesan' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
Perhatikan penempatan code yang berwarna hijau !
kemudian save.
Dan dibawah ini adalah code yang bisa digunakan untuk penempatan lainya
Untuk menempatkan di halaman depan/index digunakan code
<b:if cond='data:blog.pageType == data:blog.homepageUrl'>
Untuk menempatkan di halaman Archive saja
<b:if cond='data:blog.pageType == "archive"'>
Untuk menempatkan dihalaman item/posting saja digunakan code
<b:if cond='data:blog.pageType == "item"'>
Dan untuk pada halaman pages atau static page blogger digunakan
<b:if cond='data:blog.pageType == "static_page"'>
Dan untuk tambahan, jika Anda ingin menempatkan di halaman tertentu dengan menggunakan URL gunakan code dibawah ini
<b:if cond='data:blog.url == "URL_HERE"'>
Ganti code URL_HERE dengan URL yang ingin anda tampilkan.
Dan untuk pengecualian, misalnya anda tidak menempatkan widget hanya di halaman depan saja dengan cara mengganti tanda = pertama dengan tanda !
Contoh
<b:if cond='data:blog.pageType != data:blog.homepageUrl'>
Nah tidak terlalu sulit kan? semoga bermanfaat bagi Anda. Sumber : tutorial-jitu.blogspot.com
Cara Menghapus Attribution Blogger
Wah ternyata ini adalah widget ketentuan dari blogger untuk "Copyright" platform blogger, widget ini tidak bisa pindahkan bahkan tidak bisa di hapus untuk template blogger yang baru widget ini ada, namun untuk template lama dalam artian dalam pembuatan blog dari blogger udah lama, widget ini belum muncul, entah mungkin kapan ada ketentuan widget ini ada untuk semua pengguna blogger.
Nah terlihat di atas adalah screenshotnya dan bisa kita lihat widget ini terkunci tidak bisa dihapus dan digeser untuk dipindahkan.
Nah Saya beri tips bagaimana memindahkan widget ini dan memberi style tersendiri.
1. Cara memindah
Biasanya Atribut Copyright seperti ini berada pada bawah halaman situs, nah defaultnya widget atribut ini berada pada sidebar. nah dibawah ini adalah cara memindahkanya dari sidebar ke footer (bagian bawah blog)
Masuk pada bagian "Design" kemudian masuk pada "Edit HTML" lihat kebawah dan temukan code seperti ini
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
Lalu Cut code diatas dan taruh pada tag footer. Lihat code dibawah ini untuk lebih jelasnya
<div id='footer-wrapper'>
<b:section class='footer' id='footer'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>
</div>
Lalu SAVE dan selesai
2. Menambah Style CSS
Style CSS fungsinya untuk mengubah tampilan widget atribut ini supaya terkesan lebih cantik tidak monoton dengan cara :
tambah code css dibawah ini diatas code ]]></b:skin>
#Attribution1 {
color:red;
font-weight:bold;
text-transform:capitalize;
}
Style diatas hanya sebuah contoh untuk mengganti warna hurufnya, menebalkan huruf dan membuat capitalis pada textnya. Dengan CSS diatas Anda bisa menentukan tampilan dari widget tersebut mungkin dengan menambahkan background, border dsb.
Kemudian SAVE dan lihat hasilnya deh.
Cara Membuat Daftar Isi / Sitemap Blogger
Sitemap atau yang sering disebut oleh orang awam sebagai daftar isi ini sangat berguna untuk blog kita, ketika pengunjung ingin menjelajahi blog kita maka inilah peran yang harus hadir untuk mempermudah penjelajah blog kita. Kali ini saudara blogger kita Om Abu-farhan punya solusinya yaitu "The Best Table of Contents (TOC) or Sitemap for Blogger".
Seperti terlihat di blog ini yang menggunakan TOC dari Om Abu-Farhan yang Saya masukkan kedalam fitur baru blogger yaitu "Pages Blogger". Nah pada kesempatan kali ini Saya kan mengulas bagimana caranya memasang TOC kedalam halaman pages kita.
1. Langkah pertama masuk blogger.com
2. Masuk postingan Om Abu-Farhan untuk mengcopy source code seperti dibawah ini
<script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script>
<script src="http://www.abufarhan.co.cc/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
Copy code diatas dan ingat ganti www.abufarhan.co.cc dengan alamat blog Anda
3. Pada Dashboard draft.blogger.com masuk pada bagian "Posting" lalu "Edit Pages"
4. Lalu klik tombol "New Pages" lalu paste code tadi kedalam post editornya
5. Setelah di SAVE akhirnya jadi juga dan sisipkan link pagesnya tadi kedalam daftar menu di blog Anda untuk navigasinya
Nah ulasan singkat mengenai Sitemap blogger yang canggih oleh Om Abu-Farhan semoga bermanfaat bagi Anda
Ucapan terima kasih sebesar-besarnya kepada Om Abu-Farhan
Belajar Dasar CSS
Taukah Anda apa itu CSS (Cascading Style Sheet) ?, CSS adalah bahasa scripting untuk memformat tampilan website secara keseluruhan. Misalnya Anda ingin mengatur jenis dan ukuran huruf, background, posisi element dan sebagainya. Sebagai contoh kita akan memformat tag p (parapraph) keseluruhan pada satu element dengan menggunakan cara HTML seperti ini <p font="tahoma">text</p>. Akan lebih efisien lagi jika kita memformat tag p dengan menggunakan CSS agar tidak terlalu rumit. Dan Anda juga bisa menyusun element layout dengan CSS tanpa harus menggunakan table yang menurut saya terlalu rumit dalam codingnya.
CSS juga bisa di akses oleh bahasa pemrograman, misalkan javascript, PHP dll.
Pengguna'an CSS ada 3 cara yaitu
- Langsung disisipkan didalam tag <head></head>. Untuk menyisipkan di dalam tag head harus diawali dengan tag <style type="text/css"></style>
- Menggunakan file external, artinya script css ditulis dalam file tersendiri dengan akhiran .css. dan sisipkan file ini di dalam tag <head> dengan cara seperti ini <head><link rel="stylesheet" href="css/style.css" type="text/css" /></head>
- Langsung pada tag yang bersangkutan, misalkan <div style="style_nya"></div>
- Menggunakan tanda # sebagai awalan style, contohnya
#gaya{
background-color:blue;
}
tanda ini berarti untuk menggunakan style ini harus menggunkana atribut id, dan setiap tag pasti memiliki atribut id, misal <div id="gaya">ini teks</div>. Sifat dari id adalah unik, tidak boleh ada elemen yang memiliki id yang sama, makanya style ini hanya bisa digunakan sekali. - Menggunakan tanda dot (.) sebagai awalan style, contohnya
.gaya{
background-color:blue;
}
tanda ini berarti untuk menggunakan style ini harus menggunakan atribut class, setiap tag pasti memiliki atribut class. Misalkan <div class="gaya">ini teks</div>. Sifat dari class adalah tidak unik, artinya dalam 1 dokumen HTML boleh memiliki lebih dari 1 class yang sama. Dengan menggunakan tag - Tanpa tanda, tetapi langsung mengarah pada tag HTML, misalkan
div{
background-color:blue;
}
artinya semua tag div akan dikenai style tersebut - Turunan, baik # maupun dot (.) bisa menurunkan style. Style anak juga akan memiliki style dari induk.
Contohnya
#induk .anak{
background-color:red;
}
cara menggunakannya
<div id="induk">
<div class="anak">bla_bla</div>
</div>
artinya class anak adalah turunan dari id induk. Jika id induk dihilangkan, maka class anak tidak akan bekerja.
Sedikit tentang dasar CSS dan semoga dapat membantu Anda yang pastinya CSS tidak bisa ditinggalkan dalam pengolahan halaman web dan browser juga sudah ada yang membuat script CSS yang hanya support dengan browser tersebut misalnya Mozilla Firefox, dll.
dirangkum dari berbagai sumber dan disederhanakan. salah satunya adalah http://bimoweb.com/dasar-css-scripting.html
Dasar CSS | Edit CSS | Cara Edit Template
Dasar CSS | Edit CSS | Cara Edit Template - CSS adalah bahasa scripting untuk memformat tampilan website. Misalnya Anda ingin mengatur jenis dan ukuran huruf, background, posisi element dan sebagainya. Sebagai contoh kita akan memformat tag p (parapraph) keseluruhan pada satu element dengan menggunakan cara HTML seperti ini <p font="tahoma">text</p>. Akan lebih efisien lagi jika kita memformat tag p dengan menggunakan CSS agar tidak terlalu rumit. Dan Anda juga bisa menyusun element layout dengan CSS tanpa harus menggunakan table yang menurut saya terlalu rumit dalam codingnya.
CSS juga bisa di akses oleh bahasa pemrograman, misalkan javascript, PHP dll.
Pengguna'an CSS ada 3 cara yaitu
- Langsung disisipkan didalam tag <head></head>. Untuk menyisipkan di dalam tag head harus diawali dengan tag <style type="text/css"></style>
- Menggunakan file external, artinya script css ditulis dalam file tersendiri dengan akhiran .css. dan sisipkan file ini di dalam tag <head> dengan cara seperti ini <head><link rel="stylesheet" href="css/style.css" type="text/css" /></head>
- Langsung pada tag yang bersangkutan, misalkan <div style="style_nya"></div>
- Menggunakan tanda # sebagai awalan style, contohnya
#gaya{
background-color:blue;
}
tanda ini berarti untuk menggunakan style ini harus menggunkana atribut id, dan setiap tag pasti memiliki atribut id, misal <div id="gaya">ini teks</div>. Sifat dari id adalah unik, tidak boleh ada elemen yang memiliki id yang sama, makanya style ini hanya bisa digunakan sekali. - Menggunakan tanda dot (.) sebagai awalan style, contohnya
.gaya{
background-color:blue;
}
tanda ini berarti untuk menggunakan style ini harus menggunakan atribut class, setiap tag pasti memiliki atribut class. Misalkan <div class="gaya">ini teks</div>. Sifat dari class adalah tidak unik, artinya dalam 1 dokumen HTML boleh memiliki lebih dari 1 class yang sama. Dengan menggunakan tag - Tanpa tanda, tetapi langsung mengarah pada tag HTML, misalkan
div{
background-color:blue;
}
artinya semua tag div akan dikenai style tersebut - Turunan, baik # maupun dot (.) bisa menurunkan style. Style anak juga akan memiliki style dari induk.
Contohnya
#induk .anak{
background-color:red;
}
cara menggunakannya
<div id="induk">
<div class="anak">bla_bla</div>
</div>
artinya class anak adalah turunan dari id induk. Jika id induk dihilangkan, maka class anak tidak akan bekerja.
Sedikit tentang dasar CSS dan semoga dapat membantu Anda yang pastinya CSS tidak bisa ditinggalkan dalam pengolahan halaman web dan browser juga sudah ada yang membuat script CSS yang hanya support dengan browser tersebut misalnya Mozilla Firefox, dll.