ID CEPU

Pertanyaan Raslulullah Kepada Iblis

2016-06-18T13:15:00.001+07:00

Suatu ketika Allah SWT memerintahkan seorang Malaikat menemui Iblis agar menghadap
Baginda Rasul saw untuk memberitahu segala rahasianya, baik yang disuka maupun yang dibencinya. Hal ini dimaksudkan untuk meninggikan derajat Nabi Muhammad saw dan juga sebagai peringatan dan perisai umat manusia.

Kemudian Malaikat itupun mendatangi Iblis dan berkata : “Hai Iblis! Engkau diperintah Allah untuk menghadap Rasulullah saw. Bukalah semua rahasiamu dan jawablah setiap pertanyaan Rasulullah dengan jujur. Jika engkau berdusta walau satu perkataanpun, niscaya akan terputus semua anggota badanmu, uratmu serta disiksa dengan azab yang amat pedih”.

Mendengar ucapan Malaikat yang dahsyat itu, Iblis sangat ketakutan, maka segera ia menghadap Rasulullah saw dengan menyamar sebagai orang tua yang buta sebelah matanya dan berjanggut putih 10 helai yang panjangnya seperti ekor lembu.

Iblis pun memberi salam sampai 3 (tiga) kali salam, Rasulullah saw tidak juga menjawabnya, maka Iblis berkata : “Ya Rasullullah! Mengapa engkau tidak menjawab salamku? Bukankah salam itu sangat mulia di sisi Allah?” Maka jawab Nabi dengan marah : “Hai musuh Allah! Kepadaku engkau menunjukkan kebaikanmu? Jangan kau coba menipuku sebagaimana kau tipu Nabi Adam as sehingga beliau keluar dari syurga, kau hasut Qabil sehingga ia tega membunuh Habil yang masih saudaranya sendiri, ketika sedang sujud dalam sembahyang kau tiup Nabi Ayub as dengan asap beracun sehingga beliau sengsara untuk beberapa lama, kisah Nabi Daud as dengan perempuan Urya, Nabi Sulaiman meninggalkan kerajaannya karena engkau menyamar sebagai isterinya dan begitu juga beberapa Anbiya dan pendeta yang telah menanggung sengsara akibat hasutanmu.

Hai Iblis! Sebenarnya salam itu sangat mulia di sisi Allah azza wa jalla, tapi aku diharamkan Allah menjawab salammu. Aku mengenalmu dengan baik wahai Iblis, Raja segala Iblis. Apa tujuanmu menemuiku?”.

Jawab Iblis : “Ya Nabi Allah! Janganlah engkau marah. Engkau dapat mengenaliku karena engkau adalah Khatamul Anbiya. Aku datang atas perintah Allah untuk memberitahu segala tipu dayaku terhadap umatmu dari zaman Nabi Adam as hingga akhir zaman nanti. Ya Nabi Allah! Setiap apa yang engkau tanya, aku bersedia menerangkan satu persatu dengan sebenarnya, aku tidak berani menyembunyikannya”.

Kemudian Iblispun bersumpah menyebut nama Allah dan berkata : “Ya Rasulullah! Sekiranya aku berdusta barang sepatahpun niscaya hancur leburlah badanku menjadi abu”.

Ketika mendengar sumpah Iblis itu, Nabipun tersenyum dan berkata dalam hatinya, inilah kesempatanku untuk menyiasati segala perbuatannya agar didengar seluruh sahabat yang ada di majlis ini dan menjadi perisai seluruh umatku.

Pertanyaan Nabi (1) :
“Hai Iblis! Siapakah musuh besarmu?”

Jawab Iblis : “Ya Nabi Allah! Engkaulah musuhku yang paling besar di antara musuh-musuhku di muka bumi ini”.

Kemudian Nabipun memandang muka Iblis dan Iblispun gemetar karena ketakutan. Sambung Iblis : “Ya Khatamul Anbiya! Aku dapat merubah diriku seperti manusia, binatang dan lain-lain hingga rupa dan suarapun tidak berbeda, kecuali dirimu saja yang tidak dapat aku tiru karena dicegah oleh Allah. Andaikan aku menyerupai dirimu, maka terbakarlah diriku menjadi abu.

Aku cabut iktikad / niat anak Adam supaya menjadi kafir karena engkau berusaha memberi nasihat dan pengajaran supaya mereka kuat untuk memeluk agama Islam, begitu juga aku berusaha menarik mereka kepada kekafiran, murtad atau munafik. Aku akan menarik seluruh umat Islam dari jalan yang benar menuju jalan yang sesat supaya masuk ke dalam neraka dan kekal di dalamnya bersamaku”.

Pertanyaan Nabi (2) :

“Hai Iblis! Apa yang kau perbuat terhadap makhluk Allah?”

Jawab Iblis : “Adalah satu kemajuan bagi perempuan yang merenggangkan kedua pahanya kepada lelaki yang bukan suaminya, setengahnya hingga mengeluarkan benih yang salah sifatnya. Aku goda semua manusia supaya meninggalkan sholat, berbuai dengan makanan dan minuman, berbuat durhaka, aku lalaikan dengan harta benda, emas, perak dan permata, rumahnya, tanahnya, ladangnya supaya hasilnya dibelanjakan ke jalan yang haram.

Demikian juga ketika pesta di mana lelaki dan perempuan bercampur. Di sana aku lepaskan godaan yang besar supaya mereka lupa peraturan dan akhirnya minum arak. Apabila terminum arak itu, maka hilanglah akal, fikiran dan malunya. Lalu aku ulurkan tali cinta dan terbukalah beberapa pintu maksiat yang besar, datang perasaan hasad dengki hingga perbuatan z1na. Apabila terjadi kasih antara mereka, terpaksalah mereka mencari uang hingga menjadi penipu, peminjam dan pencuri.

Apabila mereka sadar akan kesalahan mereka lalu hendak bertaubat dan berbuat amal ibadah, akan aku rayu supaya mereka membatalkannya. Semakin keras aku goda supaya mereka berbuat maksiat dan mengambil isteri orang. Jika hatinya terkena godaanku, datanglah rasa ria’, takabur, iri, sombong dan melengahkan amalnya. Jika lidahnya yang tergoda, maka mereka akan gemar berdusta, mencela dan mengumpat. Demikianlah aku goda mereka setiap saat”.

Pertanyaan Nabi (3) :

“Hai Iblis! Mengapa engkau bersusah payah melakukan pekerjaan yang tidak mendatangkan faedah bahkan menambah laknat yang besar dan siksa yang besar di neraka yang paling bawah? Hai yang dikutuk Allah! Siapa yang menjadikanmu? Siapa yang melanjutkan usiamu? Siapa yang menerangkan matamu? Siapa yang memberi pendengaranmu? Siapa yang memberi kekuatan anggota badanmu?

Jawab Iblis : “Semuanya itu adalah anugerah dari Allah Yang Maha Besar. Tetapi hawa nafsu dan takabur membuatku menjadi jahat sebesar-besarnya. Engkau lebih tahu bahwa diriku telah beribu-ribu tahun menjadi Ketua seluruh Malaikat dan pangkatku telah dinaikkan dari satu langit ke langit yang lebih tinggi. Kemudian aku tinggal di dunia ini beribadah bersama para Malaikat beberapa waktu lamanya.

Tiba-tiba datang firman Allah SWT hendak menjadikan seorang Khalifah di dunia ini, maka akupun membantah. Lalu Allah menciptakan manusia yang pertama (Nabi Adam as) dan seluruh Malaikat diperintah supaya memberi hormat sujud kepada lelaki itu, hanya aku saja yang ingkar. Oleh karena itu, Allah murka kepadaku dan wajahku yang tampan rupawan dan bercahaya itu berubah menjadi keji dan menakutkan. Aku merasa sakit hati. Kemudian Allah menjadikan Adam raja di syurga dan dikaruniakan seorang permaisuri (Siti Hawa) yang memerintah seluruh bidadari. Aku bertambah dengki dan dendam kepada mereka.

Akhirnya aku berhasil menipu mereka melalui Siti Hawa yang menyuruh Adam memakan buah khuldi, lalu keduanya diusir dari syurga ke dunia. Keduanya berpisah beberapa tahun dan kemudian dipertemukan Allah (di Padang Arafah), hingga mereka mendapat beberapa orang anak. Kemudian kami hasut anak lelakinya Qabil supaya membunuh saudaranya Habil. Itupun aku masih belum puas dan berbagai tipu daya aku lakukan hingga hari kiamat kelak.

Sebelum engkau lahir ke dunia, aku beserta bala tentaraku dengan mudah dapat naik ke langit untuk mencuri segala rahasia, tulisan yang menyuruh manusia berbuat ibadah dan balasan pahala serta syurga mereka. Kemudian aku turun ke dunia dan memberitahu manusia yang lain tentang apa yang sebenarnya aku dapatkan dengan berbagai tipu daya hingga tersesat dengan berbagai kitab bid’ah dan kehancuran.

Tetapi ketika engkau lahir ke dunia ini, maka aku tidak diijinkan oleh Allah untuk naik ke langit dan mencuri rahasia karena banyak Malaikat yang menjaga di setiap lapisan pintu langit. Jika aku memaksa untuk naik, maka Malaikat akan melontarkan anak panah dari api yang menyala. Sudah banyak bala tentaraku yang terkena lontaran Malaikat itu dan semuanya terbakar menjadi abu, maka semakin beratlah pekerjaanku dan bala tentaraku untuk menjalankan tugas menghasut manusia”.

Pertanyaan Nabi (4) :

Rasullullah bertanya “Hai Iblis! Apa yang pertama kali kau tipu dari manusia?”

Jawab Iblis : “Pertama kali aku palingkan iktikad / niatnya, imannya kepada kafir dan juga dari segi perbuatan, perkataan, kelakuan atau hatinya. Jika tidak berhasil juga, akan aku tarik dengan cara mengurangi pahala. Lama-kelamaan mereka akan terjerumus mengikuti kemauanku”.

Pertanyaan Nabi (5) :

“Hai Iblis! Jika umatku sholat karena Allah, apa yang terjadi padamu?”

Jawab Iblis : “Sungguh penderitaan yang sangat besar. Gemetarlah badanku dan lemah tulang sendiku, maka aku kerahkan berpuluh-puluh iblis datang menggoda manusia pada setiap anggota badannya.

Beberapa iblis datang pada setiap anggota badannya supaya malas sholat, was-was, lupa bilangan raka’atnya, bimbang pada pekerjaan dunia yang ditinggalkannya, merasa terburu-buru supaya cepat selesai sholatnya, hilang khusyuknya, matanya senantiasa melirik ke kanan dan ke kiri, telinganya senantiasa mendengar percakapan orang dan bunyi-bunyi yang lain.

Beberapa iblis yang lain duduk di belakang badan orang yang sembahyang itu supaya tidak kuat sujud berlama-lama, penat waktu duduk tahiyat dan dalam hatinya selalu merasa terburu-buru supaya cepat selesai sholatnya, itu semua membuat berkurangnya pahala. Jika para iblis tidak dapat menggoda manusia itu, maka aku sendiri akan menghukum mereka dengan hukuman yang berat”.

Pertanyaan Nabi (6) :

“Jika umatku membaca Al-Qur’an karena Allah, apa yang terjadi padamu?”

Jawab Iblis : “Jika mereka membaca Al-Qur’an karena Allah, maka terbakarlah tubuhku, putuslah seluruh uratku lalu aku lari dan menjauh darinya”.

Pertanyaan Nabi (7) :
“Jika umatku mengerjakan haji karena Allah, bagaimana perasaanmu?”

Jawab Iblis : “Binasalah diriku, gugurlah daging dan tulangku karena mereka telah mencukupkan rukun Islamnya”.

Pertanyaan Nabi (8) :
“Jika umatku berpuasa karena Allah, bagaimana keadaanmu?”

Jawab Iblis : “Ya Rasulullah! Inilah bencana yang paling besar bahayanya buatku. Apabila masuk awal bulan Ramadhan, maka memancarlah cahaya Arasy dan Kursi, bahkan seluruh Malaikat menyambut dengan suka cita. Bagi orang yang berpuasa, Allah akan mengampunkan segala dosa yang lalu dan digantikan dengan pahala yang amat besar serta tidak dicatat dosanya selama dia berpuasa. Yang menghancurkan hatiku ialah segala isi langit dan bumi, yakni Malaikat, bulan, bintang, burung dan ikan-ikan semuanya siang malam memohonkan ampunan bagi orang yang berpuasa. Satu lagi kemudian orang berpuasa ialah dimerdekakan pada setiap masa dari azab neraka. Bahkan semua pintu neraka ditutup manakala semua pintu syurga dibuka seluas-luasnya dan dihembuskan angin dari bawah Arasy yang bernama Angin Syirah yang amat lembut ke dalam syurga. Pada hari umatmu mulai berpuasa, dengan perintah Allah datanglah sekalian Malaikat dengan garangnya menangkapku dan tentaraku, jin, syaitan dan ifrit lalu dipasung kaki dan tangan dengan besi panas dan dirantai serta dimasukkan ke bawah bumi yang amat dalam. Di sana pula beberapa azab yang lain telah menunggu kami. Setelah habis umatmu berpuasa, barulah aku dilepaskan dengan perintah agar tidak mengganggu umatmu. Umatmu sendiri telah merasa ketenangan berpuasa sebagaimana mereka bekerja dan bersahur seorang diri di tengah malam tanpa rasa takut dibandingkan bulan biasanya”.

Pertanyaan Nabi (9) :

“Hai Iblis! Bagaimana seluruh sahabatku menurutmu?”

Jawab Iblis : “Seluruh sahabatmu termasuk musuh besarku. Tiada upayaku melawannya dan tiada satupun tipu daya yang dapat masuk kepada mereka. Karena engkau sendiri telah berkata : “Seluruh sahabatku adalah seperti bintang di langit, jika kamu mengikuti mereka, maka kamu akan mendapat petunjuk”.

Sayyidina Abu Bakar al-Siddiq sebelum bersamamu, aku tidak dapat mendekatinya, apalagi setelah berdampingan denganmu. Dia begitu percaya atas kebenaranmu hingga dia menjadi wazirul a’zam. Bahkan engkau sendiri telah mengatakan jika ditimbang seluruh isi dunia ini dengan amal kebajikan Abu Bakar, maka akan lebih berat amal kebajikan Abu Bakar. Lagipula dia telah menjadi mertuamu karena engkau menikah dengan anaknya, Sayyidatina Aisyah yang juga banyak menghafal Hadits-haditsmu.

Adapun Sayyidina Umar bin Khatab, aku tidak berani memandang wajahnya karena dia sangat keras menjalankan hukum syariat Islam dengan seksama. Jika aku pandang wajahnya, maka gemetarlah seluruh tulang sendiku karena sangat takut. Hal ini karena imannya sangat kuat apalagi engkau telah mengatakan : “Jikalau ada Nabi sesudah aku, maka Umar boleh menggantikan aku”, karena dia adalah orang harapanmu serta pandai membedakan antara kafir dan Islam hingga digelar ‘Al-Faruq’.

Sayyidina Usman bin Affan, aku tidak bisa bertemu karena lidahnya senantiasa membaca Al-Qur’an. Dia penghulu orang sabar, penghulu orang mati syahid dan menjadi menantumu sebanyak 2 (dua) kali. Karena taatnya, banyak Malaikat datang menghampiri dan memberi hormat kepadanya karena Malaikat itu sangat malu kepadanya hingga engkau mengatakan : “Barangsiapa menulis Bismillaahirrahmaanirrahiim pada kitab atau kertas-kertas dengan tinta merah, niscaya mendapat pahala seperti pahala Usman mati syahid”.

Sayyidina Ali bin Abi Thalibpun aku sangat takut karena hebatnya dan gagahnya dia di medan perang, tetapi sangat sopan santun, alim orangnya. Jika iblis, syaitan dan jin memandang beliau, maka terbakarlah kedua mata mereka karena dia sangat kuat beribadah dan beliau adalah golongan orang pertama yang memeluk agama Islam serta tidak pernak menundukkan kepalanya kepada berhala. Bergelar ‘Ali Karamullahu Wajhahu” dimuliakan Allah akan wajahnya dan juga ‘Harimau Allah’ dan engkau sendiri berkata : “Akulah negeri segala ilmu dan Ali itu pintunya”. Lagipula dia menjadi menantumu, aku semakin ngeri kepadanya”.

