Tips SEO + Blog - PC 123 RSS Feeds

5 Tempat Download Gambar Gratis dan Bebas Hak Cipta untuk Blogger

2021-05-05T05:28:00.000+08:00

5 Tempat Download Gambar Gratis untuk Blogger-Kadang-kadang, kita sebagai Blogger perlu mencari gambar, entah itu untuk ilustrasi, infografis, atau untuk memperindah posting blog. Banyak dari kita yang sering mencari gambar di Google, namun terkadang kualitasnya tidak sesuai dengan apa yang kita inginkan. Mungkin gambar tersebut terlihat kabur, atau pecah, atau justru tidak sesuai dengan posting yang akan kita buat. Di lain waktu, kadang kita menemukan gambar bagus, tapi hak ciptanya tidak mengizinkan kita menggunakan gambar itu secara gratis (lisensinya berbayar), atau mengharuskan link-nya dicantumkan dalam posting blog kita.

Padahal, gambar sendiri juga berpengaruh terhadap SEO blog. Gambar yang indah, dapat membuat pengunjung blog betah berlama-lama membaca posting blog kita, dan pada akhirnya menurunkan bounce rate dari blog kita. Selain itu, gambar itu tentunya bisa diindeks dan tampil dalam hasil pencarian Google Gambar, dan tentunya berpeluang diklik oleh pengunjung, jika dilihat bagus. Faktor hak cipta tentu perlu menjadi pertimbangan di sini. Teman-teman tentu ingin gambar yang bebas dari hak cipta, agar nantinya tidak ada masalah di kemudian hari.

Kabar baiknya, ada tempat yang bisa kita gunakan untuk mencari gambar dengan kualitas bagus, (biasanya) gratis, dan bebas hak cipta (copyright). Oke, langsung saja, berikut ini lima tempat download gambar atau foto gratis untuk blogger, yang sekiranya bisa digunakan untuk memperindah posting blog teman-teman.

Catatan: Beberapa tempat atau sumber yang dicantumkan di sini, kemungkinan tidak menyediakan gambar 100% bebas hak cipta (copyright). Ada beberapa sumber yang mewajibkan teman-teman untuk menyertakan sumber dari gambar tersebut. Namun, ada pula yang menyediakan gambar secara gratis. Karena itu, sebelum teman-teman mengunduh dan menggunakan gambar tersebut di blog, pastikan teman-teman membaca terlebih dahulu ketentuan yang ada pada website tersebut.

