Blog Netfori

Cara Keyword Planner, Guna Mengoptimalkan Adsense dan Riset Keyword

noreply@blogger.com (rahmat) — Tue, 13 Aug 2013 06:59:00 +0000

Dalam artikel ini, saya akan mengungkap seluk beluk salah satu alat yang dikeluarkan oleh google sebagai media untuk mengoptimalkan pendapatan adsense dan membantu anda untuk melakukan riset keyword dengan baik dan benar. Alat yang digunakan untuk mengoptimalkan pendapatan adsense dan membantu untuk melakukan riset keyword yang terbaru adalah Google keyword planner. Tool keyword planner ini baru muncul pada tahun 2013. Berfungsi sebagai media pengganti tool sebelumnya yaitu Google keyword Tool.

Banyak sekali perubahan dan penambahan fitur yang ada dalam Keyword Planner dibandingkan dengan fitur Keyword tool. Google memang sengaja membuat fitur Keyword Planner agar lebih memudahkan pengguna dalam mengoptimalkan adsense dan melakukan riset keyword daripada menggunakan Google Keyword Tool. Untuk itu, mari kita bersama membahas secara gamblang ada apa saja dalam fitur tersebut.

Cara Menggunakan Google Keyword Planner

Sebelum saya menjelaskan cara menggunakan Keyword Planner, ada 3 bagian penting yang akan saya jelaskan dengan runtut.

Pertama, cara menggunakan Keyword Planner;
Kedua, cara menggunakan keyword planner untuk optimamalisasi google adsense;
Terakhir, cara menggunakan keyword planner untuk riset keyword.

Cara Menggunakan Keyword Planner

Tool ini akan memaparkan hasil yang lebih baik, lebih akurat, lebih detail, lebih banyak dibandingkan dengan Keyword Tool. Oleh karena itu, pilihan dan fitur yang beragam akan membuat anda lebih bingung…. Mari kita jelaskan bersama-sama

Yang harus dilakukan pertama kali adalah login ke akun google anda dengan membuka link ini: https://adwords.google.com
Dalam bagian menubarnya, anda klik Tools and Analysis > Keyword Planner.

3. Bagian bawah menubar terlihat kolom Enter a bid dan Enter daily budget, kolom ini dibiarkan terlibih dahulu. Cari tulisan “Search for Keywords” klik > muncul kotak dialog baru.

4. Dalam Modify search, ada 3 piihan (masing-masing pilihan akan dijelaskan pada bagian nomor 5).

Pilih “Search for Keyword and ad group ideas”
Masukkan kata kunci sesuai keinginan kita dalam kolom “Your product or services”
Kolom “your landing page” dibiarkan kosong.
Kolom “your product category” dapat diisi dengan kategori kata kunci yang sesuai. Kolom ini dapat dibiarkan kosong.
Klik “Get ideas”

5. Muncul “ad group ideas” dan “Keyword ideas”. Hasil yang berkaitan dengan kata kunci yang kita masukkan tadi telah muncul.

Note:

Search for keyword and ad group ideas: berfungsi untuk mencari kata kunci yang sesuai dan kata kunci yang berkaitan.
Enter or uploud keywords to see how they perform: berfungsi untuk mencari kata kunci dengan bantuan special karakter seperti “; [; dan ]. Kita dapat memasukkan kata kunci dengan format seperti “Seo”, [seo], atau seo.
Multiply keyword lists: berfungsi untuk memasukkan lebih dari satu kata kunci dengan cara menggunakan pemisah karakter koma.

Cara menggunakan keyword planner untuk optimamalisasi google adsense

Banyak sekali cara yang kita lakukan guna menaikkan pendapatan dari google adsense. Optimalisasi dari segala bidang kita lakukan. Terlebih dengan menggunakan keyword planner ini. Dalam goole keyword planner, terdapat “average cpc” yang menunjukkan harga dari keyword yang kita inginkan. Penjelasan cara mengoptimalkan pendapatan adsense dengan keyword planner sebagai berikut.

Lakukan “cara menggunakan keyword planner” di atas sebelum menggunakan cara ini.
Misal, kita ingin menembak keyword “search engine optimization”, setelah melakukan pencarian klik bagian “keyword ideas”.
Muncul tabel yang menunjukkan “average cpc”. Hingga artikel ini ditulis, average cpc yang diperoleh dengan keyword search engine optimization sebesar Rp119.008,39,- Nilai yang sangat besar bagi orang Indonesia.

4. Untuk meningkatkan dan mengoptimalkan keyword yang ingin kita tembak, dapat melakukan penyetingan pada kolom “customize your search”. Ada 3 bagian yang dapat kita seting lanjutan yaitu:

Keyword filters. Bagian ini dapat memaksimalkan pendapatan adsense dengan cara:

Klik “Keyword filters” > Dalam kolom “average cpc”, masukkan harga yang kita inginkan. Misal 50,000; berarti hasil pencariannya hanya mencari dengan average cpc seharga Rp50,000 atau lebih dari itu. Lalu > klik “Get ideas” yang berada di samping kotak pencarian.

Keyword option (penjelasan ada di “cara menggunakan keyword planner untuk riset keyword”)
Include/Exclude

Hanya hal ini yang dapat dilakukan untuk mengoptimalkan adsense. Hal ini berbeda dengan untuk melakukan riset keyword. Dalam melakukan riset keyword dengan menggunakan keyword planner lebih komplek, karena banyak fitur-fitur tambahan dan lebih beragam yang disediakan.

Cara menggunakan Keyword Planner untuk riset keywords

Selain sebagai sarana meningkatkan pendapatan dari adsense, tool Keyword Planner menyediakan fasilitas yang luar biasa jika ada seseorang yang ingin melakukan riset keyword. Beragam fitur yang ada memperbaiki fitur sebelumnya yaitu google keyword tool. Dapat kita simpulkan bahwa Keyword Planner adalah versi Alpha yang sempurna. Penulis akan berusaha mengungkapkan secara mendetail agar hasil riset keyword yang kita lakukan sesuai dengan target kita. Berikut langkah-langkahnya

Lakukan “cara menggunakan keyword planner” di atas sebelum menggunakan cara ini.
Misal, kita ingin menembak keyword “search engine optimization”, setelah melakukan pencarian klik bagian “keyword ideas”.
Pada bagian “Targeting” anda dapat memilih:

Negara mana yang akan anda targetkan. Pemilihan ini dapat lebih dari satu Negara, missal kita memilih United State dan Indonesia.
Negara mana yang akan anda targetkan. Pemilihan ini dapat lebih dari satu Negara, missal kita memilih United State dan Indonesia.
Google. Bagian ini berfungsi untuk memilih mesin pencari mana yang ingin digunakan.
Negative keywords. Bagian ini berfungsi untuk menyaring kata kunci tertentu yang tidak akan ditampilkan dalam hasil riset.

Pada bagian “Customize your search” anda dapat menyetting:

Keyword options. Bagian ini berfungsi menyaring beberapa hasil riset. Ada 3 bagian yang dapat diatur. Yaitu:

Show adult ideas
Show keywords in my account
Show keywords in my plan

Include/Exclude. Bagian ini dapat diisi dengan kata kunci lainnya yang berkaitan.

Demikian penjelasan mengenai google keyword planner. Cara di atas memang terlihat rumit apalagi jika tidak dipraktekkan. Semoga artikel yang saya buat dapat membantu anda untuk memudahkan dalam menggunakan google keyword planner. Jika masih ada pertanyaan atau sesuatu yang mengganjal dan tidak tahu, jangan sungkan untuk bertanya. Insyaallah akan saya balas dengan jawaban yang memuaskan. Saya dan keluarga besar mengucapkan Selamat Hari Raya Idul Fitri 1434 H. Mohon maaf lahir dan batin. Semoga amal ibadah selama bulan ramadhan yang lalu diterima dan segala dosa dihapuskan oleh Allah SWT (walaupun sudah agak telat gak papa ya...) Terimakasih. Jangan lupa terus subscribe agar mendapatkan update artikel terbaru secara gratis!

Sumber: beberapa pengalaman yang saya kembangkan sendiri. Hehehe.

Pengertian E-mail

noreply@blogger.com (rahmat) — Sat, 13 Jul 2013 22:18:00 +0000

Pengertian E-mail-E-Mail (Electronic Mail) adalah sebuah fasilitas komunikasi dalam Internet yang berfungsi mengirim surat secara elektronik yang dapat menjangkau ke seluruh dunia melalui jalur jaringan computer (misalnya internet).

E-mail merupakan salah satu kemudahan atau aplikasi yang paling banyak digunakan di internet. Hal ini karena e-mail adalah alat komunikasi yang paling murah dan cepat. Melalui e-mail Anda dapat berhubungnan dengan siapa saja yang terhubung ke internet di seluruh dunia dengan biaya relatif terjangkau. Anda juga dapat mengirim file-file seperti program, gambar, grafik, dan sebagainya, dan dapat mengirim kelebih dari satu orang sekaligus dalam satu waktu.

E-mail dapat dibedakan menjadi dua, yaitu e-mail berbasis SMTP/POP dan e-mail berbasis web. Berikut keterangan e-mail berbasis web dan e-mail berbasis SMTP/POP:

E-mail Berbasis SMTP/POP

E-mail berbasis SMTP/POP (Simple Mail Transfer Protocol/Post Office Protocol) adalah e-mail yang menggunakan server SMTP/POP, yaitu komputer yang dapat mengirim e-mail dari pengguna ke alamat e-mail yang dituju dan sebaliknya. Agar dapat menggunakan fasilitas e-mail pada server SMTP/POP, pemakai harus mempunyai account di server SMTP/POP. Selain itu, pemakai juga harus menggunakan software mail client untuk membaca dan mengirim e-mail dari dan ke server SMTP/POP. Apabila server telah menyediakan layanan Telnet, maka pengguna dapat masuk ke mesin server, kemudian menjalankan software mail client pada server. Namun jika server tidak menyediakan layanan Telnet, maka pengguna harus memiliki software mail client seperti Ms Outlook, Eudora, Ms Outlook Express, Pegasus, dan Netscape Communicator. Agar dapat menggunakan software mail client, pengguna harus melakukkan setting atau pengaturan beberapa informasi, seperti nama (alamat IP) server SMTP/POP, nama user (user name/user ID), dan password pada server e-mail.

Pada server SMTP/POP, semua e-mail yang dikirim ke pengguna dan telah memiliki account di server akan disimpan dalam sebuah direktori. Kemudian, saat pengguna menghubungi server, semua e-mail yang ditujukan kepadanya akan dikirim ke komputer client. Sebaliknya, saat pengguna ingin mengirim e-mail ke suatu alamat e-mail, maka e-mail tersebut akan dikirim ke server SMTP/POP dan selanjutnya akan diteruskan ke alamat yang dituju.

2. E-mail Berbasis Web

E-mail berbasis Web berbeda dengan e-mail berbasis POP. Pada E-mail berbasis Web, pengguna tidak perlu memiliki account POP pada server SMTP/POP karena akses e-mail dilakukkan melalui Web Mail dengan menggunakan browser. Di internet, kita dapat menggunakan situs yang menyediakan layanan e-mail (webmail) gratis seperti : Yahoo (mail.yahoo.com), Google (Gmail.google.com), Hotmail (www.hotmail.com), dll.

Selain E-mail gratis, juga terdapat e-mail langganan melalui ISP (Internet Service Provider), seperti indonet.com, telkomspeedy.com, wasantara.com, elganet.com, dan lain-lain. Namun, biasanya e-mail dari ISP merupakan e-mail berbasis SMTP/POP.

Alamat E-mail

Dengan mengggunakan layanan e-mail gratis, kita akan mendapatkan alamat e-mail. Alamat e-mail dapat diibaratkan sebagai sebuah nomor telepon atau alamat suatu rumah. Alamat e-mail sudah tentu unique atau dengan kata lain tidak ada alamat e-mail yang sama. Berikut penjelasan tentang contoh alamat e-mail yang ada:

Contoh: username@yogya.ppdb.gov.id

Keterangan:

username: nama kotak surat atau nama pengguna yang ingin dituju dalam mail server.
yogya.ppdb.gov.id: nama mail server tempat pengguna yang ingin dituju, dengan rinciannya:

yogya: subdomain (milik pemegang nama domain), biasanya merujuk ke suatu computer dalam lingkungan pemilik domain. “yogya” merupakan subdomain dari domain “ppdb”
ppdb: nama domain, biasanya menunjukkan nama perusahaan/ perorangan/organisasi.
gov: second level domail, menunjukkan domain ini termasuk kategori milik pemerintah (government/gov).
id: top level domain, menunjukkan bahwa domain ini terdaftar di otoritas domain Indonesia (id).

Kelebihan E-mail

Kenyamanan

Dengan mengirim surat melalui e-mail pasti lebih cepat. Dapat dibandingkan dengan mengirim surat melalui kantor pos. Untuk mengirim lewat kantor pos, berbagai persiapan harus dilakukan terlebih dahulu sebelum mengirim suratnya. Sebagai contoh harus menyiapkan amplop, perangko, lem dan sebagainya. Pasti memakan waktu lama. Tidak hanya itu, dengan mengirim surat lewat e-mail biaya yang dibutuhkan lebih sedikit. Pengeluaran uang untuk tarif prangko dan kantor pos bila mengirim lewat e-mail sudah tidak diperlukan. Kelebihan lain yang ditawarkan adalah dapat mengirim banyak surat ke alamat tujuan yang berbeda-beda sekaligus dalam waktu yang sama.

Menyeluruh/Global

Email bisa digunakan oleh siapa saja, di mana saja, dan kapan saja sebagai sarana komunikasi di seluruh penjuru dunia. Kita bisa menyimpan e-mail di server yang tidak akan hilang kecuali dihapus. Pesan multimedia Pesan yang dikirim tidak hanya sekedar teks (tulisan) saja. Isi e-mail dapat berupa gambar, foto, video, program, bahkan suara.

