Postingan

Menampilkan postingan dengan label blog

Membuat daftar posting

Assalamu'alaikum Wr.Wb T rik untuk membuat widget table of contents atau daftar isi atau daftar posting di blogger saya dapatkan dari blog nya Hans . Adapun langkah untuk membuat atau menasukan widget ini adalah sebagai berikut : Mengedit template HTML melalui menu Layout--->Edit HTML (jangan lupa backup dulu template na) Cari kode = <b:section _moz-userdefined="" class="main" id="main" showaddelement="no"></b:section></span> Ganti dengan kode = <b:section _moz-userdefined="" class="main" id="main" showaddelement="yes"></b:section></span> Simpan template Pindah ke menu Layout ---> Page Element Tambahkan 1 widget/elemen HTML/Javascript di atas Posting Blog , elemen ini digunakan untuk menampilkan daftar posting dari blog  Isikan kode berikut, <div id="toc"> Buat kembali page element di kolom yang lain sebagai tombol menu daftar isi. Isikan kode ...

Membuat Read more di blogger dengan custom template

Assalamu'alaikum Wr. Wb Memotong posting dan memberikan " read more " bagi pengguna blogger membutuhkan sedikit usaha, tidak seperti di wordpress. Bagi pengguna template standar dari blogger tidaklah begitu susah namun bagi pengguna blogger dengan template yang tidak standar membutuhkan usaha lebih banyak. Langkah pertama untuk menambahkan fasilitas ini adalah : Edit layout template dengan klik bagian layout --> edit HTML dan klik bagian expand widget templates , cari bagian dengan kode : Kemudian pastekan kode berikut, setelah kode di atas <style> .fullpost{display:inline;} </style> <style> .fullpost{display:none;} </style> Next, cari kode ini Dan pastekan kode di bawah ini setelah kode di atas, Baca lebih lanjut... Simpan template tersebut Kemudian di seting bagian formating, klik setting ---> formating, scroll ke bawah di cari bagian Post Template , tulis kode berikut di bagian tersebut <span class=...

Membuat konten web dengan Flash cara mudah

Gambar
Assalamu'alaikum Wr. Wb Satu lagi kemudahan dalam membuat konten web berbasis flash dapat kita gunakan. Sprout merupakan sebuah flash builder yang dapat kita gunakan untuk membuat halaman web berbasis flash secara on the fly di Internet !!! Dengan sprout kita dapat memasukuan konten multimedia kemudian dengan mudahnya meng embeded kan ke halaman web/blog wow ... Berikut contoh flash yang dibuat instant dengan menggunakan sprout Setelah di publish pun dengan mudqah kita dapat merubah konten dari flash tersebut. Tetarik silahkan buat akun di sprout Semoga bermanfaat Wassalamu'alikum Wr. Wb

Memasukan web di Yahoo Site Explorer

Gambar
Assalamu'alaikum Wr. Wb Secara ngak sengaja ketemu situsnya site explorenya  yahoo yang mirip dengan google webmaster tools . Untuk menggunakan tool ini kita harus mempunyai akun di yahoo.com. Setelah itu kita login di site explorer dan memasukan url web kita berserta feeds nya. Abis itu klik di bagian status 9warna kuning) untuk melakukan verifikasi kepemilikan web, ini dapat dilakukan dengan 2 cara. Pertama dengan melakukan upload file tertentu yang disediakan oleh yahoo atau yang kedua dengan melakukan edit pada file HTML dengan memasukan kode META HTML tertentu. Yang lain silahkan di explore sendiri karena saya juga baru mencoba hehehee. Hasilnya kurang kita lihat nanti sama-sama :D, yang apsti selama ini blog saya ini menurut google analytics ngak pernah ada yang nyangkut via yahoo.com. Smoga dengan di submit nya di explore ini ada juga yang nyangkut di melalui yahoo.com Semoga bermanfaat Wassalamu'alikum Wr. Wb

Menambah Reactions button di blogger (updated)