Unsplash (http://unsplash.com)

Unsplash merupakan salah satu situs penyedia gambar gratis yang ada di Internet, yang saya rasa cocok untuk menjadi sumber gambar bagi blogger. Di sini, blogger dapat mencari gambar dengan menggunakan berbagai kategori, dan tentunya semua bisa diunduh secara gratis, dan bebas hak cipta.

Unsplash sendiri memiliki sekitar 200 ribu fotografer, dan memiliki jutaan foto. Foto-foto yang ada pada Unsplash, disortir dengan manual, alias disortir oleh manusia langsung.

Bagaimana dengan lisensi dan hak ciptanya? Foto yang ada di Unsplash dapat digunakan secara gratis (no copyright atau bebas hak cipta) di berbagai media baik itu blog, ataupun video. Blogger atau konten kreator lainnya tidak perlu menyebutkan sumber referensi atau link, atau membayar untuk menggunakan foto yang ada pada Unsplash.

StockSnap.io (https://stocksnap.io)

Pilihan kedua ada di StockSnap.io. Di sini, teman-teman blogger bisa mengunduh foto yang kualitasnya HD, dan dengan kategori tertentu, sesuai dengan kebutuhan.

StockSnap.io didirikan dengan tujuan untuk menyediakan gambar kualitas tinggi (yang tentunya indah) untuk orang yang memerlukannya (seperti kita, para blogger) dengan menggunakan lisensi CC0. Lisensi ini mengizinkan kita yang memerlukan foto, bisa menggunakan foto tersebut secara gratis (alias no copyright), dengan tujuan dan maksud yang tidak dibatasi, dan tanpa perlu memberikan atribut atau kredit apapun.

Pexels (https://pexels.com)

Pexels hampir mirip dengan kedua situs yang sudah disebutkan sebelumnya. Jika teman-teman Blogger tidak menemukan gambar yang sesuai di dua situs pertama, coba untuk mencari di Pexels.

Gambar yang disediakan juga gratis, sama seperti situs lainnya, dan dapat digunakan secara bebas. Disamping menemukan foto, teman-teman juga dapat menemukan video pada situs ini, yang sekiranya bermanfaat untuk konten blog. Lisensinya? Sama, gratis (no copyright), dan bisa digunakan secara bebas, alias bebas hak cipta.

Pixabay (https://pixabay.com)

Pixabay dapat menjadi alternatif lain untuk para blogger yang memerlukan foto untuk dipasang pada posting blog mereka.

Gambar yang disediakan di sini, dibagi menjadi tiga kategori, yaitu foto (photos), grafik vector (vector graphics) dan ilustrasi (illustrations). Ada juga fasilitas untuk mencari video di sini. Baik foto maupun video, sama-sama dapat diunduh secara gratis dan bebas hak cipta.

Burst by Shopify (https://burst.shopify.com)

Website ini dibuat oleh Shopify, layanan platform e-commerce internasional. Di sini teman-teman blogger dapat mencari berbagai stock photo yang sekiranya bermanfaat untuk memperindah posting teman-teman, atau bisa juga untuk media infografis.

Lisensi untuk semua foto yang ada pada situs ini, rata-rata dapat digunakan secara gratis atau bebas.

Bonus! Gratisography (http://www.gratisography.com)

Sedikit berbeda dengan website sebelumnya, website ini menyediakan gambar-gambar yang bisa dikatakan unik, dan cocok untuk teman-teman yang ingin menampilkan sesuatu yang berbeda di blog.

Gratisography, walaupun dari namanya terlihat seperti dibuat oleh orang Indonesia, sebenarnya bukan berasal dari Indonesia. Situs ini dibuat oleh seorang seniman bernama Ryan McGuire. Gambar yang disuguhkan dalam situs ini, berbeda dengan gambar yang disuguhkan oleh lima situs sebelumnya, serta cenderung unik dan lucu.

Lisensinya pun gratis dan bebas hak cipta (no copyright), jadi dapat digunakan dalam berbagai jenis media, termasuk posting blog teman-teman.

Selamat mencoba untuk mencari gambar ataupun foto dari situs-situs tersebut. Apabila teman-teman blogger memiliki situs lain yang sekiranya bisa menjadi sumber referensi foto atau gambar, mungkin bisa dikirimkan pada kolom komentar di bawah. Selamat mencoba, dan happy blogging!

5 Peluang Rahasia Untuk Memperoleh Uang dari Blog (yang Saya Lupakan)

2021-04-28T09:26:00.005+08:00

Pepatah mengatakan bahwa banyak jalan menuju Roma. Banyak jalan pula yang bisa ditempuh untuk menghasilkan uang dari blog. Tapi, kenapa saya menyebut jalan ini 'rahasia'? Karena jalan ini, pada umumnya dilupakan oleh banyak orang. Mmm, lebih tepatnya tidak diketahui oleh banyak blogger. Selain itu, jalan memperoleh uang dari blog, yang dipaparkan disini, sebagian besar bisa dilakukan tanpa modal tambahan selain blog dan alat-alat untuk blogging.

Ketika seorang blogger bertanya di mesin pencari tentang cara menghasilkan uang dari blog, rata-rata jawaban yang diperoleh blogger adalah dengan cara memasang iklan. Entah itu iklan yang diperoleh dari advertiser (pengiklan langsung), atau dari agen iklan (kerap disebut sebagai perantara iklan). Hingga tahun 2021, jawaban yang saya peroleh masih tetap sama, yaitu dari iklan.

Padahal, masih ada cara atau jalan lain yang bisa dilakukan oleh blogger, untuk menghasilkan uang, diluar dengan memasang iklan. Cara atau jalan untuk menghasilkan uang dari blog, yang saya paparkan di bawah ini, belum 100% saya gunakan (sampai di tahun 2021 ini), jadi sebenarnya saya merasa belum layak untuk dipaparkan dalam artikel ini. Namun, tidak ada salahnya untuk mencoba jalan atau cara berikut, agar blog teman-teman bisa menghasilkan uang.

Tapi ingat, sebelum teman-teman blogger menjalankan peluang rahasia ini, pastikan teman-teman sudah memiliki blog, atau website ya. Jika belum, teman teman bisa membuat website atau blog terlebih dahulu.

1. Jualan artikel pesanan

Artikel pesanan yang dimaksud di sini adalah artikel yang dipesan oleh orang lain, atau perusahaan, untuk dipasang di blog kita. Kadang kadang metode ini dilakukan untuk mendapatkan backlink, atau referral traffic. Referral traffic adalah pengujung yang datang akibat meng-klik link yang ada di website lain, bukan dari hasil pencarian mesin pencari. Misalnya, jika teman-teman mengklik link berikut: membuat website, maka teman-teman akan dibawa ke website lain. Status teman-teman di sana, adalah referral traffic.

Tentunya, ada sejumlah uang yang kita terima karena kita memasang artikel itu di blog kita. Cara ini merupakan salah satu cara (yang cukup sederhana) untuk mendapatkan uang dari blog, tanpa modal tambahan selain blog yang kita miliki, dan kemampuan menulis.

Dulu saat saya baru ngeblog sekitar setahun, sekitar tahun 2013, saya pernah mendapatkan order untuk posting artikel pesanan. Namun, dikarenakan pada saat itu saya sedang sibuk, maka order tersebut belum bisa saya ambil.

Satu tips untuk teman-teman blogger yang ingin menerima order artikel pesanan. Jika pemesan artikel meminta dikirimkan draft artikel, usahakan untuk mengirimkan draft artikel, dalam format dokumen pdf yang tidak bisa di copy-paste. Tujuannya untuk mencegah pencurian artikel. Dulu, saya pernah mengalami insiden ini, dan sepertinya artikel saya diposting di blog atau website orang lain. Alhasil, artikel saya hilang, uang pun tidak didapat.

Bagaimana cara mendapatkan order artikel pesanan? Ada banyak cara yang bisa dilakukan. Cara paling sederhana adalah dengan memasang alamat e-mail Anda pada halaman About atau Tentang. Bisa juga dengan membuat posting, bahwa blog Anda menyediakan jasa penulisan artikel, untuk diposting di blog Anda. Sedikit saran pula, gunakan satu alamat e-mail khusus (bukan e-mail pribadi). Kenapa? Untuk mencegah terjadinya hal-hal yang tidak diinginkan, misalnya alamat e-mail Anda dijadikan tempat atau sasaran spammer.

2. Ikut program referral atau afiliasi

Program referral atau afiliasi adalah program yang memberikan komisi kepada orang (biasanya disebut affiliate) yang membantu suatu perusahaan (biasanya disebut merchant) menjual barang mereka. Komisi dibayarkan apabila orang itu, bisa mengajak orang lain untuk melakukan sesuatu, yang diinginkan oleh perusahaan, misalnya mendaftar pada suatu situs, atau membeli sesuatu. Program ini bisa dijalankan secara online, baik dengan atau tanpa menggunakan blog. Bahkan, bila menggunakan blog, dan blognya dirancang dengan benar, bisa saja posting blog merekalah yang akan ‘menjual’-kan produk perusahaan atau merchant.

Banyak perusahaan yang menawarkan program referral atau afiliasi ini. Salah satunya adalah Exabytes Indonesia dengan program affiliasi terbaik-nya. Exabytes sendiri adalah satu perusahaan yang bergerak dalam bidang penyediaan hosting dan domain name di Indonesia, yang telah berdiri sejak tahun 2001, dan sudah menangani lebih dari 100.000 website. Oh, iya, untuk Anda yang mungkin masih awam, hosting adalah tempat sebuah website disimpan secara online, sedangkan domain itu adalah alamat dari websitenya (contohnya exabytes.co.id, domainnya adalah .co.id). Informasi selengkapnya perihal program afiliasi terbaik dari Exabytes, bisa dilihat disini.

Jika teman-teman ingin segera mendaftar, silahkan lihat video berikut, yang menjelaskan bagaimana cara mengikuti program afiliasi terbaik dari Exabytes

3. Ikut lomba blog

Peluang ini mungkin hanya sedikit yang mengetahuinya. Dari sedikit orang yang mengetahui peluang ini, hanya beberapa yang mau mencoba mengikuti lomba blog. Padahal, lomba blog menjanjikan potensi penghasilan yang lumayan besar, tergantung penyelenggaranya.

Untuk mengikuti lomba blog, saya rasa tidak diperlukan kemampuan yang amat sangat teknis. Pengalaman yang banyak, saya rasa juga tidak terlalu diperlukan dalam mengikuti kompetisi blog. Penulis pernah mengikuti lomba blog pada bulan Agustus 2012 lalu (saat itu penulis masih duduk di kelas 2 SMP, dan penulis sendiri baru mulai serius ngeblog di blog ini tanggal 16 Maret 2012, alias pengalaman penulis baru sedikit sekali), dan ternyata penulis berhasil menang. Hadiah yang saya dapatkan, pada waktu itu, termasuk lumayan, yaitu sebesar Rp500.000 ditambah beberapa souvenir lain. Termasuk lumayan untuk ukuran anak SMP pada masa itu. Terlebih, bisa mendapatkan uang dari blog nyaris tanpa modal (modal yang saya keluarkan adalah untuk pembelian pulsa modem, dan biaya pendaftaran lomba itu sendiri)

Kunci mengikuti lomba blog sebenarnya hanyalah keberanian dan konsistensi (menurut saya). Semakin konsisten dan semakin berani (berani mencoba dan belajar blogging maksud saya), maka semakin besar peluang untuk memenangkan lomba blog tersebut.

Buat teman-teman blogger yang ingin mencoba mengikuti lomba blog, kebetulan ada lomba blog yang sedang diadakan oleh Exabytes Indonesia. Tertarik mengikutinya? Silahkan klik banner berikut untuk informasi lebih lanjut.

4. Jualan e-book atau materi-materi tertentu

Cara keempat untuk menghasilkan uang dari blog adalah dengan menjual ebook atau materi-materi tertentu, entah itu podcast, buku fisik (buku yang benar-benar buku), video, atau pelatihan. Mereka menulis informasi gratis dalam blog mereka, dengan topik yang berkaitan tentang ebook atau barang jualan mereka, lalu mereka menggiring pembaca yang penasaran untuk membeli produk mereka.

Penghasilan yang diperoleh, menurut penulis sendiri, cukup lumayan dan tidak bisa dikatakan sedikit. Bahkan, ada pula blogger yang konon bisa membeli rumah dengan cara menjual buku buatan mereka sendiri. Tentunya, hasil yang diperoleh itu, bukanlah hasil yang kecil bagi kebanyakan blogger seperti saya.

5. Ikut program jual-beli blog

Dulu penulis pernah membaca sebuah buku, namun penulis agak lupa judul buku tersebut apa. Buku cetakan tahun 2012 itu membahas tentang potensi profesi blogger di masa yang akan datang. Salah satu hal yang dibahas dalam buku itu, adalah adanya potensi sebuah blog diperjual-belikan untuk menghasilkan uang.

Saat saya mulai blogging dari tahun 2012 lalu, profesi jual beli blog, atau blogger yang menekuni pekerjaan jual beli blog, nyaris tidak ada. Rata-rata orang masih terfokus untuk membuat blog dan meningkatkan visitor mereka, dan tentunya mencari cara agar blog mereka bisa menghasilkan uang. Namun, seiring berjalannya waktu, jual beli blog, mulai lazim dilakukan. Coba saja buka forum-forum blog yang ada di sosial media, maka kita akan mudah menemukan orang-orang yang menjual blog, baik blog mereka sendiri, atau blog orang lain. Harganya bervariasi, mulai dari Rp50 ribuan, sampai dengan jutaan rupiah.

Kini, teman-teman blogger sudah tahu, bahwa ada banyak jalan yang bisa ditempuh untuk memperoleh uang dari blog. Lalu, kenapa di bagian judul, saya menulis bahwa jalan itu saya lupakan? Jika boleh jujur, tahun 2012 lalu saya juga melihat bahwa lima hal tersebut adalah peluang bagi saya. Terlebih, di masa itu, blogger masih sangat sedikit, dan persaingan belum seketat sekarang. Sebagai informasi, di sekolah saya (tahun 2012 saya masih bersekolah di salah satu Sekolah Menengah Pertama atau SMP Negeri yang berlokasi di Denpasar), hanya saya saja yang fasih dan melek blogging. Saya sendiri, melupakan peluang tersebut, karena beberapa faktor. Faktor-faktor berikut bisa dikatakan sebagai kesalahan terbesar saya, sehingga hingga saat ini, saya belum mendapatkan penghasilan yang maksimal dari blog. Apa saja itu?

1. Takut berubah dan takut memonetisasi (menghasilkan uang) dari blog

Hampir 10 tahun saya tidak pernah mengganti tema blog saya. Iya, Anda tidak salah baca. Selama 10 tahun, saya tidak pernah mengganti tema blog ini. Tema yang sekarang ini, baru saya gunakan pada bulan Juni 2021, karena template sebelumnya membuat blog saya terlihat kurang bagus di ponsel pintar.

Apa alasan saya takut mengganti tema blog saya? Sederhana, saya takut blog saya menjadi lambat dan loading lama (lola), dan mengakibatkan pengunjung blog saya menurun. Hal yang sama juga menjadi alasan, mengapa saya tidak mengganti domain atau memonetisasi blog saya. Saya takut kehilangan visitor atau pengunjung blog ini.

Padahal, jika dipikir-pikir, memasang satu dua iklan tidak akan memperlambat blog saya. Apalagi memposting artikel pesanan orang. Mengganti template blog pun juga belum tentu akan memperlambat blog saya. Banyak blog yang saya perhatikan, memiliki banyak iklan, dan menggunakan template yang tidak standar atau template custom, namun saya lihat tetap cepat. Template

2. Fokus pada iklan, iklan, dan iklan

Kendala terbesar saya adalah hanya berfokus pada iklan. Saya, merasa bahwa blog saya hanya bisa menghasilkan uang dari iklan. Padahal, dalam waktu kurang dari dua tahun semenjak saya mulai blogging di blog ini, lebih tepatnya bulan Mei 2013, saya menerima order untuk membuat artikel dan diposting di blog saya. Memang, dalam orderan tersebut, tidak disebutkan nominalnya berapa, namun jika melihat alexa rank blog saya (waktu itu sudah tembus 400-ribuan) dan visitor hariannya sudah mencapai sekitar 500-an orang per hari, saya rasa nominalnya berkisar sebesar Rp300-ribuan. Lagi-lagi, itu adalah nominal yang cukup besar untuk anak SMP yang pada saat itu baru selesai mengikuti ujian nasional. Namun, waktu itu order tersebut saya tolak.

Kenapa?

Karena saya terlalu kaku. Saya merasa bahwa topik artikel mereka tidak sesuai dengan blog saya (waktu itu mereka menawarkan kerja sama dalam pembuatan artikel dengan topik game di salah satu sosial media, tapi blog saya sendiri, topiknya tentang blog dan SEO). Belakangan saya baru sadar, satu artikel yang sedikit melenceng dari topik blog, tidak akan berdampak terlalu buruk pada blog saya sendiri. Ada banyak blog yang saya lihat topik utamanya A, namun terkadang menerima order artikel dengan topik B, dan artikel tersebut tetap diposting pula. Dampaknya bagi mereka? Setelah saya amati, nyaris tidak ada.

3. Keyakinan yang lemah

Memasuki tahun 2014-2015 (jika tidak salah saya sedang ada masa peralihan dari kelas 2 ke kelas 3 SMA), saya bertanya pada diri saya, apakah benar blog bisa menghasilkan uang. Saya tidak sadar bahwa saya melewatkan beberapa kesempatan (yang cukup besar) untuk menghasilkan uang dari blog. Ditambah lagi, saya masih terfokus pada iklan. Padahal, keyakinan (keyakinan di sini tidak ada hubungannya sama sekali dengan agama apa pun) yang kuat adalah dasar dari segala pencapaian (disamping doa dan restu Yang Mahakuasa). Akhirnya, semangat blogging saya pada masa itu mulai surut, dan akhirnya visitor pun menurun, dan saya semakin jauh dari uang, yang dihasilkan dari blog.

Pelajaran apa yang bisa ditarik dari tiga kesalahan saya sebagai blogger? Manfaatkan waktu dengan baik. Buka mata dan telinga guna menangkap peluang dan cara yang ada, agar blog bisa menghasilkan uang, serta berani belajar dan mencoba

Itulah 5 cara yang sekiranya bisa menjadi sumber uang dari blog, Saya harap teman-teman blogger bisa belajar dari kesalahan saya, dan sama-sama bisa sukses dalam dunia blogging. Adakah yang mau berbagi pengalaman sukses maupun belum sukses dalam dunia blogging? Saya senang apabila bisa mendengarkannya di kolom komentar. Akhir kata, terima kasih, dan happy blogging!

Cara Mudah Buat Link Download di Blogspot/Blogger (Tanpa Koding)

2021-04-21T11:40:00.001+08:00

Banyak blogger yang senang membagikan file-file bermanfaat kepada pembacanya. Semisal ebook gratis, template blog, video, rekaman audio, atau aplikasi-aplikasi gratis lainnya. Tujuannya, tentu agar pembaca blog tersebut, yang tertarik, dapat mengunduh atau mendownload file tersebut. Tapi sayangnya, berbeda dengan WordPress yang memiliki fasilitas untuk upload dan berbagi file yang dapat diunduh/download oleh pembaca, Blogger atau Blogspot tidak memiliki fasilitas itu. Lalu, apakah ada solusinya, agar kita, pengguna Blogger atau Blogspot bisa membuat link download di blog kita? Jawabannya: ada, dan bisa dilakukan tanpa perlu membayar, alias gratis, dan tanpa perlu menggunakan kode pemograman apapun.

Tutorial membuat link download di blogspot atau blogger ini menggunakan Google Drive sebagai sarana tempat penyimpanan file. Perlu diketahui pula, bahwa kapasitas dari Google Drive adalah sekitar 15 GB, jadi tentunya kapasitas itu cukup besar bagi kebanyakan blogger. Terlebih jika file yang akan dibagikan berupa file PDF dengan ukuran 1 MB, kapasitas tersebut termasuk besar untuk pengguna Blogspot/Blogger.

Apabila teman-teman Blogger ingin melihat contoh link download yang sudah dipasang di blogspot atau blogger, teman teman bisa melihatnya di sini, atau pada gambar berikut

Oke, berikut ini langkah-langkah mudah untuk membuat link download di blogspot/blogger, dan tentunya tanpa koding atau kode pemograman. Jika gambar yang ada di bawah dirasa kurang jelas, klik gambar tersebut untuk memperbesar gambar.

Siapkan terlebih dahulu file yang akan dibuatkan link download.
Buka Blogger.com, lalu buat posting yang akan dipasangi link download.
Lalu buka browser Anda (Google Chrome atau browser lain), lalu buka Google Drive (https://drive.google.com)
Klik tombol ‘Buka Drive’
Login dengan cara memasukkan alamat e-mail dan password pada kotak yang tersedia
Setelah Anda masuk ke dalam akun Google Drive Anda, klik tombol ‘Baru’ yang ada di pojok kiri atas, lalu pilih ‘Folder’. Di sini, disarankan untuk membuat folder yang khusus berisikan file-file yang dibuatkan link download. Tujuannya? Agar file yang Anda unggah, tersimpan dengan rapi, dan saat Anda memerlukannya, Anda bisa menemukannya dengan cepat.
Pada kotak yang muncul, masukkan nama folder yang Anda inginkan. Pada contoh ini, folder dibuat dengan menggunakan nama ‘File Blogspot’
Folder yang sudah dibuat, akan muncul pada Google Drive. Klik ganda folder tersebut
Anda akan dibawa masuk ke dalam tampilan folder yang baru dibuat, dan tentunya isinya masih kosong
Upload file yang akan dibuatkan link download dengan cara mengklik tombol ‘Baru’, lalu pilih ‘Upload File’
Cari file yang akan dibuatkan link download, lalu klik file tersebut, dan pilih ‘Open’
File yang sudah dipilih, akan diunggah ke Google Drive.
Apabila telah selesai, maka akan muncul pesan bahwa unggahan atau upload telah selesai dilakukan.
Lanjutkan dengan melakukan klik kanan pada file yang sudah diunggah, lalu pilih ‘Dapatkan Link’
Klik tulisan ‘Dibatasi’ menjadi ‘Siapa saja yang memiliki link’. Tujuannya, agar semua orang yang mengklik link download di blog Anda, bisa mendownload file Anda tanpa perlu login.
Kemudian, klik tulisan ‘Salin Link’. Link download yang Anda inginkan sudah Anda dapatkan. Langkah selanjutnya adalah memasang link tersebut pada posting blog Anda
Kembali ke posting yang sudah Anda buat sebelumnya, buatlah satu tulisan dengan kata-kata bebas, misalnya ‘download di sini', dsb pada posting yang ada.
Blok tulisan tersebut, kemudian klik icon ‘Sisipkan Link’ yang ada pada toolbar
Klik kanan pada kotak dengan tulisan ‘Tempel atau telusuri link’, kemudian pastekan link yang sudah di-copy sebelumnya. Berikan pula tanda centang pada kotak di sebelah tulisan ‘Buka link ini di jendela baru’ (artinya link download, saat diklik oleh pembaca blog, akan dibuka di tab baru)
Selesai, Anda telah berhasil membuat link download pada blog Anda. Tanda bahwa link tersebut sudah berhasil dibuat, bisa dilihat pada tulisan yang sebelumnya di blok atau di sorot, berubah warna menjadi biru dan bergaris bawah
Terakhir, klik Publikasikan untuk mempublikasikan posting blog Anda.

Saat pembaca blog Anda mengklik link download tersebut, tab baru akan terbuka, dan pembaca akan diarahkan ke Google Drive, untuk mendownload file tersebut. Pengujung blog Anda hanya perlu mengklik tombol download yang ada di pojok kanan atas, sebagaimana terlihat dalam gambar berikut:

Bagaimana, mudah bukan? Mungkin ada teman-teman blogger yang memiliki cara lain yang jauh lebih mudah daripada cara ini. Bisa dibagikan di kolom komentar ya, siapa tahu ada yang membutuhkan. Terima kasih, dan happy blogging!

Ini Dia! Tiga Forum Facebook Rekomendasi untuk Belajar Blogging

2021-04-16T12:19:00.001+08:00

Walaupun rata-rata generasi milenial lebih senang menggunakan Instagram daripada Facebook, Facebook sendiri masih menjadi media sosial yang cukup sering digunakan oleh para blogger. Mungkin, karena blogger yang aktif di Facebook ada banyak, banyak juga bermunculan grup-grup dengan topik pembicaraan blog di Facebook.

Sebenarnya, apa manfaat bergabung dalam grup Facebook dengan topik blog? Banyak manfaat yang bisa diperoleh oleh Blogger jika bergabung dengan grup Facebook yang membicarakan tentang blog. Diantaranya, bisa mengetahui informasi terbaru tentang SEO blog, tips trik blogging, bahkan kadang-kadang di beberapa blog ada juga yang membahas tentang monetisasi (cara mencari uang) di blog. Mulai dari cara pasang adsense di blog, sampai jual beli blog.

Grup atau forum Facebook bertemakan blog bisa menjadi sumber referensi, serta berbagi ilmu yang bagus untuk blogger newbie (blogger yang baru belajar blogging, seperti saya) atau blogger yang sudah professional. Saya pribadi sering menemukan ilmu blogging menarik dan baru pada forum-forum blogger.

Sebenarnya, ada banyak grup Facebook yang membahas tentang blog, namun di sini saya akan memberikan tiga, dan kebetulan tiga forum blogger yang saya bagikan, menggunakan bahasa Indonesia. Berikut ini adalah forum blogger yang saya rekomendasikan. Mohon maaf karena namanya mirip-mirip, tapi sebenarnya ketiganya adalah forum yang berbeda.

Blogger Indonesia (112,8 ribu anggota)

Inilah forum atau grup blogger di Facebook dengan anggota terbanyak (yang saya ikuti). Grup ini cukup aktif, dan terkadang dalam sehari saya bisa menghabiskan waktu berjam-jam hanya untuk scrolling posting perihal tips trik blogging. Banyak anggota yang mau berbagi pengalaman serta tips trik blogging yang telah mereka lakukan selama ini.

Blogger Indo (20,5 ribu anggota)

Forum atau grup ini, sepengamatan saya, sama aktifnya seperti forum atau grup pertama. Walaupun jumlah anggotanya terpaut jauh dari grup atau forum pertama, informasi yang dibagikan pada grup ini juga tidak kalah dengan grup pertama.

Blogger Indonesia (4 ribu anggota)

Forum atau grup Facebook ketiga ini, cukup aktif juga, sama seperti forum pertama, namun anggotanya lebih sedikit. Apabila teman-teman blogger ingin menjual blog atau jasa menulis, atau jasa lainnya yang berhubungan dengan blog, teman-teman blogger bisa mencoba untuk menjualnya di sini.

Bonus: Blogspot Indonesia (400-an anggota)

Saat posting blog ini ditulis, saya baru saja masuk ke grup blog ini. Jumlah anggotanya memang sedikit dan tidak sebanyak tiga forum blogger lainnya, namun di sanalah letak keunggulannya. Walaupun jumlah anggota forum ini sedikit, forum ini cukup aktif. Karena jumlah anggotanya sedikit pula, tentunya akan membuat blogger-blogger pendiam (seperti saya) menjadi lebih berani dalam membuat komentar, atau bertanya. Keunggulan lainnya, grup ini berfokus pada blogger yang menggunakan platform Blogger (dulu sering disebut Blogspot) milik Google (baca artikel di sini jika Anda belum mengetahui blog Anda dibuat dengan menggunakan apa), sehingga cocok untuk blogger yang menggunakan Blogger/Blogspot.

Itulah tiga forum blogging di Facebook yang sekiranya bisa digunakan oleh teman-teman untuk belajar blogging. Tentunya, ada forum atau grup lainnya yang belum disebutkan. Jika Anda mengetahui grup Facebook lainnya, yang juga bertopik tentang blog atau blogging, silahkan dituliskan di kolom komentar di bawah. Terima kasih, dan happy blogging!

Cara Mengetahui dari CMS Apa Blog/Website Dibuat

2021-03-25T23:56:00.001+08:00

Cara Mengetahui dari CMS Apa Blog/Website Dibuat-Untuk membuat sebuah blog atau website, blogger dapat menggunakan tools yang sudah ada di internet, semisal Wordpress ataupun Blogger. Tools blogging yang digunakan ini, dikenal dengan nama Content Management System atau CMS. Walaupun, tidak menutup kemungkinan juga, ada juga beberapa blogger, yang memilih untuk membuat blog dengan kode sendiri, atau dengan kata lain, memprogram blog mereka sendiri, dengan menggunakan bahasa pemrograman web, seperti HTML, PHP, JavaScript, dan sebagainya.

Kadang-kadang, kita sebagai blogger, penasaran dan ingin tahu, sebuah website atau blog yang kita kagumi, dibuat dari apa. Atau dengan kata lain, kita ingin tahu, website atau blog yang kita kunjungi, dibuat dengan menggunakan CMS apa. Apakah blogger itu memakai Blogger, atau Wordpress pada blognya?

Saat awal-awal blogging dahulu, saya sering menggunakan cara manual untuk mengetahui sebuah blog atau website dibuat dari CMS apa. Misalnya dengan cara melihat alamat dari blog tersebut. Jika alamatnya seperti blog saya ini, xxpc123xx.blogspot.com, maka bisa dipastikan bahwa blog saya menggunakan CMS Blogger, atau dengan kata lain, blog saya dibuat dengan menggunakan blogger.

Lalu, mengapa mencari tahu dari apa blog atau website itu dibuat, penting? Jawabannya relatif. Saya sendiri, sebagai blogger terkadang melakukan ini hanya untuk menjawab rasa penasaran saya saja. Mungkin, teman-teman blogger yang lain, perlu mencari tahu sebuah blog atau website dibuat dari CMS apa, sebagai sumber inspirasi, atau bahan referensi.

Oke, berikut ini adalah cara untuk mengetahui sebuah blog atau website dibuat dari CMS apa.

1. Buka website atau blog yang akan diperiksa CMS-nya. Salin alamat URL-nya.

2. Buka website berikut: BuiltWith Technology Lookup

3. Pada halaman BuiltWith Technology Lookup, masukkan alamat blog atau website yang akan diperiksa CMS-nya. Lalu, klik “Lookup”

4. Akan keluar informasi mendetail perihal blog yang diperiksa tersebut. Silahkan scroll ke bawah, lalu cari tulisan “Content Management System”, seperti gambar berikut

5. Dibawah tulisan “Content Management System”, akan ditampilkan CMS yang digunakan oleh blog tersebut. Atau, dengan kata lain, software yang digunakan untuk membuat blog tersebut, ditampilkan pada bagian ini. Pada contoh ini, blog yang diperiksa, dibuat dengan menggunakan Blogger.

Bagaimana, mudah bukan? Dengan menggunakan cara ini, diharapkan teman-teman dapat mengetahui sebuah blog dibuat dari apa, dengan mudah. Atau, mungkin ada cara lain yang lebih mudah? Silahkan ditulis pada kolom komentar ya. Terima kasih

I'm Coming Back!

2017-03-15T17:05:00.001+08:00

I'm Coming Back! - Selamat pagi, siang dan malam semuanya... Hampir dua tahun saya tidak blogging di sini... Mungkin banyak blogger atau pengunjung lainnya yang bertanya-tanya, apakah saya sendiri sudah berhenti blogging di sini? Atau pindah ke blog lain? Atau malah berhenti blogging selama-lamanya, sama seperti beberapa blogger terkenal lainnya?

Tidak, tidak. Saya pribadi masih menyukai dunia blogging, SEO, desain blog, dan tips trik blogging lainnya. Terkadang, di tengah-tengah kesibukan saya yang kini sudah duduk sebagai mahasiswa, saya suka meluangkan waktu sebentar hanya untuk berkunjung ke blog sebelah, atau mencari berita tentang SEO.

Singkatnya, saya tidak vakum dari dunia blogging. Postingan ini menandai kembalinya saya ke blog ini, untuk membersihkan debu-debu yang ada, dan kembali memanjakan pengunjung blog ini... Akhir kata, happy blogging!

Cara Mengatasi Redirect Blogger (blogspot.com ke blogspot.co.id)

2016-07-03T20:11:00.001+08:00

Cara Mengatasi Redirect Blogger (dari blogspot.com menjadi blogspot.co.id)-Selamat pagi, siang dan malam semuanya... Mungkin sobat blogger pernah mengamati kejadian berikut. Saat Anda masuk ke blog Anda, mendadak url blog berubah menjadi berakhiran .blogspot.co.id. Padahal, Anda sangat yakin bahwa Anda mengetikkan url dengan akhiran .blogspot.com. Ada apa ini?

Itu tandanya Anda sedang diarahkan (redirect) menuju domain negara tempat Anda mengakses blog (Indonesia). 'Fitur' redirect pada blog berbasis Blogger ini akan secara otomatis mengalihkan URL blog sesuai dengan kode Top-Level Domain (TDL) negara asal si pengunjung. Contoh lainnya, pengunjung dari Portugal yang mengakses blog saya akan diarahkan menuju xxpc123xx.blogspot.pt (.pt adalah kode TDL di negara Portugal. Di Indonesia, kode TDL-nya adalah .co.id)

Untuk Blogger yang ingin tahu domain yang sering di-redirect otomatis oleh Blogger antara lain :

India [blogspot.in], Australia [blogspot.com.au], UK (Inggris) [blogspot.co.uk], Jepang, [blogspot.jp], New Zealand (Selandia Baru) [blogspot.co.nz], Canada (Kanada) [blogspot.ca], Jerman [blogspot.de], Italia [blogspot.it], France (Perancis) [blogspot.fr], Sweden (Swedia) [blogspot.se], Spain (Spanyol) [blogspot.com.es], Portugal [blogspot.pt], Brazil [blogspot.com.br], Argentina [blogspot.com.ar], Mexico (Meksiko) [blogspot.mx], dan negara tercinta kita, Indonesia [blogspot.co.id].

Untuk mencegah redirect domain blogspot ini, para blogger dapat menggunakan fungsi NCR. NCR (No Country Redirect) merupakan fungsi yang bertugas mencegah Blogger melakukan redirect dari .blogspot.com menuju blogspot.co.id, atau domain blogspot yang lain.

Mungkin ada yang bertanya, pentingkah penggunaan fitur NCR pada blog? Apa pengaruhnya (terutama pada SEO Blog)?

Menurut saya, jika fitur ini tidak diaktifkan, Google dan mesin pencari lainnya dapat mengindeks kedua blog. Misalnya, blog saya memiliki alamat xxpc123xx.blogspot.com. Saat seseorang mencari artikel di google.com (internasional), blog saya akan tampil dengan alamat xxpc123xx.blogspot.com. Tapi, jika ada yang mencari artikel yang sama di google.co.id (Indonesia), blog saya akan tampil dengan alamat xxpc123xx.blogspot.co.id. Jika artikel yang dicari sama, Google dapat menyangka ada duplikasi konten antara kedua blog. Siap-siap saja salah satu dari kedua blog terkena penalti.

Tapi, analisa diatas masih praduga saya saja. Sejauh ini saya belum pernah mengalami, atau mendapatkan kasus seperti diatas. Jadi, terus terang, fitur ini belum saya aktifkan.

Ada 2 cara yang bisa dilakukan untuk memasang fungsi NCR pada Blogger. Diantaranya dengan menggunakan Javascript, atau dengan menggunakan akhiran /ncr pada url.

Cara Pertama : Dengan Menggunakan Javascript

1. Buka Blogger.com, lalu login menuju akun Anda.
2. Masuk ke bagian Template.
3. Backup template blog terlebih dahulu, lalu lanjutkan dengan mengklik tombol Edit HTML.
4. Tekan tombol CTRL+F, lalu cari kode </head>
5. Pastekan kode berikut diatas kode </head>.

<script type='text/javascript'>
var str=window.location.href.toString();if("-1"==str.indexOf(".com/")){var str1=str.substring(str.lastIndexOf(".blogspot."));if("-1"==str1.indexOf("/"))var str2=str1;else var str2=str1.substring(0,str1.indexOf("/")+1);window.location.href=window.location.href.toString().replace(str2,".blogspot.com/ncr/")}
</script>

5. Lalu, klik Simpan Template.

Cara Kedua : Dengan Menggunakan Akhiran /ncr

Sobat Blogger dapat menggunakan akhiran /ncr pada url blog untuk mencegah redirect url blog otomatis ini. Berikut ini contoh penggunaanya.

http://xxpc123xx.blogspot.com/ncr
http://xxpc123xx.blogspot.com/ncr/2015/01/.komentar.spam.ciri.dampak.cara.atasinya.html
http://xxpc123xx.blogspot.com/ncr/2014/12/buatpasang.ucapan.terimakasih.dibawah.komentar.html

Intinya sobat Blogger cukup menambahkan akhiran /ncr pada url blog Anda (namablog.blogspot.com/ncr). Tentunya, cara kedua ini rasanya agak merepotkan bila dibandingkan dengan cara pertama. Tapi, jika Anda tidak ingin mengubah template blog, cara ini boleh dicoba.

Bagaimana? Mudah bukan? Sedikit informasi, untuk sobat Blogger yang menggunakan Google AdSense, sebaiknya jangan menggunakan kode ini, karena Google AdSense dapat memblokir akun Anda. Terima kasih, selamat mencoba dan salam Blogger! Tolong pula di share apabila bermanfaat!

Artikel ini diposting dengan menggunakan aplikasi Blogger for Android, sehingga mungkin beberapa bagian terlihat kurang rapi. Penulis mohon maaf atas ketidanyamanannya. Blogger for Android akan saya bahas di posting berikutnya, mulai dari cara menggunakannya, sampai kekurangan dan kelebihannya.

Ciri, Dampak dan Cara Mengatasi Komentar SPAM

2015-01-03T01:13:00.000+08:00

Ciri – Ciri, Dampak dan Cara Mengatasi Komentar SPAM – Komentar spam. Sebelum menulis posting ini, saya sempat menghapus sebuah komentar spam di blog saya. Isinya kurang lebih promosi obat kuat. Saya yakin, hampir semua blogger sering (atau minimal pernah) mendapat komentar spam. Menurut Wikipedia, komentar spam merupakan komentar sampah yang ditujukan bukan untuk menanggapi posting atau artikel yang bersangkutan, melainkan untuk tujuan lain. Misalnya, untuk mencari traffic, meningkatkan posisi blog di mesin pencari, mencari follower (untuk pengguna Twitter), atau pada intinya untuk mempromosikan sesuatu yang diinginkan oleh spammer. Namun, ada juga yang bertujuan lebih buruk daripada itu. Misalnya untuk melakukan penipuan, atau menyebarkan malware (virus).

Komentar spam tidak hanya dilakukan di Blogger. Kegiatan spamming dapat dilakukan di mana saja, semisal Facebook, Twitter, SMS, BBM, forum, dan berbagai media lainnya. Komentar spam di blog berkembang seiring dengan perkembangan teknologi blogging. Mulai tahun 2003, kegiatan spamming semakin berkembang semenjak makin banyaknya pengguna software blogging seperti Movable Type (sebuah software blogging yang cukup terkenal pada masa itu). Spamming yang dilakukan tidak jauh berbeda dengan kegiatan spamming sekarang, yaitu berkomentar yang tidak penting, dan meninggalkan link. Tentu saja, aksi spamming ini mendorong developer software untuk membuat software penangkal spam. Dan lucunya, para spammer pun tidak mau kalah. Mereka juga membuat software yang digunakan untuk melawan software penangkal spam.

Ciri – Ciri Komentar SPAM

Eits! Sebelumnya, apakah Anda sudah tahu, bagaimana sebuah komentar dapat layak dikatakan sebagai spam atau tidak? Jika Anda belum mengetahuinya, Anda mungkin dapat menggunakan beberapa patokan berikut.

Menggunakan kata kunci / keyword sebagai pengganti nama

Secara pribadi, berkomentar dengan cara ini dapat meningkatkan backlink blog. Namun, terkadang spammer menggunakan metode ini. Biasanya spammer akan menggunakan nama yang berkaitan dengan keyword / kata kunci mereka (via Name / Url). Misalnya, obat pembesar p***

Berkomentar sebaris dan umum

Kadang – kadang ada saja visitor blog yang berkomentar seperti ini : “Mantap Gan!” “Thanks Gan!” “Bagus infonya Gan”, dan berbagai Gan – Gan yang lain. Terkadang, komentar yang dibuat tidak nyambung dengan posting yang dikomentari. Jujur saja, saya juga sering menggunakan teknik ini, hehehe.

Menyisipkan alamat website pada komentar

Metode yang satu ini juga sering digunakan. Biasanya berisi permintaan untuk melakukan kunjungan balik ke sebuah blog / website.

Berkomentar di banyak post, tetapi dengan isi yang (mungkin) sama

Salah satu ciri komentar spam adalah orang (atau komentator) yang namanya sama, berkomentar di banyak posting, dan terkadang isinya sama juga.

Komentar out of topic (OOT)

Bahasa Indonesianya : Komentar tidak nyambung! Spammer sering kali membuat komentar yang tidak berhubungan dengan posting blog. Misalnya, posting membahas tentang widget blog, komentarnya tentang togel.

Setelah berkenalan dengan komentar spam, mari kita lihat, apa dampak negative, dan dampak positif dari komentar spam.

Dampak Negatif Komentar SPAM

1. Membuat pembaca terganggu. Tentu saja, pembaca akan merasa terganggu apabila ada banyak komentar spam, yang tidak berhubungan dengan posting blog yang bersangkutan.

2. Memperlambat waktu loading blog. Semakin banyak komentar, semakin lama waktu loading sebuah blog. Tentu tidak masalah apabila komentar tersebut berisikan tanggapan untuk posting Anda. Namun, akan menjadi masalah apabila komentar tersebut adalah komentar spam.

3. Membuat blogger menjadi sibuk, karena harus menghapus komentar yang tidak penting. Walaupun terkesan sepele, saya pernah mendengar ada blogger yang menghabiskan waktu berjam – jam hanya untuk menghapus komentar spam.

4. Membuat kredibilitas blogger turun. Banyak sedikitnya komentar spam di blog dapat digunakan sebagai indikator, apakah bloggernya peduli pada blog mereka atau sebaliknya.

5. Menurunkan reputasi di mesin pencari. Google sangat membenci komentar spam. Mereka memiliki analisis yang sangat baik, untuk membedakan, mana komentar spam dan mana yang tidak. Tidak hanya spammer saja yang akan merasakan dampak negatifnya, namun pemilik blog juga akan merasakan dampaknya. Dampaknya dapat berupa penurunan rangking blog, baik di Google maupun di search engine lainnya.

5 saja saya rasa sudah cukup. Lalu, apa dampak positifnya?

Dampak Positif Komentar SPAM

Memang, mungkin Anda menganggap komentar spam hanya akan berdampak buruk bagi blog Anda. Namun, ada dampak positifnya. Komentar spam dapat meningkatkan pengunjung blog Anda.

Mungkin Anda bertanya : Kok bisa?

Alasanya cukup sederhana. Spammer yang ingin melakukan aksinya tentu harus berkunjung ke blog Anda. Kunjungan ini tentu saja dihitung sebagai kunjungan biasa, atau dengan kata lain masuk dalam traffic counter. Selain itu, komentar spam juga dapat menyadarkan sang pemilik blog agar dapat mengurus blognya dengan baik.

Cara Mengatasi

Ada banyak hal yang dapat Anda lakukan untuk memberantas komentar spam. Dikutip dari berbagai sumber, berikut ini beberapa cara yang dapat dicoba :

1. Gunakan fitur moderasi (moderate) komentar. Dengan fitur ini, komentar yang masuk tidak akan terbit, sampai Anda menyetujuinya.

2. Gunakan fitur captha. Saat membuat komentar, user akan diminta untuk mengetik ulang kata yang ada pada gambar tertentu. Jika benar, komentar akan diterbitkan. Captha sangat efektif untuk mencegah spammer yang beraksi dengan software, namun masih dapat ditembus aksi spamming yang dilakukan secara manual.

3. Hapus pilihan Anonymous dan Name/URL pada kolom komentar. Menurut saya, pilihan ini mungkin dapat Anda jadikan pilihan terakhir. Mengapa saya katakana begitu? Dengan dihapuskannya fitur Name / URL dan Anonymous, pengunjung akan diwajibkan untuk login sebelum membuat komentar. Tentu ini akan menyulitkan mereka.

4. Nofollowkan link yang ada pada kotak komentar. Sebenarnya, pada banyak template blogger, atribut nofollow sudah otomatis ditambahkan dalam kotak komentar. Jika perlu, Anda dapat memasang script yang dapat mematikan link pada komentar secara otomatis.

5. Terakhir, sering – seringlah membaca komentar yang ada di blog Anda. Segera hapus jika ada yang terkategori komentar spam.

Kolom komentar merupakan media yang dapat diibaratkan seperti pisau : di satu sisi bermanfaat, namun di sisi lain berbahaya. Jika digunakan secara baik – baik, komentar dapat menjadi media interaksi antar blogger. Namun, jika tidak, komentar justru dapat menjadi bumerang yang dapat merugikan kedua belah pihak, baik pelempar maupun yang dilemparinya. Happy Blogging, and say goodbye to spam!

Cara Membuat Ucapan Terimakasih Dibawah Komentar

2014-12-30T13:36:00.000+08:00

Cara Membuat Ucapan Terima Kasih Otomatis di Komentar Blog – Membalas komentar bisa jadi adalah pekerjaan yang membosankan. Hal yang sama juga pernah saya alami. Tetapi, tentu tidak baik rasanya jika seorang blogger tidak membalas komentar pengunjungnya. Apalagi, jika komentarnya berupa pertanyaan.

Nah, kali ini saya akan membahas cara membuat balasan komentar otomatis di blog. Balasannya berupa ucapan terima kasih karena si pengunjung telah berkunjung ke blog Anda. Pengunjung / visitor blog yang berkomentar akan mendapat komentar balasan (dibawah komentar yang mereka buat), berupa ucapan terima kasih. Jika Anda ingin melihat demonya, silahkan klik pada link berikut :

DEMO – Ucapan Terima Kasih Otomatis pada Komentar

Komentar balasan ini hanya akan muncul pada komentar terakhir, dan akan hilang dengan sendirinya seiring berjalannya waktu. Dan, satu lagi. Komentar ini hanya muncul apabila sang komentator berkomentar dengan menggunakan akun Google. Bagaimana, tertarik memasang balasan ucapan terima kasih otomatis di blog? Jika iya, silahkan ikuti langkah – langkah berikut :

Login ke Blogger.com, lalu masuk ke Template
Backup terlebih dahulu template blog Anda. Lalu, klik Edit HTML.
Cari kode ]]></b:skin> (gunakan CTRL + F, atau lihat caranya disini). Lalu, pastekan kode berikut tepat diatas / sebelum kode ]]></b:skin>

.comments .thanks-comment{position:relative;margin:10px 0;padding-left:40px;font-style:italic;font-size:12px;quotes:"\201C""\201D""\2018""\2019"} .comments .thanks-comment:before{content:open-quote;position:absolute;top:0;left:0;margin-top:15px;font-size:4em;color:#d80556}

Keterangan :

12 : Menunjukkan ukuran font balasan komentar. Gantilah sesuai dengan keinginan Anda

Italic : Merupakan style font (cetak miring). Anda dapat menggantinya dengan underline (garis bawah) atau bold (cetak tebal).

Masih pada window yang sama, cari kode <data:post.commentJso/>; . Lengkapnya seperti kode dibawah ini :

(function() {

var items = <data:post.commentJso/>;

Jika sudah ketemu, hapus kedua kode tersebut, lalu ganti dengan kode berikut :

var items_copy=[];(function() {var items = <data:post.commentJso/>;items_copy=items;

Lanjutkan dengan langkah penutup. Cari kode <data:post.commentHtml/> dan pastekan script berikut tepat dibawahnya :

<script type='text/javascript'>//<![CDATA[for(i=0;i<items_copy.length;i++){if(i==items_copy.length-1){d=document.getElementById('c'+items_copy[i].id).getElementsByTagName('p').item(0);e=d.innerHTML+'<div class="thanks-comment '+items_copy[i].deleteclass.replace(/ blog-admin/,'')+'">Terimakasih '+items_copy[i].author.name+' untuk komentarnya!</div>';d.innerHTML=e}}//]]></script>

Terakhir, klik Simpan template untuk menyimpan perubahan.

Bagaimana, mudah bukan? Tetapi, sangat disarankan untuk tetap membalas komentar pengunjung blog Anda secara manual, untuk memberikan gambaran bahwa Anda adalah blogger yang bertanggung jawab. Jika Anda suka posting ini, tolong share di social media. Tolong juga follow saya di Twitter, dan di Google Plus. Terima kasih, dan salam blogger!

Thanks for Blog Kang Ismet and WahyuOnly, untuk kode scriptnya!

Cara Buat Random Post Dengan Gambar (Thumbnail) di Blog

2014-12-11T14:14:00.000+08:00

Cara Buat Random Post Dengan Gambar (Thumbnail) di Blogger – Widget Random Post ini sebenarnya sudah pernah saya bahas dalam posting sebelumnya (baca : Cara Memasang Widget Random Post di Blog). Namun, kali ini saya akan membahas widget random post yang memiliki thumbnail (gambar). Random post ini nantinya akan menampilkan gambar kecil (biasa dikenal dengan nama Thumbnail), dan sedikit kutipan teks dari posting yang ditampilkan. Berikut ini previewnya :

LIVE DEMO!

Tentu saja, widget random post ini lebih menarik (dan tentu saja keren) daripada widget random post yang pernah saya bahas sebelumnya. Dengan adanya gambar, pengunjung akan merasa lebih tertarik untuk mengunjungi posting lainnya di blog Anda. Walaupun, nantinya akan sedikit berimbas pada kecepatan loading blog Anda. Tapi, saya rasa tak masalah, mengingat kecepatan internet di indonesia sudah dapat dikatakan lumayan...

Berikut ini langkah – langkah memasang (membuat) random post dengan gambar (thumbnail) di Blogger

Seperti biasa, login ke Blogger.com, lalu masuk ke Tata Letak
Pilih Tambahkan Gadget ditempat Anda ingin memasang widget random post ini.
Pilih HTML / Javascript
Copy dan pastekan kode berikut pada window yang muncul (isikan pula isian Judul-nya)

if('media$thumbnail' in entry)item += ""
var summary = "";
if ("content" in entry) {
summary = entry.content.$t;
}
else if ("summary" in entry) {
summary = entry.summary.$t;
}
var re = /<\S[^>]*>/g;
summary = summary.replace(re, "");
item += "<p class='rp-summary'>
" + summary.substring(0,lengthsummary) + " ...</p>
";
document.write(item);
}
document.write('</div>
');
}
</script>
<script src="http://xxpc123xx.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript">
</script>

UPDATE 12 JULI 2015
Karena banyak yang menginformasikan saya bahwa kode diatas rusak dan tidak berfungsi (mungkin Anda merasakannya juga), Anda dapat mencoba kode pada link berikut.
Kode HTML Random Post Dengan Gambar

Keterangan :

var numofpost=10; Angka 10 menunjukkan jumlah posting yang akan ditampilkan. Gantilah sesuai dengan keinginan Anda.

var lengthsummary = 120; Angka 120 menunjukkan panjang kutipan posting yang akan ditampilkan. Aturlah sesuai dengan keinginan Anda.

Ganti url blog saya (http://xxpc123xx.blogspot.com) dengan url blog Anda.
Mohon maaf, saya belum bisa menambahkan warna pada textarea diatas. Ada yang bisa mengajari?

Terakhir, klik Simpan.

Bagaimana, mudah bukan? Jika Anda merasa artikel ini bermanfaat, tolong share artikel ini ke social media. Selamat mencoba memasang (membuat) widget random post dengan gambar di blog, dan salam blogger!

Cara Buat Tulisan Melayang Mengikuti Pointer di Blog

2014-12-09T14:49:00.000+08:00

Cara Buat / Pasang Tulisan Melayang Mengikuti Pointer di Blog – Pernahkah Anda masuk ke sebuah blog, lalu melihat ada tulisan yang melayang, bergerak mengikuti pointer Anda, serta akan mengelilingi pointer saat mouse tidak digerakkan? Jika iya, widget itulah yang akan saya bahas kali ini. Widget ini mungkin sudah banyak diketahui oleh para Blogger. Namun, jika Anda tertarik dengan widget ini, tak ada salahnya jika Anda memasang widget tulisan melayang mengikuti pointer di blog ini. Atau, jika mungkin Anda kurang puas dengan gambar disamping, silahkan dilihat demo tulisan melayang mengikuti pointer di blog berikut :

DEMO – Widget Tulisan Melayang Mengikuti Pointer

Oke, jika Anda tertarik, berikut ini langkah – langkah memasang widget / efek tulisan melayang mengikuti pointer di blog Anda. Cara memasangnya hampir sama dengan cara memasang efek hujan salju pada blog.

Buka dan login ke Blogger.com, lalu masuk ke pilihan Template.
Pilih Tambahkan Gadget
Pada Window yang baru muncul, cari pilihan HTML / JavaScript
Salin dan pastekan script berikut (kosongkan isian Judul) :

<style type='text/css'>

#outerCircleText {

font-style: italic;

font-weight: bold;

font-family: Trebuchet MS;

color: #ff840a;

position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}

#outerCircleText div {position: relative;}

#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}

</style>

<script type='text/javascript'>

//<![CDATA[

;(function(){

// =====Pengaturan Dimulai=====//

// Masukkan kalimat yang diinginkan (QUOTED STRING)

var msg = "Ganti dengan tulisan yang diinginkan";

// Set font's style size for calculating dimensions

// Set to number of desired pixels font size (decimal and negative numbers not allowed)

var size = 25;

// Set both to 1 for plain circle, set one of them to 2 for oval

// Other numbers & decimals can have interesting effects, keep these low (0 to 3)

var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters

// (decimals allowed, not negative numbers)

var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval

// (decimals allowed, not negative numbers, some rounding is applied)

var diameter = 5;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)

var rotation = 0.2;

// This is not the rotation speed, its the reaction speed, keep low!

// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)

var speed = 0.3;

// =====Pengaturan Selesai=====//

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');

var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,

ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],

o = document.createElement('div'), oi = document.createElement('div'),

b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement :

document.body,

mouse = function(e){

e = e || window.event;

ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position

xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position

},

makecircle = function(){ // rotation/positioning

if(init.nopy){

o.style.top = (b || document.body).scrollTop + 'px';

o.style.left = (b || document.body).scrollLeft + 'px';

};

currStep -= rotation;

for (var d, i = n; i > -1; --i){ // makes the circle

d = document.getElementById('iemsg' + i).style;

d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +

'px';

d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';

};

},

drag = function(){ // makes the resistance

y[0] = Y[0] += (ymouse - Y[0]) * speed;

x[0] = X[0] += (xmouse - 20 - X[0]) * speed;

for (var i = n; i > 0; --i){

y[i] = Y[i] += (y[i-1] - Y[i]) * speed;

x[i] = X[i] += (x[i-1] - X[i]) * speed;

};

makecircle();

},

init = function(){ // appends message divs, & sets initial values for positioning arrays

if(!isNaN(window.pageYOffset)){

ymouse += window.pageYOffset;

xmouse += window.pageXOffset;

} else init.nopy = true;

for (var d, i = n; i > -1; --i){

d = document.createElement('div'); d.id = 'iemsg' + i;

d.style.height = d.style.width = a + 'px';

d.appendChild(document.createTextNode(msg[i]));

oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;

};

o.appendChild(oi); document.body.appendChild(o);

setInterval(drag, 25);

},

ascroll = function(){

ymouse += window.pageYOffset;

xmouse += window.pageXOffset;

window.removeEventListener('scroll', ascroll, false);

};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){

window.addEventListener('load', init, false);

document.addEventListener('mouseover', mouse, false);

document.addEventListener('mousemove', mouse, false);

if (/Apple/.test(navigator.vendor))

window.addEventListener('scroll', ascroll, false);

}

else if (window.attachEvent){

window.attachEvent('onload', init);

document.attachEvent('onmousemove', mouse);

};

})();

//]]>

</script>

Catatan : Gantilah tulisan yang berwarna ungu dengan tulisan Anda. Nantinya, tulisan inilah yang akan bergerak mengikuti pointer.

Keterangan Pengeditan :

Ganti tulisan yang berwarna merah dan ungu untuk mengubah style font (tebal, cetak miring, dsb)
Ganti tulisan Trebuchet MS dengan font yang Anda inginkan.
Ganti #ff840a dengan kode warna yang lain. #ff840a merupakan kode warna HTML untuk warna oranye. Jika Anda tidak mengetahui kode warna HTML, silahkan lihat : Hex Color Generator : Mengubah Warna Menjadi Kode HTML
Angka 25 menunjukkan ukuran font. Ganti dengan ukuran font yang Anda inginkan
var circleY = 0.75; var circleX = 2 : Menunjukkan bentuk tulisan saat mengitari pointer. Nilai maksimum yang dapat diisikan adalah 2. Jika ingin tulisannya berbentuk lingkaran, samakan kedua nilainya. Jika ingin tulisannya berbantuk oval, bedakan nilai salah satunya.
Angka 5 yang berwarna hijau menunjukkan jarak antar huruf. Semakin besar angka yang Anda masukkan, jarak antar huruf akan semakin kecil. Gantilah sesuai dengan keinginan Anda.
Angka 5 yang berwarna ungu menunjukkan jari – jari lingkaran yang terbentuk saat teks mengelilingi pointer. Gantilah sesuai dengan keinginan Anda. Semakin besar angkanya, semakin besar ukuran lingkaran.
0.2 merupakan angka yang menunjukkan kecepatan putaran teks. Semakin besar angka, maka semakin cepat putaran teks. Gantilah sesuai dengan keinginan Anda. Jika Anda memasukkan nilai negatif, maka tulisan akan mengitari pointer dengan tegak. (silahkan dicoba jika masih bingung)
0.3 merupakan angka yang menunjukkan seberapa cepat respon teks mengikuti pointer saat pointer digerakkan. Gantilah sesuai dengan keinginan Anda.

Terakhir, klik Simpan

Bagaimana? Mudah bukan? Disarankan agar Anda tidak memasukkan teks yang terlalu panjang (apalagi paragraph), karena dapat mengganggu kenyamanan pembaca. Selain efek ini, terdapat beberapa efek yang berkaitan dengan pointer blog, diantaranya:

Selamat mencoba, dan salam blogger! Tolong ikuti saya di Google +, dan terima kasih!

Cara Mengganti Older / Newer Post dengan Angka

2014-12-06T10:23:00.001+08:00

Cara Mengganti Older / Newer Post dengan Angka – Anda mungkin sudah akrab dengan tulisan Older Post (Posting Lama) ataupun Newer Post (Posting Baru) yang ada pada bagian footer blog. Secara default, template bawaan Blogger akan menampilkan link tersebut, dan tentu saja link tersebut bertujuan untuk navigasi dalam blog. Memang, seperti yang pernah saya bahas sebelumnya, tulisan Older Post / Newer Post ini dapat diganti dengan tulisan / gambar sesuai dengan keinginan Anda (pernah saya bahas dalam posting sebelumnya).

Walaupun dapat diganti (sehingga terlihat menjadi lebih keren), sistem older / newer post ini memiliki beberapa kelemahan. Salah satunya mempersulit visitor / pengunjung jika ingin pergi ke halaman tertentu. Tentu tidak menyenangkan jika Anda harus meng-klik link Older Post berkali – kali hanya untuk melihat posting yang pertama kali ditulis bukan? Solusinya, Anda dapat menggunakan angka, seperti yang digunakan pada blog berbasis WordPress, seperti gambar berikut :

Jika Anda ingin mengganti older / newer post (posting lama dan posting baru) dengan angka, silahkan ikuti langkah – langkah berikut :

Seperti biasa, login ke Blogger.com, lalu masuk ke Template
Backup terlebih dahulu template blog Anda, lalu klik Edit HTML
Cari kode ]]></b:skin> (gunakan CTRL + F, atau lihat caranya disini), dan pastekan script berikut sebelumnya / diatasnya.

.showpageArea a {text-decoration:underline;}.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}.showpage a:hover {text-decoration:none;}.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}