Kelemahan E-mail

Terkirim ke Alamat yang Salah

Bila sebuah e-mail yang berisi dokumen-dokumen penting salah alamat, maka ada kemungkinan dokumen tersebut disalahgunakan. Sedangkan alamat e-mail harus sesuai dengan kaidah penulisan yang telah saya sampaikan di atas.

Rawan Penyadapan

Tidak tertutup kemungkinan e-mail kita disadap orang lain. Pada saat kita mengirim e-mail, sebenarnya e-mail melewati banyak server-server lainnya. Maka dari itu, bila e-mail mengandung isi yang sensitive atau rahasia sebaiknya kita melakukan tindakan pencegahan dengan mengacak (enkrip) data dalam e-mail tersebut.

E-mail Spam dan Pemalsuan Identitas

Terkadang banyak e-mail masuk datang bertubi-tubi, padahal e-mail tersebut sama sekali tidak kita inginkan, hal ini yang disebut e-mail spam (sampah e-mail). Contoh e-mail spam adalah e-mail yang berisi tentang iklan suatu produk, pemerasan, dan penipuan. Semua pengguna e-mail pasti tidak menginginkan hal tersebut.

Membuat e-mail memang mudah. Tetapi karena sebab itulah, terkadang ada oknum yang sengaja memalsukan identitasnya. Kita tidak bisa memastikan identitas seseorang hanya dengan mengetahui alamat e-mail yang dimilikinya.

Sumber:

internet.artikel2.com

www.cbd.web.id

id.wikipedia.org

bramastaaditya.blogspot.com
Tim penyusun. 2008. Buku Ajar Teknologi Informasi dan Komunikasi Kelas VIII SMP Sekolah Bertaraf Internasional. Jakarta: Departemen Pendidikan Nasional Direktorat Pembinaan Sekolah menengah Pertama.

Cerita Google Adsense dan Dilemanya #2-Selesai

noreply@blogger.com (rahmat) — Tue, 09 Jul 2013 07:19:00 +0000

Cerita Google Adsense dan Dilemanya #2-Selesai~Setelah berniat untuk memulainya, maka yang pertama kali saya lakukan adalah browsing informasi sebanyak mungkin tentang cara mendapatkan approval google adsense. Informasi yang saya dapatkan seputar kualitas artikel, kelengkapan konten blog, jumlah visitor organik, blog tidak melanggar TOS google adsense, dan kisah bagaimana bisa mendapatkan persetujuan google adsense. Dari semua itu banyak artikel yang saling bertentangan. Sebagai contoh, ada yang mengharuskan jumlah visitor banyak dan blog sudah harus berumur. Sedangkan di postingan lainnya menjelaskan itu tidak tertalu berpengaruh. Sehingga saya bingung menentukan.

Agar tidak bingung lebih baik baca arrtikel sebelumnya tentang

Cerita Google Adsense dan Dilemanya Bagian 1

Ada dua informasi yang sangat menarik setelah browsing kemana-mana. Yang pertama adalah ada blog yang menawarkan jasa google adsense dan yang kedua pembahasan tentang mendapatkan persetujuan google adsense dalam waktu singkat. Informasi itu saya cermati baik-baik. Informasi yang pertama membuat saya penasaran. Bagaimana bisa ada orang yang memberikan jasa approval google adsense? Apakah orang yang memberikan jasa itu adalah tim google? Pastinya tidak mungkin. Hingga ada yang melayani jasa approval google adsense dalam waktu 3 jam saja! Sangat mengherankan.

Sedangkan informasi yang kedua menyatakan bahwa semua orang dapat mendapatkan persetujuan itu. Tanpa harus memikirkan jikalau ditolak. Saya cermati satu-persatu kata-katanya. Ternyata oh ternyata, mendapatkan akun google adsense dengan cara mendaftar terlebih dahulu lewat youtube. Baru setelah disetujui, menyalin kode iklannya ke blog masing-masing. Dengan cara ini hampir semua akun pasti disetujui oleh google adsense.

Langkah kedua yaitu mulai mencoba mendaftar, pastinya─setelah sekiranya sudah mencukupi persyaratan. Rasa deg deg-an di hati pun muncul. Berikut kronologinya:

Hari pertama: Setelah mendaftar hanya melakukan blogwalking biasa. Tidak menerbitkan artikel terbaru. Berdoa siang-malam terutama setelah selesai sholat.
Hari kedua: berhasil melewati peninjauan pertama, untuk selanjutnya memasang kode iklan di blog. Pada hari kedua ini, saya juga nge-post status di facebook yang berbunyi,

Teman-teman doakan saya semoga blog netfori dapat diterima oleh google adsense.
Ya Allah kabulkan permintaan seorang hambamu ini sebagaimana doanya sebagai berikut: Ya Allah ya rahman ya rahim yang maha berkehendak serta pengabul segala doa, kabulkan lah agar Blog Netfori dengan alamat URL netfori.blogspot.com dapat diterima dan diberikan kelayakan oleh google adsense sebagai publisher iklan pada google adsense. Demikian Ya Allah permohonan hambamu ini. Kabulkan lah, aminnn ya rabbal'alamin...

Agar banyak orang yang mendoakan kelancaran persetujuan google adsense. Alhamdulillah ternyata support dari teman-teman facebook sangat mendukung.

Hari ketiga-keempat: blogwalking biasa dan tidak menerbitkan artikel baru. Padahal banyak yang menyarankan agar pada hari-hari peninjauan menerbitkan artikel terbaru yang unik dan berkualitas. Berniat bernazar yang baik jika berhasil di approve.
Hari kelima: Baru menerbitkan artikel tentang Cara membuat kode link hidup di teks javascript.

Hari yang kelima adalah hari penentuan. Hari di mana blog akan disetujui sebagai publisher google adsense atau tidak. Hari yang menentukan masa depan blog ini. Dengan diterimanya blog ini sebagai publisher, saya sudah bernazar bila diterima yang akan saya lakukan ketika mendapat gajian dari google adsense, 1) mengeluarkan zakat mal sesuai ketentuan. 2) Berbagi hasil tersebut kepada teman-teman walau pun dalam jumlah yang kecil (yang penting bagi-bagi). Terutama teman-teman yang sudah membantu mendoakan.

Masih ingat, ketika itu waktu menunjukkan sekitar jam 2 siang. Saya membuka e-mail dengan rasa deg-deg an, cemas, khawatir, was-was, dan sebagainya. Hari ini hari yang kutunggu yang sebelumnya─selalu mengecek e-mail tetapi belum juga ada tanggapan. Seletah berhasil membuka kotak masuk, ada sebuah pesan dari “Adsense Noreply”. Nah ini dia surat cinta keputusan dari google. Saya buka dengan perlahan. Lalu terbuka suratnya!

Alhamdulillah, wasyukrulillah. Allahu akbaaarrr! Saya bersyukur kepada Allah SWT, akhirnya setelah perjuangan selama 5 hari blog ini ditolak dengan tulus oleh tim google adsense. Ditolak, tidak disetujui, diabaikan, dikucilkan dan segelintir kata-kata yang sekira cocok. Yah itu dia, ditolak-ditolak. Rasa apa yang pertama muncul setelah ditolak cinta saya oleh google adsense? Rasanya seperti orang ditolak cintanya oleh calon pacar. Itu perumpamaan yang paling gampang diibaratkan pada waktu itu. Rasa kaget, putus harapan, dan putus asa.

Ditolak cintnya oleh tim google adsense? Terus saya ngapain ngeblog dong? Buang waktu aja berarti? Rasa cinta kepada dunia blogging terus bergejolak antara iya dan tidak, antara bumi dengan langit, antara surga dan neraka. Pilihan ini sulit! Sulit sekali! Mungkin tak bias dibayangkan begitu saja, kecuali orang yang sudah pernah merasakannya.

Ternyata ditolak tidak sama dengan dibanned. Walau pun ditolak tetapi harapan dengan mendaftar ulang lagi masih ada. Setelah merenungi dan meratapi surat cinta penolakannya saya dengan tak sadarkan diri mendaftar ulang. Entah bagaimana ini terjadi, saya tak sadarkan diri ketika mendaftar ulang yang kedua kalinya.

Kali ini saya daftarkan untuk yang kedua kalinya, persiapan masih sama seperti sebelumnya. Tetap berdoa bermunajat kepada Allah. Kali ini perbedaan yang ada hanyalah saya memposting artikel pada hari ke-2 yaitu artikel tentang Cara Membuat Mega Menu Drop Down Di Blog. Dan ternyata Alhamdulillah, surat cinta penolakan telah berubah menjadi surat cinta persetujuan, Saat berhasil disetujui berarti nazar saya harus saya lakukan dengan baik dan tidak boleh saya lupakan.

Saya hanya berpesan, dengan memiliki akun google adsense tidak berarti akan mendapatkan banyak uang lewat dunia maya. Harus tetap ditekuni dan dijalani dengan sabar. Saya saja yang menjadi publisher google adsense tidak serta merta mendapat klik banyak yang menghasilkan uang. Sudah dua bulan saya jalani dan saya belum mendapat payout minimum sebesar $100 dari google. Uang yang saya dapatkan masih sedikit. Oleh karena itu sebaiknya apa pun itu jika halal maka lakukan dengan sungguh-sungguh serta kontinyu. Tidak ganti-ganti, serta harus teguh pendirian. Bila ingin menjalani “A” tetap harus “A”, jangan ke “B”. Sudah boleh ganti ke “B” bila ang “A” sudah berjalan dengan baik.

Sekian cerita ini semoga dapat menghibur dan member manfaat. Kesimpulannya hanya dengan kesungguhan dan kerja keras, semua akan terlaksana. Layaknya pepatah Arab:

"Man Jadda Wajada”, “Siapa bersungguh-sungguh akan berhasil”.

Sekian artikel yang menjadi penghantar dalam Bulan Suci Ramadhan 1434 Hijriah. Segala kesalahan lahir dan batin yang saya lakukan mohon dimaafkan. Saya pun juga begitu, jika saya mempunyai kesalahan, terutama jika blogwalking kepada teman-teman sesame blogger ada salah tutur kata, saya minta maaf yang sebesar-besarnya. Bukan kah begitu yang benar? ;) Terimakasih.

Alhamdulillahirabbil’alamin.

Cerita Google Adsense dan Dilemanya Bagian 1

noreply@blogger.com (rahmat) — Wed, 03 Jul 2013 18:16:00 +0000

Bismillahirrahmanirrahim..

Ini merupakan kisah saya, berkaitan dengan perjalanan selama berblogging serta bermain google adsense. Anda pasti sudah tahu google adsense (bagi yang belum tahu semoga dapat mencerna sedikit demi sedikit cerita saya). Ketika pertama kali terlintas dengan judul google adsense, ada sebagian orang yang kecewa atau malas membacanya. Kemungkinan besar karena belum mencoba mendaftar, atau mungkin sudah mendaftar tetapi dengan suksesnya ditolak oleh google adsense. Daripada membahas bagaimana bisa diterima/di-approve, saya akan lebih fokuskan kepada cerita tentang google adsense beserta dilemanya. Dengan tujuan sekunder, sambil menyemarakkan 10 Tahun Peringatan Ulang Tahun Google Adsense (walaupun sudah dari beberapa hari yang lalu). Semoga bisa bermanfaat.

Berawal dari ketidaktahuan, saya hanya berblogging dengan alasan ingin berbagi ilmu yang bermanfaat kepada pambaca dunia maya. Pertama kali saya memutuskan tujuan pembuatan blog ini semata-mata untuk berbagi ilmu. Bila tidak percaya silahkan baca: Awal mula berdirinya blog netfori. Itu merupakan postingan awal yang berfungsi untuk mengawali blog ini. Di sana juga disebutkan arti dari nama blog NETFORI itu sendiri.

Setelah memulai untuk menulis beberapa artikel dan lebih mengerti seluk beluk dari berblogging, saya menemukan beberapa artikel yang membahas tentang google adsense. Jelas saja saya tidak tahu apa itu. Maka saya biarkan dan tidak terlalu mempedulikan. Ketika bertemu teman sesama blogger, saat itu ialah admin dari blogmashanif.blogspot.com yaitu Hanif Maliki─ yang notabene blognya telah sukses daripada blog ini─saya berkonsultasi dan menanyakan tentang apa sebenarnya google adsense itu. Ketika itu yang saya ingat pembicaraannya berada di warung mie ayam belakang Telkom Yogyakarta (mie ayamnya lumayan, dengan harga standar bisa dapet banyak+acar). Dari pembicaraan itu Hanif Maliki sempat curhat bahwa dia dua kali mencoba mendaftar google adsense tetapi ditolak melulu dan memutuskan tidak ingin mendaftar lagi. Bahkan pada bulan april 2013 (kalau tidak salah) admin blogmashanif.blogspot.com, menawarkan saya untuk membeli blognya dengan harga Rp100.000, wow! (bagi sang admin, dapat mengkonfirmasikan perihal ini di kotak komentar).

Pernah juga berpikiran bahwa yang dapat mendaftar google adsense ialah yang memiliki tab “Earnings” atau “Penghasilan” dalam menu blognya. Pada saat itu saya tidak memiliki tab “Earnings” dalam menu blog saya. Maka saya berfikiran bahwa saya tidak ditakdirkan untuk memiliki google adsense dan mencobanya. Saya iri kepada teman blogger lainnya yang ternyata memiliki menu “earnings” tersebut. Oleh karena itu saya tak ambil pusing memikirkan goole adsense dan masih terfokus untuk mengembangkan blog saya menjadi lebih baik.