Gambar
Assalamualikum Wr. Wb Satu lagi menu tambahan di blogger yang akan menambah menarik dari posting tulisan anda. Button reactions merupakan feature yang memberikan umpan balik atas tulisan anda di blog mirip dengan star-rating. Jika menggunakan template standard maka penambahan rections ini tidak akan menjadi permasalahan, cukup buka layout dan edit di bagian posting serta klik di bagian reactions sudah cukup. Tetapi sedikit permasalahan jika yang digunakan adalah template yang telah di customize, seperti yang saya gunakan ini.   Jika dimiliki template yang tidak standar maka cara untuk menambahkannya sama seperti yang dilakukan pada penambahan star rating cuman kode yang dipastekan adalah seperti yang ada disini (maaf sy belum menemukan cara yang pas buat kopas kode di blogger, jadi silahkan di donwload dulu kodenya) Semoga bermanfaat Wassalamu'alikum Wr. Wb

Error bX-Iteqmi di blogger

Gambar
Assalamu'alaikum Wr. Wb Beberapa lama blog naufal tidak bisa login karena ada error sewaktu login. Kalo saya minta isi blog selalu bilang ngak bisa login, akhirnya saya mau lihat errornya kena apa. Ternyata memang ada error seperti pada gambar berikut,   Setelah login ke blogger, langsung di cegat error di atas, otomatis ngak bisa ngapa-ngapain lagi. Setelah saya lihat dan memang ternyata ngak bisa berbuat apa-apa, saya coba masuk lewat akun utama google dan mencoba mengakses blog dari sana ternyata juga gagal. Setelah saya perhatikan ternyata errornya hanya pada dashboard saja (mungkin bug dari draft.blogger.com, karena naufal pake fasilitas itu). Saya coba searching ternyata belum ada solusinya. Tapi ternyata walau dapat pesan errot sejatinya kita sudah bisa login dan memungkinkan untuk melakukan konfigurasi,posting dll (kecuali ke dashboard). Lihat gambar berikut,   Arahkan saya salah satu tab dari FireFox ke alamat blog anda misalkan http://naufal.nrar.net. (Jadi ...

Blogumus, animasi flash untuk tag cloud

Assalamu'alaikum Wr. Wb Baru saja baca dii bloggerbuster tentang bagaimana membuat label cloud menjadi lebih menarik dengan menggunakan blogumus . Blogumus aslinya merupakan tag cloud dengan nama wp-cumulus untuk wordpress yang dibuat oleh roy kemudian di buat versi bloggernya oleh amanda . Langkah-langkah untuk memasangnya mirip dengan cara memasang label cloud sebelumnya. Langkah pertama adalah Login di blogger dan klik pada layout, pastikan widget label telah terpasang, jika belum maka pilih Page Elements--->Add a Page Element dan pilih label ( dengan catatan anda belum punya label, jika sudah ke langkah no 2 Setelah di tambahkan dan di save, klik bagian Edit HTML, cari bagian yang memiliki kode seperti berikut, Setelah ketemu replace kode di atas dengan kode berikut Blogumulus by Roy Tanck and Amanda Fazani , Edited By wa2nlinux Klik disini untuk memasang blogumus Selesai Kode di atas dapat didownload disini Jika diinginkan di ganti-ganti dim...

Backup Blog di Blogger

Gambar
Assalamualaikum Wr. Wb Belum lama blogger membuat sebuah tool baru yang memudahkan kita untuk membackup blog kita yang ada di blogger.  Untuk menggunakan tool  ini kita harus login blogger menggunakan blogger in draft setelah login klik bagian Setting --> Basic ---> Export Blog seperti gambar berikut,   Setelah di klik export maka akan seperti gambar berikut,     Setelah itu maka akan di hasilkan file XML yang tersimpan di hardisk kita. File ini menggunakan  Atom XML namun masih bisa dilihat dengan baik dengan menggunakan Konqrueror, seperti gambar berikut   Yup lumayan, kalo ada backupnya :D. Namun perlu diingat bahwa yang dibackup cuman isi posting dan komentar, gambar, theme tidak ikut serta di backup. Cara lain untuk backup bisa menggunakan fasilitas dari wordpress yang dapat membackup konten dari blogger. Semoga bermanfaat Wassalamualikum Wr. Wb

KNO(w)L(edge)- Knol, a unit of knowledge