Lanjutkan dengan mencari kode </body> (gunakan CTRL+F, atau lihat caranya disini), lalu pastekan script berikut sebelum / diatasnya.

<b:if cond='data:blog.pageType != "item"'><b:if cond='data:blog.pageType != "static_page"'><script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>

Keterangan :

var pageCount=5; -> Angka 5 menunjukkan jumlah nomor yang akan ditampilkan pada footer blog. Gantilah sesuai dengan keinginan Anda.

var displayPageNum=5; -> Angka 5 menunjukkan jumlah posting blog yang akan ditampilkan saat salah satu deretan angka di-klik. Gantilah sesuai dengan keinginan Anda.

Terakhir, klik Simpan Template untuk menyimpan perubahan.

Angka – angka penunjuk posting ini akan muncul pada bagian bawah blog. Bagaimana, mudah bukan? Jika Anda merasa artikel ini bermanfaat, tolong share artikel ini di media sosial (atau ke Lintas.me). Selamat mencoba, dan salam blogger!

Cara Mudah Memasang Tombol Back to Top Smooth di Blog

2014-12-04T14:59:00.000+08:00

Cara Mudah Memasang TombolBack to Top Smooth di Blog – Pernahkah Anda melihat sebuah anak panah kecil, yang letaknya di sebelah kanan bawah, dekat scrollbar saat mengakses sebuah blog? Yup, widget itulah yang dinamakan tombol back to top. Fungsinya adalah untuk membawa pengunjung kembali ke atas, tanpa perlu repot – repot melakukan scroll. Tentunya widget ini akan sangat membantu, khususnya jika Anda memiliki posting blog yang panjang, dengan komentar yang panjang pula.