Beberapa waktu berselang hingga akhirnya saya berpikir, “ngapain saya ngeblog?” “apa keuntungan buat saya?” “Bukankah hanya buang-buang waktu saja?”. Pikiran itu terus terngiang ketika saya mulai bosan dengan aktifitas ngeblog. Akhirnya mulailah berpikiran untuk menghasilkan uang lewat blog tercinta ini.

Aktivitas mencari uang lewat blog juga terinspirasi oleh teman saya. Ia berhasil mendapatkan uang sekitar Rp350.000 hanya dalam waktu 4 hari saja. Blog tersebut beralamat di wordpadvacum.blogspot.com. Dengan tampilan yang biasa dan belum teroptimasi layaknya blog yang sudah ber-alexa tinggi─tetapi berhasil mendapatkan uang lewat jasa iklan yang ditawarkan. Maka dari itu saya berkonsultasi dengan dia dan menerbitkan artikel Pasang IklanMurah Di blog Netfori. Ini sebagai pengawal berbisnis lewat blog.

Banyak hal yang saya lakukan agar ada orang yang mau mengiklankan iklannya di blog saya. Mulai dari blogwalking sana-sini, menawarkan ke sesama blogger, mengubah dan mengedit tempat iklan yang strategis, dan lain-lain. Lalu saya pun berpikir dan instropeksi diri, untuk apa saya menawarkan hal tersebut, sedangkan blog saya ini masih sangat minim visitor (rata-rata 150 visitor/hari pada saat itu) untuk ditawarkan kepada pengiklan. Oleh karena itu, bisnis ini meungkin belum dapat berhasil dengan baik bila ingin terus dilanjutkan.

Beberapa lama sudah malas melanjutkan blogging. Tidak ada motivasi tinggi untuk terus berjalan menempuh segala rintangan mengupdate artikel terbaru. Lagipula, terkadang inspirasi buat update artikel saja tidak ada, apalagi blogwalking ke blog-blog teman. Terasa begitu hampa, bahkan terlintas untuk berhenti berblogging untuk selamanya. Ditambah dengan koneksi internet yang super lambat. Untuk buka google.com aja butuh waktu 30 detik-an. Mungkin partikel-partikel electron sedang malas menanggapi adanya perbedaan arus yang terjadi pada kabel-kabel penghantar sinyal modem sehingga untuk bergerak pun sangat malas bak kakung sedang tidur. Semua rasa itu yang membuat mental saya selalu down.

Tak disangka, dalam hati yang paling dalam ~~(atau juga bisa malah bisikan setan)~~ ada sebersit ide untuk menguangkan blog ini. Teringat kembali tentang adanya program seperti PPC, CPC, CPA, CPR, dll yang membuat sebagian orang bisa menjadi sukses besar. Kenapa saya tidak mencoba hal tersebut? Bukankah itu juga salah satu strategi lainnya daripada menuggu dengan tak sabar dan dengan ketidakjelasan ada orang yang mau ngiklan di blog saya?

Akhirnya dengan penuh semangat baru, dan passion di dunia blog yang menggebu-gebu, saya putuskan untuk memulai perencanaan memasuki dan memulai bermain google adsense dengan strategi matang….

Bagaimana kisah selanjutnya? Apa yang terjadi? Dan apa rintangan serta bagaimana hingga blog ini di approve oleh Tim Google Adsense? Ikuti terus cerita part 2, HANYA ADA DI BLOG INI!

Cara Membuat Archive/Sitemap Blog yang Responsive

noreply@blogger.com (rahmat) — Fri, 28 Jun 2013 07:05:00 +0000

Cara membuat Archive/Sitemap Blog yang Responsive- Blog yang baik, pasti memberikan kemudahan bagi pengunjung untuk menelusuri dan mencari berbagai artikel di blognya. Tidak hanya menggunakan widget archive default yang di sediakan oleh blogger, tetapi lebih baik dengan memasang archive/sitemap tersebut di halaman statis blog. Ini diperlukan untuk menampilkan secara keseluruhan artikel yang ada dengan di kelompokkan berdasarkan label/kategori yang kita berikan sebelumnya.

Hasil yang sudah jadi

PENTING! Bagi blog yang belum GO RESPONSIVE sebaiknya baca terlebih dahulu artikel cara membuat archive blog yang lebih baik. Mengapa? Karena archive/sitemap tersebut lebih cepat dibandingkan dengan sitemap yang lainnya.

Tak terbantahkan lagi, perkembangan zaman juga memberikan dampak terhadap perkembangan desain blog. Salah satunya dengan adanya responsive web design. Resposive web design adalah suatu methode pendekatan dalam proses design web site yang bertujuan untuk menghadirkan kemudahan dalam membaca dan melakukan navigasi dengan meminimalisasi proses resize, panning, dan scrolling baik saat website dilihat dari dekstop (PC) ataupun perangkat mobile lainnya (tablet dan smartphone) [sumber: ryanardi.com]. Maka bila ada orang yang menggunakan device seperti hp, PC, maupun smartphone, tampilan web tersebut akan menyesuaikan dengan sendirinya.

Memang bayak yang sudah membahas cara ini, tetapi kebanyakan cara yang disampaikan tidak mendukun desain web yang responsive. Oleh karena itu, di sini saya akan menjelaskan bagaimana cara membuat sitemap/archive/daftar isi di halaman statis tetapi juga responsive. Silahkan dilihat terlebih dahulu demonya.

PreviewResponsive Archive for Blogger
Untuk Melihat Tampilan Responsive dapat melihat di sini.

Cara Membuat Responsive Archive/Sitemap for Blogger di halaman statis

Login Blogger.com > Laman/Pages
Laman Baru/New Page > Blank Page/Laman Kosong
Masukkan judul yang sesuai, contoh: Daftar Artikel, Daftar Posting, Archive Blog, dll.
Tulis kata pengantar yang sesuai (boleh tidak diberikan).
Masuk ke dalam tab “HTML” yang beradap di samping kiri icon “Undo”
Masukkan kode di bawah ini:

<script src="https://googledrive.com/host/0BwGpfL5YSUPlckNBdDFQYjZlXzg" type="text/javascript"></script>
<script src="http://netfori.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
<style type="text/css">
.post-archive { width: 100%; padding: 20px 0; text-transform: capitalize; }
.post-archive h4 { border-bottom: 2px solid #EEEEEE; color: #333333; font-size: 20px; margin: 0 0 10px 2px; padding: 0 0 10px; }
.ct-columns-3 { -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-rule: none; -webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-rule: none; column-count: 3; column-gap: 10px; column-rule: none;}
.ct-columns-3 p { padding: 5px 0px; -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; display: inline-block; width: 100%; }
.ct-columns-3 p a { background: #fafafa; color: #333; display: block; border: 1px solid #FFFFFF; font-size: 14px; line-height: normal; outline: 1px solid #EEEEEE; padding: 10px 15px; -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out; }
.ct-columns-3 p a:hover { background: #4d90fe; color: #fff; }
@media screen and (max-width: 768px){ .ct-columns-3 { -moz-column-count: 1; -moz-column-gap: 0px; -moz-column-rule: none; -webkit-column-count: 1; -webkit-column-gap: 0px; -webkit-column-rule: none; column-count: 1; column-gap: 0px; column-rule: none; } } 
</style>

Ganti kode yang berwarna merah dengan url blog anda.
Ganti kode yang berwarna biru dengan kode warna html agar tampilan sesuai dengan warna template sobat. Untuk mendapatkan kodenya klik di sini. (disarankan)

7. Pada bagian “Options” pilih “Don't allow, hide existing”

8. Klik “Publish” dan selesai. Cek halaman tersebut untuk melihat hasilnya.

Demikian tutor singkat ini. Bila ada saran/masukan/pujian/kritikan silahkan komen di kotak komentar google+ di bawah ini. Terimakasih. Sumber di sini.

Cara Mengetahui Jumlah Subscribers Blog/Web Orang Lain

noreply@blogger.com (rahmat) — Sat, 15 Jun 2013 05:23:00 +0000

Cara mengetahui jumlah subscribers web/blog orang lain-Kita semua tahu kekuatan dari RSS (Rich Site Summary/Really Simple Syndication) Feed. RSS Feed berfungsi untuk mengirimkan artikel terbaru dari blog melalui email. Untuk berlangganan, pengunjung harus memasukkan emailnya di form yang sudah disediakan. Contahnya kotak warna biru di paling bawah postingan ini. Itu adalah kotak untuk berlangganan artikel dari Blog Netfori. Setelah memasukkan alamat email dan mengkonfirmasinya, maka RSS Feed akan menjalankan fungsinya sebagai pengantar artikel ke email tujuan.

Begitu pentingnya RSS Feed, maka hampir semua web/blog harus memilikinya.

Bagi para blogger dan admin web, semakin banyak jumlah subscribers semakin banyak pula yang akan membaca artikel blog kita secara konsisten. RSS subscribers akan mengirimkan artikel terbaru dari sang pemilik web tanpa memedulikan sang subscribers akan membacanya atau tidak. Jadi, interaksi itu dapat menciptakan dan memelihara hubungan dengan para pembaca/pengunjung blog.
Bagi para pengunjung, jika web/blog menawarkan RSS subscription, mereka dapat berlangganan blog tersebut, dan ketika blog tersebut meng-update artikelnya maka akan mendapatkan pemberitahuan ke email mereka. Ini menguntungkan pengunjung yang ingin mengetahui update artikel terbaru tanpa harus mengunjungi web terlebih dahulu. Cukup melihat notifikasi ada artikel terbaru lewat email.

Jumlah subscribers yang banyak juga dapat menarik perhatian para pengiklan dan sponsor blog. Semakin banyak jumlah subscribers semakin banyak pula yang akan membaca artikel terbaru blognya, ini logika sederhana. Maka dengan jumlah subscribers yang banyak akan berpengaruh positif terhadap blog atau web tersebut.

Banyak pemilik blog yang meletakkan FeedCount widget di blog mereka untuk menunjukkan jumlah subscribersnya. Tetapi apakah itu benar-benar asli? Bagaimana jika itu hanya bohongan? atau Bagaimana kita bisa percaya dengan jumlah tersebut? Itu lah beberapa pertanyaan keraguan ketika kita melihat suatu blog/web mempunyai jumlah subscribers yang sangat banyak. Mungkin mereka berbohong!

Dikarenakan beberapa masalah di atas, saya akan memebeberkan solusi jitu untuk mengetahui jumlah subscribers blog tersebut sebenarnya. Maka bagi siapapun yang ingin mengetahui jumlah asli subscibers (jumlah pelanggan) suatu blog atau web dapat mengikuti beberapa cara yang sangat mantab berikut ini:

Trik #1: URL Trick

Trik ini sangat sederhana, hanya saja kita harus mengetahui nama id feedburner blog/webnya. Untuk mengetahuinya lakukan cara-cara berikut ini.

Bagi yang sudah tahu silahkan loncat ke tahap selanjutnya.

Tentukan web yang ingin kita ketahui jumlah subscribersnya.
Temukan widget FeedCount pada blog tersbut. Contohnya gambar berikut. Setelah itu kita klik.

Lalu lihat url yang kita klik tadi. Contoh, http://feeds.feedburner.com/blogmashanif. Maka id tersebut adalah "blogmashanif"

Jika website yang ingin kita tahu telah tersinkron dengan RSS Feed via feedburner dan juga telah menggunakan FeedCount, maka kita dapat megetahui jumlah RSS Subscribers-nya dengan cara memasukkan URL ini:

http://feeds.feedburner.com/~fc/nama-id-feedburner

Hanya dengan memasukkan nama id feedburner setelah tulisan /~fc/ maka akan muncul jumlah subscribers-nya. Contoh punya saya, http://feeds.feedburner.com/~fc/netfori. Berikut gambarnya:

Gambar tersebut menunjukkan jumlah asli subscribers suatu blog dengan id yang sesuai. Ini lah data yang valid dan terpercaya.

Trik #2: Google Reader Trick

Cara di atas bekerja dengan baik bagi kebanyakan blog, tetapi bagi blog yang tidak menggunakan jasa feedburner, cara di atas tidak dapat berjalan. Maka solusinya adalah dengan menggunakan Google Reader. Berikut cara dan pembahasannya:

Pertama yang dilakuka sign-in dengan akun google anda ke google reader. Klik di sini
Lalu sebelah kiri ada tulisan All Items > Browse For Stuffs > Pilih Search (TAB) > Search By Keyword.

Masukkan kata kunci untuk web yang ingin kita ketahui jumlah subscribers-nya. Kata kuncinya sebagai berikut: http://example.com/feeds/posts/default. Contoh punya saya, http://netfori.blogspot.com/feeds/posts/default. Berikut gambarnya:

Setelah itu klik enter. Maka akan muncul data jumlah subscribers.

Google Reader akan menampilkan hasil datanya. Perhitungan Feed Subscribers Count yang muncul dalam Google Reader berdasarkan Google Reader + iGoogle + Google Desktop. Ini memang tidak dapat memberikan jumlah yang tepat tetapi paling tidak dapat memperkirakan banyaknya orang yang berlangganan.

Sekian pembahasan yang dapat saya sampaikan, mohon maaf jika terdapat kekurangan. Terimakasih ucapkan kepada Tuhan YME dan juga kepada blogmashanif, yang telah sudi berkenan menjadi contoh pembelajaran dalam artikel ini. Dapatkan artikel lainnya dengan subscibe email anda dalam kotak biru di bawah yang telah tersedia. Trik ini disarikan dari sini. Lihat juga Cara Membuat Gallery Gambar dengan Efek Keren Accordion dan 1001 Daftar Situs Social Bookmark Pagerank Tinggi 2013. Terimakasih.

Cara Membuat Gallery Gambar dengan Efek Keren Accordion

noreply@blogger.com (rahmat) — Sun, 09 Jun 2013 04:14:00 +0000

Cara Membuat Gallery Gambar dengan efek keren accordion–Saat ini, berbagai design blog dan web sangat pesat perkembangannya. Salah satu yang berkembang adalah efek accordion. Efek accordion mempunyai suatu keunikan tersendiri dan ciri khas yang unik. Sudah banyak yang membahas tentang bagaimana cara membuat daftar isi atau menu yang menggunakan efek ini. Tetapi kali ini berbeda, saya akan memberikan cara membuat gallery gambar dengan efek keren accordion.

Berikut yang ingin melihat penampakan atas Gallery gambar dengan efek keren accordion silahkan dicek pada link yang tertera di bawah ini:

Live Preview

Cara Pembuatan Fitur Gallery Gambar dengan efek keren Accordion:

Langkah-langkah pembuatan sebagai berikut:

Login terlebih dahulu ke blogger.com
Template > Edit HTML > cari kode ‘]]></b:skin>’. Letakkan kode di bawah ini tepat di atas kode ‘]]></b:skin>’.