Gambar
Assalamu'alaikum Wr. Wb Setelah cukup lama "sendirian" dalam menyajikan data, informasi atau artikel yang diolah secara bersama-sama menjadikan sebuah ensiklopedia online terbesar, kini Wikipedia punya "rival" baru yang bernama knol . Knol yang berslogan " share what you know " merupakan produk yang di umumkan pada desember tahun lalu dan akhirnya di launching beberapa hari yang lalu. Knol secara prinsip mirip dengan wikipedia yang menyajikan informasi yang didapat dari orang yang memiliki pengetahuan pada suatu topik atau artikel. Gambar berikut mengambarkan bagaimana Knol dan kontributor berelasi . Untuk bisa berkontribusi kita dapat mendaftar melalui halaman web knol, jika memliki akun di google secara otomatis kita bisa langsung login menggunakan login yang sudah ada. Saat ini sebagain besar topik yang ada adalah bidang kedokteran. Ddengan dukungan google, Knol akan menjadi saingan berat wikipedia untuk memberikan informasi yang akurat. Ap...

Menambah Star Rating di blogger

Gambar
Assalamu'alaikum Wr. Wb Setelah menggunakan dassboard baru dari draft.blogger terdapat fasilitas star rating, yang digunakan agar posting di blogger dapat di "rating" oleh pembacanya. Jika ingin menggunakan fasilitas ini cukup login via draft.blogger.com dan edit bagian Layout--->Edit Page Element dan edit dibagian posting blog seperti gambar berikut, Namun tidak semua template support dengan metode ini, kebetulan template saya yang 3 kolom tidak support metode ini :(. Maka diperlukan pengeditan secara manual template uang ada ( ingat backup dulu template nya yah ) melalui Layout--> Edit HTML dan klik bagian expand widget templates kemudian cari bagian atau atau Terserah pada bagian yang mana, pemilihan ini akan menentukan letak dimana star rating akan ditempatkan. Setelah ketemu pastekan kode berikut setelah kode di atas. Yup simpan dan selesai. Note : kalo kode di atas belum jelas ( masih cari car...

Mencoba blogger in draft

Gambar
Assalamu'alaikum Wr. Wb Karena ada "promosi" dari blogger untuk mencoba fasilitas baru yang nantinya akan diaplikasikan di blogger ( di ujicoba dalam draft . Dashboard yang dibuat oleh draft lebih baik daripada yang lama. Saya mencoba membuat dashboard draft sebagai default dengan melakukan cek seperti gambar berikut, Dengan membuat dasboard sebagai default maka kita tidak perlu login ke draft .blogger untuk mencoba fasilitas-fasilitas terbaru dari blogger ini. Fasilitas editor blognya lebih baik, untuk menambahkan link, gambar juga lebih baik, pada tool untuk memasukan gambar terdapat pengecekan dulu apakah alamat gambar nya sudah benar atau belum. Preview postnya juga lebih baik daripada yang lama. Tidak ada salahnya untuk mencoba fasilitas ini. Semoga bermanfaat Wasslamu'alaikum Wr. Wb

Live blogging dengan docs.google

Assalamu'alaikum Wr.Wb Pengolah dokumen dari google ternyata bisa digunakan juga sebagai media menulis di blogger. Cukup dengan menuliskan di docs.google dan memberikan, tentu saja harus sudah mempunyai akun di sana. Dengan meng "klik" bagian Share Menu (menu bagi-pakai jika menggunakan bahasa), pilih t “Publish as Web Page” dan diikuti dengan “Post to Blog.” Nah sedikit trik perlu digunakan untuk bisa "live blogging" sehingga kita bisa update apa yang kita tulis dan tertampil di blogger. Buka satu tab lagi di docs.google untuk membuka dokumen yang sama, tuliskan update, simpan dan kembali ke tab satunya untuk mempost ulang tulisan. Dengan cara ini maka tulisan di blogger akan selalu terupdate. Namun sepertinya tidak semua template mendukung khususnya untuk meberikan judul posting, seperti di blog ini "terpaksa" harus manual memberikan judul dan label setelah selesai "live blog nya" Semoga bermanfaat Wassalamu'alaikum Wr. Wb

Virtual Reality

Gambar
Assalamu'alaikum. Wr. Wb Pengemar Virtual reality ? Berita gembira datang dari Google dengan merilis prduk beta yang diberi nama Lively, sebuah "dunia" 3D yang dapat diintegrasikan dengan beberapa aplikasi Online. Lively dapat di download di lively.com Dengan mengunduh program ini maka users dapat membuat room yang dapat dicangkokkan di blogs atau situs web. Membuat avatar daln lain-lain. Namun "sayangnya" aplikasi ini hanya bisa dinikmati dengan sistem operasi Windows XP and Vista dan browser Internet Explorer atau Firefox. Semoga bermanfaat Wass. Wr. Wb