Ada 2 jenis tombol back to top. Yang pertama menggunakan perintah # (hastag) (saya pernah membahas tombol back to top dengan hastag sebelumnya), dan yang kedua menggunakan JavaScipt. Perbedaan diantara keduanya adalah efek yang dihasilkan. Pada tombol back to top pertama, efek yang dihasilkan cenderung kaku. Sedangkan, pada model yang kedua, saat tombol di-klik akan terlihat efek scroll yang lembut. Jika Anda ingin melihat efek tersebut, klik link berikut :

DEMO – Tombol Back to Top Smooth di Blog

Berikut ini langkah – langkah memasangnya :

1. Login ke Blogger.com, lalu masuk ke Tata Letak.

2. Pilih Tambahkan Gadget, lalu pilih HTML/Javascipt.

3. Copy dan pastekan kode berikut (pada window yang muncul)

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" >
var scrolltotop={
    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
    controlHTML: '<img src="Ganti dengan url gambar back to top" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

    state: {isvisible:false, shouldvisible:false},

    scrollup:function(){
        if (!this.cssfixedsupport) //if control is positioned using JavaScript
            this.$control.css({opacity:0}) //hide control immediately after clicking it
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
            dest=jQuery('#'+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },

    keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
        this.$control.css({left:controlx+'px', top:controly+'px'})
    },

    togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
        if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
        }
    },

    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                .attr({title:'Balik Ke Atas'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
        })
    }
}
scrolltotop.init()
</script>