.accordion{position:relative;overflow:hidden}
.accordion.panel{background-color:#000; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghC231fWR2LiBmtcQuwzD9Y4ecpcNp7DFdOe-dPjRTujXdqE6FvfujVgarS1VlYj3udFVepmndXvAqeektk8piVdwAZ0-PLHKtp0tIskH9xFm8Z-JgTT3Gja8oJeT2Oj1xAtWoy0c5qEQC/s1600/preloader.gif); background-repeat:no-repeat; background-position:center center; position:absolute; overflow:hidden}
.accordion.shadow{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxwynT3OfXwOYD9EJoSWufdsjnJbc-TUxMZtyIGVQ1G8aXYeKXEhNQ7Vsjaxwm0Wj3otyjJgZ885Z06mQUbTPYeuJQVlS7v2nCi-DUIOu0EoFOiwXrDVmnRgrHdTOhj_GC0qensO9VdZhyphenhyphen/s1600/shadow.png) repeat-Y; position:absolute; right:0px; width:25px; height:100%}
.accordion.preloader{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9lxTJfygMPqjzgEqYHqtepcicKpY8UvWaZfhUTmn_EluOS6HjbS5nrcDYEEU16AjLrREDV4EWYJoO1CfrfoqmyCmfqJg8sv165b9VC0C6z3Fza2nxdVEc9AOwE7MizL-wekJZpqsXtnOg/s1600/preloader2.gif) no-repeat; width:62px; height:14px; position:absolute; z-index:15}
.accordion.caption{overflow:hidden; position:absolute; z-index:20}
.accordion .caption-background{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsAHbVvVgeDbX3ogrbKHaIqGX9m-ukH3fO9gfs9VUc8E8JOjusA7MzLNRoatrkLjBfAzJS27-D2eka5Ti_tDLdKfakLxHDvQylTr0wehlgg2G7uK_0XD6trf8ihAQ-zekMqVORU52plxTb/s1600/captionBg.png); background:rgba(0,0,0,0.5);position:absolute; width:100%; height:100%}
.accordion .caption p{color:#FFF; margin:0px; padding:10px}
.accordion .caption p a{color:#FFF}

3. Cari lagi kode </head>, lalu letakkan kode di bawah ini tepat di atas kode </head>

<script type="text/javascript" src="http://yourjavascript.com/1886331383/jquery-gridaccordion-min.js"/>
<script type='text/javascript'>jQuery(document).ready(function($){$('.accordion').gridAccordion({width:880,height:340,columns:5,distance:2,closedPanelWidth:10,closedPanelHeight:10,alignType:'centerCenter',slideshow:true,panelProperties:{0:{captionWidth:200,captionHeight:35,captionTop:30,captionLeft:30},4:{captionWidth:150,captionHeight:100,captionTop:30,captionLeft:650},7:{captionWidth:310,captionHeight:35,captionTop:350,captionLeft:40},8:{captionWidth:300,captionHeight:40,captionTop:150,captionLeft:35},11:{captionWidth:150,captionHeight:120,captionTop:300,captionLeft:30},14:{captionWidth:300,captionHeight:40,captionTop:30,captionLeft:50},16:{captionWidth:150,captionHeight:120,captionTop:150,captionLeft:10},18:{captionWidth:300,captionHeight:40,captionTop:130,captionLeft:50}}});});</script>

4. Simpan Template. Setelah itu menuju layout/tata letak > Add Gadget >HTML/Javascript. Isi dengan kode di bawah ini. Bagian judul tidak perlu diisi.

><ul class="accordion">
<li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1fqHDS09dBRNL1ntwHpsu4_WVMIo1IkLc_RVxqeinVV3Y2k_Sl6INR3xgJfIGHTpjAd7rUH4mZwxe5lAdxzMK0QUVEJsmELc3qTN3XydjfNxeIDiwO2Kr6Q5x-FE098NaBH1AcpqJeVR3/s1600/apple+globe.jpg"/>
<div class="caption">This is just a simple caption.</div>
</li>
<li>
<a href="http://netfori.blogspot.com">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQx7DgpXi0hegmonoKmf6OdRbXdIR2ZXfvzNOe_II2DgWNEyn5Y0DPUvMFA1dCRJAsaz6sgXew3So_bE8pm_0RrnbDBv545zh5l8t5G8haeIUMyuQO4x52vLe6LUEx1BZKlX8mQZuzwCBN/s1600/image_asset-435771-1913660591-vga.jpg"/>
</a>
<div class="caption">Klik Gambar ini untuk menuju Blog Netfori</div>
</li>
<li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghB-cwgW8fquSJZyHwx1rtCMumyqrRPHh27SjTItJztbdfkjtSCY-dntoiE4C_cFEfj-xo5vZt6Nn-wCeO_JMO7vsi-0n41O2dDypH72OGTpdFFPftGN8Khm245fY7HOkCba1hDTi6S4oC/s1600/image_asset-440178-1054935783-vga.jpg"/>
<div class="caption" style="width: 310px; height: 35px; left: 40px; top: 350px; opacity: 1;"><div class="caption-background" style="width: 100%; height: 100%;"><p style="width: 100%; height: 100%; opacity: 1;">Captions dapat berada di mana saja dengan ukuran sesuai selera.</p></div></div>
</li>
<li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP5PQZaGxIoR3J3gyVn1MMV9n2l1yOT8wd6B6LgCIfIaQ5pR3568B1V5yDcJfGH0XvJkc5s1EDuiyPEnswM9HNgSbMhDaFGLLRO_-DPKN5DdpikfpODW8ohmh8OE7QKtirljF2e8aWk9vT/s1600/kocatepe+mosque.jpg"/>
<div class="caption" style="width: 300px; height: 40px; left: 35px; top: 150px; opacity: 1;"><div class="caption-background" style="width: 100%; height: 100%;"><p style="width: 100%; height: 100%; opacity: 1;">Tambah<b> Link </b> contoh <a href="http://netfori.blogspot.com">~KLIK INI!!!</a> or
<input type="button" value="Buttons" />
</p></div></div>
</li>
<li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVDwXxdTgW-z3a_bGaGAU0fsRVay0aGmVm715FKdGZiq3Zb4cAwpQpn55uupe4IVG2yMn9zhLNbJIhpbOHuFjt86PNqGRRZMZdgrT561tgbnFDCCzh2LOH6FGHesNPw5JdA9J1922E9BQ8/s1600/tunnel+of+trees.jpg"/>
</li>
<li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI8nc1O0UiZ2MvnkwlLAd8KwrYV2tA5MLW-QPV_UZMONEvNhRtC8i55NR8Qi0o4O_6aHd10hGAY4T1TgzqYcbkuZXrC1TP2FiyZxLGwu3zh50b8sVWu5XYos0oG9cRsvMHBnbhxdteibsw/s1600/image2.jpg"/>
</li>   
<li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzG0R33epuPVRSIpl-zO0jHA4rqGtDVLQhuHSkECyLVuEQlp_eWByPUAdaCvy8oBAfkWgfGh2hj0xv5nHEc0dkKSctmg1VQ77qLIWXnpMDSlOALLfp8QEzYroBxi-t1ry949yTVIFPiccs/s1600/image1.jpg"/>
<div class="caption">This is just a simple caption.</div>
</li>
<li>
<a href="http://netfori.blogspot.com">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0CNVpBEA3GEQ2I6oIy8k50XF23teaGBkzJeH1u02YZTxARAfZL1R64OZrwkO0_oCeAXx83h91v9Djl_fhLyMY7nc6dFBoFtZJh1jAfmvtI68MSk7r4TsKcGNyyNZZR186e4eRPwNeGnAE/s1600/image5.jpg"/>
</a>
<div class="caption">Klik Gambar ini untuk menuju Blog Netfori</div>
</li>
<li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFK49gbJ7U5gXX-zRKLGaIs2E-jWuFQXIEiPhSqGR_MyjcICpvoboXPAc4hfviHaao441UpAg3DGOpyugv8FN1-BAyXM6NxnEZoACH_UqxHNDpc5Oj71_i39oKvTQpx6eTP9GXc2EltOCA/s1600/image4.jpg"/>
<div class="caption" style="width: 300px; height: 40px; left: 35px; top: 150px; opacity: 1;"><div class="caption-background" style="width: 100%; height: 100%;"><p style="width: 100%; height: 100%; opacity: 1;">Tambahkan 
<input type="button" value="Buttons" />
</p></div></div>
</li>
<li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgtHXdlkng7hzzjNX1B0kb98uKxsUS8l3Ippsr0DAI5tNiaKTuQT8CKbchgQKYA0OgmV6QDLxyCV2UVuwEfii9bIz_8eD3MiKLOE1pv7T40yngPPgx3bEFVKewTTbXSmgB77ImYgBiLh9o/s1600/image3.jpg"/>
<div class="caption" style="width: 310px; height: 35px; left: 40px; top: 350px; opacity: 1;"><div class="caption-background" style="width: 100%; height: 100%;"><p style="width: 100%; height: 100%; opacity: 1;">Captions dapat berada di mana saja dengan ukuran sesuai selera.</p></div></div>
</li>     
</ul>

5. Selesai sudah pembuatan gallery gambar dengan efek accordion yang keren!

Modifikasi Fitur Accordion

Fitur ini hanya dapat berjalan baik bila sang admin dapat menelaah kode di atas dengan cermat, sehingga dapat memunculkan efek yang bagus dan tidak semrawutan. Kenapa? Karena trik ini harus disesuaikan dengan template masing-masing blog. Saya hanya memberikan sebagian kecil yang sekiranya perlu diubah dan diatur lebih lanjut.

Pada kode nomor tiga, kode ‘width:880,height:340’ diubah sesuai dengan kebutuhan
Pada kode nomor empat, ada beberapa kode pembuka <img src=”yang digunakan untuk memanggil gambar yang diinginkan. Bila ingin agar gambar tersbut dapat diklik tambahkan kode <a href=”example.com” sebelum kode <img src=”
Masih pada kode nomor empat, kode <div class=”caption” digunakan untuk memberikan tulisan di gambar.
Bertanyalah bila ada kode di atas yang masih belum jelas pada kotak komentar. Saya akan berusaha menjawab semaksimal dan sebisa saya.

Kelebihan dan Kelemahan

Kelebihan yang menonjol adalah

Terlihat unik dan lebih keren dibandingkan dengan tampilan gambar gallery/ slide show blog lainnya.
Memperbesar gambar otomatis dengan efek hover
Gambar dapat diklik, ditambahi penjelasan (caption), diberi daftar, dan masih banyak lagi sesuai kebutuhan.
Dapat memberikan efek tenang dan indah dengan melihat gallery gambar tersebut.

Adapun kekurangan dari fitur ini adalah

Menggunakan javascript dan banyak kode yang dapat memberatkan loading blog.
Kemungkinan loading yang lama pada saat fitur ini muncul dengan sempurna.
Penempatan yang berada di bagian bawah header akan memakan waktu terlebih dahulu dibandingkan dengan isi postingan blognya.

Kesimpulan

Mohon simpulkan sendiri apa yang telah saya sampaikan, bagian ini hanya sekedar penambahan saja. Intinya semakin rumit dan aneh suatu design, maka semakin berat dan lama loading blognya. Artinya saling menyeimbangkan lah. Bagi yang ingin protes bagian ini boleh saja kok. Hehe…

Sekian pembahasan yang dapat saya sampaikan, mohon maaf jika terdapat kesalahan yang sengaja maupun yang tidak disengaja. Bila ada sesuatu yang mengganjal terutama ingin mengkritik atau memberikan saran, dapat disampaikan melalui kotak komentar di bawah. Dapatkan artikel tutorial blog unik lainnya dengan subscribe email anda dan dapatkan gratis serta unlimited! Beberapa perubahan dan pengembangan dengan sumber ini. Lihat juga 1001 Daftar Situs Social Bookmark Pagerank Tinggi 2013 Dan Cara Membuat Widget Contact Form di Blog. Terimakasih.

1001 Daftar Situs Social Bookmark Pagerank Tinggi 2013

noreply@blogger.com (rahmat) — Sat, 01 Jun 2013 03:55:00 +0000

Sudah sekian lama saya tidak posting artikel. Beberapa kali terasa sangat berat untuk kembali menulis setelah menerbitkan artikel terakhir tentang Widget baru yang disediakan oleh Google. Pada saat itu lah aktivitas kosong yang menerpa diri. Tidak ada aktivitas lain kecuali bermain game, makan, ibadah, tidur dan menonton TV. Tetapi karena adanya tekanan yang diberikan dari kegiatan berblogging dan passion terhadap blog masih ada, maka penulisan artikel masih harus tetap dilanjutkan.

Kita semua tahu dan pasti menginginkan blog yang kita rawat dari awal mula hingga kini semakin hari semakin baik. Kita melakukan berbagai hal semaksimal mungkin dalam menggapai apa yang kita harapkan bagi majunya blog kedepannya. Tidak heran jika banyak blogger menghabiskan waktu lebih di depan komputer untuk menjaga kredibilitas, stabilitas dan keamanan blognya ~~(like country?)~~. Oleh karena itu saya akan menjelaskan salah satu cara agar blog lebih baik dengan cara memasukkan artikel kita ke dalam social bookmarking.

Social bookmarking adalah sebuah metode bagi pengguna internet untuk mengorganisasi, menyimpan, mengelola, dan mencari penanda sumber daya yang tersedia secara online. Berbeda dengan konsep berbagi file (file sharing), sumber daya online tersebut tidak dibagi-bagi, melainkan hanya menjadi penanda bahwa sumber daya tersebut merupakan referensi mereka (Wikipedia.org). Bagi saya social bookmarking dapat diumpamakan sebagai suatu perpustakaan online yang menyimpan url dan isi artikel tertentu dalam rak-rak yang di sini kita bisa sebut sebagai labelnya.

Lalu apa fungsi dari social bookmarking? Banyak keuntungan yang kita peroleh bila dapat mengoptimalkan penggunaan social bookmarking pada blog. Bila kita mensubmit artikel, maka kemungkinan mendapatkan backlink ada. Selain itu, juga dapat meningkatkan pengunjung blog. Tetapi keuntungan yang paling hebat adalah lebih cepat terindeks oleh google serta dapat mendukung artikel kita berada di halaman satu google.

Banyak sekali situs-situs penyedia layanan social bookmarking. Mulai dari yang ber-pagerank rendah sampai dengan yang tinggi, dofollow maupun nofollow, yang lokal (Indonesia) atau yang internasional. Dari banyaknya social bookmarking yang ada, pasti kita lebih memilih situs dengan pagerank tinggi terbaru 2013. Situs yang berpagerank tinggi biasanya cepat terindeks oleh mesin pencari, maka penting untuk memilah dan memilih mana social bookmarking yang benar-benar berkualitas.

Di sini saya akan memberikan situs-situs social bookmarking yang tidak hanya mengedepankan kualitas, tetapi juga kuantitas. Banyak pilihan dan variasi yang saya berikan dalam daftar ini. Tidak hanya dari Indonesia tetapi juga dunia. Beberapa memang ada yang menggunakan font bahasa nasionalnya tersendiri. Contohnya adalah web dari Thailand. Pada situs tersebut jenis fontnya adalah tulisan Thailand.

Link Download

Saya membuat daftar ini dengan menggunakan format ekstensi .pdf dan .txt. Dijadikan satu dalam bentuk .rar agar lebih ringan ketika di download. Berikut link untuk mendownloadnya.

Link Download

Cara mendownload: terdapat dua jenis yaitu pdf dan txt. Untuk mendownlodnya dapat menggunakan jasa IDM.

Contoh Situs Dalam Daftar

Berikut saya cantumkan beberapa contoh situs social bookmarking pagerank tinggi terbaru 2013 beserta dengan info pagerank (di cek dari situr www.prchecker.info, 31/5/2013):

1. http://slashdot.org : 8/10

2. http://www.diigo.com/ :7/10

3. http://www.folkd.com/ : 6/10

Terlepas dari kesempurnaan, daftar ini masih memiliki banyak kekurangan. Kemungkinan besar dalam daftar tersebut ada dua situs yang tertulis ganda alias double. Memang dibutuhkan ketilitian ekstra tinggi agar tidak terjadi kasus tersebut. Selain itu situs yang ada dalam daftar kebanyakan adalah situs berpagerank 1 dan 2. Saya juga tidak dapat menjamin bahwa situs dalam daftar telah down, sedang maintenance, error, dan lain sebagainya.

Sekian tutorial ini, mohon maaf bila ada salah kata dan kesalahan yang lainnya. Kritik dan saran dalam bentuk apapun akan direspon dengan baik. Jika artikel ini menarik silahkan untuk dikopas dengan syarat yang tertera di bawah. Saya sangat terbantu jika anda mengeklik klik tombol google +1 (telah tersedia di bawah). Jangan lupa subscribe email anda untuk mendapatkan update artikel terbaru dari Blog Netfori. Lihat juga Cara Membuat Widget Contact Form di Blog dan Cara Membuat Mega Menu Drop Down Di Blog. Referensi dari sini. Sekian dan terimakasih.

Cara Membuat Widget Contact Form di Blog

noreply@blogger.com (rahmat) — Tue, 21 May 2013 06:53:00 +0000

Cara Membuat Widget Contact Form di Blog-Google baru-baru ini memang telah mengubah dan menambah berbagai fitur yang berkaitan dengan blogger. Contoh yang paling terlihat adalah system pengeditan kode HTML di blog. Selain itu, Google juga menambahkan sistem Google+ comment untuk blogger. Terdengar isu bahwa Google akan merealisasikan produk barunya yaitu Contact Form yang dapat ditambahkan di sidebar blogger. Beberapa hari yang lalu akhirnya Google mengumumkan Widet Contact Form sudah dapat digunakan seutuhnya.

Sebelum itu bagi yang masih bingung maupun yang tertarik untuk melihat hasilnya, silahkan cek link di bawah ini. Widget Contact Form berada di bagian sidebar kiri.

Demo

Cara Membuat

Langkah-langkahnya sebagai berikut
1. Pastikan anda sudah login ke blogger.
2. Layout/Tata Letak > Add a Gadget (disarankan pilih bagian sidebar kanan/kiri)
3. Pilih tab bagian ‘More Gadgets’ atau ’Gadget lainnya’
4. Bagian pertama ada tulisan ‘Contact Form’ > Klik

5. Muncul kotak dialog baru > Atur judul yang anda inginkan, contoh: kontak saya, kontak kami, hubungi saya, Contact Us, atau Contact Me. Bila anda merasa tidak membutuhkan judul, cukup dikosongkan.

6. Terakhir tekan ‘SAVE’ > Selamat, widget tersebut telah tertanam di blog anda.

Beberapa Fitur dan Penjelasannya

Fitur pada widget ini sama dengan kebanyakan halaman contact form lainnya. Terdiri dari tiga bagian penting yaitu Nama, Email, dan Pesan yang ingin disampaikan. Menyajikan tampilan yang sangat sederhana, sehingga tidak membuat bingung bagi pengunjung.

Bagian kolom Nama pada widget ini tidak wajib diisi. Sedangkan untuk alamat Email dan Pesan wajib diisi. Bila Email tidak diisi atau salah memasukkan alamatnya maka akan muncul pemberitahuan ‘alamat email harus valid’ disertai tanda close disebelahnya. Format yang sah pada email tersebut adalah sebagai berikut. Pertama harus ‘teks’ disertai tanda ‘@’ lalu ‘teks’ lagi dan diikuti tanda titik serta domainnya seperti ‘.com’. Jadi bila kita memasukkan alamat email seperti ini ‘hkfaj@bka.com’ maka tetap akan sah. Padahal jelas bahwa email tersebut tidak ada (palsu). Sedangkan bila pesan tidak diisi maka akan muncul ‘bidang pesan harus diisi’.

Kerugian penggunaan widget ini adalah tidak support dengan kode Captcha. Sehingga kemungkinan email kita terkena spam sangat besar. Captcha kode dibutuhkan pada saat adanya sistem otomatis yang memungkinkan pengiriman email secara cepat dalam jumlah banyak oleh robot atau software tertentu. Ini adalah satu contoh bug yang ada dalam widget ini. Memang, untuk kedepannya dibutuhkan pengembangan.

Pesan yang telah terkirim secara otomatis akan menuju email akun blogger anda. Bila akun blog anda adalah ‘contoh@gmail.com’ maka, pesan akan terkirim ke ‘contoh@gmail.com’. Sejauh ini saya belum tahu cara mengganti alamat email yang dituju.

Kesimpulan

Dengan adanya widget ini, anda tidak perlu hosting contact form dari luar. Tidak perlu menggunakan hostingan seperti emailmeform.com, 123contactform.com dan lain sejenisnya. Widget ini telah terhosting oleh blogger sendiri jadi lebih mudah, sederhana, dan tentunya lebih cepat.

Sekian tutorial ini, mohon maaf bila ada salah kata dan kesalahan yang lainnya. Jika artikel ini menarik silahkan untuk dikopas dengan syarat yang tertera di bawah. Saya sangat terbantu jika anda mengeklik klik tombol google +1 (telah tersedia di bawah). Jangan lupa subscribe email anda untuk mendapatkan update artikel terbaru dari Blog Netfori. Lihat juga Cara Membuat Mega Menu Drop Down Di Blog dan Cara Membuat Kode Link Hidup Di Teks Javascript Referensi dari mybloggerlab.com. Sekian dan terimakasih.

Pasang Iklan Murah di Blog Netfori

noreply@blogger.com (rahmat) — Fri, 17 May 2013 16:46:00 +0000

PasangIklan Murah Meriah Blog Netfori-Blog Netfori adalah salah satu blog aktif yang dimulai sejak Desembar 2012. Bertujuan untuk saling berbagi ilmu pengetahuan terutama di bidang tips blogging, SEO, Tutorial Blog, Cerita Hikmah, dan Tren.

Para pengunjung, teman, relasi, maupun sekelompok orang yang ingin memasarkan produk atau jasa di sini lah tempat yang tepat. Kami menyediakan khusus bagi anda yang ingin melakukan marketing secara online. Pemasangan iklan juga ditujukan bagi situ yang ingin mempopulerkan webnya sehingga banyak dikunjungi dengan baik dan tepat sasaran.

Anda dapat memasang Banner Iklan dalam blog ini. Iklan dapat berupa gambar biasa maupun gambar animasi. Jika hanya ingin memasang link juga diperkenankan. Beberapa syarat yang diberlakukan bagi para pengiklan sebagai berikut:

1. Web yang diiklankan dan banner yang akan ditampilkan tidak boleh mengandung unsur:

SARA (termasuk provokasi)
perjudian (gambling, poker, lotre, casino, dll)
penipuan
pornografi (termasuk web konten dewasa tentang organ dalam manusia)
Membahayakan (mengandung malware, menakutkan, mengagetkan, dll)
Melanggar aturan dan hukum Indonesia.

2. Dan beberapa aturan tambahan yang tidak disebutkan, dengan catatan tidak saling merugikan pengiklan maupun publisher.

Daftar Tempat Iklan

Daftar slot yang tersedia untuk iklan di Blog Netfori sebagai berikut:

1. Jenis A

Ukuran : 450x100
Harga : ~~Rp100.000,-/Bulan~~ > Rp50.000,-/Bulan
Letak : Bagian header samping kanan tulisan Blog Netfori
Jumlah : 1 Slot
Status : Slot belum terpasang

2. Jenis B

Ukuran : 875x80
Harga : Rp35.000,-/Bulan
Letak : Tepat bagian bawah Menu Bar
Jumlah : 1 slot
Status : Slot belum terpasang

3. Jenis C

Ukuran : 125x125
Harga : Rp25.000,-/Bulan
Letak : Tepat bagian bawah Banner Jenis B
Jumlah : 7 slot
Status : Slot belum terpasang

NB: Untuk perpanjangan pemesanan iklan, akan mendapatkan potongan harga Rp5.000,-/Bulan > semua kategori.

Cara Pemesanan

Untuk cara pemesanan dapat mengisi formulir dibawah ini atau kirim sms, Hakam: 085643010509 (Im3) > quick response. Untuk no rekening pengiriman uang akan diberikan kemudian setelah konfirmasi. Terimakasih.

NB: Bila dalam pemesanan ada kasus telah memberikan uang padahal syarat tidak terpenuhi maka uang akan dikembalikan atau akan disedekahkan.

Kisah Penyejuk Hati (Part 3)

noreply@blogger.com (rahmat) — Sun, 12 May 2013 13:51:00 +0000

Assalamu'alaikum wr. wb. salam sejahtera buat kita semua. Kisah Penyejuk Hati (Part 3)-Kali ini akhirnya Blog Netfori dapat merealisasikan penulisan artikel tentang berbagai kisah yang inspiratif sekaligus bernuansa islami. Disaring, dikutip dan disunting seperlunya dari buku yang berjudul:

Cahaya Abadi Muhammad Saw. Kebanggan Umat Manusia

Oleh: Muhammad Fethullah Gulen.

Kisah ini benar-benar nyata, bukan fiksi maupun karangan mitos. Ada 3 kisah yang saya ambil dari buku tersebut. Semoga dapat diambil manfaatnya. Berikut kisah yang pertama

1. Contoh Pemimpin Terbaik

Ketika Al-Quds (Yerusalem) ̶yang saat ini masih berduka di bawah cengkraman penjajah Israel dan menjadi noda yang mencoreng wajah umat Islam- dulu berhasil ditaklukakan oleh pasukan Islam, ternyata para pendeta yang berada di kota suci itu tidak bersedia menyerahkan kunci kota kepada panglima pasukan muslim yang telah memenangi pertempuran. Para pendeta itu berkata, “Kami tidak menemukan seorang pun diantara kalian yang layak menerima kunci kota ini…”

Singkat cerita, setelah berita tentang sikap para pendeta itu sampai ke telinga Umar r.a., sang Amirul Mukminin langsung berangkat menuju Al-Quds dengan mengendarai seekor unta yang dipinjamnya dari Baitul Mal. Di sepanjang perjalanan menuju Al-Quds, Umar r.a. bahkan rela bergantian mengendarai unta pinjaman itu dengan pelayannya.

Secara kebetulan, ketika unta yang dikendarai Umar hampir sampai di gerbang Al-Quds, tibalah giliran si pelayan untuk mengendarai unta itu. Umar turun dan mempersilahkan pelayannya untuk naik ke punggung unta sementara dia menuntun sambil berjalan. Si pelayan pun menilak karena merasa tak bisa membiarkan sang Amirul Mukminin memasuki Al-Quds sambil berjalan menuntun unta yang dikendarai oleh sang pelayan.

Silahkan anda bayangkan betapa dramatisnya peristiwa itu…

Dalam sekejap mendadak seisi Yerussalem riuh rendah oleh orang-orang yang tak percaya dengan apa yang mereka lihat: seorang pemimpin tertinggi kekhalifahan Islam berjalam memasuki kota sambil menuntun unta yang dikendarai oleh pelayannya sendiri. Dan, ketika hal itu dilihat oleh para pendeta pemegang kunci kota, mereka pun berujar, “Ya. Memang seperti inilah sifat orang yang akan menerima kunci kota ini seperti yang telah disebutkan oleh kitab suci kami.” Mereka langsung menyerahkan kunci kota Al-Quds kepada Umar bin Khaththab r.a.

Umar bin Khathathab r.a. dapat menjadi contoh mengagumkan diantara sekian banyak 'manusia biasa' yang telah berhasil menjadikan Rasulullah sebagai pembimbing dan teladan dalam semua sendi dan aspek kehidupan. Dan, kemudian menghiasi hidup mereka dengan contoh yang telah diberikan Rasulullah. Bahkan umar tidak mengubah sedikitpun gaya hidupnya setelah ia berhasil menundukkan Bizantium dan bangsa-bangsa lain.

2. Sebelum Makan, Renungilah Ini!

Rasulullah bersabda berkenaan dengan tindakan preventif (preventive medicine)

“Tidak ada wadah yang diisi penuh oleh anak Adam yang lebih buruk dibandingkan perut. Cukuplah bagi anak Adam makanan yang dapat menegakkan tulang sulbinya. Jika tidak bisa begitu, maka sepertiga untuk makanan, sepertiga untuk minuman, dan sepertiga untuk nafas (udara).” (Al-Bukhari, Al-Wudhu,73; Muslim, Ath-Thaharah, 46, 47)

Terdapat masih banyak hadis lain yang mempertegas hadis di atas. Salah satunya berbunyi,

“Yang paling kutakutkan dari umatku adalah perut gemuk, banyak tidur, malas, dan lemah keyakinan.” (Al-Hindi, Kans Al-‘Ummal 3/460)

Denga kata lain dapat kita katakana bahwa siapa pun yang banyak makan, pasti akan banyak tidur; dan siapa pun yang banyak tidur, pasti akan menjadi orang yang lemah keyakinannya.

Jadi, dari sisi mana pun Anda melihat, pasti Anda akan mengetahui bahwa masalah ini telah membuat Rasulullah risau kepada umat beliau. Sampai di sini, saya serahkan pembahasan selanjutnya kepada para ilmuwan di bidang medis untuk melakukan penelitian. Tapi saya yakin, setelah anda membaca atau mendengar penjelasan mereka, Anda pasti akan dapat melihat seberapa besar kebenaran yang disampaikan Rasulullah Saw. bearab-abad lampau. Anda pasti akan melihat bahwa sabda beliau sama sekali tidak menyimpang dari kebenaran.

3. Pertama Anugerah, Kedua Laksana Air Bah

Selain bersabar dalam menghadapi musibah dan ketika melaksanakan ibadah, setiap kita juga harus bersabar dalam menjauhi kemaksiatan. Seperti yang telah dijelaskan, dalam bersabar melawan kemaksiatan, kita akan merasakan hantaman paling kuat untuk melakukan kemaksiatan hanya pada “hantaman pertama”, sebab setelah itu, godaan yang mengusik hati kita untuk melakukan kemaksiatan akan melemah.

Rasulullah pernah berkata kepada Ali bin Abi Thalib r.a.,

“Wahai Ali, janganlah kau iringi pandangan (pertama) dengan pandangan (kedua). Karena pandangan pertama adalah anugerah untukmu, sedangkan yang kedua bukan untukmu.” (Abu Daud, An-Nikah, 43; At-Tirmidzi, Al-Adab, 28; Ad-Darami, Ar-Riqaq, 3; Imam Ahmad, Al-Musnad,5/353,357)

Penglihatan manusia memang seringkali secara tidak sengaja terpeleset kepada sesuatu yang diharamkan. Jika orang yang mengalami hal seperti itu langsung memalingkan pandangannya, maka apa yang terjadi padanya bukanlah sebuah dosa tapi dianggap sebagai anugerah. Akan tetapi, jika orang tersebut mengulangi pandangannya apalagi secara terus-menerus, maka pandangannya akan berubah menjadi anak panah beracun milik syaitan yang melesat ke dalam hatinya untuk kemudian menodai pikiran dan melemahkan ketaatannya. Semua pandangan yang terlarang adalah jalan menuju dosa dan kemaksiatan. Semua pandangan terlarang pasti menggoda manusia untuk mengulangi dan melanjutkannya. Ketika godaan itu diperturutkan, maka manusia pun tenggelam dalam lautan dosa yang akan membuatnya sulit menyelamatkan diri.

Sebelum terlanjur terperosok ke dalam dosa, hendaklah manusia bersabar menghadapi “hantaman pertama” dari godaan yang dihadapinya. Jika Anda mengalami hal seperti ini, segeralah tutup mata Anda. Itulah nasehat yang disampaikan Rasulullah kepada kita.

Penutup

Wahai tuas harapan!

Kalian akan menunjukkan kebenaran Islam di pentas dunia. Kalian adalah rangkaian cahaya yang menyemburat dari Cahaya Agung lalu memancar ke seluruh dunia yang telah tenggelam dalam kegelapan. Kalian akan menumbuhkan kembali pohon keimanan yang rimbun dan menaungi agad raya laksana pohon Thuba (nama pohon di Sidratul Muntaha) yang dedaunan dan bunga-bunganya menaungi surga.

Di masa keemasan itu, semua kata yang terlontar dalam setiap pertemuan internasional menjadi perintah bagi kita. Dengan izin Allah, kalian semua akan mampu mengembalikan masa-masa gemilang dan membebaskan manusia dari masa kegelapan yang sedang kita rasakan ini. Inilah yang diharapkan semua orang dari kalian. Kalianlah tumpuan harapan orang-orang yang hidup terhampar di tanah dan setiap jasad yang terkubur di dalamnya. Bahkan inilah yang diharapkan Rasulullah Saw. dari kalian, sebab jiwa beliau terus berkelana ke tempat-tempat di mana kalian berada, melihat apa yang kalian lakukan, dan terseyum bersama kalian, meski kalian tidak mampu melihat ataupun merasakan kehadiran beliau.

Kalian pasti bisa meneybarkan ketentraman dan ketenangan ke sekitar kalian jika kalian mampu tetap menjadi pribadi-pribadi yang amanah dan tidakmelenceng dari sikap istiqomah. Ya. Jika kalian bisa mewujudkan semua itu, niscaya hati semua orang akan terbuka untuk kalian. Kemudian sosok kalian akan bersemayam di dalam hati mereka sebagaimana dulu yang dialami oleh leluhur kalian. Tapi jangan pernah kalian lupa bahwa syarat untuk mencapai segala keluhuran itu selalu berkaitan langsung dengan keteguhan kalian dalam menjaga amanat yang kalian pikul.

Jadi, jika kita semua ingin menjadi umat yang diperhitungkan di tataran global serta mampu memainkan peran penting dalam mewujudkan keseimbangan antarbangsa ̶yang saat ini sudah semakin mendesak-, maka kita semua harus mampu menjadi contoh kebenara, keadilan, sikap istiqomah, dan ketentraman.

Cara Membuat Mega Menu Drop Down Di Blog

noreply@blogger.com (rahmat) — Fri, 10 May 2013 08:37:00 +0000

Cara Membuat Mega Menu Drop Down Di Blog-Sebenarnya apa sih mega menu drop down itu? Mungkin pertanyaan tersebut yang pertama kalo terlintas setelah membaca judul di atas. Pertama kali terpikirkan mungkin menu drop down biasa yang tidak ada keistimewa-annya. Tanpa ada suatu keunikan tersendiri dengan yang lain, mungkin hanyalah tampilan yang sedikit diubah-ubah.

Segala prasangka tersebut dapat dilempar sejauh mungkin. Mega menu di sini adalah menu bar yang memiliki lebih dari satu subbab menu dalam tiap menu utama yang ditampilkan. Menu ini berbeda bila dibandingkan dengan menu drop down biasanya, karena biasanya satu menu utama akan menampilkan sub menu-sub menu lainnya tanpa menampilkan secara langsung subbab menu tersebut. Bingung ya? Untuk lebih jelasnya anda bisa membandingkan kedua gambar di bawah ini beserta penjelasannya.

Klik Untuk Memperbesar

Sudah sedikit mengerti kah perbedaannya? Bila tetap belum masuk ke otak (alias pusing) bisa tanya lewat komentar. O iya jangan lupa untuk nge-like FP blog ini dengan alamat facebook.com/netfori.

Bagi yang tertarik membuat menu drop down ekstra besar di blog tersebut, silahkan menyimak cara-caranya. Untuk melihat hasilnya silahkan klik link di bawah ini.

Demo Live

Cara Membuat

1. Masukkan kode css di bawah ini di atas kode ]]></b:skin>

