Langsung ke konten utama

Postingan

Menampilkan postingan dari Juli, 2016

Cara menonakfitkan fungsi kode HTML

 Sebenarnya cara menonaktifkan fungsi dari kode HTML,sangatlah mudah,tidak beda jauh dengan kita memberi koment pada kode CSS ataupun script pada PHP,dengan cara memberi koment akan sangat mudah,dan tentunya suatu saat akan memudahkan kita mengaktifkan kembali barisan kode yang kita beri koment,berikut admin webdesign akan berikan contoh memberikan koment,atau menonaktifkan kode html,css,php yang tidak kita gunakan dalam artian,untuk meringankan loading saat seorang user membuka website atau pun blog kita.  Contoh untuk memberi koment pada code CSS,seperti tertulis di bawah ini /*.widget-item-control{display:none!important} .recent-date:before{content:'\f073';font-family*/ Dari barisan contoh kode CSS di atas dapat kita simpulkan ,bahwa kode (/*......*/),berfungsi menonaktifkan,dan tidak akan di reload pada tampilan sebuah website,sedangkan untuk tampilan PHP,juga sama cara untuk menonaktifkannya,seperti halnya pada kode CSS   Berikutnya admin akan tuliskan kode HTML,at

Script anti ads block untuk pengguna blog

 Biasanya jika kita menggunakan broswer yang menggunakan Blocking Ads,maka yang jelas iklan kita,jika kita ikut dalam program Adsense atau kependekan dari ADS,maka yang jelas akan sangat berpengaruh terhadap pendapatan iklan kita,dan yang kedua bagi para pembaca,yang memasang pengaya ADBLOCK tersebut saya yakin tergangu dengan jenis-jenis iklan yang sering menggunakan script popup,yang terpasang pada blog atau pun websitenya.  Berikut admin webdesign akan bagikan resep atau cara supaya blog yang menggunakan iklan,untuk mendapatkan penghasilan tambahan dari advertising,atau pemasang iklan,tetap muncul saat pengguna atau pengunjung website atau blog yang menggunakan pengaya dari ADBLOCK pada broswernya,ikuti langkah di bawah ini. 1.MASUK KE HTML PADA BLOGGER  Seperti biasa kita akan mengedit template kita untuk bagian </style>,jika template sobat tidak menggunakan script <b:skin>,jika menggunakan <b:skin>,maka kita cari kode atau script ]]></b:skin> ,dan copas

Cara buat Kontak Form di blogspot dengan CSS

 Pada artikel kemarin admin webdesign pernah menuliskan membuat Kontak Form di blogspot menggunakan javascript dengan mempaste dari web penyedia Kontak Form ,pada tutorial ini saya akan bagikan kembali cara membuat Kontak Form sendiri pada blogspot menggunakan HTML,dan CSS atau Cascading Style Sheet,berikut jika sobat,ingin menerapkan sendiri pada blog,berikut ikuti langkah pembuatan di bawah ini Masuk ke akun Blogger,dan klik pada Blog yang akan kita buat Kontak Formnya,setelah itu cari bagian Tata Letak,dan langkah pertama pada bagian Sidebar,cari Tambahkan Gadget,setelah muncul Popup,kita cari Tambahkan Gadget Lainnya,maka akan ada pilihan Formulir Kontak,klik pada bagian Tambahkan Formulir Kontak,lihat gambar di bawah untuk kejelasannya,(isi semua form yang akan kita gunakan,sesuai keperluan)dan kita lanjut dengan Simpan Setelan pada tampilan Layout Selanjutnya kita akan sembunyikan tampilan Kontak Form bawaan dari blogger,yang masih sederhana atau defaut.dengan cara kita lihat pa

Cara meringkas Arsip pada blogspot

 Biasanya asrip pada blog,jika sobat memasangnya terlalu panjang dan tentu akan sangat kurang nyaman jika pengunjung melihat blog kita,dan kelihatan berantakan serta kurang ringkas,pada kesempatan ini sengaja saya bagikan lagi,mungkin jika sobat menemukan blog tutorial web design kediri,dengan judul artikel cara meringkas Arsip pada blog sobat,langsung saja saya akan bagikan langkah untuk meringkasnya.  Pertama seperti biasa buka HTML,dan sobat cari script <b:widget id='BlogArchive ,setelah ketemu selanjutnya kita cari lagi <div class='widget-content'> ,dan berikut kode atau script yang akan kita gunakan untuk membuat Arsip blog sobat menjadi bisa di scrol, dan bisa lebih ringkas lagi,serta terlihat elegan serta profesional,berikut copy kodenya <div style='overflow:auto; width:ancho; height:250px;'> ,kita paste kode tadi di bawah kode <div class='widget-content'>, dan terakhir pada kode yang kita paste pada warna merah di atas beri tanda