4. Kosongkan isian Judul, dan, klik Simpan.

5. Buka blog Anda untuk melihat hasilnya.

Catatan :

1. Anda dapat mengganti gambar tombol back to top, dengan cara mengganti url yang berwarna merah. Pilih salah satu gambar dibawah ini, dan salin url-nya untuk menggantikan url yang berwarna merah. Atau, Anda dapat mencarinya di Iconfinder dan Google.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0DfdAipgUP7EtKbIyDb9hSPyETX6PKmckwxhGFRq-AJO1viFvYSrRXyxxvnEcJSpp-m-ppPI66b0TL0EaCim7qYp8cUpZOaqfEyKYUQ36tCb2ca9KX31Q3s3ptxRiEK8v1D0L2zm5al0i/s1600/back.to.top.2.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf42D88STje3T6XD4-ery434rUyLQ4peRIQJLuQnQfMpQY1nFwYpz0B1X3yKRJdjLEHeCyYbid1Buslo6qJ8pux1Dz63w-C-rGbgMBrflgj73aTLhJMNhJXx2w6vsaiwXxF6H5MhQ-Tp9w/s1600/back.to.top.1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivK1PQJUKywx6YSigasa1KnwMyehXlwREWVDDW39hwmq05zGrmr_97dVqXXhif5uZCTfJPfIva-WFH9V1ga2UrS0OYBCnFENWGROZfmAGqHi8Ezszs9Nf8oqP4xHHG2EZi-RzjstV0TtE/s1600/back+to+top+green.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPBstrzUxQRLSdowtemb-SIkq2VNZUsCkDj22zL4aa5R02hbfo0TN_64yvjenQKgFymBXLeQQw2HP630Q3hWBue7CzQLcKjTxmDtoda39BV21ftMpjR4B5QoDXDBQM2GMF9pc70CKpEncF/s1600/back.to.top.4.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNo43zIjV6Mfvq1Y8YXHIOSYKkOJpOByZNNcf_XpPYLzEL5KwLG2Vuu6ftk9KgmNW4B_S3kJhmHviqGmB5iHQDHIq7xZSmmMcPooXn1wexJI0h7Ytpmy_M4qS0U8N0PyM7c1sIbYIMftkG/s1600/back.to.top.5.png