Pertanyaan Nabi (10) :

“Bagaimana tipu dayamu kepada umatku?”

Jawab Iblis : “Umatmu itu ada 3 (tiga) macam. Yang pertama, seperti hujan dari langit yang menghidupkan segala tumbuhan yaitu ulama yang memberi nasihat kepada manusia supaya mengerjakan perintah Allah dan meninggalkan laranganNya seperti kata Jibril as : “Ulama itu adalah pelita dunia dan pelita akhirat”. Yang kedua, umat tuan seperti tanah yaitu orang yang sabar, syukur dan ridha dengan karunia Allah. Berbuat amal saleh, tawakal dan kebajikan. Yang ketiga, umatmu seperti Fir’aun, terlampau tamak dengan harta dunia dan dihilangkan amal akhirat, maka akupun bersuka cita lalu masuk ke dalam badannya, aku putarkan hatinya ke lautan durhaka dan aku ajak kemana saja mengikuti kemauanku. Jadi dia selalu bimbang kepada dunia dan tidak mau menuntut ilmu, tidak pernah beramal saleh, tidak mau mengeluarkan zakat dan malas beribadah.

Lalu aku goda agar manusia minta kekayaan lebih dulu dan apabila diizinkan Allah dia menjadi kaya, maka aku rayu supaya lupa beramal, tidak membayar zakat seperti Qarun yang tenggelam dengan istana mahligainya. Bila umatmu terkena penyakit tidak sabar dan tamak, dia selalu bimbang akan hartanya dan berangan-angan hendak merebut kemewahan dunia, benci dan menghina kepada yang miskin, membelanjakan hartanya untuk kemaksiatan”.

Pertanyaan Nabi (11) :
“Siapa yang serupa denganmu?”

Jawab Iblis : “Orang yang meringankan syariatmu dan membenci orang yang belajar agama Islam”.

Pertanyaan Nabi (12) :

“Siapa yang membuat mukamu bercahaya?”

Jawab Iblis : “Orang yang berdosa, bersumpah bohong, saksi palsu dan suka ingkar janji”.

Pertanyaan Nabi (13) :

“Apa yang kau rahasiakan dari umatku?”

Jawab Iblis : “Jika seorang Muslim buang air besar dan tidak membaca do’a terlebih dahulu, maka aku gosok-gosokkan najisnya sendiri ke badannya tanpa dia sadari”.

Pertanyaan Nabi (14) :

“Jika umatku bersatu dengan isterinya, apa yang kau lakukan?”

Jawab Iblis : “Jika umatmu hendak bers3tubuh dengan isterinya dan membaca do’a pelindung syaitan, maka aku lari dari mereka. Jika tidak, aku akan bers3tubuh dahulu dengan isterinya dan bercampurlah benihku dengan benih isterinya. Jika menjadi anak, maka anak itu akan gemar berbuat maksiat, malas pada kebaikan, durhaka. Ini semua karena kealpaan ibu bapaknya sendiri. Begitu juga jika mereka makan tanpa membaca Bismillah, aku santap makanannya lebih dulu daripadanya. Walaupun mereka makan, tidaklah mereka merasa kenyang”.

Pertanyaan Nabi (15) :

“Apa yang dapat menolak tipu dayamu?”

Jawab Iblis : “Jika berbuat dosa, maka cepat-cepatlah bertaubat kepada Allah, menangis menyesal akan perbuatannya. Apabila marah, segeralah mengambil air wudhu’, maka padamlah marahnya”.

Pertanyaan Nabi (16) :
“Siapakah orang yang paling engkau sukai?”

Jawab Iblis : “Lelaki dan perempuan yang tidak mencukur atau mencabut bulu ketiak atau bulu ari-ari (bulu k3m4luan) selama 40 hari. Di situlah aku mengecilkan diri, bersarang, bergantung, berbuai seperti pijat pada bulu itu”.

Pertanyaan Nabi (17) :

“Hai Iblis! Siapakah saudaramu?”

Jawab Iblis : “Orang yang tidur meniarap / telungkup, orang yang matanya terbuka di waktu Subuh tetapi menyambung tidur lagi. Lalu aku lenakan dia hingga terbit fajar. Demikian juga pada waktu Dzuhur, Asar, Maghrib dan Isya’, aku beratkan hatinya untuk sholat”.

Pertanyaan Nabi (18) :

“Apa yang dapat membinasakan dirimu?”

Jawab Iblis : “Orang yang banyak menyebut nama Allah, bersedekah dengan tidak diketahui orang, banyak bertaubat, banyak tadarus Al-Qur’an dan sholat tengah malam”.

Pertanyaan Nabi (19) :

“Hai Iblis! ?” Apa yang dapat memecahkan matamu?”

Jawab Iblis : “Orang yang duduk di dalam masjid dan beri’tikaf di dalamnya”.

Pertanyaan Nabi (20) :

“Apa lagi yang dapat memecahkan matamu?”

Jawab Iblis : “Orang yang taat kepada kedua ibu bapaknya, mendengar kata mereka, membantu makan, pakaian mereka selama mereka hidup, karena engkau telah bersabda : Syurga itu di bawah tapak kaki ibu”.

Demikianlah semua pertanyaan yang di lontarkan Raslulluah kepada Iblis, dari seluruh pertanyaan dan jawabanya saya kira kita semua sudah paham dan mengerti untuk memperbaiki diri, dan semoga menjadi lebih baik untuk kedepanya sampai anak cucu nanti.

sumber : sebarkanlah.com

Kelebihan Dan Kekurangan Custom Domain

2016-06-17T01:00:00.000+07:00

Kelebihan Dan Kekurangan Custom Domain. Setiap ada sebab pasti ada akibat baik yang menguntungkan maupun merugikan, setiap langkah pasti ada konskuensinya, baik yang positif maupun negatif. itu sudah menjadi hukum alam, seperti juga didunia blogger yang semakin lama semakin ketat persaingannya.
Salah satu langkah untuk mengarungi ketatnya persaingan blog adalah mengganti nama domain blogspot ke top level domain (TLD) atau merubah menjadi domain sendiri. contohnya blog ini yang dulunya bernama www.idcepu.blogspot.com berubah menjadi www.idcepu.xyz setelah melakukan custom domain.

Seperti yang dituturkan diawal paragraf bahwa setiap langkah pasti ada konskuensinya, didalam melakukan custom domainpun ada untung ruginya. agar lebih jelas penulis akan share Kelebihan Dan Kekurangan Custom Domain diantaranya:

kelebihan custom domain:
1.Lebih profesional. blog kelihatan lebih profesional dan admin terlihat lebih serius didalam mengurus blognya, karena mau keluar duit tidak sekedar gratisan.

2.Alamat blog mudah diingat. Seseorang yang mencari artikel di Search engine, hanya melihat sekilas alamat blog atau bahkan tidak sama sekali (yang penting isinya bung). Nah, bila anda sudah custom domain, maka kemungkinan untuk diingat menjadi lebih besar. karena alamat blog menjadi lebih pendek.

3.Tingkat Kepercayaan Tinggi. Pelanggan yang akan melakukan order di blog anda khususnya toko online akan lebih percaya dengan bisnis yang anda tawarkan, bila sudah ganti domain. disamping itu pemasang iklan akan lebih memilih domain TDL untuk dijadikan penerbit iklan.

4.Unlimited Bandwith. sobat nggak perlu mikir bayar hosting dan kehabisan Bandwidth, cukup bayar domain saja pertahun, karena hostingnya tetap ikut blogspot.

Kekurangan custom domain:
1.berbayar. apabila sobat melakukan custom domain, maka sudah barang tentu sobat mesti menyewa domain itu setiap tahun.

2.mengulang seperti baru. apabila sobat mengganti domain TLD, maka blog akan kehilangan visitor dari mesin pencari sekitar 50% atau bahkan lebih sampai proses redirect normal kembali. pagerank dan alexa rank juga akan menjadi nodata (n/a) lagi layaknya blog baru. tapi itu hanya sementara waktu karena lama – lama akan pulih kembali.

3.hilangnya posisi pertama. sudah barang tentu setelah custom domain, blog akan kehilangan posisi di search engine. kalau biasanya ada artikel yang beradi diposisi pertama maka akan raib sementara waktu.

4.ketika custom domain otomatis akan menambah pekerjaan tentang edit – editan, seperti mengedit url ditemplate, link sahabat, setelan, feed, mendafatar ulang diwebmaster dan lain – lain.

Saran : bila ingin fokus ngeblog maka lebih cepat custom domain maka akan lebih bagus, daripada blog anda menjadi semakin terkenal maka malah jadi ragu bila mau custom domain.

Oke demikian yang saya sampaikan pada artikel kali ini, itu hanya gambaranya pengalaman dari idcepu tentang kelebihan dan kekurangan custom domain, semoga artikel ini bermanfaat bagi sobat semua.
salam Blloggers...

Cara Mengalihkan 404 Page Not Found ke Halaman Lain

2016-06-13T00:46:00.001+07:00

Cara Redirect Page Not Found ke Halaman Lain - Ketika halaman telah terindeks di SERP Google, kemudian halaman tersebut dihapus. Orang yang menuju ke halaman tersebut akan menemui pesan Page Not Found, kebanyakan orang akan menutup halaman page not found ini, agar orang itu tertarik, ada baiknya kita redirect saja halaman page not found ke halaman lain yang lebih menarik.
maka dari itu biar tidak jenuh bisa untuk mencoba metode ini pada blog sobat.

Cara Redirect Page Not Found Blogger ke Page Lain
Langsung saja ke tutorialnya ya. Pertama, Salin kode berikut ini.

<script type = "text/javascript">
yukita_redirect = setTimeout(function() {
window.location.href = 'http://URL HALAMAN ANDA';
}, 5);
</script>

Ganti URL HALAMAN ANDA sesuai dengan url halaman yang sobat inginkan, contoh misalnya saya ingin meredirect page not found ke halaman sitemap blog, maka kodenya jadi seperti ini,dan angka 5 sebagi hituang mundur pengalihan halaman redirect ke url yang sudah di tentukan, bisa di ubah sesuai selera saja.

<script type = "text/javascript">
yukita_redirect = setTimeout(function() {
window.location.href = 'http://www.idcepu.xyz/p/sitemap.html';
}, 5);
</script>

Setelah itu, masuk ke blogger > preferensi penelusuran > pesan khusus untuk laman tidak ditemukan > edit, lalu paste kode tersebut di dalamnya kemudian simpan perubahan.

Coba telusuri suatu laman yang tidak ada di blog sobat, jika berhasil maka segera setelah halaman page not found muncul, browser akan membuka halaman yang ada di setting diatas.

Oke saya rasa sudah cukup jelas tentang penjelasan di atas, bila ada pertanyaan bisa berkomentar di bawah.

salam Bloggers....

Cara Membuat Sticky Widget di Sidebar Blog

2016-06-09T15:52:00.000+07:00

Pada artikel sebelumnya saya pernah berbagi tutorial tentang Memasang Fungsi Sticky Pada Widget Blogger, kali ini saya akan berbagi tutorial dengan fungsi yang sama yaitu untuk membuat widget tertentu menjadi sticky atau melayang mengikuti halaman saat digulirkan ke bawah dan atas. Tutorial ini merupakan perbaikan sekaligus menjawab komentar sobat dari tutorial sebelumnya yang ketika halaman digulir ke bawah sticky widget akan melewati Footer Wrapper dan itu akan sedikit mengganggu karena menghalangi widget yang dipasang di area Footer.
Untuk contohnya seperti yang ada pada Recent Posts pada blog saya ini, hasilnya akan seperti itu untuk script di bawah ini yang saya akan bahas.

(Sticky Widget seperti puya saya)

Kode yang akan saya bagikan ini lebih cocok dipasang pada semua konten di Sidebar atau bisa juga dipasang pada salah satu widget tertentu.Bagi sobat yang ingin mencobanya, silakan ikuti tutorial Cara Membuat Sticky Widget di Sidebar Blog.

Cara Membuat Sticky Widget di Sidebar Blog

1. Login ke Blogger > Buka Template editor > Tambahkan kode di bawah ini sebelum </body>

<script type="text/javascript">//<![CDATA[$(function() {if ($('#sticky-sidebar').length) { // Ganti "#sticky-sidebar" dengan ID tertentuvar el = $('#sticky-sidebar');var stickyTop = $('#sticky-sidebar').offset().top;var stickyHeight = $('#sticky-sidebar').height();$(window).scroll(function() {var limit = $('#footer-wrapper').offset().top - stickyHeight - 20; // Jarak berhenti di "#footer-wrapper"var windowTop = $(window).scrollTop();if (stickyTop < windowTop) {el.css({position: 'fixed',top: 20 // Jarak atau margin sticky dari atas});} else {el.css('position', 'static');}if (limit < windowTop) {var diff = limit - windowTop;el.css({top: diff});}});}});//]]></script>

Perhatikan kode yang ditandai warna Briu, ganti kode tersebut dengan ID yang akan dibuat sticky sesuai template yang digunakan, sedangkan warna Hijau ganti kode tersebut dengan ID untuk berhentinya Sticky .
seperti contoh punya saya seperti ini penampakanya:

#sticky-sidebar : ID dari konten atau widget yang akan dibuat sticky

#footer-wrapper : Tentukan ID untuk membatasi fungsi sticky

Pilih sesuai keinginan yang kalian butuhkan sesuai dengan selera masing masing.

Selanjutnya tambahkan lebar pada konten atau widget yang dibuat sticky dengan CSS. Misalkan di sini saya memberikan 300px untuk lebar sticky, contoh :

#sticky-sidebar{width:100%;max-width:300px}

Atau

#HTML1{width:100%;max-width:300px}

Letakkan kode di atas sebelum </style>

Tentukan lebar sesuai dengan lebar sidebar dari template yang sobat gunakan dan juga jangan lupa untuk mengganti lebar pada media query tertentu, contoh :