ul.ldd_menu{
margin:0px;
padding:0;
display:block;
height:50px;
background-color:#D04528;
list-style:none;
font-family:"Trebuchet MS", sans-serif;
border-top:1px solid #EF593B;
border-bottom:1px solid #EF593B;
border-left:10px solid #D04528;
-moz-box-shadow:0px 3px 4px #591E12;
-webkit-box-shadow:0px 3px 4px #591E12;
-box-shadow:0px 3px 4px #591E12;
}
ul.ldd_menu a{
text-decoration:none;
}
ul.ldd_menu > li{
float:left;
position:relative;
}
ul.ldd_menu > li > span{
float:left;
color:#fff;
background-color:#D04528;
height:50px;
line-height:50px;
cursor:default;
padding:0px 20px;
text-shadow:0px 0px 1px #fff;
border-right:1px solid #DF7B61;
border-left:1px solid #C44D37;
}
ul.ldd_menu .ldd_submenu{
position:absolute;
top:50px;
width:550px;
display:none;
opacity:0.95;
left:0px;
font-size:10px;
background: #C34328;
border-top:1px solid #EF593B;
-moz-box-shadow:0px 3px 4px #591E12 inset;
-webkit-box-shadow:0px 3px 4px #591E12 inset;
-box-shadow:0px 3px 4px #591E12 inset;
}
a.ldd_subfoot{
background-color:#f0f0f0;
color:#444;
display:block;
clear:both;
padding:15px 20px;
text-transform:uppercase;
font-family: Arial, serif;
font-size:12px;
text-shadow:0px 0px 1px #fff;
-moz-box-shadow:0px 0px 2px #777 inset;
-webkit-box-shadow:0px 0px 2px #777 inset;
-box-shadow:0px 0px 2px #777 inset;
}
ul.ldd_menu ul{
list-style:none;
float:left;
border-left:1px solid #DF7B61;
margin:20px 0px 10px 30px;
padding:10px;
}
li.ldd_heading{
font-family: Georgia, serif;
font-size: 13px;
font-style: italic;
color:#FFB39F;
text-shadow:0px 0px 1px #B03E23;
padding:0px 0px 10px 0px;
}
ul.ldd_menu ul li a{
font-family: Arial, serif;
font-size:10px;
line-height:20px;
color:#fff;
padding:1px 3px;
}
ul.ldd_menu ul li a:hover{
-moz-box-shadow:0px 0px 2px #333;
-webkit-box-shadow:0px 0px 2px #333;
box-shadow:0px 0px 2px #333;
background:#AF412B;
}