Cara membuat artikel terkait bergambar responsive terbaru

 Apa sih manfaat kita memasang artikel terkait,sebenarnya untuk pengguna yang ingin mencari artikel kita dengan topik yang sama akan mudah,jika kita memasang artikel terkait pada blog atau pun website kita,sebenarnya prinsip artikel terkait adalah tag yang kita buat yang masih berhubungan dengan artikel satu dengan yang lainnya,berikut jika sobat ingin membuat artikel terkait bergambar responsive,sobat bisa lakukan langkah cara pembuatannya sebagai berikut pertama buka kode HTML,setelah itu untuk mempercepat proses pencarian pencet tombol pada keyboard CTRL dan tombol F,dan cari kode< /head>dan taruh kode di bawah ini tepat di atas kode </head> <!--Memasang artikel terkait bergambar --> <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'> <style type='text/css'> #related-posts{float:left;width:auto;} #related-posts a{border-right: 1px dotted #eaeaea;} #related-posts a:hover{background: #f2f2f2;} #related-posts h

Cara membuat komentar blog dengan Disqus

 Sebenarnya cara menghubungkan komentar blog sobat webdesign dengan Aplikasi Disqus,sangatlah mudah,jika sobat melihat tampilan pada blog ini,pada bagian komentar yang sudah terhubung dengan Disqus,bagi sobat yang ingin menggunakan Disqus sebagai komentar pada tampilan website atau pun blog,sobat bisa ikuti langkah di bawah ini Langkah pertama sobat webdesign buka website dari  Disqus setelah itu sobat klik button GET STARTED,seperti tampak pada gambar di bawah Selanjutnya kita lakukan pendaftaran,isi semua form registrasi,setelah selesai kita akan lanjut dengan mengklik button  NEXT STEP,seperti penampakan di bawah ini Dari keterangan pada gambar di atas sebagai berikut,Isi Site name pada nomor (1),pada gambar di atas,dengan nama blog atau web sobar web design,selanjutnya untuk nomor (2) sobat isi terserah ,dan nomor (3)Kategory sobat pilih jenis website yang akankita pasang komentar dengan Disqus,dan nomor (4) adalah kita akan lanjutkan ke step berikutnya.setelah itu klik pada bagian

create online store blog with blogspot com

 Actually creating a website in today's very easy, such as creating a blog with the theme of the online store as well as for personal documents, we deliberately publish, maybe my writing, it's been a lot of that in the know about how to create a website or blog with a bunch of blogger.com, just I will write how to create a blog with blogger very easy for us to learn   The first step we have to prepare is to make email from Gmail List Gmail account   The next friend go to blogger.com account After that create your new blog, and enter the address or name of the blog to be my friend for. the last stage is to create a template or can download the mobile-friendly template for online store     Thus the way of my quick steps on how to create a website with bloggers, may be useful, may be useful , if my friend interested can also read articles related to the way of creating a blog , the blogger Create a blog with blogspot Creating a blog comment with fac