@media only screen and (max-width:768px){#sticky-sidebar{width:100%;max-width:100%}

Cukup mudah bukan? Selamat mencoba dan salam sukses.
Oke sudah cukup jelas penjelasan di atas, bila ada yang belum jelas bisa di tanyakan langsung ke komentar ya....
Salam Bloggers....

Kumpulan Ucapan Selamat Hari Raya Idul Fitri 1437 H 2016

2016-06-08T19:47:00.000+07:00

Inilah kumpulan kata-kata untuk lebaran terbaru,yang bisa ada kirimkan ke teman,sahabat,pacar,orang tua,dll.maka dari itu saya telah merangkumnya.
Sms Kata Ucapan Selamat Lebaran Idul Fitri tak luput dari rasa gembira, hari dimana berkumpul bercekrama bersama keluarga besar menikmati indahnya hari idul fitri yang penuh dengan kegembiran, seutai kata-kata tak mampu mengungkapkan perasaan yang riang dan gembira. di hari yang fitri ini kita saling meminta maaf atas segala perbuatan yang telah kita lakukan di hari sebelumnya.

barangkali ada salah salah kata atau sikap dalam perbuatan yang tidak terasa sebelumnya. terutama kepada orang tua yang kita cintai, teman . sahabat , saudara , suami dan istri, berkumpul di dengan keluarga memang menyenangkan, di hari lebaran yang penuh dengan makan yang sip memenuhi perut kita sambil tertatwa tawa dengan lucu.

Dalam menyambut datangnya lebaran 2016. kata -kata lebaran idul fitri yang saya sajikan untuk anda lengkap di bawah ini. sms kata -kata maaf untuk lebaran idul fitri tarbaru yang lumayan komplit saya sajikan untuk anda.

Sejalan dengan berlalunya Ramadhan tahun iniKemenangan akan kita gapaiDalam kerendahan hati ada ketinggian budiDalam kemiskinan harta ada kekayaan jiwaDalam kesempatan hidup ada keluasan ilmuHidup ini indah jika segala karena ALLAH SWTKami sekeluarga menghaturkanSelamat Hari Raya Idul Fitri 1437 HTaqobalallahu minna wa minkumMohon maaf lahir dan bathin

Jika HATI sejernih AIR, jangan biarkan IA keruh,
Jika HATI seputih AWAN, jangan biarkan dia mendung,
Jika HATI seindah BULAN, hiasi IA dengan IMAN.
Mohon Maaf lahir Dan batin

Melati semerbak harum mewangi,Sebagai penghias di Hari fitri,SMS ini hadir pengganti diri,Ulurkan tangan silaturahmi.Selamat Idul Fitri

Sebelas bulan Kita kejar dunia,
Kita umbar napsu angkara.
Sebulan penuh Kita gelar puasa,
Kita bakar segala dosa.
Sebelas bulan Kita sebar dengki Dan prasangka,
Sebulan penuh Kita tebar kasih sayang sesama.
Dua belas bulan Kita berinteraksi penuh salah Dan khilaf,
Di Hari suci nan fitri ini, Kita cuci hati, Kita buka pintu maaf.
Selamat Idul Fitri, mohon maaf lahir Dan batin

Waktu mengalir bagaikan airRamadhan suci akan berakhirTuk salah yg pernah AdaTuk khilaf yg sempat terucapPintu maaf selalu kuharapMet Idul Fitri

Satukan tangan,satukan hati
Itulah indahnya silaturahmi
Di Hari kemenangan Kita padukan
Keikhlasan untuk saling memaafkan
Selamat Hari Raya Idul Fitri
Mohon Maaf Lahir Batin

Satukan tangan,satukan hatiItulah indahnya silaturahmiDi Hari kemenangan Kita padukanKeikhlasan untuk saling memaafkanSelamat Hari Raya Idul FitriMohon Maaf Lahir Batin

Andai jemari tak sempat berjabat.
Jika raga tak bisa bersua.
Bila Ada kata membekas luka.
Semoga pintu maaf masih terbuka.
Selamat Idul Fitri
Bila kata merangkai dusta..

Bila langkah membekas laraBila hati penuh prasangkaDan bila Ada langkah yang menoreh luka.Mohon bukakan pintu maafâSelamat Idul Fitri Mohon Maaf Lahir Batin

Waktu mengalir bagaikan air
Ramadhan suci akan berakhir
Tuk salah yg pernah Ada
Tuk khilaf yg sempat terucap
Pintu maaf selalu kuharap
Met Idul Fitri

'Bila Salah' Kata Terucap
'Bila Hat1 Tegores Sikap
Angkuhku Akan D!r1mu
Semoga P!ntu Maafmu Slalu Terbuka
Dari Hat! Yang Tulus Membasuh D!ri
Minal A!d!n Walfaizin ( Mohon Maaf lahir batin)

j!ka jiwa tinggalkan badan
maka nafas berhmbus pergi
jika hadir bulan ramadhan
maka mari sucikan diri
met hari raya idul fit!..
mohon maaf lahir dan bathin..

Orang yang paling mulia adalah Orang yang mau memaafkan kesalahan orang lain Bersihkan diri, sucikan hati Di hari yang Fitri ini.

Harta paling berharga adalah sabar.
Teman paling setia adalah amal.
Ibadah paling indah adalah ikhlas.
Identitas paling tinggi adalah adalah iman.
Pekerjaan paling berat adalah memaafkan.
Mohon maaf atas segala khilaf

terkadang cinta, membuat orang berubah total.terkadang cinta juga membuat orang jadi sakit hati.mungkin terucap kata2 maniz. terkadang berujung pedih.maaf hatiku bila hatimu tersinggung dari kata2 ku. met lebaran ya.

Orang ganteng orang jelek.
gue ganteng elo jelek.
lebaran dah dateng
so maafin gw jek

ti4da kaTa seindah ziQir, tiAda h4ri seindah h4ri yG fitri ni, izinkan k2 tangan bersimpuh maAf, 4tas lisan yG tak terjaga, janji yG terabaikan, hati yG berprasangka, & sik4p yG pernah mnYakitkan. Minal Aidin Walfaizin,moHon maAf lahir dan b4Thin

Bila Idul Fitri adalah lentera,
izinkan membuka tabirnya dengan maaf,
agar cahayanya menembus jiwa fitrah dari tiap khilaf
Selamat Hari Raya Idul Fitri 1437H

Manusia akan segera kembali ke fitrah masing2,fitrah adalah ide bawaan sejak lahir,ide bawaan tersebut adalah Laa ilahaIllallah mari sucikan hati kita kembali kepada tauhid.

jika jemari tak mampu berjabat,
saat batin kotor ini rindu, akan keikhlasan maaf..
hanya lewat pesan ini,
jemariku bsilaturahmi,
Minalaidzinwalfaidzin
Mohon maaf lahir batin..

Kalau ada sumur di ladang boleh kita menumpang mandi,kalau tidak ada sumur, mandi aja di kamar mandi.Kalau ada khilaf/dosa yang ku perbuat, baik di sengaja maupun tidak, mohon dimaapin yaa..
Selamat Hari Raya Idul Fitri 1 Syawal 1437 H. Mohon Maaf Lahir dan Bathin.

Apabila ada langkah yang membekas lara,..
Apabila ada kata yang merangkai dusta,
dan ada tingkah yang pernah menoreh luka
dibulan ampunan ini mahon dibukakan pintu maaaf Sedalam2nya
Selamat Idul Fitri - MOHON MAAF LAHIR DAN BATHIN

Ramadhan membasuh hati yang berjelaga Saatnya meraih rahmat dan ampunan-Nya Untuk lisan dan sikap yang tak terjaga Mohon dibukakan pintu maaf yang sebesar-besarnya.

Walau Hati `gak sebening XL dan secerah MENTARI.
Banyak khilaf yang buat FREN kecewa,
kuminta SIMPATI-mu untuk BEBASkan diri dari ROAMING dosa,

Sayup terdengar takbir berkumandang Tanda Ramadhan akan lewat Ampunan diharap, barokah didapat Taqobalallahu minna wa minkum Mohon maaf lahir dan bathin

Bila ada langkah membekas lara
Ada kata merangkai dusta
Ada tingkah menoreh luka
Mohon maaf lahir dan bathin
Selamat hari raya Idul Fitri 1437 H

Ketupat udah dipotong Opor udah dibikin Nastar udah dimeja Kacang udah digaremin Gak afdhol kalo gak Minal Aidin wal Faizin Taqobalallahu minna wa minkum

Sebelum takbir berkumandang
Sebelum ajal menjemput
Sebelum jaringan over load
Ijinkan kami memohon maaf lahir dan bathin

The holy and beautiful Syawal will come soon There is no word proper to welcome it Except the word of pray and forgiveness My Majesty if you forgive all my fault And hope your worship accepted by Allah The God of Merciful and the Beneficent

buah durian dikerat-kerat,keratnya pakai tali
kawan makan ketupat,ketupat yang wangi
ayo kawan berjabat erat,eratkan tali silahturahmi.

opor ayam tape ragi kue nastar kue betawi mpo aye org awam,aye mohon dimengerti klo aye sempat kasar atawe berani...mohon diampuni

sunset ramadhan beranjak pergi
berganti fajar syawal di pagi hari.
membawa cahaya kedamaian di penghujung ramadhan.
menebar berkah di hari kemenangan.
Met Idul Fitri 1437 H
Mohon maaf lahir dan bathin buat semua sdra q di Indonesia

Bulan Ramadhan telah berlalu Dan hari Kemenangan telah datang Untuk itu mari kita bersihkan hati dan jiwa kita Dari gelimang dosa Mohon Maaf Lahir dan Bathin

Berbuat khilaf adalah sifat
Meminta maaf adalah kewajiban
Dan kembalinya Fitrah adalah tujuan
MOHON MAAF LAHIR DAN BATHIN

Ramadhan telah surut Hari yang Fitri telah terbit Maaf kumohonkan Agar hati bersih dari dosa Minal Aidin wal Faizin

Lets write all the mistakes down in the sand
And let the wind of forgiveness erase it away
Happy Idul Fitri, Minal Aidin wal Faizin

MATA kadang salah melihatMULUT kadang salah mengucap HATI kadang salah mendugaDengan niat tulus suci dengan ikhlasMohon Maaf Lahir dan Bathin
Mawar Berseri Dipagi HariPancaran Putihnya Menyapa NuraniSms Dikirim Pengganti DiriSelamat Idul FitriMohon Maaf Lahir Bathin

Misiii…
Mau minta maap nih!
Klo ada salah kata, salah sikap,
gak bales sms, gak ngangkat telpon,
Maapin yah!
Slamat hari raya idul fitri!

Melati semerbak harum mewangi,Sebagai penghias di Hari fitri,SMS ini hadir pengganti diri,Ulurkan tangan silaturahmi.Selamat Idul Fitri

Walopun operator sibuk n’ sms pending terus,
Kami sekeluarga tetap kekeuh mengucapkan
Selamat Idul Fitri, mohon maaf lahir Dan batin

Satukan tangan,satukan hatiItulah indahnya silaturahmiDi Hari kemenangan Kita padukanKeikhlasan untuk saling memaafkanSelamat Hari Raya Idul Fitri 1437 HMohon Maaf Lahir Batin

Hari ini saat ummat muslim berharap kembali fitri
Hari ini saat Allah membuka selebar2nya pintu Pahala
Hanya maafmu saudaraku yang membawa aku kesana
Membawa aku menjadi fitri dan meraih berkah pahala - NYA

Kaki kandang salah langkah,
bibir kadang salah ucap,
hati kadang salah sangka,
janji kadang terlupakan.
Di Idul Fitri ini mari kita hapus smua dosa.
Minal Aidin wal Faidzin..

Lebaran makan ketupat, ketupat dipotong jadi 4.
Bertemu kita tak sempat, kata maaf q kirim cepat.
Minal Aidin wal Faidzin. Idul Fitri 1437 H
Beningkan hati dengan zikir
cerahkan jiwa dengan cinta,
lalui hari dengan senyum,
tetapkan langkap dengan syukur,
sucikan hati dengan permohonan maaf.
Selamat Idul Fitri 1437 H.
Mohon maaf lahir dan batin.

Bersihkan jiwa dan sucikan hati.
Di hari yang fitri ini,
tak ada kata yang paling baik
dan bijaksana selain memaafkan.
Selamat Idul Fitri 1 Syawal 1431 H.
Taqoballallhu minna waminkum,
minal aidin walfaidzin.
Untuk lisan tang tak terjaga,
janji yang tidak ditepati,
hati yang kerap berprasangka,
dengan penuh keikhlasan,
kami mohon maaf lahir dan batin.
Selamat Idul Fitri 1437 H

Sakit flu sering bersin,
kepala berat badan pun melayang.
Kalau aku sering ngeselin,
maafin aku ya sayang. Met hari idul fitri,
mohon maaf atas semua kesalahan.
Meski tangan tak dapat berjabat
Meski wajah tak saling menatap
Meski raga tak bisa bersua
Kuingin pintu maafmu slalu terbuka
Slamat Idul Fitri ,
Mohon maaf lahir dan batin

Terkadang tak sadar mulut ini berucap seperti pisau yang menyayat hati, tak sadar raga ini telah melukai ragamu, tersadar diriku untuk selalu meminta maaf padamu, dengan tulus cinta dan kelemahan hati, juga janji untuk mencoba lebih baik dari sebelumnya dan menjaga ucapan dan raga ini untuk tidak menyakitimu lagi, Terimalah Permintaan Maafku ini. Selamat idul fitri

Oke saya rasa cukup untuk ini dulu untuk sekarang ini , bila ada tambahan lagi nanti saya akan update lagi yang terbaru, oke sekian dulu artikel pembahasan tentang kata-kata mutiara untuk lebaran kali ini.
Salam Bloggers...

Cara mengubah domain blogspot ke domain xyz terbaru

2016-06-07T11:45:00.000+07:00

Cara mengubah domain .blogspot.com ke domain .xyz , sebagai contoh saya menggunakan domain .xyz dari Niagahoster. oke untuk sahabat blogger bisa di simak ya untuk pemula pasti masih binggung untuk pertama kalinya yang belum pernah setting domain TLD. Sebenarnya caranya sama saja dari semua penyedia layanan domain. Caranya cukup mudah, oke saya akan menjelaskan dengan panjang lebar dan lumayan jelas banget dengan Sreenshot gambar, oke langsung saja ya simak baik-baik step by step biar jelas dan paham.

1. Pertama-tama, masuk ke halaman utama Blogger Anda kemudian pilih blog mana yang ingin Anda konfigurasikan. Klik menu dropdown dan pilih Settings.

2. Pada bagian Publishing, klik URL + Setup a 3rd party URL for your Blog pada bagian bawah kolom isian Blog Address. Kemudian akan muncul menu seperti ini. Di sini Anda perlu memasukkan alamat domain Anda pada kolom isian yang tersedia. Jangan lupa sertakan ‘www’ pada nama domain Anda tersebut. Klik tombol Save untuk melanjutkan.

3. Akan muncul pesan error pada bagian bawah kolom isian. Anda tidak perlu panik, abaikan saja terlebih dahulu. Bagian terpenting adalah Anda sudah mendapatkan cname 1 dan cname 2 yang akan Anda butuhkan untuk konfigurasi selanjutnya. Lihat gambar di bawah agar lebih jelas.

4. Selanjutnya silakan berpindah ke halaman Member Area Niagahoster.co.id. Klik pilihan Produk & Layanan pada menu sebelah kiri dan pilih nama domain yang ingin Anda konfigurasikan. Klik tab DNS Management pada halaman domain panel Anda.

5. Siapkan data-data berikut ini dan kembali ke tab menu DNS Management:

cname 1 (cname record)
cname 2 (cname record)
216.239.32.21 (a record)
216.239.34.21 (a record )
216.239.36.21 (a record )
216.239.38.21 (a record )

Tambahkan record baru di DNS Management berdasarkan data-data di atas

Kemudian tambahkan juga 4 record berikut:

216.239.32.21 (a record)
216.239.34.21 (a record)
216.239.36.21 (a record)
216.239.38.21 (a record)

Lebih jelasnya silakan lihat screenshot di bawah ini.

Seperti ini tampilannya setelah cname dan record ditambahkan:

6. Langkah selanjutnya, silakan periksa kembali halaman konfigurasi settings pada Blogspot Anda. Klik tombol Save untuk melanjutkan. Apabila Anda masih menemukan notifikasi Error 12 maupun pesan kesalahan sejenis, mohon tunggu proses pointing karena terkadang membutuhkan waktu hingga 1x24 jam.

Setelah proses saving selesai, buka kembali halaman konfigurasi domain Anda dengan meng-klik URL Edit. Pastikan bahwa kotak checkbox redirect (alamat website) to www telah dicentang.

Mengapa masih error ketika di Save? karena ya butuh prosses lah... sabar tunggu kira-kira 1 jam atau 2 jam pasti sudah bisa di save,jangan lupa di centang Redirectnya...

Jangan malu bertanya jika dirasa belum bisa...

Salam bloggers....

Cara Membuat Privacy Policy Buat Blog

2016-06-07T11:25:00.000+07:00

Privacy Policy adalah sebuah dokumen hukum yang mengungkapkan beberapa informasi tentang pengelolaan situs atau blog. Privacy Policy ini mutlak dibuat oleh blogger yang ingin terjun kedalam dunia bisnis online, semisal Google Adsense.

Jika Anda jalan-jalan ke blog lain dan menemukan Privacy Policy mereka berbahasa Inggris, itu karena jasa pembuatan ini lebih banyak mengutamakan bahasa Inggris. ini juga bisa di translate ke bahasa Indonesia, jika punya waktu sebentar untuk translate dengan google translate.

Privacy Policy sebenarnya bisa Anda buat sendiri, sesuai dengan kata-kata Anda sendiri, namun karena ketentuan baku dari berbagai pihak, sehingga banyak layanan yang menyediakan pembuatan Privacy Policy secara online dan gratis.

Nah pada postingan kali ini, kita akan membuat Privacy Policy untuk blogspot dengan mudah. Tapi sebelumnya, saya sarankan untuk membuat form Contact Us terlebih dahulu.

Untuk membuat Privacy Policy ikuti langkah-langkahnya berikut ini.

Ada banyak situs penyedia pembuatan Privacy Policy, namun kali ini kita akan membuat dari situs Privacy Policy Online. Klik saja linknya dan masuk ke halaman tersebut.
Pada halaman depan, terdapat sebuat form yang harus diisi. Isi semua yang dibutuhkan. Pada kolom Your Site Title isi dengan nama blog Anda, lalu alamat blog Anda dibawahnya. Pada kolom contact link, masukkan halaman Contact Us yang telah Anda buat, lalu terakhir email Anda. Setelahnya dibagian Advertisers pilihlah layanan iklan yang Anda (akan) ikuti lalu, klik Generate Policy. Anda juga bisa langsung mengcopynya melalui tombol Generate HTML dibawahnya.

Jika Anda mengklik Generate Policy akan muncul jendela baru pada browser Anda, itu adalah Privacy Policy Anda, bisa Anda copy langsung, namun lebih baik mengcopynya dalam bentuk HTML agar semua element tercover. Lihat dibagian bawah terdapat tombol Generate HTML for this page. Copy dan paste di blog Anda.

Untuk memasangnya diblog, buatlah Laman baru. Caranya seperti biasa. Masuk ke blogspot, pilih Laman lalu Laman Baru. Pada kanvas, rubah mode Compose menjadi HTML lalu paste script tadi kedalamnya. Beri judul Privacy Policy dan publikasikan.

Kini Anda sudah memiliki Privacy Policy, selanjutnya adalah membuat Terms of Service atau yang biasa disingkat TOS serta Disclaimer. Baca juga cara membuat layanan contac us di blog.

Selesai sudah.... dan siap untuk di pasang di blog dengan cara yang sangat mudah...

Salam Bloggers.....

Cara membuat Photoshop Online di Blog Terbaru

2016-06-07T00:51:00.002+07:00

Oke sobat blogger,kali ini saya akan membahas Cara membuat Photoshop Online Terbaru Responsive di blog dengan sangat mudah sekali. Siapa yang gak tau photoshop? ya software ini sangat berguna sekali utuk editing gambar dengan segala bentuk dan keunikannya... dan bagaimanakah memasang photoshop untuk blog? Banyak sobat blog yang mencari-cari artikel tentang cara membuat online photoshop di blog tapi sudah banyak yang tidak work untuk sekarang ini,alias sudah di perbarui dan tidak bisa lagi dengan yang lama...nah di sini saya akan membagi caranya..

Oke nggak usah basa basi,bahas sana bahas sini... kelamaan..

Silahkan masuk ke blog, klik Laman -> Laman Baru. Setelah itu klik HTML di sudut kiri atas dari kolom menulis. Kemudian kopi kode di bawah ini dan letakkan di pada Laman baru anda.

<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script><div class="photoshop-online loader" data-src="http://pixlr.com/editor/" >
</div>
<script type='text/javascript'>
//<![CDATA[
setTimeout(function(){
$('.photoshop-online').each(function(){
$(this).replaceWith('<iframe class="photoshop-online loader" src="'+$(this).data('src')+'" allowfullscreen="allowfullscreen" style="height: 700px; width: 100%"></iframe>')})},1000);
//]]>
</script>

Oke itulah caranya membuat Online Photoshop di Blog, sekian dulu pembahasan kali ini, bila ada kesulitan atau kurang paham ataupun Photoshop tidak tampil pada blog sobat bisa di tanyakan di komentar saja...
Salam Bloggers....

Cara Memasang Widget Translate Ringan Responsive Di Blog

2016-06-04T15:12:00.000+07:00

Pada kesempatan siang ini saya akan membagi cara membuat widget Google Translate yang sangat ringan dan Resonsive pada blog, tentunya tidak seperti Google Translate pada umumnya yang ada pada bawaan widget blog. di karenakan sangat berat untuk blog maka banyak para bloggers tidak ada yang memasang widget Google Translate ini. Padahal fungsinya sangat penting sekali bagi blog itu sendiri.

Widget ini dibuat sebagai pengganti aplikasi Google Translate yang berat. Murni, dibuat dari kode HTML dan JavaScript, sehingga Anda bisa terbebas dari permintaan HTTP yang biasanya datang dari JavaScript bawaan widget Google Translate. Di sini JavaScript berfungsi untuk melakukan pemformatan URL translasi berdasarkan pola query string dari Google Translate yang berbentuk seperti ini agar kita bisa menuju ke halaman Google Translate tanpa harus terlibat dengannya pada saat awal kunjungan:

http://translate.google.com/translate?u=http://www.nama-situs.com&langpair=from|to&hl=en

from ⇒ Bahasa Asal
to ⇒ Bahasa Tujuan

Oke untuk pemasangan widget ini kita tiggal pergi ke Tata Letak dan Klik Tambah Gadget

Untuk Kode Widget isi seperti ini:

<style type="text/css"> #translator-wrapper { display:block; width:200px; border:1px solid #0A340A; background-color:white; overflow:hidden; position:relative; } #translator-wrapper select { border:none; background:transparent; font:normal normal 11px Tahoma,Verdana,Arial,Sans-Serif; width:100%; color:black; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; cursor:text; padding:5px 10px; } #translator-wrapper a, #translator-wrapper a:hover { display:block; background-color:#0A340A; border:none; color:white; margin:0 0; text-decoration:none; position:absolute; top:0; right:0; bottom:0; cursor:pointer; width:30px; } #translator-wrapper a:before { content:""; display:block; width:0; height:0; border:5px solid transparent; border-left-color:white; position:absolute; top:50%; left:13px; margin-top:-5px; } #translator-wrapper a:hover {background-color:#0A2C0A} #translator-wrapper a:active {background-color:#082408} #translator-wrapper select:focus, #translator-wrapper a:focus, #translator-wrapper select:active, #translator-wrapper a:active { border:none; outline:none; cursor:pointer; } </style> <h3>Translate this page to:</h3> <div id="translator-wrapper"> <select id="translate-language"> <option value="en" selected="selected">English</option> <option value="id">Indonesian</option> <option value="af">Afrikaans</option> <option value="sq">Albanian</option> <option value="ar">Arabic</option> <option value="hy">Armenian</option> <option value="az">Azerbaijani</option> <option value="eu">Basque</option> <option value="be">Belarusian</option> <option value="bn">Bengali</option> <option value="bg">Bulgarian</option> <option value="ca">Catalan</option> <option value="zh-CN">Chinese</option> <option value="hr">Croatian</option> <option value="cs">Czech</option> <option value="da">Danish</option> <option value="nl">Dutch</option> <option value="en">English</option> <option value="eo">Esperanto</option> <option value="et">Estonian</option> <option value="tl">Filipino</option> <option value="fi">Finnish</option> <option value="fr">French</option> <option value="gl">Galician</option> <option value="ka">Georgian</option> <option value="de">German</option> <option value="el">Greek</option> <option value="gu">Gujarati</option> <option value="ht">Haitian Creole</option> <option value="iw">Hebrew</option> <option value="hi">Hindi</option> <option value="hu">Hungarian</option> <option value="is">Icelandic</option> <option value="id">Indonesian</option> <option value="ga">Irish</option> <option value="it">Italian</option> <option value="ja">Japanese</option> <option value="kn">Kannada</option> <option value="ko">Korean</option> <option value="la">Latin</option> <option value="lv">Latvian</option> <option value="lt">Lithuanian</option> <option value="mk">Macedonian</option> <option value="ms">Malay</option> <option value="mt">Maltese</option> <option value="no">Norwegian</option> <option value="fa">Persian</option> <option value="pl">Polish</option> <option value="pt">Portuguese</option> <option value="ro">Romanian</option> <option value="ru">Russian</option> <option value="sr">Serbian</option> <option value="sk">Slovak</option> <option value="sl">Slovenian</option> <option value="es">Spanish</option> <option value="sw">Swahili</option> <option value="sv">Swedish</option> <option value="ta">Tamil</option> <option value="te">Telugu</option> <option value="th">Thai</option> <option value="tr">Turkish</option> <option value="uk">Ukrainian</option> <option value="ur">Urdu</option> <option value="vi">Vietnamese</option> <option value="cy">Welsh</option> <option value="yi">Yiddish</option> </select><a id="translate-me" href="#" title="Translate!"></a> </div> <script type="text/javascript"> (function() { var mylang = "id", // Your website language anchor = document.getElementById('translate-me'); anchor.onclick = function() { window.open('http://translate.google.com/translate?u=' + encodeURIComponent(location.href) + '&langpair=' + mylang + '%7C' + document.getElementById('translate-language').value + '&hl=en'); return false; }; })(); </script>

Copy Kode di atas ke dalam HTML.Javascript gadget:

Oke selesai sudah Google Translate Ringan telah terpasang pada blog sobat...
Saya rasa sudah cukup jelas dan bisa di pahami... Untuk lebar atau warna bisa di ubah sesuai selera masing-masing dengan HTML Color... di jamin cocok dengan selera pastinya.
Oke sudah cukup jelas sekali sekian dulu dari saya,
Salam Bloggers.....

Cara Memasang Komentar Disqus Terbaru di Blog

2016-06-03T15:38:00.003+07:00

Cara memasang komentar Disqus Terbaru di blog dengan mudah. Apa itu Disqus? Disqus adalah sebuah sistem komentar di jaringan dunia maya yang bisa di integrasikan dengan platform blogging seperti;Blogger, Wordpress, Jomla, dan lain lain. Jutaan blog kini telah bergabung dan menggunakan sistem komentar Disqus ini mulai dari blog yang kecil hingga blog yang besar seperti; CNN.COM dan Mashable.com.

Dengan memasang kolom komentar disqus di blog, Anda mempermudah blogger lain untuk berkomentar tanpa memasukkan informasi atau identitas blog mereka. Mereka tinggal melakukan logn-in dengan akun Facebook atau Twitter, mereka sudah bisa melakukan komentar di blog Anda. Selain itu Anda bisa membangun komentar di luar blog hanya dengan masuk di akun Disqus, Anda bisa berkomentar atau membalas komentar melalui situs Disqus tanpa harus masuk di blog Anda.

Membuat komentar Disqus itu sangat mudah, Anda hanya perlu membuat akun Disqus terlebih dahulu untuk mulai mengintegrasikan blogspot Anda dengan Disqus. Setelah memasang disqus di blog, Andapun juga bisa menambahkan pengaturan moderator komentar untuk menghindari spammer yang masuk di situs Anda. Mantap bukan!!!!!!

Jadi, apakah Anda tertarik untuk memasang komentar disqus di blogger Anda? saya akan menjelaskakncara membuat komentar disqus di blog dengan tutorial mudah yang di lengkapi dengan gambar. Berikut tutorialnya;

Langkah Mudah Memasang Komentar Disqus Di Blogspot

Untuk menambahkan kolom komentar Disqus di blogspot Anda, yang perlu Anda lakukan adalah meendaftar sebagai pengguna disqus terlebih dahulu.

- Pertama silahkan masuk situs Disqus. Kemudian pilih "Continue with Facebook atau Continue with Twitter atau bisa dengan Google+" untuk membuat akun.

- Setelah Anda berhasil logn-in dan menjadi anggota disqus, silahkan lihat di bagian atas kanan. Klik pada gambar " GERIGI " kemudian scrool mouse Anda ke bawah klik pada tulisan " ADD DISQUS TO SITE ".

- Pada tahap ini Anda, silahkan klik pada tombol " Star Using Engage " untuk memulai menambahkan komentar disqus di blog Anda.

- Pada langkah ini, silahkan isi data seperlunya.

Untuk Site Name; Silahkan isi URL situs Anda. Contoh http://www.idcepu.xyz/
Untuk Chouse your Unique Disqus URL; Silahkan isi terserah yang Anda suka. Contoh IDCEPU.disqus.
Untuk Category; Silahkan isi Auto.
Kemudian klik " Finish registration ".

- Untuk menginstall komentar disqus di blogspot Anda, silahkan pilih gambar logo " Blogger " untuk memulai install disqus di Blogger Anda.

- Pada langkah ini paling menentukan keberhasilan Anda menambahkan widget disqus di Blogger Anda.

Pastikan logo bergambar Blogger.
Dan pastikan URL pada nomer 1 mengarah pada Situs Anda.
Jika Anda ingin mengimpor seluruh komentar yang ada pada blogger Anda di pindahkan pada disqus. Silahkan klik pada " Tool > Impor ".

- Kemudian klik pada tulisan " Import comments from Blogger " untuk memulai mengimpor seluruh komen lama Anda.

- Pada tahap ini, Jika Anda memiliki beberapa blog. Silahkan pilih blog yang sudah Anda daftarkan tadi di Disqus. "Pastikan blog yang didaftarkan". Kemudian klik pada " ADD WIDGET ".

- Langkah terakhir ini, pastikan widget komentar disqus telah ditambahkan pada blog Anda. Kemudian klik pada " Save arrangement " untuk mengakhiri.

Ok, kini Anda sudah berhasil menambahkan widget komentar disqus di blog Anda. Sekarang silahkan di cek pada situs Anda.

dan hasilnya akan seperti ini :

Sekarang Anda sudah memiliki kolom komentar disqus. Anda bisa berkomentar atau membalas komentar di blog Anda.

Oke sekian dulu tutorial kali ini semoga bermanfaat dan jelas...

Salam Bloggers....

Cara Membuat Tombol Share di bawah Postingan Blog

2016-06-03T13:01:00.001+07:00

Pada kesempatan kali ini saya akan membahas cara membuat tombol share di bawah postingan blog,

adapun guna dari tombol tersebut sudah tak asing lagi bagi para bloggers di seluruh dunia, karena fungsinya sangat berguna sekali dalam share ke media sosial dan bisa juga agar postingan cepat ter index dalam mesin pencari Google...

Oke sobat blogger, banyak sekali penyedia layanan share otomatis yang bisa tampil di blog, dan saya akan membahas ini karena yang saya bahas adalah membuat tampilan share otomatis tanpa syarat dan tanpa daftar-daftar ke pihak ke 3 penyedia share.

adapun caranya sbg berikut ini.
pertama pilih menu Tempalte Dan edit HTML , cari <data:post.body/> atau bisa juga <b:includable id='shareButtons' var='post'> setelah menemukan kode tersebut letakkan tepat setelah kode tersebut:

Contoh 1

Contoh 2

<b:if cond='data:post.isFirstPost'><div id='fb-root'/><script>(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><script type='text/javascript'>(function() {var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;po.src = 'https://apis.google.com/js/plusone.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);})();</script><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></b:if><div class='horizontal-social-buttons' style='padding:10px 0 10px;'><div style='float:left;'><a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a></div><div style='float:left;'><g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/></div>
<div style='float:left;'><div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false'/> </div><script src='http://platform.linkedin.com/in.js' type='text/javascript'/><script data-counter='right' type='IN/Share'/><b:if cond='data:blog.pageType == "item"'><div id='pin-wrapper' style='float: left; margin:0px 0px 0px 30px; width:44px;'><a data-pin-config='beside' data-pin-do='buttonPin' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url'><img src='//assets.pinterest.com/images/pidgets/pin_it_button.png'/></a>
</div> <script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/><style type='text/css'> #pin-wrapper > a {background-image:none !important;}</style> </b:if> 
</div><div style='clear: both;'/>

Oke setelah itu klik Simpan template.... jreng jreng... tombol share otomatis sudah tampil tepat di bawah postingan blog....
seklian dulu dan Good Luck....
Salam Bloggers.....

Cara Membuat Recent Posts Keren

2016-06-02T23:37:00.002+07:00

Berikut ini adalah cara membuat widget artikel terbaru keren untuk blog anda,
bisa di bilang lumayan bagus lah daripada bawaan widget standart pada blogger.untuk penampakan detailnya seperti gambar di bawah ini.

Adapun cara membuatnya sangatlah mudah... oke saya akan menjelaskan saja step by step.

1.Login ke blogger dengan akun Anda
2.Setelah itu pilih blog yang ingin anda tambahkan widget ini.
3.Masuk ke template >> Edit HTML, kemudian centang expand widget templates
4.Untuk berjaga-jaga agar tidak terjadi kesalahan dalam pengeditan nantinya, backup dulu template anda.
5.Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin> :

#mas-terbaru{border:1px solid #585858;width:100%;margin:0 auto}#terbaru{margin:0px}.mas-elemen{border:1px solid #ccc;margin:5px 0;padding:5px;height:79px}.mas-elemen img{background:#999;padding:4px;float:left;height:70px;margin-right:8px;width:70px}.mas-elemen h6,.mas-elemen h6 a{font-size:12px!important;font-weight:700!important;margin:0;color:#111}.mas-elemen:hover{background-color:#c3c3c3}.mas-elemen p{font:14px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0}#mas-loading{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:#141414 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_7vy02zxip7XDG8V2W3pHiYSJhomkKYU2yS2noN1T00xhxUwtXk1PfeMNSxJEFsCOFaQAwWOKw9pVXtKoB_nJQbSr540IRUALw-lAkCac_ix_QKIkbuQWEmaAIF87ospVn-OpnmvC3Eg/s1600/loading.gif) no-repeat 50% 50%;height:470px;border:1px solid #c3c3c3}#mas-navigasifeed{border:1px solid #c3c3c3;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0px}#mas-navigasifeed:hover{background-color:#c3c3c3}#mas-navigasifeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}#mas-navigasifeed span{padding:5px 10px}#mas-navigasifeed .next{float:right}#mas-navigasifeed .previous{float:left}#mas-navigasifeed .home{text-align:center}#mas-navigasifeed a:hover,#mas-navigasifeed span.noactived{color:transparant!important}

Perhatikan tulisan warna biru diatas, itu adalah lebar dan tinggi thumbnail image.

6.Selanjutnya masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode </head> :

<script type='text/javascript'>//<![CDATA[var numfeed = 5;var startfeed = 0;var urlblog = "http://www.idcepu.xyz/";var charac = 100;var urlprevious, urlnext;
function maskolisfeed(johny,banget){var showfeed = johny.split("<");for(var i=0;i<showfeed.length;i++){if(showfeed[i].indexOf(">")!=-1){showfeed[i] = showfeed[i].substring(showfeed[i].indexOf(">")+1,showfeed[i].length);}}showfeed = showfeed.join("");showfeed = showfeed.substring(0,banget-1);return showfeed;}function showterbaru(json) {var entry, posttitle, posturl, postimg, postcontent;var showblogfeed = "";urlprevious = "";urlnext = "";for (var k = 0; k < json.feed.link.length; k++) {if (json.feed.link[k].rel == 'previous') {urlprevious = json.feed.link[k].href;}if (json.feed.link[k].rel == 'next') {urlnext = json.feed.link[k].href;}}for (var i = 0; i < numfeed; i++) {if (i == json.feed.entry.length) { break; }entry = json.feed.entry[i];posttitle = entry.title.$t;for (var k = 0; k < entry.link.length; k++) {if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}}if ("content" in entry) {postcontent = entry.content.$t;} else if ("summary" in entry) {postcontent = entry.summary.$t;} else {postcontent = "";}if ("media$thumbnail" in entry) {postimg = entry.media$thumbnail.url;} else {postimg = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbuhHsSkzwORMFE5nTgvIwNXylCAAQAJivP3EfhPngKV_-S1UdfFwwdLZQx0SW_eBkSc5PM3N4DRiPl-zCY6XVaAn8zTb0imOD1T-BL-d6ua5A-7sh4s5l55_pLlAuD6f6eE3HVofgwz4/s1600/no+image.jpg";}showblogfeed += "<div class='mas-elemen'>";showblogfeed += "<a href='" + posturl + "' target='_blank'><img src='" + postimg + "' /></a>";showblogfeed += "<h6><a href='" + posturl + "'>" + posttitle + "</a></h6>";showblogfeed += "<p>" + maskolisfeed(postcontent,charac) + "...</p>";showblogfeed += "</div>";}document.getElementById("terbaru").innerHTML = showblogfeed;showblogfeed = "";if(urlprevious) {showblogfeed += "<a href='javascript:navigasifeed(-1);' class='previous'>◄ Previous</a>";} else {showblogfeed += "<span class='noactived previous'>◄ Previous</span>";}if(urlnext) {showblogfeed += "<a href='javascript:navigasifeed(1);' class='next'>Next ►</a>";} else {showblogfeed += "<span class='noactived next'>Next ►</span>";}showblogfeed += "<a href='javascript:navigasifeed(0);' class='home'>Home</a>";document.getElementById("mas-navigasifeed").innerHTML = showblogfeed;}
function navigasifeed(url){var p, parameter;if(url==-1) {p = urlprevious.indexOf("?");parameter = urlprevious.substring(p);} else if (url==1) {p = urlnext.indexOf("?");parameter = urlnext.substring(p);} else {parameter = "?start-index=1&max-results=" + numfeed + "&orderby=published&alt=json-in-script"}parameter += "&callback=showterbaru";incluirscript(parameter);}function incluirscript(parameter) {if(startfeed==1) {removerscript();}document.getElementById("terbaru").innerHTML = "<div id='mas-loading'></div>";document.getElementById("mas-navigasifeed").innerHTML = "";var archievefeed = urlblog + "/feeds/posts/default"+ parameter;var terbaru = document.createElement('script');terbaru.setAttribute('type', 'text/javascript');terbaru.setAttribute('src', archievefeed);terbaru.setAttribute('id', 'MASLABEL');document.getElementsByTagName('head')[0].appendChild(terbaru);startfeed = 1;}function removerscript() {var elemen = document.getElementById("MASLABEL");var parent = elemen.parentNode;parent.removeChild(elemen);}onload=function() { navigasifeed(0); }//]]></script>

Keterangan :

var numfeed = 5; >> Jumlah Artikel terbaru yang ditampilkan pada widget

var urlblog = "http://www.idcepu.xyz/"; >> ganti dengan URL blog Anda

var charac = 100; >> Jumlah karakter atau huruf pada setiap post.

7.Setelah itu save templates, kemudian menuju ke layout pilih kotak yang akan ditambahkan widget ini. Klik add gadget >> HTML/Javascript masukkan kode berikut ini kedalamnya :

<div id="terbaru"></div><div id="mas-navigasifeed"></div>

Terakhir save dan lihat hasilnya.
Sekian tutorial membuat widget artikel terbaru dengan fungsi previous dan next kali ini, jika masih ada yang kurang jelas silahkan tinggalkan komentar di bawah. Selamat mencoba dan semoga bermanfaat..
Salam Bloggers...

Cara menampilkan judul postingan saja di home page

2016-06-02T13:25:00.000+07:00

berikut cara menampilkan hanya judul di halaman statis blog

1. Masuk dasboard blogger.

2. Pilib Template dan klik Edit HTML.

3. Paste kode di bawah ini tepat di bawah kode </head>.

<b:if cond='data:blog.pageType != "static_page"'>

<b:if cond='data:blog.pageType != "item"'>

.post {

margin:.5em 0 1.5em;

border-bottom:0px dotted $bordercolor;

padding-bottom:1.0em;

height:50px;

}

.post h3 {

margin:.25em 0 0;

padding:0 0 4px;

font-size:20px;

font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;

font-weight:normal;

line-height:1.4em;

color:#cc6600;

}

.post h3 a, .post h3 a:visited, .post h3 strong {

display:block;

text-decoration:none;

color:#cc6600;

font-weight:normal;

}

.post h3 strong, .post h3 a:hover {color:#333333;}

.post-body {display:none;}

.post-footer {display:none;}

.comment-link {display:none;}

.post img {display:none;}

.post blockquote {display:none;}

.post blockquote p {display:none;}

h2.date-header {display:none;}

.post-labels {display:none;}

.post-rating {display:none;}

</b:if>

</style>

4. Akhiri dengan Save template.

Previewnya Seperti ini

Untuk mengatur jumlah postingan pada tiap halaman blog, silakan diatur pada settingan Post and Comments.

Cara Membuat File HTML, CSS3, Java Script ke Google Drive

2016-06-01T16:29:00.000+07:00

Cara Upload File HTML, CSS3, Java Script ke Google Drive Google terus melakukan perubahan guna kenyamanan pengguna serta peningkatan efektifitas sistem. Google Drive merupakan tempat untuk melakukan upload file dengan berbagai jenis seperti CSS, JS (JavaScript), HTML, jQuery, dan sebagainya. Anda bisa dengan mudah mengupload kode CSS ataupun JavaScript pada web Anda. Caranya adalah dengan memanfaatkan fasilitas Google Drive.Google Drive akan mempermudah kita dengan banyaknya aplikasi yang disediakan oleh Google, mulai dari Pengolah kata, Pengolah Angka, Formulir, Presentasi, Pemutar Lagu, Video, Pembuatan Contact Form + Upload File (Integrasi dengan JOTFORM), terus Alat Konversi File, dan masih banyak lagi.

Sebenarnya metode yang sama ini juga bisa dilakukan di Google code , fungsi serta kegunaannya-pun sama.

Berikut ini Tutorial cara mengupload file CSS, JavaScript di Google Drive Hosting :

►Masuk ke Google Drive pada browser Anda.

►Lalu jika Anda adalah pengguna baru silahkan login lewat email Gmail Anda dan buatlah satu buah folder sebagai tempat untuk menyimpan proyek file-file penting Anda. Caranya klik CREATE/BUAT

►Pilih FOLDER dan klik ( pada folder )

►Akan muncul formulir untuk memasukkan nama folder. Dalam contoh ini saya beri nama foldernya dengan DOWNLOAD

►Sekarang di daftar dokumen sudah ada FOLDER DOWNLOAD silahkan diklik

►Pada halaman folder DOWNLOAD klik tombol UPLOAD dan pilih FILES

►Kemudian akan terbuka browser files, silahkan pilih file yang akan diunggah ( Upload ).

►Lalu akan muncul jendela indikator file yang akan diunggah ( Upload )

►Setelah selesai diunggah file akan ada di dalam folder DOWNLOAD

►Klik kanan pada file tersebut, dan anda akan melihat dua pilihan yaitu UNDUH dan BERBAGI

► Menu UNDUH bisa anda pergunakan sendiri, tapi untuk orang lain anda harus mengambil link dari menu berbagi.

► Jadi jika anda ingin mengambil link download dari file tersebut pilih menu BERBAGI

► Nanti akan muncul jendela opsi BERBAGI

► Jika opsi berbagi masih terbatas dan belum untuk umum sebaiknya diubah dulu

► Jika sudah diubah silahkan copy URL download yang tersedia di bagian atas

Yang perlu diperhatikan, link to share file, contohnya seperti gambar di atas :

https://docs.google.com/file/d/0B-EPE3cbkU9PeV9UOXI5Q1NrX0k/edit?usp=sharing

Kode berwarna merah, silahkan Anda salin dan ambil dan letakkan pada kode berikut untuk memanggil file Anda :

https://googledrive.com/host/Masukkan Kode File Disini

Maka, hasilnya akan seperti di bawah ini :

https://googledrive.com/host/0B-EPE3cbkU9PeV9UOXI5Q1NrX0k

Struktur link diatas sudah dapat digunakan untuk mengakses file kita dan coba buka URL diatas lalu lihat hasilnya, sama seperti ketika kalian menghosting File ke Your JavaScript atau Google Code kan! Struktur URL itulah yang bisa berfungsi untuk diterapkan ke Blog kita, lalu di bagian ini Anda juga bisa meletakkan ekstensi .js .css .html .php atau yang lainnya tapi harus sesuai dengan "Bahasa Pemrograman" yang Anda "host".

Kemudian untuk penerapannya ke Blog atau website kita tidak ada perbedaan dengan saat menghosting File ke Google Code, kurang lebih seperti di bawah ini :

Untuk File CSS penulisannya seperti ini :

<link href='https://googledrive.com/host/0B-EPE3cbkU9PeV9UOXI5Q1NrX0k' rel='stylesheet'/>

Untuk File JavaScript strukturnya seperti ini :

<script type="text/javascript" src=”https://googledrive.com/host/0B-EPE3cbkU9PeV9UOXI5Q1NrX0k/ “></script>

Silahkan Anda copy dan letakkan pada blog Anda di atas kode </head>

► URL itu bisa anda sisipkan pada sebuah link download yang jika diklik akan membawa pengunjung blog ke halaman untuk mengunduh.

► Jadi fungsi Google Drive ini bisa disamakan dengan Ziddu, Mediafire, dan lain-lain.

Sekian dulu, Saya akan sangat berterima kasih jika Sobat Blogger berkenan memberikan komentar baik saran ataupun pertanyaan seputar Cara Upload File HTML, CSS3, Java Script ke Google Drive.
Perlu di ketahui tidak untuk semua CSS dan JS bisa semua di terapkan dalam blog, jika berlebihan di terapkan di blog malah menjadi acak-acakan tampilan blog anda,saya sarankan hanya untuk di gunakan pada widget tertentu saja.Ok sekian pembahasan kali ini...
Salam Bloggers....

Cara Membuat Shortener Google URL Di Blogger

2016-06-01T16:07:00.000+07:00

Cara membuat shortener Google URL di blog,saya akan menjelaskan caranya sebagai berikut ini

Salah satu penyedia url shortener adalah Google URL Shortener yang kemungkinan usia layanannya akan panjang karena ini memang kepunyaan Google sehingga kemungkinan url rusak tidak akan terjadi (jika Google tidak mematikan layanannya seperti Google Code hehehe).

Nah saya menemukan cara membuat URL shortener untuk blogger yang mudah dalam pembuatannya. Sebenarnya kode aslinya menampilkan 3 buah URL Shortener, namun di sini saya hanya menampilkan satu buah URL Shortener yaitu Google URL Shortener.

Untuk demo bisa dilihat di bawah postingan ini (jika saya belum menggantinya hehehe...) atau di link ini (silahkan lihat di bawah postingan).

Dan untuk javascript URL Shortener ini ternyata bisa di-defer sehingga tidak akan mengganggu loading blog.

Nah bagi yang ingin mencobanya silahkan copy kode-kode di bawah ini dan ikuti langkah-langkahnya.

1. Langkah Pertama
Silahkan copy kode CSS di bawah ini dan simpan di atas kode </head>

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
.shorturl{font-size:100%;font-weight:bold;color:#666!important}
.shorturl a.url{text-decoration:none!important;color:#666!important;display:inline-block;margin:0 0 0 5px;border-radius:3px;background:#f8f8f8;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,.08);text-shadow:none;line-height:23px;padding:1px 8px 0 5px;transition:all 400ms ease-in-out}
.loading-shorturl{display:none}
.shorturl a.url:hover{color:#555;background:#fafafa;border:1px solid #999}
.shorturl a.url:active{box-shadow:inset 0 1px 0 rgba(0,0,0,.16)}
.clear{clear:both}
</style>
</b:if>

2. Langkah Kedua
Silahkan copy kode HTML di bawah ini dan simpan di bawah postingan blog. Silahkan cari kode ini <b:includable id='post' var='post'> kemudian gulung layar ke bawah dan temukan kode di bawah ini atau yang mirip seperti di bawah ini.

<data:post.body/>
<div style='clear: both;'/> 
</div>

Silahkan simpan kode di bawah ini di bawah kode di atas (di bawah kode </div>).

<b:if cond='data:blog.pageType == "item"'>
<span class='shorturl'>
Share this with short URL: <a class='url' expr:onclick='"shortenUrl(this, &#39;" + data:post.url + "&#39;, &#39;googl&#39;);return false;"' href='javascript:void(0)' title='Click to get short URL'>Get Short URL</a></span><span class='loading-shorturl'><img alt='loading short url' src='data:image/gif;base64,R0lGODlhEAALAPQAAP///wAAANra2tDQ0Orq6gYGBgAAAC4uLoKCgmBgYLq6uiIiIkpKSoqKimRkZL6+viYmJgQEBE5OTubm5tjY2PT09Dg4ONzc3PLy8ra2tqCgoMrKyu7u7gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA'/></span>
<div class='clear'/>
</b:if>

3. Langkah Ketiga
Silahkan simpan kode javasript di bawah ini di atas kode </body> atau di atas kode yang seperti ini </body>

<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://googledrive.com/host/0Bz4YdwRI3rnCTFdxX29TaU9WTlU/shortenurl.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>
</b:if>

Kode javascript di atas adalah kode javascript untuk men-defer kode javascript URL Shortener dan saya hosting di Google Drive milik saya. Untuk keamanan silahkan hosting di Google Drive Anda atau jika Anda sudah membuat javascript defer untuk halaman postingan blog Anda silahkan shortenurl.js satukan dengan js lainnya di hostingan blog Anda.
Untuk membuat file javascript sendiri di blog bisa baca di sini
Salam Bloggers...

Cara Agar Blog Ramai dan Banyak Pengunjung

2016-05-29T23:54:00.000+07:00

Tips blog kali ini ialah cara paling gampang membuat blog agar ramai dan banyak pengunjung setiap hari dari baik dari mesin pencari dan lain sebagainya. Khusu buat blog yang akan atau sudah dimonetisasi, pengunjung yang banyak dan blog ramai merupakan target utama akan segala optimasi yang diterapkan.

Untuk itu, yang harus kita lakukan agar blog ramai pengujung adalah mempromosikan blog tersebut dengan berbagai teknik SEO yang ada. Namun, sebelum melakukan strategi promosi yang dianggap manjur dan mujarab, memperbaiki kualitas konten adalah hal yang benar-benar diperhatikan secara kontinuitas.

Tidak hanya pengunjung blog, mesin pencari lebih-lebih mesin pencari Google pun sangat menyukai ulasan konten yang dibuat dengan unik dan original. Konten bak raja dalam sebuah blog, kuantitas konten pun juga perlu guna menjaga popularitas sebuah blog. Semakin banyak konten berkualitas yang dihasilkan, maka semakin banyak pula pengunjung atau visitor yang datang ke blog, baik visitor organic dan blogwalker.

Cara Agar Blog Ramai Banyak Pengunjung

Nah, bagi anda yang sudah siap dengan semua itu (kualitas dan kuantitas konten), selanjutnya adalah mempromosikannya. Berikut ini cara-cara yang paling mudah dijalankan untuk menjaring pengunjung/visitor agar ramai pengunjung.

1. Submit blog ke mesin pencari

Bagi publisher Adsense, mendatangkan pengunjung dari mesin pencari adalah hal yang mutlak. Sebab, mayoritas validasi klik iklan Adsense dihitung dari pengunjung Organik, dan pengunjung organic ini biasanya datang langsung dari mesin pencari, macam Google, Ask, Bing dan lainnya. Untuk itu, agar blog anda lebih cepat terindeksi oleh mesin pencari, maka anda harus mensubmit sitemap/peta situs blog ke webmaster masing-masing search engine tersebut.

2. Bagikan artikel ke media sosial

Dewasa ini, penggunaan social media sudah menjadi kebutuhan harian oleh sebagian besar masyarakat, baik dari berbagai kalangan. Misalnya Facebook, tentu anda sudah mempunya ribuan teman dalam satu akun Facebook anda. Maka hal ini perlu anda manfaatkan, perkenalkan blog anda melalu akun Facebook tersebut, atau ke social media lain yang anda sukai, macam Twitter dan google+. Baca artikel cara posting otomatis artikel ke Facebook dan Twitter.

3. Rajin blogwalking dan meninggalkan jejak

Blogwalking lalu meninggalkan jejak dengan berkomentar adalah salah satu jalan memperkenalkan anda dan blog anda ke pengguna blog lainnya. Entah itu pengguna yang searah dengan konten blog yang anda kelola atau tidak. Namun, dalam berkomentar ada hal penting yang harus diperhatikan, yaitu jangan pernah menuliskan link blog anda pada kolom komentar, baik itu link hidup maupun link mati apalagi beriklan. Sebab, hal itu hanya membuat nama anda menjadi buruk bahkan dianggap spam, baik oleh pengelola blog yang anda komentari, pengunjung lain, dan mesin pencari tentunya, terutama Google. Dengan menulis atau membalas komentar yang berkualitas, maka pasti ada sebagian pengunjung yang akan tertarik untuk melihat profil anda.

4. Kenalkan blog ke forum-forum online

Cara yang satu ini sering disalah tafsirkan oleh kebanyakan blogger. maksudnya, banyak blogger yang salah menggunakan forum-forum untuk berpromosi. Promosi yang dilakukan lebih pada kegiatan spam, yaitu datang ke forum, buat akun baru kemudian langsung menebar link sana-sini. Cara ini sangat keliru, alih-alih ingin mendaptkan kunjungan, teman maupun jaringan yang banyak, malah dapat cercaan dari blogger lainnya.

Alangkah baiknya setelah datang ke forum, perkenalkan diri terlebih dahulu. Bagikan dengan jelas apa yang akan berguna untuk blogger lainnya. Jangan berputar-putar atau malah mengajak orang untuk membuka link yang mana link itu menuju ke blog anda sendiri. Perlu diperhatikan, kualitas anda saat bergabung diforum tergantung dari langkah awal yang hendak anda lakukan. Jadi perbaikilah hal ini guna mendapat perhatian blogger lainnya.

5. Buat artikel yang sedang hangat dibicarakan

Tidak peduli apa topik yang dianut blog anda, infromasi hangat dan terbaru perlu anda jadikan postingan di blog. Walau tidak sesering mungkin, setidaknya 1-2 artikel terpopuler ada setiap minggunya hinggap di blog. Hal ini akan memberitahu pengunjung bahwa admin blog ini peka terhadap perkembangan yang ada. Tidak ada ruginya menulis topic terhangat walaupun barang yang sangat tidak penting sekalipun, malah ini akan menambah keagresifan anda dalam menulis posting-postingan selanjutnya. Tidak percaya? Buktikan sendiri.

Itu saja informasi dari saya tentang cara agar blog ramai dan banyak pengunjung. Mudah-mudahan dengan menjalankan poin-poin penting di atas pengunjung atau visitor blog anda meningkat setiap harinya.

Salam bloggers...

Pemerintah Gratis Memberi 1 Juta Domain Website Gratis Bagi UKM

2016-05-28T13:31:00.000+07:00

Kementerian Komunikasi dan Informatika (Kominfo) bakal menyediakan 1 juta domain website gratis bagi para pelaku usaha kecil dan menengah (UKM). Hal ini salah satunya ditujukan untuk menarik lebih banyak investor di sektor tersebut.

Puncak Peringatan Hari Kebangkinan Nasional Ke-108 tahun 2016 yang dipusatkan di Kota Surabaya, rangkaianperingatan diwarnai dengan launching bantuan sejuta domain bagi UMKM dan lembaga pendidikan serta lembagasosial. Kegiatan tersebut merupakan sebagai upaya kebangkitan teknologi dan informasi di era digital.

Menteri Komunikasi dan Informatika, Rudiantara, dalam launching Program 1 Juta Domain Gratis UMKM di JawaTimur di kantor Dinas Koperasi dan UMKM Jatim, Jumat (20/5) mengatakan, di era digital ini informasi telekomuikasidan kemajuan teknologi berperan sebagai salah satu faktor penting dan strategis dalam menunjang danmeningatkan daya saing ekonomi suatu bangsa.

Untuk menjadi layanan telekomunikasi yang berkualitas bagi masyarakat, dibutuhkan sinergi pembangunantelekomunikasi antara pemerintah, penyelenggara telekomunikasi dan masyarakat. Salah satu peran pemerintahadalah memfasilitasi kebijakan bagi penyelenggara telekomunikasi dalam hal kemudahan perizinan, investasi, danpengaturan, serta menghilangkan perijinan yang mengakibatkan ekonomi biaya tinggi.

Kepala Dinas Komunikasi dan Informatika Jawa Timur, Eddy Santoso menambahkan, era digital saat ini,pertumbuhan UMKM sangat membantu dengan hadirnya layana internet, yang merupakan bagian dari layanantelekomunikasi seluler. Dengan diberikannya domain gratis bagi UMKM akan semakin mendorong kemajuan e-commerce, sehingga dapat menjangkau pasar yang lebih luas. Selain itu, dengan hadirnya mobile phone yangdilengkapi dengan teknologi mobile internet 4G-LTE yang mendukung layanan broadband internet kecepatantinggi, juga akan semakin mempermudah pelaku UMKM dalam mengembangkan bisnisnya.

Direktur e-business Kementerian Kominfo, Azhar Hasyim Azhar Hasyim menceritakan, selain domain gratis,nantinya juga akan di berikan pelatihan-pelatihan untuk melengkapinya. Rentang waktu dari domain gratis iniadalah 1 tahun, yang nantinya setelah itu di harapkan penerima program ini sudah bisa maju dan mandiri.

Program ini di harapkan bisa menekan adanya investasi ilegal yang sangat marak terjadi, saat ini potensipendapatan dari e-commerce Indonesia termasuk tinggi, yaitu 160 triliyun pertahun. Hingga saat ini terdapat tigaprovinsi yang siap dengan layanan program ini yakni Jawa Timur, Yogjakarta dan Jawa Barat. Pada tiga provinsi itu,sebanyak 20.000 domain telah dialokasikan dan sampai saat ini 10.000 permintaan domain sudah masuk.

Rencananya, setiap provinsi sementara akan menerima 5000 domain untuk tahap awal dari 330.000 domain yangdisiapkan untuk 20 provinsi. Setiap provinsi memiliki kesempatan mendapatkan alokasi lebih, jika pada provinsi lainserapannya lambat. “Kalau Jatim ingin dapat alokasi lebih banyak, kita tunggu aja bagaimana pembagian domain diprovinsi lain,” katanya.

Hasyim menambahkan, hingga saat ini total anggaran yang dialokasikan oleh pemerintah untuk program inimencapai Rp 80 miliar untuk 330.000 domain. “Program ini akan terus ditingkatkan menyesuaikan kesiapan pelakupasar dan pemerintah daerah,” ujarnya.

Kepala Dinkop dan UMKM Jatim, I Made Sukartha mengatakan, program ini akan mempermudah masyarakat untukmemasarkan produknya. “Pelaku UMKM bisa mendaftarkan langsung ke kantor kami atau bisa melalui websitekami," katanya.

Para pelaku UMKM bisa mendownload formulir pendaftaran melalui link berikut dan bisa mengirimkan kembali melalui email kami dan UMKM yang akan mendapatkan prioritas nantinya adalah UMKM yang memiliki produk unggulan. Selain domain, nantinya akan membentuk tim yang akan mendampingi proses penjualan produk UMKM secara online.

Pelaksana tugas (Plt) Direktur Jenderal Aplikasi Informatika Kominfo‎ Mariam F Barata, mengungkapkan, 1 juta domain ‎website ini akan diberikan dalam kurun waktu hingga 2018. Sedangkan pada tahun ini pihaknya menargetkan akan ada 350 ribu domain yang disediakan.

"Pada tahun ini kita siapkan domain gratis sebanyak 350 ribu. Kalau Juni ini paling tidak 20 ribu siap diedarkan," ujar di Jakarta, Rabu (25/5/2016).

Mariam mengungkapkan, untuk merealisasikan program ini, pihaknya akanmengandeng sejumlah kementerian dan lembaga (K/L) termasuk dinas di daerah.Nantinya, bagiUKM yang ingin mendapatkan domain gratis ini dapat mendaftar di dinasUKM di daerah untuk selanjutnya di verifikasi.

Dan untuk tahap awal, program domain gratis ini akan diterapkan di empat provinsi, antara lain Yogyakarta, Jawa Barat, Jawa Tengah dan Jawa Timur. Namun ke depannya, program ini diharapkan akan mencakup semua provinsi di Indonesia.

"Dinas melakukan verifikasi UKM. UKM lapor ke dinas, nanti akan diproses. Tapi ada beberapa kementerian juga yang kita ajak kerjasama," kata dia.

Sebelumnya, Direktur Utama Lembaga Layanan Pemasaran Koperasi dan Usaha Kecil Menengah (LLP KUKM) Kementerian Koperasi dan UKM Ahmad Zabadi mengatakan kontrol kualitas menjadi tantangan bagi para pelaku UKM dalam menggeluti bisnis online.

Menurut dia, bagaimana pun hal ini harus menjadi suatu perhatian serius bagi para pelaku UKM. "Karena bisnis itu soal kepercayaan, ketika sebuah produk transaksinya dilakukan secara online, lalu kita tidak melakukan quality control dan mengecewakan maka habis sudah bisnisnya," kata dia, Kamis (7/4/2016).

Menurut Ahmad, untuk memenangkan persaingan maka UKM harus memperhatikan kualitas produk. Kualitas produk ini akan lebih unggul jika disinergikan dengan e-commerce. Para pelaku usaha juga diharapkan lebih serius dalam melakukan kontrol kualitas.

Dia menambahkan jika para pelaku UKM kesulitan dalam memasarkan produknya melalui digital marketing, dia memberikan solusi dengan menyerahkannya ke‎ Grand SMESCO Hills (GSH).

Grand SMESCO Hills (GSH) sebagai fasilitas terpadu yang menyediakan tempat yang sangat kondusif untuk kegiatan pelatihan, workshop atau outbound untuk KUKM maupun untuk kalangan asosiasi industri dan korporasi dalam meningkatkan keterampilan manajemen dan teknis pemasaran.

10 Rahasia Mempercepat dan Meringankan Loading Blog

2016-05-26T23:54:00.001+07:00

10 Rahasia Mempercepat dan Meringankan Loading Blog - Perlu diketahui bahwa kecepatan atau keringanan blog termasuk 200+ faktor yang dapat mempengaruhi posisi di Serp atau Search Engine. Banyak para blogger yang selalu mementingkan penampilan blog daripada keringanan blog, dan mereka memilih template yang berat disertai widget yang berat pula. Masalah seperti ini dapat menjadi masalah yang besar karena dapat mempengaruhi pada Serp atau hasil pencarian search engine google, dikarenakan baru-baru ini google mengeluarkan algoritma yang terbarunya yaitu MobileGeddon yang memosisikan blog yang memiliki halaman yang ringan dan responsive, tentunya blog yang berat akan mengalami kerugian yaitu tidak akan bisa tampil pada search engine google. Kecuali, halaman blog mereka mudah diakses dan ringan, maka mudah saja untuk menempatkan diri pada search engine google.

Banyak sekali faktor yang menyebabkan halaman blog berat dan lambat, salah satunya faktor dikarenakan gambar yang memiliki ukuran yang berat atau melebihi 10 kb, masalah seperti itu dapat mempengaruhi kecepatan blog. Bukan hanya gambar, justru scrip yang diluar blog juga terkena dampaknya seperti Javascript, Jquery, dan CSS, dari semua itu banyak waktu yang dibuang untuk mengakses halaman pada luar blog. Berikut, cara mengatasi blog yang berat dan lambat.

Cara Mengatasi Blog yang Lambat dan Berat

Bagi para blogger pemula, jika memiliki blog, yang utama setelah membaca artikel ini adalah bagaimana cara membuat blog menjadi ringan dan memiliki proses loading yang cepat agar dapat memposisikan diri pada search engine google. Setelah itu, memprioritaskan tampilan dan lainnya.

Pada artikel ini, saya akan menjelaskan cara membuat blog agar memiliki proses loading yang cepat dan ringan.

1. Mengkompres Gambar sebelum Diupload

Dengan mengkompres gambar, ukuran gambar akan menjadi lebih kecil dan ringan. Mengkompres gambar juga tidak akan merusak kualitas gambar itu, hanya dihilangkan beban bebannya. Nah, jika gambar dikompres lalu diupload maka halaman situs tersebut akan ringan dan tidak perlu memebutuhkan waktu lama untuk mengakses gambar. Jadi, pengunjung lebih senang mengunjungi blog anda karea keringanan dan kecepata loading blog. Itulah gambar juga faktor yang membuat lambat blog.

2. Mengkompres Template Blog

Dengan megkompres html blog juga dapat mempercepat dan meringankan loading blog. Cara kerjanya dengan memperkecil ukuran template blog, dengan baik dan tentunya tidak akan merusak tampilan template. Ini juga hal penting tentunya dapat meringankan template sehingga loading blog akan lebih cepat. Saya sudah melakukan hal ini dan hasilnya memuaskan, saya merasa template blog saya lebih kencang, tetapi itu menurut kalian. Selengkapnya tentang hal ini, silahkan simak artikel tentang Cara Kompres Template Blog.

3. Menggunakan Javascript atau CSS yang Sudah Dikompres

Ketika menggunakan javascript atau css, alangkah baiknya jika anda menggunakan javascript dan css yang telah dikompres sebelumya, pada umumnya ketika javascript atau css yang kita ambil secara external, biasanya sudah tersedia javascript atau css yang telah dikompress. Library javascript dan css biasanya berakhiran dengan kata "min.js" atau "min.css", contohnya seperti javascript_kedua_min.js atau javascript_kedua_min.css. Jika menggunakan css dan javascript yang telah dikompres, maka loading blog anda akan terlihat lebih ringan.

4. Menampilkan 4 atau 5 Artikel pada Halaman Utama (HomePage)

Pada halaman utama blog, alangkah baiknya jika artikel yang ditampilkan antara 4-5 artikel, agar mudah diakses dan tidak butuh waktu lama untuk merayapi setiap artikel. Semakin banyak artikel yang ditampilkan pada halama utama blog, maka semakin lambat loading blog tersebut. Justru sebaliknya, jika artikel yang ditampilkan sedikit maka loading blog akan lebih cepat dan terlihat ringan.

5. Menghapus dan Mengganti CSS Reset Blogger

Dengan menghapus CSS reset yang memang awalnya menuju ke blogger, kini kita akan menghapusnya dan menggantinya, agar dapat mempercepat kecepatan loading blog. Untuk menghapusnya, kita harus masuk ke menu template editor blog kita. Cara menggantinya ialah dengan menghapus kode <b:skin><![CDATA[ dan menggantinya dengan kode berikut.

<style type="text/css"><!-- /* <![CDATA[

6. Menghapus dan Mengganti Javascript Bawaan

Manfaatnya sama dengan tips nomer 5 yaitu mempercepat loading blog. Biasanya javascript bawaan biasanya bawaan dari template yang kita gunakan, oleh karena itu kita harus menggantinya. Dengan cara menghapus kode </body> pada menu template editor pada blogger, dan diganti dengan kode seperti berikut.

</body>

7. Membatasi Penggunaan Widget

Blog saat ini difasilitasi widget yang dapat diletakkan pada sisi manapun blog seperti sidebar, atas, bawah, tergantung tata letak widget blog tersebut. Pakailah widget yang dianggap penting dan jangan menggunakan widget yang tidak terlalu penting seperti Jam, Tanggal, dll, karena hanya memberatkan saja. Dan saran dari saya, yaaitu menggunakan 1-2 widget dan itu adalah widget yang dianggap penting bagi blog. Widget dapat memberatkan blog dikarenakan, blog harus mengakses satu per satu widget untuk memunculkan widget tersebut pada blog, oleh karena itu jangan memasang widget terlalu banyak.

8. Menggunakan Widget Eksternal tanpa Gambar

Widget eksternal maksudnya widget yang tidak perlu untuk mengakses website lain untuk memunculkan widget tersebut. Widget eksternal misalnya seperti popular post, arsip, label, widget tersebut memang telah disediakan oleh blogger. Jika anda harus memasang widget eksternal seperti widget dari media sosial, widget layanan trafik, widget backlink, dan widget lainnya, sebaiknya hindari widget yang memiliki gambar karena dapat memberatkan blog.

9. Membatasi tampilan widget pada tampilan mobile

Menurut sya cara ini sangat efektif untuk mempercepat loading blog pada tampilan mobile dan juga mengurangi berat dari blog atau website itu sendiri. karena dengan cara menonaktifkan widget pada tampilan mobile ini sangat berpengaruh pada pengalaman pengguna.

10. Menampilkan Hanya Judul posting di Beranda Blogger

Cara ini sangat bermanfaat sekali untuk mengurangi loading blog karena ada gambar dan ini bisa jadi solusi untuk mengurangi masalah loading yang terlalu lama. tentunya dengan menampilkan hanya judul posting di beranda blogger sobat.

Dari 10 cara diatas, semoga dapat membuat blog anda ringan dan tidak berat lagi. Semoga artikel yang saya buat ini bermanfaat untuk anda.

Cara Percepat Loading Blog dengan Optimalisasi/Kompres CSS

2016-05-26T23:25:00.000+07:00

Apa hubungan CSS dengan load time (waktu muat) halaman blog? Yang paling sederhana, ukuran file CSS menentukan berapa banyak bagian yang harus dibaca oleh browser. Semakin besar ukuran file, tentu saja bahasa perintahnya semakin banyak, dengan demikian 'waktu baca' yang dibutuhkan oleh browser semakin panjang. Anda dapat menggunakan website/blog speed test tool di blog ini untuk mengetahui kecepatan loading blog anda.

Setelah ganti template beberapa waktu yang lalu, masalah loading blog yang cenderung lebih lama daripada template yangsebelumnya muncul. Tentu saja hal ini berefek tidak baik. Yang pertama efeknya adalah ketidaknyamanan pengunjung. Terlebih lagi apabila muncul ketidaksabaran dan kemudian diwujudkan dalam aksi "Tutup aja aaaaah, males gw, lo-la bangeeetzz!". Yang kedua, Google saat ini telah melakukan penalti bagi website/blog yang memiliki waktu load yang terlalu lama. Walhasil, peringkat dalam indeks pencarian bisa turun, dengan kata lain SEO lemah.

Salah satu usaha yang saya lakukan adalah dengan mengkompres gambar PNG dengan PngGauntlet. Hasilnya lumayan untuk mengurangi besar gambar tanpa mengurangi kualitasnya. Selain itu, dilakukan pula beberapa langkah lain, salah satunya: melakukan perampingan CSS. Mudah-mudahan saat ini loadtime sudah berkurang meskipun belum maksimal (mudah-mudahan ga kelamaan ya).

Kembali ke CSS. File CSS adalah seluruh isi aturan style CSS yang ada di dalam template HTML, XML, maupun yang lainnya. Seluruh aturan tersebut kemudian dirangkum menjadi satu sebagai sebuah file yang dibaca oleh browser. Nah, pada bagian ini, ada banyak aturan tidak perlu yang bisa kita hapus agar tidak mengambil space karena semakin banyak space semakin besar ukuran file.

Lalu bagaimana cara mengurangi ukuran file CSSnya?

1. Lakukan Editing CSS Secara Manual.

Ada beberapa contoh aturan berikut ini:

Misalnya aturan pada header-wrapper,

#header-wrapper {background: url(http://www.freeimagehosting.net/uploads/e439563253.jpg) no-repeat #000;
height: 150px;
margin-top: padding: 0px 0px 0px 0px;
text-align: center;
border: 1px solid #000;
}

Contoh di atas adalah penataan CSS secara standar, dimaksudkan agar browser dapat membaca aturan dengan baik dan urut. Namun pada saat ini, semua browser telah memiliki kecepatan dan kemampuan baca yang tinggi (anda sudah tidak pake IE 6 yang kuno itu lagi kan?), sehingga aturan seperti di atas tidak menjadi hal wajib. Aturan di atas memiliki white space (sisa ruang) dan juga spasi. Kita dapat melakukan perampingan pada ruang-ruang tersebut. Contoh:

#header-wrapper{background:url(http://www.freeimagehosting.net/uploads/e439563253.jpg) no-repeat #000;height:150px;margin-top:padding:0px 0px 0px 0px;text-align:center;border:1px solid #000;}

Pada contoh styling berikut:

{Margin-top: 15px;
Margin-right: 10px;
Margin-bottom: 15px;
Margin-left: 15px; }

Style margin di atas dapat kita rampingkan dengan CSS short-hand dan mengurangi spacenya:

{Margin:15px 10px;}

Karena nilai margin atas dan bawah sama serta nilai kanan dan kiri sama, kita dapat merampingkan dengan cara di atas, dimana 15px mewakili ukuran atas-bawah dan 10px mewakili kanan-kiri. Jika semua nilai margin sama, misalnya 15px, kita tinggal tuliskan: {margin:10px}. Perhatikan bahwa semua aturan nilai dimulai dari atas dan berjalan searah jarum jam: atas, kanan, bawah, dan kiri.

Ehm, sudah mulai pusingkah? Tidak kan? Bukankah belajar itu menyenangkan? ^^ Untuk melakukan cara-cara lain dan jika tertarik anda dapat mengunjungi W3 School.

2. Gunakan Layanan Situs-situs Penyedia Tool Kompres CSS Secara Online

Nah ini bagian yang lebih mudah. Anda dapat menggunakan beberapa tool layanan kompresi CSS dan dalam sekejap anda langsung mendapat hasilnya. Silahkan kunjungi:

-CSS Drive Gallery

-CSS Compressor

-Online CSS Optimiser/Optimizer
-Minify CSS

-CSSTidy Online

Atau anda dapat mencari situs lainnya melalui googling dengan keyword "css compression tool".

Langkah-langkahnya:

a. Copy semua aturan CSS dari template HTML/XML.

b. Setelah masuk ke situs layanan kompresi CSS yang anda pilih, paste semua kode tersebut dan klik 'compress', 'optimize', dan lains ebagainya.

c. Tunggu beberapa saat dan hasilnya akan keluar lengkap dengan hasil ukuran file terakhir setelah kompresi dan perbandingannya. Perbedaan yang kecil sekalipun akan sangat berpengaruh terhadap berkurangnya loadtime halaman.

d. Download backup template terlebih dahulu pada halaman edit HTML.

e. Hapus bagian dimana anda mengkopi aturanCSS tadi dan masukkan hasil kompresi ke bagian tersebut.

f. Preview dan jika tidak ada masalah lagi, save.

Clue:

Seluruh code CSS terletak di bagian head. Lebih tepatnya, semua code CSS pengatur tampilan terletak di antara <b:skin> dan ]]></b:skin>.

Pilih jenis/opsi kompresi 'standard' atau sejenisnya pada tool kompresi CSS yang anda gunakan.

Tapi untuk template saya ini saya tidak melakukan kompresi pada css masih normal dan polos belum di oprek lebih lanjut karena saya rasa sudah lumayan enteng template saya jadi tidak perlu melakukan kompresi.

Sekian penjelasan di atas saya rasa sudah lumayan jelas.

Salam bloggers....

Cara Menampilkan Hanya Judul Posting di Beranda Blogger

2016-05-25T23:13:00.000+07:00

Pada kali ini saya akan membahas,

Cara Menampilkan Hanya Judul Posting di Beranda Blogger Template

Baik pada tampilan versi desktop maupun versi mobile-nya, halaman beranda di template tersebut menampilkan potongan awal dari isi posting atau bisa dibilang deskripsi postingan. Sementara, blognya Mas Sugeng sendiri yang memakai template ini pada tampilan beranda versi mobile tidak mencantumkan potongan awal isi posting.

Sebenarnya trik untuk itu mudah saja, kita hanya menggunakan cara yang biasa digunakan untuk menampilkan hanya judul posting di beranda, namun kita harus menambahkan kode .mobile agar skrip tersebut hanya bekerja pada tampilan versi seluler template.

Nah, cara untuk menghilangkan tampilan deskripsi posting di halaman beranda versi mobile template adalah sebagai berikut.

1. Seperti biasa, masuk dahulu ke akun Blogger.

2. Kalau sudah masuk, silakan menuju ke menu "Template" diikuti menu "Edit Template".

3. Selanjutnya adalah cari kode ]]></b:skin>

4. Setelah ketemu kode tersebut. lalu letakkan kode berikut ini di bawah kode tersebut.

<style type='text/css'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
.mobile .post-body{display:none;}
</b:if>
</b:if>
</style>

5. Jika sudah, maka klik tombol "Simpan template".

6. Hasilnya, akan terlihat seperti di skrinsut di bawah ini.

Nah, itu tadi cara yang saya gunakan untuk menghilangkan tampilan deskripsi posting pada template versi mobile blog ini sehingga hanya memunculkan judul posting, nama penulis, dan link komentar, sertathumbnail artikel.

Oke sekian dlulu artikel kali ini, Salam Bloggers.....

Cara Menonaktifkan Atau Hidden Widget Di Tampilan Versi Mobile

2016-05-25T22:18:00.000+07:00

Agar blog kita cepat di akses menggunakan browser mobile maka kita dapat menonaktifkan widget-widget yang tidak terlalu penting yang bisa memperlambat blog ketika di muat menggunakan browser mobile. Dengan menonaktifkan beberapa widget pada fersi mobile, hal ini dapat membantu mempercepat dimuatnya halaman blog kita ketika diakses menggunakan browser mobile. Oh yah, trik ini hanya berlaku untuk perangkat smartphone, dan tidak berlaku untuk tablet, iPad dll. Ok langsung saja berikut adalah...

Cara Menyembunyikan Widget Pada Tampilan Blog Versi Mobile

1. Di Blog Blogger

2. Klik menu Tata letak, Pilih widget yang ingin kamu sembunyikan.

3. Klik pada widget tersebut dan akan muncul popup

4. Perhatikan id widgetnya, misalnya contoh disini yang akan kita sembunyikan HTML3

5. Klik menu Template kemudian Edit HTML

6. Kilik menu Lompat Widget (Jump to Widget) kemudian temukan widget Id tadi yang ingin kamu sembunyikan (misalnya tadi HTML1)

7. Kamu akan di bawah pada kode widget

8. Misalnya kode yang kamu dapatkan adalah seperti dibawah ini:

9. Tambahkan tag kondisional isMobileRequest,

<b:if cond='data:blog.isMobileRequest == "false"'>KODE YANG DI BATASI</b:if>

sehingga menjadi seperti dibawah ini:

10. Save dan selesai.

Tambahan : Menonaktifkan Script Pada Tampilan Mobile Blog

Beberapa widget tertentu memiliki javascript atau jQueri, maka akan lebih baik lagi jika kamu menonaktikan script yang tidak diperlukan pada tampilan mobile blog, jika kamu menyembunyikan widget tapi lupa menonaktifkan script, maka javascript tersebut akan tetap di load di latar belakang sehingga memperlambat loading blog. Nah untuk menonaktifkannya kamu dapat menggunakan tag kondisional isMobileRequest ini.

Gunakan sintaks berikut:

<b:if cond='data:blog.isMobileRequest == "false"'>
JavaScript untuk Sembunyikan
</b:if>

Tag kondisonal diatur menjadi false yang berarti script tidak akan dimuat dalam perangkat Ponsel tetapi akan memuat dalam Desktop dan Laptop, jika kamu ingin sebaliknya silahkan ganti false menjaditrue.

Oke sekian dulu penjelasan dari saya,karena saya rasa sudah sangat cukup jelas sekali.

Salam Bloggers...

Cara Menampilkan Widget Di Halaman Tertentu

2016-05-25T21:40:00.000+07:00

Menampilkan Widget Tertentu Di Halaman Tertentu - Ketika kita sedang menuju blog seseorang, terlihat tampilan widget blog tersebut kadang ganti-ganti. Misalnya, di halaman depan Wigdet A, di halalaman lainnya Widget A tidak muncul. Ada apa gerangan....

Sebenarnya, ada beberapa cara yang dilakukan oleh blogger untuk melakukan hal tersebut. Maksudnya Menampilkan Widget Tertentu Di Halaman Tertentu. Mau tahu?

Beginilah caranya secara umum (tips ini tujuannya adalah mempercantik tampilan blog).

1. Menampilkan widget hanya di halaman depan saja (homepage)

<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................................................
</b:if>

2. Menampilkan di semua halaman kecuali homepage.

<b:if cond='data:blog.url != data:blog.homepageUrl'>
......................................................
</b:if>

3. Menampilkan widget hanya di halaman Archive saja.

<b:if cond='data:blog.pageType == "archive"'>
......................................................
</b:if>

4. Menampilkan widget di semua halaman kecuali halaman archive.

<b:if cond='data:blog.pageType != "archive"'>
......................................................
</b:if>

5. Menampilkan widget hanya di halaman posting.

<b:if cond='data:blog.pageType == "item"'>
......................................................
</b:if>

6. Menampilkan widget di semua halaman, kecuali halaman posting.

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

7. Menampilkan widget hanya di postingan tertentu saja.

<b:if cond='data:blog.pageType == "alamat-postingan"'>
......................................................
</b:if>

8. Menampilkan widget selain di postingan tertentu.

<b:if cond='data:blog.pageType != "alamat-postingan"'>
......................................................
</b:if>

9. Menampilkan widget hanya di halaman staticpages.

<b:if cond='data:blog.pageType == "static_page"'>
......................................................
</b:if>

10. Menampilkan widget di semua halaman, kecuali halaman staticpages.

<b:if cond='data:blog.pageType != "static_page"'>
......................................................
</b:if>

Catatan : Tanda Titik - titik di atas adalah kode widget yang harus di tempatkan

Sebagai Contoh perhatikan di bawah ini.
Di halaman depan Widget Fans Facebook tidak muncul. Lalu di halaman kedua ketika klik sebuah artikel, maka Widget Fan Facebook muncul. Untuk melakukan hal itu silahkan coba ikuti langkah berikut.

Menampilkan Widget Tertentu Di Halaman Tertentu
1. Tentunya anda harus buka akun blog anda sendiri.
2. Masuklah ke Elemen Template. Lalu klik Edit HTML
3. Carilah widget yang anda sembunyikan (sebelumnya anda sudah memasang widget di dalam blog anda).
4. Misalnya Widget Fan Facebook. Silahkan cari tulisan "Fan Facebook" (gunakan Ctrl + F untuk mencari secara cepat)
5. Setelah ketemu, maka akan muncul kode persis seperti dibawah ini.

<b:widget id='HTML4' locked='false' title='Fans Facebook' type='HTML'> <b:includable id='main'><b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div><b:include name='quickedit'/> </b:includable> </b:widget>

6. Selanjutnya tambahkan kode

<b:if cond='data:blog.pageType == "item"'>

sebelum kode



7. Setelah ditambahkan lalu masukkan kode </b:if> sebelum kode

</b:includable>
</b:widget>

8. Maka hasilnya akan persis seperti di bawah ini.

<b:widget id='HTML4' locked='false' title='Fans Facebook' type='HTML'> <b:includable id='main'><b:if cond='data:blog.pageType == "item"'><b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div><b:include name='quickedit'/></b:if> </b:includable> </b:widget>

9. Selesai. Simpan Template blog anda.

Catatan : Huruf yang berwarna biru adalah Kode yang ditambahkan. Ingat satuhal, penempatannya jangan salah yah. Harus pas. Kalao gak pas, maka eror. Untuk mengantisipasinya, sebaiknya sebelum memulai langkahlangkah di atas, Simpan Template Blog anda terlebih dahulu.

Demikian berbagai caranya,saya rasa sudah cukup lengkap tentang Menampilkan Widget Tertentu Di Halaman Tertentu. Semoga bisa dipergunakan sebaik mungkin. Salam blogger semoga bermanfaat dan selamat mencoba.

Salam bloggers...

Cara Modifikasi Widget Google friend connect

2016-05-25T21:29:00.002+07:00

Wedget google friend connect sudah di sediakan pada semua theme blogger akan tetapi tampilanya hanya setandar saja,Ya tentu saja agak kurang menarik menurut pendapat sebagian user yang telah bergabung di blooger,Nah untuk memodifikasi tampilan google friend connect ( Join This Site ) ini sangatlah mudah dan tampilan warna serta ukuran wedget bisa di sesuaikan dengan tempalte anda sendiri,Hasil setelah di rubah lebih kurang seperti gambar di bawah ini.

Coba anda bandingkan dengan wedget standar blogger sebelum di modifikasi,Tentunya lebih menarik setelah di adakan modifikasi,Itu menurut saya pribadi,Meurut anda sendiri bagai mana..?
Apakah anda mau memodifikasinya seperti apa yang saya lakukan pada blog saya ini..?

Cara ini saya gunakan untuk Hidden tampilan versi mobile, karena dengan di ganti seperti ini baru bisa di hiden pada versi mobile,karena jika menggunakan bawaan dari blogger tidak bisa di hidden untuk versi mobile. ok lanjut simak.

Silahkan ikuti tutorialnya sebagai berikut :

- Silahkan login ke akun blogger kalian.
- Lalu pasang wedget ( Pengikut )/( Followers ).
- Selanjutnya klik kanan pada blog anda lalu pilih ( View Page Source ) atau pakai tombol ( Ctrl + U ) pada keybord anda seperti gambar di bawah ini.

- Maka akan muncul jendela open source blog anda dan lihat ID Friend conect blog anda yang anda pasang tadi.

- Tambahkan wedget HTML/Javascript.
- Selanjutnya Copy script priend conect di bawah ini dan ganti ID yang saya kasih tanda merah dengan ID friends connect anda.

<div class='widget-content'>

<div style='margin-bottom:6px'>
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>

<div id="div-1u4sh2dhimfom" style="width:300px;border:1px solid #cccccc;"></div>

<script type="text/javascript">
var skin = {};
skin['BORDER_COLOR'] = '#cccccc';
skin['ENDCAP_BG_COLOR'] = '#e0ecff';
skin['ENDCAP_TEXT_COLOR'] = '#333333';
skin['ENDCAP_LINK_COLOR'] = '#1A74BA';
skin['ALTERNATE_BG_COLOR'] = '#ffffff';
skin['CONTENT_BG_COLOR'] = '#ffffff';
skin['CONTENT_LINK_COLOR'] = '#1A74BA';
skin['CONTENT_TEXT_COLOR'] = '#333333';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#3186C9';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
skin['CONTENT_HEADLINE_COLOR'] = '#333333';
skin['NUMBER_ROWS'] = '4';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
{id: "div-1u4sh2dhimfom",
site: '10490980666786481435' },
skin);
</script>
</div>
</div>

- Ganti kode yang berwarna merah dengan kode Unik milik anda sendiri yang telah di page source tadi.

- Setelah Script HTML/Javascript sudah anda SAVE,Silahkan hapus kembali wedget PENGIKUT / Follower yang tadi di pasang pertama kali ( Friend connect Setandarnya )

Sampai di sini tutorial ini,Coba anda bandingkan tampilanya dengan wedget standarnya,Jika masih belum juga paham dengan tutorial ini silahkan berikan comment anda siapa tau saya bisa bantu lebih lanjut tentang modivikasi wedget friend connect.

Salam bloggers...

Cara Membuat Widget Artikel Terbaru Sederhana

2016-05-22T23:41:00.000+07:00

Cara Membuat Widget Artikel Terbaru Sederhana - Setelah sekian lama tidak posting artikel tentang blogger, akhirnya pada kesempatan kali ini saya akan berbagi artikel tentang blogger. artikel yang akan dibahas kali ini adalah Cara Membuat Widget Artikel Terbaru. Langsung saja bagi anda yang sedang mencari artikel ini berikut ini aldio blog berikan langkah-langkahnya

1. Tambah Gadget > HTML/JavaScrip > lalu masukan kodeberikut ini

Jika Ingin Mempercantik atau menambahkan fungsi scroll silahkan pake kode yang ini

<div style="overflow:auto; width:307px; height:250px; background-color:#f3f3f3; rgb(255, 255, 255); border:1px solid #ccc;"><script src="http://dhio.googlecode.com/files/aldio-blog-post-terbaru.js"></script> <script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script> <script src="http://dhio89.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"> </script></div>

- warna merah ganti dengan URL anda
- warna biru jumlah yang akan muncul

Berikut tadi Cara Membuat Widget Artikel Terbaru yang bisa saya berikan, selanjutnya silahkan berkreasi sendiri. Happy Blogging!!!

Cara Memasang Widget Multi Tab 3 Di Slidebar Blogger

2016-05-22T22:54:00.002+07:00

Hari sudah sangat larut sekali malam ini, saya hanya memiliki waktu satu setengah jam saja untuk membuat satu artikel blog untuk hari ini sebelum berpindah ke hari esok. Ok langsung saja, sesuai dengan judul diatas, saya akan memberikan tutorial tentang cara memasang widget multi tab di sidebar blog sobat, widget multi tab ini sudah saya cuztomize sedemikian rupa agar tampil ciamik, jadi sobat tinggal pakai saja, namun apabila sobat ingin memodifikasinya sendiri boleh-boleh saja, nanti saya akan kasih tutorialnya juga. Sebelum kita memulainya, ada baiknya kita ketahui dulu apa fungsi dari widget multi tab ini. Fungsinya adalah untuk mempercantik tampilan blog sobat, tetapi tidak hanya itu saja, dengan menggunakan widget multi tab ini, sobat bisa menghemat ruang yang ada di sidebar, jika sidebar blog sobat terasa sesak, dan tidak enak dipandang karena banyaknya widget yang terpasang, maka wajib bagi sobat untuk menggunakan widget multi tab ini. Nantinya widget sobat akan terlihat lebih rapi, karena tiga widget sobat akan berderet bersampingan, kita tinggal klik saja diantara ketiga widget tersebut untuk melihat tampilan widgetnya. Widget multi tab ini menggunakan kombinasi kode CSS, JQuery, dan Javascript. Yuk kita mulai saja.

Buka akun blogger sobat, pilih menu Template, klik Edit HTML, ketikkan CTRL+F pada keyboard sobat untuk mencari kode ]]></b:skin>, selanjutnya Copy dan Pastekan kode di bawah ini tepat diatas kode ]]></b:skin> tersebut:

/*----- WMTS IDCEPU----*/
.tabs-widget{list-style:none;list-style-type:none;margin:15px 0 0 15px;padding:0;height:20px}
.tabs-widget li{list-style:none;list-style-type:none;margin:0 0 0 1px;padding:0;float:left}
.tabs-widget li:first-child{margin:0}
.tabs-widget li a{color:#FFFFFF;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg4UXbfGiUs4czV2LNNUEsnjqnUW1NnuR9QHebPbKpPDRRVHFJpj5OBy3ZfEZznEyFKdlSixg7K0FOtYNVHDMfQ83IT1d30ghXxzFVmZVl8BAVX_KI9cUkGGm7xjdXLwQpoeEbeibPhQQ/s320/fb.jpg) left top repeat-x;padding:4px 11.6px;display:block;text-decoration:none;font:bold 11px Arial,Helvetica,Sans-serif;text-transform:uppercase}
.tabs-widget li a:hover,.tabs-widget li a.tabs-widget-current{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge9N66V7GaZ9v0VCgEtELW-hvK6cxCHe-vT2VDrN5v1_Juzi7EcY7YmT68n38EA5-suiZycS7Kd_KdUkTkSnIKWZBUqGSfnhFXO8kKvqtT9v0RQk0hvLtc5LC3f246M8GF4C1_jo9BhhI/s320/grey2.jpg) left -140px repeat-x;color:#FFFFFF;text-decoration:none}
.tabs-widget-content{}
.tabviewsection{margin-top:10px;margin-bottom:10px;}

Perhatikan kode yang saya beri warna diatas sob, kode warna merah untuk menyamakan posisi widget sebelah kiri agar sejajar dengan pembatas antara widget dan postingan artikel, saran saya kode warna merah ini tidak perlu diubah. Kode warna ungu untuk mengatur jarak antara tab widget multitab dengan keterangan yang ada dibawahnya (sesuaikan dengan selera sobat). Kode warna biru untuk mengatur jarak kerapatan dan kerenggangan antar tab widget multi tab (sesuaikan dengan selera sobat, tetapi jangan terlalu renggang). Kode warna orange untuk mengatur lebar/ tinggi widget (sesuaikan dengan kehendak sobat, jangan terlalu lebar karena akan terlihat jelek). Kode yang terakhir, yaitu kode warna hijau yang merupakan kode krusial, karena kode ini harus disesuaikan sesuai dengan ukuran dan lebar template sobat, kode ini untuk mengatur panjang dan pendek dari widget multi tab disisi sebelah kanan (sesuaikan sampai pas dengan template sobat). Kode warna pink merupakan alamat link background widget multi tab, sobat bisa menggantinya dengan warna yang lain. Catatan: Sebelum menyesuaikan kode angka diatas, sobat harus selesaikan dulu semua langkah-langkah yang saya berikan di dalam artikel ini, dibutuhkan kesabaran dan ketelitian agar widget multi tab nya bisa sesuai dengan template sobat.

Langsung ke langkah selanjutnya, letakkan kode javascript dan jquery di bawah ini tepat di bawah kode <div class='column-right-inner'> Jika kode tersebut tidak ada, coba cari kode ini <div id='sidebar-wrapper'>. Pada template saya sendiri kode nya adalah <div id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'> kode ini berbeda dengan dua kode diatas, jadi intinya cari kode yang hampir mirip seperti diatas yang ada tulisan sidebar-wrapper nya lalu letakkan kode javascript dan jquery di bawah ini tepat di bawahnya:

<div class='tabviewsection'>
<script type='text/javascript'>
jQuery(document).ready(function($){
$(".tabs-widget-content-widget-themater_tabs-1432447472-id").hide();
$("ul.tabs-widget-widget-themater_tabs-1432447472-id li:first a").addClass("tabs-widget-current").show();
$(".tabs-widget-content-widget-themater_tabs-1432447472-id:first").show();
$("ul.tabs-widget-widget-themater_tabs-1432447472-id li a").click(function() {
$("ul.tabs-widget-widget-themater_tabs-1432447472-id li a").removeClass("tabs-widget-current a");
$(this).addClass("tabs-widget-current");
$(".tabs-widget-content-widget-themater_tabs-1432447472-id").hide();
var activeTab = $(this).attr("href");
$(activeTab).fadeIn();
return false;
});
});
</script>
<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
<li><a href='#widget-themater_tabs-1432447472-id1'><span style='font-size: large;color: #ff6600;'>✰</span> Popular</a></li>
<li><a href='#widget-themater_tabs-1432447472-id2'><span style='font-size: large;color: #ff6600;'>&#9776;</span> Category</a></li>
<li><a href='#widget-themater_tabs-1432447472-id3'><span style='font-size: large;color: #ff6600;'>❏</span> Archive</a></li>
</ul>
<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id1'>
<b:section class='sidebar' id='sidebartab1' preferred='yes'>
</b:section>
</div>
<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id2'>
<b:section class='sidebar' id='sidebartab2' preferred='yes'>
</b:section>
</div>
<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id3'>
<b:section class='sidebar' id='sidebartab3' preferred='yes'>
</b:section>
</div>
</div>
<div style='height:5px;clear:both;'/>

Pada kode yang saya beri tanda warna merah, ganti sesuai dengan nama widget sobat. Kode warna hijau menyala merupakan kode HTML dari simbol Bintang, Category, dan Archive, sobat bisa menggantinya dengan kode simbol yang lain, kunjungi website ini unicode-table. Kode warna orange merupakan warna dari symbol. Save template dan coba cek sidebar blog sobat, apakah widget multi tab nya tersusun dengan rapi/ malah acak-acakan. Jika widget multi tab sobat terlihat acak-acakan jangan panik dulu, lakukan penyesuaian pada kode angka yang terdapat di /*----- WMTS IDCEPU ----*/ yang telah saya jelaskan diatas, yaitu kode yang saya warnai hijau, sesuaikan ukurannya sampai widget multi tab nya rapi berderet 3 berdampingan (proses ini perlu memakan sedikit waktu, jadi cobalah sampai berhasil). Mungkin ini saja, jika sobat memiliki pertanyaan, ataupun kendala saat memasang kode diatas, sobat bisa tanyakan pada kolom komentar yang ada di bawah artikel saya ini. Saya dengan senang hati akan membantu sobat. Terima kasih sudah berkunjung di blog saya, sampai jumpa di artikel menarik lainnya.