2. Masukkan kode html di bawah melalui tambah widget atau dengan cara:

Layout/Tata Letak > Add a Gadget
Pilih HTML/Javascript > Masukkan kode di bawah ini tanpa menggunakan judul. Jangan lupa tambahkan gadget dan letakkan di bagian atas/ dekat dengan 'pages-menu'

<li>

<ul>

<li class="ldd_heading">Jenis</li>

<li><a href="#">Tutorial</a></li>

<li><a href="#">Curhat</a></li>

<li><a href="#">Produk</a></li>

<li><a href="#">Hacking</a></li>

</ul>

<ul>

<li><a href="#">Tutorial</a></li>

<li><a href="#">Google Adsense</a></li>

<li><a href="#">Downloads</a></li>

<li><a href="#">Software</a></li>

<li><a href="#">Hacking and Cracking</a></li>

</ul>

<ul>

<li class="ldd_heading">Tentang Blog</li>

<li><a href="#">About Me</a></li>

<li><a href="#">Privacy Police</a></li>

<li><a href="#">Contact Me</a></li>

<li><a href="#">Donate Us</a></li>

<li><a href="#">DMCA Protection</a></li>

<li><a href="#">Tukar Link</a></li>

</ul>

<a class="ldd_subfoot" href="#"> + New Deals</a>

</div>

</li>

<li>

<span style="width: 76px;">Lengkapnya</span>

<ul>

<li class="ldd_heading">Jenis</li>

<li><a href="#">Tutorial</a></li>

<li><a href="#">Curhat</a></li>

<li><a href="#">Produk</a></li>

<li><a href="#">Hacking</a></li>

</ul>

<ul>

<li><a href="#">Tutorial</a></li>

<li><a href="#">Google Adsense</a></li>

<li><a href="#">Downloads</a></li>

<li><a href="#">Software</a></li>

<li><a href="#">Hacking and Cracking</a></li>

</ul>

<ul>

<li class="ldd_heading">Tentang Blog</li>

<li><a href="#">About Me</a></li>

<li><a href="#">Privacy Police</a></li>

<li><a href="#">Contact Me</a></li>

<li><a href="#">Donate Us</a></li>

<li><a href="#">DMCA Protection</a></li>

<li><a href="#">Tukar Link</a></li>

</ul>

<a class="ldd_subfoot" href="#"> + New Deals</a>

</div>

</li>

<li>