Memasang tag cloud di blogger

Gambar
Assalamu'alaikum Wr.Wb Tag cloud atau disebut juga label cloud merupakan daftar semua label yang digunakan untuk menandai suatu artikel. Pertama kali yang mengimplementasikan widget ini adalah phydeaux3 , langkah-langkah pemasangan dengan cara di sini lumayan susah terutama bagi yang masih baru di blogger. Kemudian oleh bloggerpluggin dipermudah, berikut langkah-langkah pemasangan tag cloud, Login di blogger dan klik pada layout, pastikan widget label telah terpasang, jika belum maka pilih Page Elements--->Add a Page Element dan pilih label Setelah di tambahkan dan di save, klik bagian Edit HTML, cari bagian yang memiliki kode seperti berikut, Setelah ketemu replace kode di atas dengan kode berikut ( ) Edited By: wa2nlinux Selesai Kode di atas dapat didownload disini Jika diinginkan di ganti-ganti warna cloudnya s...

Menganti favicon di blogger

Assalamu'alaikum Wr. Wb Sekedar bagi tips :D Untuk menganti favicon default di blogger yang bergambar huruf G digantikan dengan favicon favorit kita cukup dengan membuat favicon sendiri dengan perangkat grafis ato bisa membuat gratis di internet seperti di sini . Langkah selanjutnya kita upload gambar ke Internet ( saya make picasweb, punya google juga) dan masukan kode seperti dibawah ini, setelah bagian <head> <link href='http://lokasifile.com/namafile.png' rel='shortcut icon'/> Ok selesai :D maka favicon akan berganti Semoga ada manfaat Wassalamu'alaikum Wr. Wb

Menghilangkan NavNar (Navigation Bar)

Assalamu'alaikum Wr. Wb Sebenarnya sudah banyak yang menulis masalah ini :D, ya sekedar mengingatkan kembali saja. Untuk menghilangkan Navigation Bar ato sering disebut NavBar, sebuah frame yang terletak pada bagian atas halamab blog jika kita menggunakan blogger dari google.com. Cara menghilangkannya cukup sederhana hanya perlu menambahkan layout pada template html yang dimiliki. Langkah pertama Klik bagian Layout ----> Edit HTML. Pastekan kode berikut #navbar-iframe { display: none !important; } atau jika menggunakan blogger versi terbaru #navbar { height:0px; visibility:hidden; display:none } Pada bagian template HTML setelah bagian CDATA[ dan sebelum ]] Meletakkannya terserah, namun tentu saja tidak menganggu layout yang lainnya :D. Paling mudah letakkan setelah bagian ini, /* * ----------------------------------------------------- * Blogger Template Style * Name: Snapshot: Madder * Designer: Dave Shea * URL: mezzoblue.com / brightcreative.com * Date: 27 Feb 20...

Membuat blogger dikenal di Google Webmaster

Gambar
Assalamu'alaikum Wr. Wb. Goolgle Webmaster Tools merupakan salah satu alat yang dapat menjadikan suatu situs web lebih dikenal oleh google. Sehingga keberadaan suatu situs web akan lebih mudah terlihat oleh Google. Dengan tool ini dengan cepat dapat melihat query yang dilakukan para pengujung dalam menemukan wes sites. Untuk menggunakan tool ini cukup dengan membuat akun di Google akun, jika sedah memiliki maka pilih Webmaster Tools . Langkah pertama untuk menggunakan tool ini adalah dengan menambahkan situs, sperti gamabr berikut, Setelah ditambahkan situs web kita maka langkah selanjutnya adalah melakukan vwerifikasi bahwa web tersebut memang kita yang mengkontrol(memilkiki). Untuk para pengguna blogger.com klik verify dan pilih method meta tag, seperti gambar berikut, Meta tag dapat ditambahkan dengan mengedit file template dan meletakan tag sesuai yang diminta google webtools di atas tag "/head" seperti gambar berikut Kemudian save templatenya dan klik verify di goog...