Mengubah kode java script yang di proteksi dengan HEX

 Biasanya sebuah kode javascript yang di proteksi dengan pengkodean HEX,biasanya tujuan para pembuat file java script, sengaja memproteksi,supaya dokumen yang di buat bisa aman dan tidak mudah untuk di hack,atau pun di tiru,tetapi di sini hanya sebagai referensi yang bertujuan sebagai media pembelajaran,admin webdesign akan bagikan cara mengubah file javascript yang di proteksi dengan mengconvert menjadi kode HEX.  Sebuah tools online yang bisa sobat coba gunakan untuk membuka file dari JS yang di konvert,tetapi sebelumnya admin akan sedikit memberi penjelasan seperti apa ya script JS yang di proteksi dengan kode HEX,lihat tampilan script file javascript di bawah ini yang di konvert oleh para pembuat,dan biasanya di gunakan untuk proteksi credit link,seperti file HTML,XML,PHP, ["\x73\x63\x72\x65\x65\x6E\x20\x61\x6E\x64\x20\x28\x6D\x69\x6E\x2D\x77\x69\x64\x74\x68\x3A\x20\x36\x30\x65\x6D\x29","\x6D\x61\x74\x63\x68\x4D\x65\x64\x69\x61","\x6D\x61\x74\x63\x68\x65\x7

Cara mudah sembunyikan penulis,komentar pada blog

 Terkadang kita pernah melihat tampilan dari sebuah blog,yang mana pada bagian judul artikel tidak ada penulis atau pengarangnya,atau pun untuk kolom komentar,setelah postingan tidak ada,sebenarnya cara tersebut sangat mudah,tetapi sebelumnya saya akan jelaskan kenapa kolom komentar dihapus atau disembunyikan,tujuan pemilik website tidak ingin banyak pesan sampah,atau agar kecepatan loading website atau blog tetap stabil,karena tidak terlalu banyak mengambil data dari server,terus kenapa penulis artikel blog di sembunyikan,sebenarnya hanya sebagai tampilan saja,website atau blog tampak profesional.  Tetapi untuk bisa terhubung dengan admin atau penulis serta pemilik blog,pada bagian navigasi biasanya ada menu kontak,yang terhubung dengan email dan hanya bisa dilihat oleh pemilik blog,jadi intinya bisa berkomentar,memberi saran,secara pribadi,langsung saja kita lanjutkan cara menyembunyikan atau menghapus kolom komentar dan penulis pada sebuah artikel,berikut buka blogger,selanjutnya ta

download template untuk blog mobile friendly

  Sebuah template yang mobile friendly memang sangat popular untuk saat ini,karena di era modern semakin berkembangnya teknologi hampir 90 % pengguna internet menggunakan perangkat berjalan untuk membuka atau mencari informasi melalui media internet,dan bagi kita yang saat ini masih menggunakan jasa hosting dari blogger,berikut admin akan bagikan template responsive atau mobile friendly,karya dari teman-teman blogger,jika sobat tertarik,silahkan di pilih,dan sesuaikan dengan kebutuhan sesuai dengan nice dari blog sobat. 1.Template yang sangat cocok untuk jual beli,atau jika sobat ingin mempunyai toko online,sepertinya template berikut ini bisa menjadi pilihan untuk sobat blogger memasangnya,serta template ini juga responsive dan seo friendly,berikut cuplikan gambarnya jika sobat blogger tertarik ingin memasang template seperti tampilan gambar di atas silahkan DOWNLOAD REALLY SOFT 2.Template yang di desain sangat minimalis,serta responsive,dan seo friendly,dan tidak kalah menariknya lag

Belajar membuat blog sendiri dengan blogspot

 Halo sobat webdesign,pada kesempatan ini admin mau berbagi cara membuat blog pribadi dengan blogspot,mungkin bagi para master sudah tidak asing,untuk cara membuatnya,jika sobat ingin mempelajari,atau saat ini dengan mulai untuk membangun sebuah blog atau website,tetapi masih bingung cara memulainya,berikut admin akan bagikan cara sederhana untuk memulai ngeblog,tentu dengan tema bawaan blogger yang simple dan mudah di gunakan oleh newbie seperti admin.ikuti langkah berikut untuk memulai membuat blog dengan blogspot gratis Langkah pertama di haruskan sobat webdesign mempunyai akun Gmail,jika belum mempunyai daftar di GMAIL REGISTER ACCOUNT ,ikuti langkah-langkahnya sampai selesai,setelah itu simpan kata sandi dan nama email dari Gmail sobat. Selanjutnya sobat buka BLOGGER ,dan masuk menggunakan akun Gmail sobat,setelah itu kita akan melihat tampilan di bawah ini Kita klik pada blog baru,setelah itu kita masukkan judul atau nama blog yang akan kita buat,dan untuk link,atau alamatnya,so

Cara menghubungkan komentar blog dengan facebook

  Halo sobat webdesign pada kesempatan hari ini admin akan bagikan cara membuat komentar blog atau website sobat,terhubung dengan facebook,jadi maksudnya untuk pengunjung blog sobat yang menggunakan facebook yang bisa melakukan komentar,di kolom komentar pada blog atau website,sebenarnya apa kelebihan kita memasang script untu blog kita yang terhubung dengan aplikasi develover facebook.ya karena hampir semua orang mempunyai facebook sebagai media sosial mereka,untuk melakukan komunikasi,dan di sini jika website kita di buka oleh pengguna yang menggunakan akun facebook tentu mereka bisa mengomentari apa yang kita tuliskan pada artikel di blog kita  Langsung saja jika sobat ingin mengetahui cara memasang komentar blog kita terhubung dengan facebook,berikut langkah yang harus kita persiapkan,cara pertama jika sobat webdesign buka dulu template bagian HTML ,setelah itu cari kode <head> setelah ketemu salin kode di bawah ini,tepat di bawah kode <head> pada template sobat <d

Cara sederhana membuat kontak form untuk blog

 Dengan memanfatkan kontak form atau pengisian data,di website atau pun blog bertujuan supaya pengunjung kita bisa berinteraksi secara pribadi kepada pemilik blog tersebut,dan tentu berbeda dengan berinteraksi melalui komentar,jika blog sobat saat ini belum terpasang kontak form,dan sangat memerlukan berikut admin akan bagikan situs penyedia kontak form secara gratis,jadi di sini kita tidak perlu repot-repot membuat kode html dan js,pada blog.  Dan cara pemasangannya pun sangat mudah,sobat tinggal copas ,lalu setelah itu kita tinggal buka pada blog kita,Cari Dasboard,lalu pilih Tata letak,setelah itu sobat pilih pada bagian sidebar,dan klik tambahkan Gadget,setelah muncul popup sobat cari Html atau Javascript,setelah itu paste kode js yang di berikan oleh website penyedia kontak form,langkah terakhir simpan,dan sobat lakukan preview,untuk melihat hasilnya.  Berikut website penyedia kontak form gratis yang perlu sobat webdesign coba,dan tentu bisa langsung kita tempatkan kodenya tanpa h

Cara cek template mobile friendly di google dan bing

 Apakah sangat penting kita mengetahui kalau kita menggunakan template yang sudah di desain secara responsive,atau bisa mengikuti keadaan dan perangkat yang di gunakan pengguna,ternyata memang pengguna di internet hampir 80 % menggunakan gadgetnya atau perangkat berjalan untuk melakukan broswing dan mencari informasi di media digital.  Berikut ada cara untuk mengetahui apakah template yang kita gunakan sudah responsive atau istilah lainya mobile friendly,ada dua versi yang kita lakukan,yang pertama dengan cara kita memasukkan alamat url kita pada perangkat android atau smartphone secara langsung,sedangkan cara yang kedua kita lakukan dengan cara membuka webmaster Google untuk mengecek template web atau blog kita sudahkan mobile friendly,dan webmaster berikutnya kita membuka Bing webmaster,silahkan sobat webdesign pilih di antara dua webmaster tersebut yang menyediakan fasilitas gratis untuk melihat dan mengecek blog atau web kita,responsive atau belum,jika sobat ingin mencoba silahkan

Cara submit url manual di bing webmaster

 Halo sobat webdesign pada kesempatan hari ini admin,akan bagikan cara mensubmit,link postingan pada blog atau pun website,dengan webmaster bing,apa sih pentingnya kita melakukan submit secara manual dengan Bing webmaster,dengan tujuan supaya bot dari bing akan lebih cepat mengenali data terstruktur pada internal blog atau website kita.dan akan bisa mempercepat proses pengindekan.  Berikut cara melakukan submit,postingan artikel kita,pada webmaster bing,langkah pertama sobat masuk dulu ke bing webmaster,seperti biasa masukkan email dan password,setelah masuk kita langsung menuju Bing webmaster dan pastikan sobat webdesign sudah mempunyai blog atau website yang sudah terverifikasi.dan selanjutnya sobat cari My Site setelah itu klik sites yang akan kita submit urlnya secara manual,selanjutnya kita cari Configure My Site,dan sobat cari Submit Urls,jika sobat bingung ikuti keterangan pada gambar di bawah  Untuk keterangan pada gambar di atas,untuk nomor 1,adalah situs yang akan kita submi