<span style="overflow: hidden; width: 67px;">Seputar Blog</span>

<ul>

<li class="ldd_heading">Jenis</li>

<li><a href="#">Tutorial</a></li>

<li><a href="#">Curhat</a></li>

<li><a href="#">Produk</a></li>

<li><a href="#">Hacking</a></li>

</ul>

<ul>

<li><a href="#">Tutorial</a></li>

<li><a href="#">Google Adsense</a></li>

<li><a href="#">Downloads</a></li>

<li><a href="#">Software</a></li>

<li><a href="#">Hacking and Cracking</a></li>

</ul>

<ul>

<li class="ldd_heading">Tentang Blog</li>

<li><a href="#">About Me</a></li>

<li><a href="#">Privacy Police</a></li>

<li><a href="#">Contact Me</a></li>

<li><a href="#">Donate Us</a></li>

<li><a href="#">DMCA Protection</a></li>

<li><a href="#">Tukar Link</a></li>

</ul>

<a class="ldd_subfoot" href="#"> + New Deals</a>

</div>

</li>

</ul>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"/>

Berikut kode yang harus disesuaikan dengan kebutuhan:

Kode warna merah: Masukkan kata untuk Menu Utama.
Kode warna biru: Masukkan kata untuk sub menu yang diinginkan.
Kode warna ungu: Masukkan kata untuk subbab menu.
Kode warna kuning: Masukkan kata tambahan yang diinginkan.
Kode warna hijau: Masukkan url tujuan yang diinginkan.

NB: Bila menu bar tidak berfungsi seperti contoh, kode yang berwarna biru muda dihapus saja.

Penting untuk diperhatikan, jika menempatkan kode HTML di atas melalui HTML/Javascript kacau, maka dapat melalui:

Template > Edit Template
Cari kode <div id="content-wrapper"> dan letakkan tepat di atasnya.

Sekian penjelasan singkat ini, mohon maaf bila ada salah kata. Jika artikel ini menarik silahkan untuk dikopas dengan syarat yang tertera di bawah. Saya sangat terbantu jika anda mengeklik FP Facebook yang berada ~~di sidebar sebelah kiri~~ tersebut. Jangan lupa subscribe email anda untuk mendapatkan update artikel terbaru dari Blog Netfori. Terimakasih. Lihat juga Ganti Teks pada Labels dengan Gambar Menarik dan Load Posting Otomatis dan Scroll Tidak Terbatas di Blog. Tips ini didapat dari ini dan dikembangkan oleh ini. Sekian.

Cara Membuat Kode Link Hidup Di Teks Javascript

noreply@blogger.com (rahmat) — Sun, 05 May 2013 15:36:00 +0000

Cara Membuat Kode Link Hidup Di Teks Javascript-Saat ini berbagai usaha dilakukan untuk memenuhi kebutuhan. Beberapa diantaranya adalah dengan menyalurkan hobi positif tersebut agar dapat dimanfaatkan dengan baik. Setiap orang pasti memiliki hobi yang berbeda-beda, salah satu contohnya adalah dengan blogging di internet. "Nge-blog" istilah kesehariannya, memang tak lepas dengan berbagai usaha keras yang dilakukan oleh admin blognya untuk membuat blog menjadi besar.

Oleh karena itu berbagai usaha dilakukan untuk membuat blog menjadi maju. Mulai dari membuat artikel yang berkualitas, menambah jaringan/relasi, dan lain sebagainya-termasuk menambah link hidup yang menuju ke arah blog kita (backlink) sebanyak dan se-berkualitas mungkin. Maka, kali ini Blog Netfori akan membagikan trik sederhana kepada pembaca cara membuat kode link hidup di teks javascript. Oke berikut penjelasannya.

Contoh Hasilnya

Langkah-Langkah Membuat

1. Siapkan teks javascript yang ingin disisipkan kode link hidupnya.

2. Buka kode yang berekstensi .js tersebut dengan menggunakan program notepad.

NB: Akan terlihat berbagai kode yang mungkin akan membuat kepala pusing :)

3. Scroll kursor sampai ke bagian paling bawah teks javascriptnya.
4. Lalu tambahkan kode link hidupnya seperti di bawah ini:

document.write('</br><a href="http://netfori.blogspot.com" style="font-size: 8px; text-decoration:none; color: #616469;">Blog Tutor</a>')

Ganti kode yang berwarna merah dengan alamat blog/web sobat.
Ganti kode yang berwarna ungu dengan teks yang diinginkan (bagian ini akan terlihat ketika kode .Js-nya dijalankan.
Ubah beberapa kode yang sesuai keinginan, contoh: warna, ukuran, dll.

Penjelasan kode

[document.write]: merupakan bahasa pemprograman javascript yang berarti akan memunculkan suatu tulisan pada saat kode javascript tersebut dijalankan.
[('</br>]: kode ganti baris.
[<a href="http://netfori.blogspot.com"]: kode untuk memanggil url yang diminta.
[style="font-size: 8px; text-decoration:none; color: #616469;">]: Kode-kode pendukung yang berfungsi menunjang teks yang akan ditampilkan.
[Blog Tutor]: kode untuk menampilkan teks pada saat javascript tersebut dijalankan.
[</a>')]: kode penutup.

Kesimpulan

Cara tersebut digunakan untuk menambah link hidup yang menuju blog kita, ketika mereka mengcopy-paste salah satu tutorial yang menggunakan script tambahan dari luar. Kita dapat menambahkan kode link hidup yang kita inginkan sebelum meng-hosting javascript. Trik ini sangat bermanfaat bagi para blogger yang isi blognya merupakan tutorial.

Sekian penjelasan singkat ini, mohon maaf bila ada salah kata. Jika artikel ini menarik silahkan untuk dikopas dengan syarat yang tertera di bawah. Saya sangat terbantu jika anda mengeklik FP Facebook yang berada di sidebar sebelah kiri tersebut. Jangan lupa subscribe email anda untuk mendapatkan update artikel terbaru dari Blog Netfori. Terimakasih. Lihat juga Ganti Teks pada Labels dengan Gambar Menarik dan Load Posting Otomatis dan Scroll Tidak Terbatas di Blog

Ganti Teks pada Labels dengan Gambar Menarik

noreply@blogger.com (rahmat) — Sun, 28 Apr 2013 13:58:00 +0000

Ganti Teks pada Labels dengan Gambar Menarik-Salah satu cara terbaik untuk membuat blog sobat menonjol dari yang lainnya dapat dilalukakan dengan menggunakan beberapa trik kecil di dalam desain template blog anda. Ini akan berdampak pada kualitas keunikan suatu template blog. Contohnya, pada blog demo yang akan saya sertai linknya di bawah ini, menggunakan gambar untuk labelnya.

DEMO LIVE

Gambar cenderung lebih menarik dibandingkan dengan tulisan. Kebanyakan template blog di luar sana tidak menggunakan/mengembangkan desain ini, pastinya trik yang akan saya sajikan benar-benar membuat blog-mu UNIK. Tidak lupa dan saya berharap untuk like FP Facebook yang berada di widget sebelah kiri.

Contoh Hasilnya

Kelemahan dari trik ini:

Repot karena bila ada banyak label harus memasukkan kodenya satu-persatu.
Dengan memakai gambar, maka proses loading blog menjadi lebih lama.
Diperlukan pemahaman dan ketelitian dalam menggunakan trik ini.

Langkah-Langkah Awal

1. Pertama, kamu membutuhkan beberapa icon cantik yang akan digunakan untuk labelnya. Kamu dapat mendownloadnya lewat mana saja. Terutama lewat google image. Gambar yang direkomendasikan berbentuk bujur sangkar dengan besaran kurang dari 32 pixels. Bila melebihi dari itu, maka akan terlihat terlalu besar atau bahkan berubah bentuknya.

2. Upload gambarnya melalui Entri Baru di Postingan Blog dengan cara:

Entri Baru > Insert Image
Di Tab Uploud, Klik “Pilih File” > Pilih file yang akan di upload > Tunggu
Klik dua kali agar gambar masuk dalam postingannya > klik kanan > copy image url

Klik untuk memperbesar

NB: Taruh image url di notepad atau tempat aman lainnya agar pada saat dibutuhkan tidak harus melakukan pengkopian url kembali

Penginstalan Triknya

1. Masuk ke “Template” > Edit HTML > CTRL + F (untuk mencari) > cari kata yang hampir sama dengan di bawah ini:

<b:if cond='data:post.labels'>

<b:loop values='data:post.labels' var='label'>

2. Masukkan kode di bawah ini tepat di bawah kode “<b:loop values='data:post.labels' var='label'>” :

<b:if cond='data:label.name == "NAMA-LABELNYA"'>

NB: Teks yang berwarna merah harus diganti dengan keterangan yang sesuai. Untuk bagian “NAMA-ALTNYA” dan “URL-IMAGENYA’” tidak begitu penting, tetapi sangat berpengaruh untuk SEO score.

3. Ulangi kode-kode di atas untuk labels yang lain, sesuai dengan labels yang ingin diganti dengan gambar.

Klik Untuk Memperbesar

Sekian penjelasan cara membuat labels dengan gambar di blog. Apakah kamu suka dengan tips yang unik ini? Jangan lupa untuk subscribe e-mail dan LIKE FP Facebook dengan meng-Klik tulisan “Like” di widget yang berada di sebelah kiri anda. Itu tuh kelihatan! Tunggu juga trick lainnya…

Dengan nge-like FP Facebook maka anda telah membantu saya. Terimakasih, semoga bermanfaat. Lihat juga Load Posting Otomatis dan Scroll Tidak Terbatas di Blog dan Cara Membuat Archive Blog yang Lebih Baik (Fresh Trick).

Load Posting Otomatis dan Scroll Tidak Terbatas di Blog

noreply@blogger.com (rahmat) — Sun, 10 Mar 2013 01:11:00 +0000

Scroll Tak Terbatas Di Blog-Pasti anda semua pernah menggunakan Facebook. Facebook merupakan web sosial paling terkenal di dunia. Atau mungkin Twitter, pasti anda pernah menggunakannya. Atau yang paling terlihat pada saat anda membuka 1cak.Tetapi pernahkah anda memperhatikan kebanyakan dari situs tersebut menggunakan teknik Nge-Load secara otomatis untuk menampilkan post berikutnya. Tanpa harus menge-klik next atau previous button.

Demo Live

Teknik seeperti ini sebenarnya juga bisa diaplikasikan di blog. Dalam artikel ini saya akan menjelaskan bagaimana teknik scroll tak terbatas dengan menggunakan JQuery. Untuk nama J Querynya sendiri adalah JQuery Ajax Scrolling. Oke berikut langkah-langkahnya.

1. Login ke Blogger.com
2. Pilih Template > Edit HTML
3. Cari kode ini <b:includable id='post' var='post'>. Maka akan muncul seperti di bawah ini:

<b:includable id='post' var='post'>
<div class="ias_item">
........Kode lainnya ..........
</div></b:includable>

NB: Kode Warna Merah yang ditambahkan.

4. Cari kode ini <b:includable id='main' var='top'>. Maka akan muncul seperti di bawah ini:

<b:includable id='main' var='top'>
<div class="ias_container">.......Kode lainnya...........</div>
</b:includable>

NB: Kode Warna Merah yang ditambahkan.

5. Cari kode ini <b:includable id='nextprev'>. Maka akan muncul seperti di bawah ini:

<b:includable id='nextprev'>

<div id=’ias_pagination’>.......Kode Lainnya....... </div>

</b:includable>

6. Cari kode ini <a expr:href='data:olderPageUrl'> ............ </a>. Mungkin belum akan ketemu kodenya. Yang terpenting bila anda telah mendapatkan kode expr:href='data:olderPageUrl' maka anda telah benar. Tambahkan kode berikut yang berwarna merah:

NB: Mungkin akan ditemukan lebih dari satu kode (kemungkinan ada dua kode yang sama). Pasang pada kode yang pertama saja.

7. Setelah selesai semua langkah-langkah di atas, dilanjutkan dengan menginstall kode ajax jquerynya. Pasang kode di bawah ini di atas kode </head>

jQuery.ias({container : '.ias_container',item: '.ias_item',pagination: '#ias_pagination',next: '#ias_page_next a',loader: 'your-own-hosting/loading.gif'});</script></b:if>

NB: Jika kode jquery.min.js telah ada, tidak perlu ditambahkan lagi.

9. Simpan dan rasakan hasilnya.

Penjelasan Kode

1. Kode pertama:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

Mengapa harus ada ini? karena kode ini akan memanggil J query framework yang terhosting di google. Kode ini penting karena bila tidak ditambahkan maka, anda ridak dapat menggunakan kode jquery lainnya sebelum memakai kode di atas.

2. Kode kedua:

<script src="https://sites.google.com/site/blognetfori/archive/JQueryAjaxScrolling.js" type="text/javascript"></script>

Kode ini yang bertugas untukmemanggil kode ajax scrolling yang telah dibahas di awal postingan.

3. Kode berikutnya:

<b:if cond='data:blog.pageType != "item"'><script type="text/javascript">

jQuery.ias({container : '.ias_container',item: '.ias_item',pagination: '#ias_pagination',next: '#ias_page_next a',loader: 'your-own-hosting/loading.gif'});</script></b:if>

Untuk memastikan script hanya bekerja jika halaman lebih dari satu atau lebih (bukan single post). Jika tidak halaman tersebut akan bekerja ketika berada di halaman homepage atau halaman archive yang panjang.

Bagaimana Kode Tersebut Bekerja?

Ketika Halaman 1 anda di-load oleh browser, plugin ini akan mencari HTML Element yang berisi link Halaman berikutnya. Halaman 2 (menggunakan informasi dalam "pagination" dan "next").
Lalu, akan menyimpan link untuk menuju Page 2. Menyembunyikan seluruh "pagination" element
Selanjutnya, Halaman 2 akan di-load di dalam memori komputer, kemudian memindai seluruh halaman 2 untuk elemen dengan pilihan "item"
Terakhir, menambahkan item yang ditemukan ke dalam "container".

Oke sekian dulu tutor "singkanya". Terimakasih. Bila ada pertanyaan bisa tanya di kotak komentar. Dikembangkan lagi oleh ini dari sini. Baca juga Cara Membuat Archive Blog yang Lebih Baik (Fresh Trick).

Cara Membuat Archive Blog yang Lebih Baik (Fresh Trick)

noreply@blogger.com (rahmat) — Sat, 23 Feb 2013 15:19:00 +0000

Archive or Daftar isi pada blog sangat penting dipasang. Semua visitor kita dapat lebih mudah mengetahui semua postingan kita, mereka dapat memilah dan mimilih lebih banyak sesuai yang mereka butuhkan, oleh karena itu saya akan mengeshare cara membuat archive dengan tampilan baru.

Ini trik baru yang telah saya edit dan kembangkan dari bloggerplugins.org, saya berterimakasih kepada pihak di atas. Lalu apa kelebihan dengan archive lainnya?

Contoh

DEMO LIVE

Beberapa cool features-nya:

Menggolongkan dengan judul-nya (ascending or descending) - dengan mengklik "Judul Posting" di table header.
Menggolongkan dengan tanggal (older first or newer first) - dengan mengklik "Tanggal Posting" di table header.
LEBIH CEPAT, mengapa? karena dengan trik ini, semua widget di samping kanan maupun kiri, akan hilang dengan sendirinya.
Akan ada penjelasan seditkit tentang isi postingan, ketika mouse kita dekatkan ke link-nya.

Kelemahan dari penggunaan script ini adalah:

Anda tidak dapat mengubah format tanggal.
Anda tidak dapat mengubah table headernya.

Sebenarnya bisa, tetapi haru mengubah javascriptnya.

Ini Dia Cara Untuk Mengaplikasikannya

Buat halaman baru bisa lewat "Buat Laman" atau-pun lewat "Entri Baru" tetapi lebih dianjurkan untuk membuat lewat"Buat Laman".
Beri judul untuk laman anda, tentu saja misal: "Archive" or "Daftar Isi"
Masuk pada HTML TAB > Paste kode di bawah ini:

<div id="bp_toc">
Loading TOC. Please wait....</div>
<script src="https://sites.google.com/site/blognetfori/archive/Mycontent_Arc.js" type="text/javascript">
</script><br />
<script src="/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript">
</script><br />
<style>
.blog-pager, #footer-wrapper, #footer-wrapper2, .footer, .post-footer, .feed-links, .sidebar { display:none !important;}
#main-wrapper {width: 95%; float:none; margin: 0 auto !important;}
#bp_toc {
  border: 0px solid #000000;
  padding: 5px;
  width:100%;
  margin-top:10px;
}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
  background: #fff;
  color: #000000;
  padding-left: 5px;
  width:60%;
}
.toc-header-col2 {
  width:20%;
}
.toc-header-col3 {
  width:20%;
}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {
  font-size:14px;
  text-decoration:none;
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
  font-size:14px;
  text-decoration:underline;
}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
  padding-left: 5px;
  font-size:14px;
}
</style>

4. Preview, and then save it! (jika sudah final)

Note: Jika anda tidak ingin menampilkan tanggal anda dapat menambahkan kode di bawah ini setelah kode css di atas tadi:

Contoh

.toc-header-col2,.toc-entry-col2{display:none} , if you want to hide date column
.toc-header-col3,.toc-entry-col3{display:none} , if you want to hide the label column

Demikian tutornya, diambil dan dikembangkan lagi oleh ini dari sini. Terimakasih.

100 Pattern for Blog Background (4/4)

noreply@blogger.com (rahmat) — Thu, 21 Feb 2013 09:40:00 +0000

100 Pattern for Blog Background (4/4)-Alhamdulillah, akhirnya admin blog netfori dapat menyelesaikan 100 gambar pattern for blog background edisi terakhir. Di sini banyak pattern yang bagus dan cocok buat background blog sobat. Agar lebih terkesan elegan dan professional.

Oke ini dia:

There are "100 Pattern for Blog Background" part 4 (finish):

Oke ini dia beberapa gambar bagian terakhir. Terimakasih bila sudah menggunakan beberapa gambar di atas.
Semoga bermanfaat.

100 Pattern for Blog Background (3/4)

noreply@blogger.com (rahmat) — Fri, 15 Feb 2013 23:10:00 +0000

100 Pattern for Blog Background (3/4)-Ini adalah lanjutan 4 serial gambar pattern untuk blog background. Ada empat bagian, ini termasuk yang bagian ke-3. Silahkan dilihat-lihat kumpulan 25 gambarnya, mungkin ada yang menarik.

There are "100 Pattern for Blog Background" part 3:

Demikian gambar lanjutannya, besok insyaallah akan dilanjutkan yang terakhir.

100 Pattern for Blog Background (2/4)

noreply@blogger.com (rahmat) — Thu, 14 Feb 2013 20:00:00 +0000

100 Pattern for Blog Background Part 2-Now, after released part 1 yesterday, i want continue with part 2. Many pattern for your blog background. I wish you like that.

There are "100 Pattern for Blog Background" part 2:

Bila ada yang suka bisa sebarkan artikel ini, atau pencet tombol G+1-nya. Thank you very much.

100 Pattern for Blog Background (1/4)

noreply@blogger.com (rahmat) — Thu, 14 Feb 2013 08:32:00 +0000

100 Pattern for Blog Background-Halo kawan semua, kali ini saya akan ngeshare Gambar-Gambar Pola (pattern) untuk background blog sobat, saya mengambil gambar-gambar ini dari sini. Patternnya bagus-bagus, sayang bila dilewatkan. Oke langsung saja.

After released how to upload javascript in blog, we head to forward to a beautiful collection of some of the best looking Pattern for Blog Background that will put soul to anyone’s weblog or website! I have modified this background from bypeople.com. I hope this collection will be of interest to most of you simply because these pattern can easily be installed.

Oke, berikut gambar patternnya (part 1/4):

Gambar ini telah saya hosting ke blogspot.com, jadi tinggal copy paste saja urlnya. Masih dapat di kompress dan di-edit terlebih dahulu agar gambarnya semakin sip.

Demikian beberapa gambar patternnya, semoga bermanfaat. Terimakasih,

Top Komentator Blog Netfori

noreply@blogger.com (rahmat) — Sat, 09 Feb 2013 16:14:00 +0000

Berikut 10 top komentator terbanyak di Blog Netfori. Komentar blog yang saya gunakan adalah komentar sistem google+. Sedangkan daftar yang tertera di bawah ini masih menggunakan sistem komentar blog default. Jadi, untuk komentator paling baru tidak akan masuk dalam daftar di bawah ini. Terimakasih.

Cara Upload Javascript di Blog

noreply@blogger.com (rahmat) — Sat, 02 Feb 2013 13:38:00 +0000

Cara Uploud Javascript di Blog-Sesuai dengan judulmya, kali ini Blog Netfori akan mengungkapkan bagaimana caranya untuk menguploud javascript "tanpa bantuan pihak ke-2". Maksudnya adalah kita tidak perlu uploud javascript kita ke tempat-tempat hosting code seperti yourjavascript.com, sites.google.com, dan/atau google code.

Ini dapat kita lakukan sendiri tanpa harus repot-repot hosting. Lalu bagaimana tricknya, berikut langkah-langkahnya:

1. Seperti biasa masuk ke akun blog anda.
2. Masuk ke Template => Edit HTML => Expand Widget
3. Trik supernya:

<script type='text/javascript'>

//<![CDATA[

Copy Code javascript Anda Di sini

//]]>

</script>

4. Setelah itu masukkan kode tersebut diantara bagian <head>
5. Simpan => Selesai sudah. Mudah sekali bukan?

Lalu apa saja keuntungan menggunakan trik ini?

Tidak ada batas ukuran file javascriptnya.
Tidak ada batas pemakaian bandwidth.
Pastinya lebih CEPAT LOADING BLOGnya (karena files tersebut tersimpan dalam blog itu sendiri)

Demikian sedikit trik yang dapat saya share. Semoga bermanfaat. Sekian dan terimakasih.

Suka trik ini? Comment :)