2. Hapus script yang berwarna ungu, jika blog Anda telah menggunakan JQuery. Untuk mengetahui, apakah blog Anda telah menggunakan JQuery, serta berapa versinya, silahkan klik disini. Jika Anda menggunakan JQuery dibawah versi 1.3.2, klik disini untuk mengupdatenya. Widget ini tidak akan berfungsi jika blog Anda menggunakan JQuery dibawah versi 1.3.2. Jika tombol back to top tidak muncul, coba kembalikan script yang berwarna ungu ini.
3. Ganti tulisan Balik Ke Atas menjadi tulisan yang Anda inginkan. Tulisan ini akan tampil saat pointer mouse diletakkan diatas tombol back to top.

Bagaimana? Mudah bukan? Selamat mencoba, dan salam Blogger! Tolong pula tambahkan saya ke lingkaran Anda di Google +, dan share artikel ini. Terima kasih!

Cara Mudah Mengupdate JQuery pada Blogger

2014-12-01T15:11:00.000+08:00

Cara Mudah Mengupdate JQuerypada Blogger – Kemarin saya menulis tentang cara mudah mengetahui versi JQuerypada Blogger. Sekarang, saya akan membagikan cara mengupdate JQuery pada Blogger.

Mungkin Anda bertanya, mengapa update JQuery penting. Seperti halnya program lain, JQuery pasti akan mengalami perubahan, entah itu penambahan fitur, atau perbaikan bug. Selain itu, dengan JQuery yang selalu ter-update, Anda tidak akan kesulitan jika Anda ingin menambahkan widget terbaru, yang umumnya menggunakan JQuery versi terbaru. Dan, JQuery yang terupdate akan meminimalisir kemungkinan tidak bekerjanya widget javascript di blog Anda. Saat artikel ini ditulis, versi JQuery terbaru adalah versi 2.1.1. Untuk mengetahui versi JQuery terbaru, Anda dapat melihatnya disini.

Oke, singkat saja. Berikut ini cara mudah mengupdate JQuery pada Blogger:

1. Seperti biasa, login ke Blogger.com, lalu masuk ke Template.

2. Backup dahulu template blog Anda, lalu klik Edit HTML.

3. Carilah url berikut (gunakan CTRL+F, atau lihat caranya disini):

http://ajax.googleapis.com/ajax/libs/jquery/

4. Perhatikan 3 angka yang ada setelah url pada langkah nomor 3. Untuk lebih jelasnya, perhatikan gambar berikut :

Pada gambar diatas, terlihat bahwa blog saya menggunakan JQuery versi 1.8.3. Gantilah 3 angka tersebut dengan angka 2.1.1. Caranya, hapus angka tersebut, lalu ketik 2.1.1. Hasil akhirnya akan seperti gambar berikut :

5. Terakhir, klik Simpan Template.

Bagaimana, mudah bukan? Dengan diupdatenya JQuery, Anda akan dipermudah dalam pemasangan widget dikemudian hari. Selamat mencoba! Jika artikel ini bermanfaat, tolong share artikel ini. Selamat mencoba, dan salam blogger!

Cara Mengetahui Versi Jquery Pada Blog (Blogger)

2014-11-30T15:32:00.003+08:00

Cara mengetahui / mengecek versi Jquery pada blog – Sobat Blogger mungkin pernah mendengar Jquery? Jquery adalah library (kumpulan) JavaScript dengan slogan “write less, do more”. Fungsi dari Jquery ini sendiri adalah untuk mempersingkat (menyerderhanakan) penulisan kode JavaScript. Misalnya, dalam sebuah script widget tanpa Jquery, bisa tersusun atas 4-5 baris script, sedangkan jika menggunakan Jquery, kemungkinan script widget tersebut dapat dipotong menjadi hanya 1-2 baris script JavaScript. Tentunya, semakin sedikit script, akan berdampak pula pada kecepatan loading blog. Sebenarnya, selain Jquery, masih ada library lain, seperti midori, YUI Library, dan lain sebagainya. Namun, Jquery memiliki keunggulan tersendiri, yaitu cepat, dan terkenal, sehingga lebih mudah digunakan. Contoh widget yang menggunakan Jquery dapat Anda lihat disini.

Google dan Microsoft adalah 2 dari sekian banyak website di internet yang menggunakan Jquery. Blogger juga dapat menggunakan Jquery. Ada banyak versi Jquery yang beredar. Biasanya, semakin baru versi Jquery, semakin baik kemampuannya. Jika Anda ingin mengetahui versi Jquery di blog Anda, caranya cukup mudah. Ikuti beberapa langkah berikut :

1. Buka blog Anda di Blogger.com, lalu masuk ke Template.

2. Pada menu Template, klik pilihan Edit HTML.

3. Tekan CTRL + F untuk mencari kode url berikut :

http://ajax.googleapis.com/ajax/libs/jquery

Jika Anda menemukan kode pada langkah nomor 3, perhatikan angka yang ada setelahnya. Angka tersebut menunjukkan versi Jquery yang terpasang di blog Anda. Misalnya, pada template blog saya seperti gambar berikut :

Lihat pada bagian yang dikotaki merah. Berarti, dapat disimpulkan, bahwa blog saya menggunakan Jquery versi 1.8.3. Jika Anda tidak menemukan URL diatas, berarti blog Anda belum menggunakan Jquery.

Bagaimana, mudah bukan cara mengetahui versi jquery? Jika Anda merasa artikel ini bermanfaat, tolong share dengan menggunakan share tools yang ada. Selamat mencoba, dan salam Blogger!

Cara Terbaru Memasang Widget Alexa Site Info di Blog

2014-11-27T15:01:00.001+08:00

Cara Mudah Memasang Widget Alexa Site Info (Update 2014) – Baru – baru ini, Alexa.com, situs perangkingan website dunia mengubah cara memasang widget Alexa Site Info pada website atau blog. Widget (atau banner) Alexa site Info adalah widget yang berfungsi untuk menampilkan rangking blog (menurut Alexa.com), beserta jumlah backlink blog. Sebelumnya saya juga pernah membuat post mengenai cara memasang widget Alexa Site Info, namun cara tersebut sudah tidak dapat digunakan sekarang.

Jika Anda adalah blogger baru, ada baiknya Anda memasang widget ini. Widget Alexa Site Info cukup berpengaruh terhadap peningkatan Alexa Rank (SEO) Jika Anda ingin memasang widget ini, silahkan ikuti langkah berikut :

1. Buka Blogger.com, dan pilih Tata Letak

2. Pilih Tambahkan Gadget dilokasi dimana Anda ingin memasang widget Alexa Site Info, lalu pilih HTML/Javascript.

3. Pastekan salah satu kode berikut. Gambar diatas kode menunjukkan tampilan widget (banner) Alexa Site Info.

Bentuk Button (Tombol)

<a href="http://www.alexa.com/siteinfo/xxpc123xx.blogspot.com"><script src="http://xslt.alexa.com/site_stats/js/s/a?url=xxpc123xx.blogspot.com" type="text/javascript"></script></a>

Bentuk Banner Horizontal

<a href="http://www.alexa.com/siteinfo/xxpc123xx.blogspot.com "><script src="http://xslt.alexa.com/site_stats/js/s/c?url= xxpc123xx.blogspot.com" type="text/javascript"></script></a>

Bentuk Banner Vertikal

<a href="http://www.alexa.com/siteinfo/xxpc123xx.blogspot.com "><script src="http://xslt.alexa.com/site_stats/js/s/b?url=xxpc123xx.blogspot.com" type="text/javascript"></script></a>

Catatan : Ganti tulisan yang berwarna merah (xxpc123xx.blogspot.com) dengan alamat blog Anda (TANPA http:// ataupun www.)

4. Isian judul boleh diisi, boleh juga tidak. Terakhir, klik Simpan.

Bagaimana, mudah bukan? Kini, widget Alexa Site Info sudah terpasang di blog Anda. Selamat mencoba, dan salam Blogger! Tolong pula share artikel ini, dan tambahkan saya di Google +. Terima kasih!

4 Cara Otomatis Mematikan Link di Komentar Blog

2014-11-26T15:17:00.003+08:00

4 Cara Otomatis Mematikan Link di Komentar Blog– Hampir 5 bulan lebih saya tidak update blog. Kali ini, saya akan berbagi tips cara mematikan (menonaktifkan) link yang ada pada kotak komentar. Dari dulu (hingga sekarang), para spammer gemar meletakkan link aktif di kotak komentar. Hal ini berdampak buruk pada blog Anda. Apalagi, jika link yang dipasang cukup banyak. Hal yang sama juga saya alami, setelah 5 bulan tidak mengurus blog. Tentu, akan melelahkan rasanya jika blogger harus menghapus komentar tersebut satu per satu, apalagi jika jumlahnya telah mencapai ratusan, bahkan ribuan.

Oh, iya. Sebelum saya berbicara lebih jauh, ada baiknya berkenalan dahulu dengan link aktif. Link aktif adalah link yang cilickable, artinya dapat di-klik. Sedangkan, link pasif adalah link yang hanya berupa url. Berikut ini contohnya

Contoh Link Aktif : Mengenal Jenis Link

Contoh Link Pasif : http://xxpc123xx.blogspot.com

Setelah Googling, akhirnya saya menemukan beberapa cara untuk mematikan link pada komentar blog secara otomatis. Berikut ini langkah – langkahnya.

Mematikan Link pada Komentar Blog dengan CSS

Login ke Blogger, lalu masuk ke Template
Backup template blog Anda, lalu masuk ke menu Edit HTML.
Cari kode ]]></b:skin> (Gunakan Ctrl + F, atau lihat caranya disini)
Salin kode berikut ini dan letakkan sebelum (di atas) kode ]]></b:skin>

/*matikan link aktif pada komentar with css*/#comments p a{display:none!important}

Sebagai penutup, 'Simpan Template'

Mematikan Link pada Komentar Blog dan Menghilangkan Tulisannya

Login ke Blogger, lalu masuk ke Template
Backup template blog Anda, lalu masuk ke menu Edit HTML.
Cari kode </head> (Gunakan Ctrl + F, atau lihat caranya disini)
Salin dan pastekan kode berikut diatas (sebelum) kode </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>$(function() {$('#comments p').find('a').remove(); });</script>

Terakhir, klik ‘Simpan Template’

Mematikan Link Aktif dengan JQuery

Login ke Blogger, lalu masuk ke Template
Backup template blog Anda, lalu masuk ke menu Edit HTML.
Cari kode </head> (Gunakan Ctrl + F, atau lihat caranya disini)
Salin dan pastekan kode berikut diatas (sebelum) kode </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>//<![CDATA[$(function() {$('#comments p').find('a').contents().unwrap();});//]]></script>

Seperti biasa, sebagai penutup, klik ‘Simpan Template’ untuk menyimpan perubahan yang telah dilakukan

Mengganti link dengan Kalimat Peringatan

Cara otomatis menghapus link terakhir (yang menurut saya cukup seru) adalah dengan mengganti link dengan kata – kata peringatan (yang dapat kita tentukan sendiri). Hasil akhirnya kurang lebih akan seperti gambar berikut :

Berikut ini cara memasang script-nya.

Login ke Blogger, lalu masuk ke Template
Backup template blog Anda, lalu masuk ke menu Edit HTML.
Cari kode </head> (Gunakan Ctrl + F, atau lihat caranya disini)
Pastekan kode berikut diatas (sebelum) kode </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'></script><script type='text/javascript'> jQuery(document).ready(function(){ jQuery("#comments p").find("a").replaceWith("<span> Eits! No Spam for Better Blog!</span>"); }); </script>

Catatan : Ganti tulisan yang berwarna merah sesuai dengan kata – kata yang Anda inginkan. Misalnya : Mau Spam, Wani Piro? Hehehe...

Selesai! Klik ‘Simpan Template’

Catatan (untuk semua cara) : Jika blog Anda telah menggunakan Jqery versi 1.8.3 atau yang lebih tinggi, silahkan hapus script yang berwarna ungu. Untuk mengetahui apakah blog Anda sudah menggunakan Jquery atau tidak, cari keberadaan url berikut di template blog Anda (gunakan CTRL+F):

https://ajax.googleapis.com/ajax/libs/jquery/

Jika dibelakang url diatas terdapat kode 1.8.3/jquery.min.js, berarti blog Anda telah menggunakan Jquery versi 1.8.3. Jika angkanya bukan 1.8.3, gantilah menjadi 1.8.3, lalu simpan template blog Anda.

Itulah keempat cara yang dapat Anda gunakan untuk ‘membasmi’ link hidup spammer yang terdapat dalam komentar blog Anda. Tolong pula like dan share artikel ini. Selamat mencoba, dan salam blogger!

Cara Membuat Efek Api pada Link di Blog

2014-07-03T21:23:00.000+08:00

Cara Membuat Efek Api pada Link di Blog – Kemarin lusa saya telah membahas cara membuat 1 link dengan 2 tujuan berbeda. Sekarang, saya akan membahas cara membuat efek api (atau terbakar) pada link di blog. Saya ucapkan terima kasih pada admin blog izal-sragi.blogspot.com, yang telah membagi script ini. Secara pribadi, efek api pada link ini terlihat cukup keren dan menarik pengunjung, serta dapat menambah nilai seni pada blog. Efek ini akan terlihat apabila pengunjung blog meletakkan pointer mouse diatas link. Untuk lebih detailnya, silahkan lihat gambar disamping

Berikut ini langkah – langkahnya :

Login ke Blogger.com, lalu masuk ke Template.
Backup template blog Anda (lihat caranya disini).
Klik tombol Edit HTML, dan tekan CTRL+F, dan cari kode a:hover{ (Jika Anda tidak menemukan kode ini, tolong baca catatan dibawah.)

Contoh : Di blog saya, kodenya seperti ini : a:hover{text-decoration:none;}

Jika sudah ketemu, pastekan kode berikut (setelah a:hover{)

text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;

Sehingga, kode akhirnya akan menjadi :

a:hover{text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;

Terakhir, klik Simpan template.

Catatan : Jika di blog Anda tidak ada kode a:hover{, silahkan copy kode berikut dan pastekan di Edit HTML (dibawah <b:skin><![CDATA[ ) :

a:hover{text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;

text-decoration:none;

}

Bagaimana, mudah bukan? Selamat mencoba membuat / memasang efek api pada link di blog! Tolong juga like blog ini di Facebook, follow di Twitter, dan Add Google + nya. Ups, satu lagi. Tolong pula berikan Google +1! Selamat mencoba, terima kasih dan salam blogger!

Cara Membuat 1 Link Membuka (Menuju) 2 Alamat

2014-07-02T00:17:00.001+08:00

Cara Membuat 1 Link Membuka (Menuju) 2 Alamat – Kali ini saya akan membahas cara membuat link yang ketika di-klik akan membuka 2 alamat. Mungkin Anda pernah menemui sebuah link yang saat di-klik akan membuka 2 alamat yang berbeda (dan terkadang membuat kita, para blogger terkaget – kaget). Berikut ini demo link yang jika diklik akan membuka 2 alamat. Silahkan di-klik.

DEMO – Cara Membuat 1 Link Membuka 2 Alamat

Selain trik ini, masih ada beberapa trik yang dapat Anda gunakan untuk memperindah tampilan link. Diantaranya Cara Membuat Link Berkedip, Memasang Efek Link Bertabur Bintang, Membuat Efek Link Membesar saat Disentuh Kursor, Efek Bergoyang pada Link, dan Cara Memasang Efek Bayangan Pada Link
Sebenarnya, ada 2 cara membuat 1 link membuka 2 alamat (atau tujuan). Diantaranya :

1. Membuat 1 Link Membuka 2 Alamat / Tujuan di Posting Blogger

Cara pertama ini dikhususkan untuk membuat 1 link yang membuka (menuju) 2 alamat di posting blog. Untuk membuatnya, copy dan pastekan script berikut pada bagian yang Anda inginkan di dalam posting blog Anda (via tab HTML).

<a onclick="window.open('http://www.facebook.com/Tipsseoblogpc123');window.open('http://www.twitter.com/blog_ananda')" href="javascript:void(0)">DEMO – Cara Membuat 1 Link Membuka 2 Alamat </a>

2. Membuat 1 Link Membuka 2 Alamat / Tujuan di Edit HTML / Javascript.

Jika Anda ingin membuat 1 link yang membuka ke 2 tujuan / alamat di widget (via Edit HTML / JavaScript) ataupun template, gunakan script berikut.

<script type="text/javascript">function open_win() {window.open('http://www.facebook.com/Tipsseoblogpc123');window.open('http://www.twitter.com/blog_ananda');} </script><a href="javascript: void(0)" onclick="open_win()">DEMO – Cara Membuat 1 Link Membuka 2 Alamat </a>

Catatan untuk kedua langkah diatas :

Warna merah menunjukkan alamat web yang pertama.

Warna oranye menunjukkan alamat web yang kedua.

Warna hijau menunjukkan tulisan yang ditampilkan sebagai link.

Silahkan Anda ganti 3 tulisan diatas (yang telah saya beri warna).

Bagaimana, mudah bukan? Selamat mencoba. Tolong Like dan Follow blog ini di social media (Google Plus, Twitter dan Facebook). Mohon maaf pula apabila saya terlalu lama ‘menelantarkan’ blog ini. Terima kasih, dan salam blogger!

Cara Mudah Membuat Persentase di Scrollbar Blog

2014-05-17T15:38:00.001+08:00

Cara Mudah Membuat Persentase di ScrollBar Blog – Hampir 2 bulan lebih saya tidak posting di blog yang berdebu ini, hehehe… Kali ini saya akan berbagi tips mengenai cara membuat efek persentase di scrollbar blog. Maksudnya? Widget persentase ini akan berada di sebelah scrollbar, dan menunjukkan berapa persen scrollbar telah digulung. Jika Anda masih bingung, berikut ini tampilannya. :

Lihat Demo Persentase ScrollBar di Blog

Widget persentase ini akan terlihat menarik apabila Anda mengkombinasikannya dengan scrollbar keren yang cara membuatnya sudah pernah saya bahas di postingan sebelumnya. Oh, iya, saya ucapkan juga terima kasih kepada pemilik blog blog45apik.blogspot.com, yang telah membagikan script widget persentase di blog. Oke, berikut ini cara mudah membuat efek persentase di scrollbar blog.

1. Pertama, login ke Blogger, dan pilih blog yang ingin Anda beri widget persentase scrollbar.

2. Masuk ke bagian Template.

3. Backup dulu template blog Anda. Lihat disini jika Anda tidak mengetahui caranya. Lalu, klik Edit HTML.

4. Tekan CTRL + F, dan cari kode ]]></b:skin> (klik disini jika Anda tidak mengetahui cara mencari kode), lalu copy dan pastekan kode berikut tepat diatas / sebelum kode ]]></b:skin>

#scroll {

display: none;

position: fixed;

top: 0;

right: 20px;

z-index: 500;

padding: 3px 8px;

background-color: #FF8000;

color: #fff;

border-radius: 3px;

}

#scroll:after {

content: " ";

position: absolute;

top: 50%;

right: -8px;

height: 0;

width: 0;

margin-top: -4px;

border: 4px solid transparent;

border-left-color: #FF8000;

}