Perubahan Logo dan Lambang Blog Netfori

noreply@blogger.com (rahmat) — Thu, 31 Jan 2013 15:05:00 +0000

Kali ini setelah saya jarang posting, akhirnya dapat meluangkan waktu untuk posting juga. Sebenarnya saat itu masih memikirkan cara agar tampilan blog menarik tetapi tetap ringan. Karena pada sebelumnya, loading blog saya masih tergolong lambat. Maka dari itu saya jarang posting.

Oke kembali ke inti. Ini ada beberapa perubahan mendasar dari blog saya.

1. Perubahan gambar Fav-Icon. Fav-Icon kebanggan, kebangsaan, dan kecintaan Blog Netfori adalah sebagai berikut:

Lambang Fav Icon

2. Lambang dan Logo Bertanda Blog Netfori sebagai berikut:

Horizontal

Lambang dan Logo Horizontal

Vertikal

Lambang dan Logo Vertikal

Arti Lambang dan Logo Di Atas

Lambang tersebut berkonsep "minimalkan sesuatu yang minimal". Oleh karena itu saya membuat suatu logo agar mudah diingat. Terinspirasi dari web ini. Saya sangat berterimakasih kepada web tersebut yang telah menginspirasi saya.
Warna biru berlian, menandakan adanya suatu kekuatan yang kuat untuk melindungi diri sendiri, layaknya batu berlian.
Secara keseluruhan dibuat agar sedap dipandang, terasa sejuk, dan tidak membosankan pada saat melihat logo tersebut. (Sifat batu berlian yang indah)
Tulisan yang berwarna putih dengan kerapatan yang tinggi antar huruf memberikan kesan elegan.
Dua ujung lancip beda arah, menandakan keberanian layaknya pedang dalam menghadapi segala polemik dalam dunia perbloggeran.
Warna biru semakin ke atas semakin tua, bagaikan suatu tangga walaupun blog ini termakan waktu, tetapi semakin lama harapannya semakin berjaya di era mendatang.
Bentuk jajargenjang, bentuk huruf "alif" pada Bahasa Arab merupakan suatu huruf permulaan yang diikuti huruf lainnya. Harapannya adalah blog ini dapat dijadikan permulaan bagi setiap pencari informasi dari dunia maya.

Saya namakan lambang ini:

"Slates"

Demikian beberapa arti dalam Logo dan Lambang yang saya buat. Semoga do'a yang terkandung dalam logo tersebut dapat tercapai. Amiin... Terimakasih.

Kode Warna Html (Paling Lengkap 2013)

noreply@blogger.com (rahmat) — Fri, 25 Jan 2013 13:35:00 +0000

Klik Gambar Untuk Memperbesar

Setelah beberapa hari, saya akan memberikan beberapa tools untuk mengetahui dan memilih kode warna html yang lengkap. Memang susah menentukan beragam kode yang cocok untuk web/blog kita, tetapi paling tidak dengan tools di bawah dapat memberikan kemudahan untuk memilih warnanya. Oke ada beberapa tools yang akan saya share

1. Tool untuk memilih berbagai warna yang cocok. Cara penggunaan:

Klik mouse dan tekan ke bagian "HUE"
Arahkan ke bawah dan ke atas.
Klik dan tekan lagi pada bagian "Brightness/Saturation" => Pilih warna yang cocok
Copy kode pada bagian"HEX"

Ini dia tool-nya:

2. Tools untuk mengetahui kode warna html pada web/blog anda. Cara penggunaan:

Masukkan kode warna html pada "Insert the Hex Code (without '#') below and press the update button. Contoh kode yang dimasukkan "ffffff" atau "000000" sesuai kode anda.
Klik tombol "UPDATE"
Maka akan muncul warna kode tersebut pada bagian kotak yang teratas. Maka terlihat warna dari kodenya.

Berikut tool-nya:

NB: Bila tidak muncul, harap install adobe flash player

Cara Membuat Slide Show 3D di Blog (HTML 5)

noreply@blogger.com (rahmat) — Mon, 21 Jan 2013 10:26:00 +0000

Oke kali ini saya akan share cara membuat slide show dengan menggunakan pengembangan dari HTML 5. Slide Show ini berjenis 3D. Memberikan kesan berbeda dari slide show lainnya. Untuk Demonya silahkan lihat web di bawah ini:

Live Demo

Bagi yang tertarik, berikut langkah-langkahnya:

1. Seperti biasa masuk ke akun blog anda.
2. Masuk ke Template => Edit HTML => Expand Widget
3. Cari <head>, lalu masukkan kode dibawah ini tepat di bawah kode <head>

<link href="http://www.script-tutorials.com/demos/252/css/main.css" rel="stylesheet" type="text/css" /> <script src="http://yourjavascript.com/24175431111/script.js"></script>

4. Setelah selesai masukkan kode berikut tepat di bawah kode <body>

<canvas id="slideshow" width="1500" height="500"></canvas>

5. Simpan Template, selesai.

Tutorial ini memang sangat mudah, tetapi memberikan hasil maksimal. Untuk gambar yang ingin dirubah, masih harus mengganti java scriptnya terlebih dahulu. Tidak bisa langsung lewat Edit HTML. Bila sobat ingin/dapat mengembangkan lebih lanjut, sangat dianjurkan. Terimakasih.
Di-edit, diterjemahkan, dan dikembangkan oleh "Blog Netfori"dari "script-tutorials.com".


Nama
First
Last
URL Web Anda
Email	Tidak akan disebarluaskan (kerahasiaan terjaga).
No Telepon	Tidak akan disebarluaskan (kerahasiaan terjaga).
URL Web Tujuan
URL Banner Anda
Pesan