Catatan :

Ganti kode 20px untuk mengubah jarak antara persentase scrollbar dengan scrollbar blog

Ganti kode #FF8000 untuk mengubah warna persentase scrollbar.

Ganti kode #fff untuk mengganti warna angka yang ditampilkan dalam persentase scrollbar.

Jika Anda tidak hapal kode HTML warna, silahkan cek disini.

5. Selanjutnya, cari kode </head>, dan pastekan kode berikut tepat dibawah / sesudah kode </head>

<div id='scroll'></div>

6. Terakhir, cari kode </body>, dan pastekan script dibawah ini DIATAS / SEBELUM kode </body> :

<script type='text/javascript'>

//<![CDATA[

var scrollTimer = null;

$(window).scroll(function() {

   var viewportHeight = $(this).height(),

       scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,

       progress = $(this).scrollTop() / ($(document).height() - viewportHeight),

       distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;

    $('#scroll')

        .css('top', distance)

        .text(' (' + Math.round(progress * 100) + '%)')

        .fadeIn(100);

    if (scrollTimer !== null) {

        clearTimeout(scrollTimer);

    }

    scrollTimer = setTimeout(function() {

        $('#scroll').fadeOut();

    }, 1500);

});

//]]>

</script>

7. Sebagai penutup, silahkan klik Simpan / Save Template untuk menyimpan perubahan. Buka blog Anda untuk melihat persentase pada scrollbar ini.

Bagaimana, mudah bukan? Terima kasih atas share dan + 1 yang Anda berikan. Tolong pula Invite saya di Google Plus. Selamat mencoba tutorial cara memasang efek persentase pada scrollbar di blog, dan salam Blogger!

Cara Memasang Widget Animasi Ikan di Blog

2014-03-10T23:32:00.002+08:00

Cara Memasang Widget Animasi Ikan di Blog – Beberapa waktu yang lalu saya sempat membagikan trik memasang widget animasi hamster di blog. Kali ini saya akan membagikan tips yang tidak jauh beda dengan tips sebelumnya, yaitu cara memasang animasi ikan di blog. Sama seperti widget sebelumnya, Anda juga dapat memberi makan ikan – ikan yang ada pada widget ini. Untuk melihat widget ini, Anda memerlukan Flash Player.

DEMO Widget Animasi Ikan :

Selain memasang widget animasi ikan di blog, Anda juga dapat memasang widget lainnya. Misalnya :

Cara Memasang Jam di Blog

Cara Memasang Efek Hujan Salju di Blog

Cara Memasang Tombol Share Keren di Blog

Oke. To the point. Berikut ini cara memasang widget animasi ikan di blog :

1. Buka Blogger, dan masuk ke Tata Letak.

2. Klik Tambahkan Gadget, dan pilih HTML/Javascript.

3. Pastekan script animasi ikan berikut, dan klik Simpan.

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/fish/fish.swf?" width="300" height="200"><param name="movie" value="http://cdn.abowman.com/widgets/fish/fish.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Catatan : Ganti ukuran lebar dan tinggi widget animasi ikan dengan mengubah kode berwarna biru dan merah

4. Geser gadget yang telah dibuat tadi ke posisi yang diinginkan, dan klik tombol Simpan sekali lagi.

Selamat! Animasi ikan telah terpasang di blog Anda! Selamat menikmati, dan jangan lupa diberi makan! Selamat mencoba, dan salam blogger!

Award Pertama Tips SEO + Blog - PC 123

2014-03-09T23:32:00.002+08:00

Award Pertama Tips SEO + Blog - PC 123 – Hampir sebulan saya tidak posting disini. Maklum (dan maaf), selama bulan Februari 2014, ada banyak tugas sekolah yang harus saya selesaikan. Tetapi tak apalah! Mudah – mudahan di bulan Maret 2014 ini, saya bisa upate blog secara rutin (lagi). Oh, iya. Sebagai posting pembuka, saya ingin mengucapkan terima kasih kepada Aully Bukan, admin blog infobisabanget.blogspot.com atas award yang diberikannya. Berikut ini awardnya:

Sebenarnya award ini sudah diberikan beliau sejak bulan Desember 2013 lalu, tetapi karena kesibukan baru sempat saya post sekarang. Saya ucapkan terima kasih yang sebesar besarnya kepada Aully Bukan, karena dengan award ini semangat blogging saya bangkit kembali, dan mohon maaf atas keterlambatannya. Salam Blogger!

Cara Percepat Loading Blog dengan Script LazyLoad

2014-01-31T12:44:00.000+08:00

Cara Percepat Loading Blog dengan Script LazyLoad - Banyak cara yang dapat dilakukan oleh Blogger untuk mempercepat loading blog. Mulai dengan cara mengcompress gambar, mengompress CSS, dan menggunakan template blog yang simpel dan SEO Friendly. Nah, kali ini saya akan membahas cara mempercepat waktu loading blog dengan menggunakan script lazy load. Script lazy load umumnya digunakan pada blog dengan platform Wordpress. Lama kelamaan, ada juga script lazy load yang diciptakan untuk Blogger.

Bagaimana? Tertarik untuk mencobanya? Silahkan ikuti langkah - langkah berikut :

1. Buka Blogger, dan masuk ke menu Template.

2. Backup template blog Anda, dan klik tombol Edit HTML.

3. Cari kode </head>, (gunakan CTRL+F, atau klik disini untuk mengetahui cara mencari kode di Edit HTML) dan letakkan/pastekan kode berikut tepat diatasnya.

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='https://googledrive.com/host/0ByoCwyjwB1aDTXhnVVlxcTBadVk' type='text/javascript'/> <script charset='utf-8' type='text/javascript'> $(function() { $("img").lazyload({placeholder : "http://bit.ly/Qv60g5",threshold : 200}); }); </script>

4. Klik Simpan template.

Sekedar catatan, script lazyload tidak menjamin waktu loading blog Anda akan menjadi lebih cepat daripada sebelumnya. Adakalanya script ini menyebabkan blog menjadi lebih lambat dan berat. Namun, tak ada salahnya untuk mencoba script lazyload ini. Selamat mencoba! Tolong bantu saya dengan men-share (berikan pula Google +) dan mengomentari artikel ini. Selamat mencoba, dan salam Blogger!

Cara Memasang Animasi Hamster Bergerak di Blogger

2014-01-30T23:31:00.002+08:00

Cara Memasang Animasi Hamster Bergerak di Blogger – 2 minggu saya tidak mengupdate blog saya. Sepertinya sudah berdebu, hehehe… Berhubung masih sibuk, jadi kali ini saya hanya bisa berbagi tentang tutorial sederhana, yaitu cara memasang widget atau animasi hamster di blog. Widget yang satu ini sering terlihat di blog - blog, dan terkadang pengunjung akan diminta untuk memberinya makan. Oke, jika Anda masih penasaran widget hamster mana yang saya maksud, silahkan lihat hamster berikut (diperlukan Flash Player untuk melihatnya). Untuk memberi makan, klik sembarang areal pada widget tersebut, dan untuk membuatnya berlari, klik titik yang ada ditengah roda.

Bagaimana? Tertarik memasang widget atau animasi hamster ini? Silahkan ikuti langkah - langkah berikut :

1. Buka Blogger, dan masuk ke Tata Letak.

2. Pilih Tambahkan Gadget, dan pilih HTML/Javascript.

3. Pastekan script berikut (isikan juga isian Judul sesuai dengan keinginan Anda)

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object>

4. Simpan dan selesai!

Mintalah pengunjung blog Anda untuk memberi makan hamster tersebut, karena jika tidak diberi makan kemungkinan ia akan mati (bohong!). Selamat mencoba, dan salam blogger!

Cara Mudah Memasang Efek Kembang Api di Blog - Work!

2014-01-14T07:25:00.001+08:00

Cara Memasang Efek Kembang Api di Blog - Tahun baru identik dengan kembang api. Hampir semua orang menyalakan kembang api saat pergantian malam tahun baru (mungkin hanya saya yang tidak, hehehe). Nah, kali ini saya akan membagikan tips cara memasang atau membuat efek kembang api di blog Anda. Nantinya, efek kembang api ini akan muncul di tengah posting blog, lalu bunga apinya akan menyebar ke seluruh sisi blog.

LIHAT DEMO KEMBANG API DI BLOG >>

Oh, iya. Selain efek kembang api, ada banyak efek lain yang dapat Anda pasang untuk memperindah blog Anda, diantaranya :

Cara Memasang Efek Hujan Salju di Blog

Cara Memasang Efek Meteor Jatuh di Blog

Pasang Efek Hujan Daun di BlogMu!

Oke, to the point lagi. Berikut ini cara memasang atau membuat efek kembang api di blog:

1. Buka Blogger.

2. Masuk ke Template. Backup dulu template blog Anda.

3. Klik tombol Edit HTML, dan cari kode </body> (gunakan CTRL+F, atau lihat caranya disini).

4. Pastekan kode berikut tepat DIATAS/SEBELUM kode </body>

<script language="javascript" src="https://googledrive.com/host/0ByoCwyjwB1aDUWNLVS0tRzFOV0k"></script>

5. Terakhir, klik Simpan template dan lihat previewnya di blog Anda.

Kini pengunjung blog Anda akan semakin terhibur dengan keberadaan kembang api di blog Anda. Selamat mencoba! Jangan takut untuk meninggalkan komentar (terutama saat Anda menemui masalah), dan tolong share artikel ini. (berikan pula Google +!) Follow juga Twitter saya (nanti saya followback), dan like Fanspagenya. Terima kasih, dan salam blogger!