Tag: Blogging

  • Cara Mendesain dan Mengedit Templet Blogger untuk Pemula

    Dzargon – Templet blogger merupakan sebuah file berektensi XML yang berisi struktur Code HTML yang sesuai dengan Platform dan CMS Blooger. Meskipun tidak bersifat Open Source, Platform Blogger memberikan kesempatan pada pengguna untuk mengedit tampilan pada level Front End.

    Templete ini adalah bagian yang bertanggung jawab untuk menunjukkan tampilan pada user saat mengunjungi situs anda, baik itu tampilan PC ataupun Mobile. Templeta yang bagus tentunya memiliki desain yang responsive, yakni berubah sesuai dengan bentuk device usernya.

    Salah satu momok bagi para blogger pemula dan blogger kalangan content writer adalah melakukan editing tampilan. Merombak HTML yang yang memiliki banyak code, CSS, element dan struktur menjadi hal yang nyaris tidak pernah disentuh sama sekali, memang hal tersebut bukanlah masalah mendasar karena bagi blogger yang tidak tahu membuat templete cukup membeli templete dari para penyedia Templete blogge rbaik gartis maupun berbayar.

    Hanya saja templet yang diberikan tentu saja templete standar yang beberapa elemen tidak sesuai dengan keinginan dan kontent dari blog kita. Sebut saja mungkin kita tidak menyukai jenis hurufnya, ukuran huruf, lebar layar tulisan utama, dan isi Sidebarnya. Satu-satunya cara untuk memperbaiki ini adlaah melakukan editing ke element-elemen dan Divisi-Divisi tersebut.

    Hal ini tentu saja tidak serumit membuat templete, namun kita masih perlu mempelajari beberapa hal dasar untuk merubah tampilan teresebut.

    A. Struktur HTML Templet Blogger

    Struktur HTML adalah susunan elemen dasar yang dimiliki Platform dan CMS Blogger. Pada dasarnya Struktur ini meletakkan elemen-elemen dasar mirip dengan banyak desain UI pada kebanyakan platform.

    Langah awal yang bagus dalam mempelejari struktur ini adalah memahami letak dan lokasi dari setiap elemen yang bakalan ditulis dalam bahasa HTML. Struktur akan dimulai dengan tag pembuka <html> dan ditutup dengan </html>.

    Adapaun bentuknya seperti pada gambar di bawah ini :

    Struktur keren kode HTML CSS keren skin
    Struktur Dasar Templet Blogger

    1. Head 

    Head merupakan bagian untuk meletakkan Cashcading Style Sheet atau CSS, meskipun CSS bisa ditempatkan dibagian tubuh HTML atau Inline CSS, namun hal tersebut justru membuat lebih banyak code padahal kita hanya ingin menggunana code seminimum mungkin agar loading blog jauh lebih cepat.

    Bagian head ini terdiri dari tiga elemen utama yakni <tittle> sebagai judul dari blog, <b:skin> atau <style> sebagia tempat pendefinisian CSS, dan <b:templete-skin> yang merupakan aturan pada pada tata letak pada dashboard blogger.

    Pada head ini ini juga dilettakkan banyak meta tag dan struktur untuk perayapan search enggine yang diizinkan oleh si pemilik blogger, sebagai contoh struktur perayapan model Schema.org, dan Breadcrumbs.

    2. Body

    Body merupakan badan dari blogger yang akan ditampilkan kepada user. Semua CSS yang didefenisikan di Head tidak akan muncul jika tidak dipanggil pada bagian ini. Dalam body ini lah Layar tampilan di bagi ke dalam beberapa section, divisi atau element dan namun struktur awalnya hanya satu elemen saja.

    Bagian Boody terdapat banyak element namun ada tiga jenis yang sangat umum ditemukan di banyak blog, yakni <b:section class=”navbar”> berisi Divisi untuk sistem navigasi, <div class= ‘content’> berisi divisi utama yang digunakan untuk menayangkan kontetn dalam hal ini adalah Artikel, gambar dan sejenisnya, lalu <script type=’text/javascript’> yang berisi jenis-jenis perintah Java untuk membuat tampilan lebih dinamis dan cantik.

    3. Gadget

    Gadget adalah kolom lain yang dipisahkan dari Boy untuk menampilkan alat bantu yang digunakna untuk memudahkan navigasi blogger selain naviagasi utama. Kolom ini juga banyak digunakan untuk menyimpan info penting dayng disusun dalam bentuk sidebar <b:section-content id=’sidebar’>  dan footer <b:section-content id=’footer’>.

    B. Visualisasi Desain dari Struktur HTML Blogger

    Semua code HTML yang sudah dibuat diatas kemudian aplikasikan ke dalam Blog akan menghasilkan tampilan visualisasi User Interface (UI). Tampilan inilah nantinya yang akan menunjang kenyamanan user selama ada di dalam blog kita.

    Untuk membhasa aspek kenyamanan user selama berada di situs kita, maka diperlukan kajian diluar teknis Coding tapi kajian Desain Komunikasi Visual yang terkait dengan jenis text, ukuran, warna text, warna latar belakang, ukuran dan sejenisnya yang terkait dengan hal-hal yang berbasu desain.

    Hasil Visualisasi dan desain yang dirancang yang paling umum sebagai berikut :

    Desain templte dua side bar keren untuk blogger
    Desain Dua Side Bar
    Tampilan blogge rkeran dengan satu Sideber
    Desain Satu Side Bar

    1. Header

    Header berbeda dengan Head. Secara Head adalah loaksi penempatan Divisi, elemen, CSS dan Tag yang ada di editor HTML sedangkan Header adalah adalah nama lain dari tittle atau judul blog.

    Pada bagian Header ini diisi judul dari sebuah blog, misalnya Matamu.Net. Dalam header ini bisa diletakkan deskripsi umum tentang blog kamu agar pembaca bisa tahu apa saja yang kamu bahas dalam blog tersebut. Selain tulisan Header ini bisa disisipkan gambar sebagai logo atau branding dari situs kamu.

    Adapun ukuran Header berbagai macam namun jangan di desain terlalu lebar karena menggangu. Paling tidak saat ini Header dengan tema desain minimalis (300 px x 50 px) sangat banyak digunakan, karena tidak memakan tempat sehingga menyisahkan tempat lebih banyak untuk artikel.

    2 Navbar

    Navbar atau Navigation Bar adalah Widget atau element yang memberikan kemudahan mencari artikel atau content dalam suatu website berdasarkan kesamaan label. Sebagai contoh label untuk kumpulan artikel kesehatan, wisata dan sejenisnya.

    Widget ini pada umumnya diletakkan di bawah header karena posisi tersebut menjadi posisi kepala dimana secara psikologi orang-orang akan selalu berfikir ke arah atas untuk mengetahui garis besar dari suatu blog.

    Mungkin hampir sama dengan daftar isi pada bugu yang selalu diletakkan di halaman depan dari sebuah buku.

    3. Body Text 

    Body merupakan area utama dimana penulis blog akan menyampaikan konten yang mereka ingin sampaikan. Body atau Post ini berisi informasi seperti artikel, gambar, video dan kolom komentar untuk pengunjung yang ingin berkomentar.

    Body Text jugga kadang dikenal dengan nama Post, dan Body Post, sehingga untuk mengedit bagian ini biasanya digunakan nama-nama tersebut.

    4. Side Bar

    Side bar merupakan salah satu widget yang paling banyak fungsinya dari segi experience pengguna. Dinamakan side bar karena letaknnya berada di sisi Body Post. Dulu banyak situs yang menggunakan dua buah side bar disisi kiri dan kana, namun saat ini Rigth Side Bar lebih banyak ditemukan.

    Isi dari Side bar ini biasanya Widget yang berkaitan dengan ciri khas situs, seperti popuper post, artikel yang direkomendasikan, iklan, statistik, galery dan banyak lagi. Hal ini karena mata sangat nyaman dengan posisi Side saat membaca tulisan dari kiri ke kanan artikel di blog.

    Pada umumnya Side Bar di desain dengan lebar 300 px dengan tinggi yang menyesuaikan atau Responsive, ukuran ini sangat pas ketika sidebar bakalan tergser kebawah ketika tampil pad abentuk mobile.

    5. Footer

    Gadget paling akhir yang letaknya ada di bawah berada di bawah blog oleh karena itu dinaman Footer. Isi footer pada umumnya berupa informasi mengenai website seperti About Us, Disclaimer, Privacy Police dan Kontak.

    C. Editing HTML Blog untuk Pemula

    Tidak ada sistem yang paling baik digunakan dalam pengeditan templet blog untuk pemula kecuali sistem tambal Sulam. Tambal sulam yang dimaksud adalah mencari elemen yang ingin di edit kemudian.

    Misalnya elemen yang ingin di deit adalah elemen navigasi Bar makan yang silahkan masuk ke HTML Editor untuk mencari element tersebut dalam bentuk code HTML.

    Cara standarnya adalah dengan melacak bagian tersebut melalui menu Inspect Elemen miliki Google Chrome. Menu ini bisa didapatkan dengan cara klik kanan di tampilan Blog kamu, lalu silahkan edit di Dashboard blog.

    Setelah itu akan muncul dialog box, ketika tulisan Long Exposure, huruf besar dan kecil tidak perlu diperhatikan karena HTML tidak sensitif case. Setelah diketik dengan lengkap, kemudian tekan enter sampai menemukan code tersebut.

    View PAge Source dengan inspect elemen di Google Crhome

    Setelah window Inspect halaman muncul silahkan sorot bagian di website kamu untuk mengetahui jenis codenya, atau lakukan sebaliknya silahkan klik blok code HTML di sisi kanan dan lihat bagian yang dicover di sisi kiri.

    cara mempelajari Code HTML sebuah Situs dengan Browser

    Namun bagi yang ingin cara lebih ringkas lagi perhatikan saja bagian yang ingin di edit lalu masuk ke HTML editor, lalu temukan bagian yang ingin di edit. Sebagai contoh jika kita ingin mengedit salah satu label di NavBar di bawah ini.

    Cara mudah mengubah Navigasi Blog di editor HTML

    Adapun langkah-langkah yang dilakukan untuk bisa masuk ke Editor HTML sebagai berikut :

    1. Logging ke Dashboar
    2. Pilih Menu Tema 
    3. Pilih menu Edit HTML di bawah tampilan Blog pada menu tersebut.

    Setelah memilih Edit HTML maka akan muncul tampilan Code HTML dari templet yang anda gunakan, sekarang anda bisa mencari dengan cara menggeser kursor sampai baris yang diinginkan, namun jika terlalu panjang silahkan klik perintah Ctrl + F pada windowds, atau Command + F pada MAC.

    Menu HTM editing cara mengganti NAvbar

    Jika code nav bar sudah ditemukan maka akan tayang code seperti ditas silahkan diganti untuk Nama dari Labelnya diketika pada bagian hitam, sedangkan alamat URL labelnya silahkan dicari di blog anda masing-masing.

    Setelah mengganti klik Save lalu lihat perubahan yang terjadi pada situs anda.

  • Mengenal Apa Itu Deep Web – Bagi Pemula dan Awam Internet

    Mengenal Apa Itu Deep Web – Bagi Pemula dan Awam Internet

    Matamu.Net – Seiring dengan tumbuhnya dunia internet dan meningkatnya pengguna Internet, muncul istilah-istilah baru yang membuat banyak orang penasaran. Salah satunya adalah Deep Web.

    Kemunculan istilah Deep Web ini juga banyak diikuti rumor yang kadang terdengar ngeri. Seperti hanya orang dengan kemampuan IT tinggi yang bisa mengakses Deep Web. Rumor bahwa Deep Web sengaja dirancang oleh orang jahat untuk melakukan aktifitas ilegal seperti jual beli obat terlarang, menjual konten pornografi di bawah umur, konten kekerasan dan sejenisnya.

    Apakah Rumor mengenai Deep Web itu sebagai sarang penjahat dan tempatnya konten-konten terlarang itu benar?

    Penjelasan di atas memang tidak salah seutuhnya, karena beberapa orang jahat memang memanfaatkan website khusus yang tidak bisa diakses secara umum untuk melakukan komunikasi yang bersifat ilegal. Namun hal tersebut hanya sebagian kecil dari deep web, toh ada banyak Deep web yang bermanfaat dan bisa digunakan oleh banyak orang meskipn tanpa kemampuan IT yang hebat.

    Apa Itu Website dan Surface Web?

    Sebelum menjawab apa itu Deep Web, ada baiknya kita terlebih dahulu mengenali apa itu website, agar kita bisa beri batasan yang jelas antara Deep Web dan Surface Web. Surface Web ini sendiri adalah Web yang bisa kalian akses tanpa ada aturan khsusus termasuk situs matamu.net.

    Secara Sederhana, Website dapat didefenisikan sebagai satu atau sekumpulan halaman berisi menampilkan informasi yang diambil dari server dan diasjikan melalui front-end side ke user. Sederhananya begini, Saya sebagai pemilik webiste membuat informasi di suatu tempat kemudian menyimpan informasi tersebut ke dalam server saya, kemudian anda yang sedang membaca tulisan ini adalah informasi yang simpan di server tadi dan saya tampilkan di website saya.

    User ini ada banyak jenis, bisa jadi general user yakni user hanya lihat dan melakukan interkasi terbatas dengan laman-laman yang ada di dalam website namun hanya yang diizinkan oleh Administrator website. Sedangkan Administrator Website adalah akun yang yang menaje sebuah webiste beserta sistem dan lingkungan webiste. Ada banyak informasi yang mungkin user atau pembaca tidak pelru tahu seperti Jenis code apa yang digunakan untuk mengembangkan website tersebut.

    Mari kita Analogikan seorang Blogger yang melakukan settingan tampilan website mereka di Dasboard Blogger.com. Pembaca tentu saja tidak bisa mengakases dasboard tersebut namun langsung membaca informasi yang dipublis oleh Administrator di lama blognya misalnya Matamu.Blogspot.com.

    Buat kalian yang tidak pernah membuat Blog, sederhananya adalah Misalkan Akun Facebook atau Instagram kalian. Teman atau pengguna lain hanya bisa mengakses foto-foto dan postingan anda, namun mereka tidak bisa melihat kotak masuk anda, karean di laman facebook kamu, mereka hanya user.

    Laman-laman seputar informasi data pribadi yang tidak ingin disampaikan ke orang lain tetap bisa diakses namun hanya terbatas pada si pemilik account saja. Dalma kasus ini data tersebut cenderung tidak bisa ditemukan oleh lain.

    Wikipedia berbeda lagi dengan Facebook, dimana seluruh informasi bisa seluruh orang termasuk halaman yang tidak mereka buat. Administrator Wikipedia memberikan akses bagi mereka yang bisa logging untuk berkontribusi di laman editor artikel dan konten.

    Tugas user hanya memastikan bahwa URL parameter dari laman yang dituju ditulsukan dengan lengkap sehingga laman tersebut terbuka. Jika ada satu saja huruf yang kurang maka User akan diarahkan ke laman Eror 404 atau laman tidak ditemukan.

    Secara umum Surface web adalah website yang bisa dicrawl melalui search enggine seperti Google, Yahoo, Bing, Duckdcuk Go dan sejenis atau Website yang lamannya bisa diakses oleh siapa saja begitu url Parameternya diketahui.

    Bagaimana dengan situs porno yang tidak bisa diakses di Indonesia?

    Situs porno popular tidak termasuk Deep Web meskipun orang-orang Indonesia sulit untuk mengakses dikarenakan operator di Indonesia memblock URL dari situs-situs tersebut. Hal ini berkaitan dengan kebijakan dan Undang-udang sebuah negara.

    Sebut saja Telkom Indonesia yang akan me-redirect link-link dari situs ilegal seperto situs porno, perjudian dan sejenisnya dan mengarahkan ke lama internet positif.

    Logo Internet baik dari Telkom Positif

    Lantas Apa Itu Deep Web?

    Defenisi paling sederhana dari Deep Web adalah sekumpulan laman atau website yang masih bagian dari Protokol World Wide Web (www) yang tidak mengizinkan publik untuk mengindeks dan mengakses halaman mereka sehingga tidak dapat diakses dengan mudah oleh orang-orang.

    Frasa “tidak mengizinkan” ini berarti pada umumnya sistem website bisa diakses secara umum hanya saja administrator membatasi hanya pada user-user tertentu saja, sekalipun orang lain memiliki URL parameternya.

    Pada kasus ini hanya sebagaian dari laman yang ada dalam satu URL yang tidak bisa akses, sebut saja instagram misalnya. Mereka memiliki laman yang tidak bisa diakses oleh orang lain seperti file Photo asli yang diunggah si pemilik, user hanya bisa mengakses file foto yang sudah diencrypt atau diformat oleh algoritma Instagram.

    Namun beberapa orang yang bisa membukan laman front end (HTML) instagram bisanya dapat menemukan link yang akan mengantar user langsung ke File asli yang diunggah oleh pemilik akun di server Instagram.

    Arti yang kedua mengenai kata tidak diizinkan merujuk pada ada niatnya suatu server tidak bisa diakses oleh orang sembarangan karena tujuan tertentu misalnya saja situs terlarang seperti judi online, dimana hanya user tertentu yang bisa mengakses situs tersebut setelah sebelumnya mendapatkan user, laman atau tata cara masuk.

    Setelah bisa masuk ke Deep Web, maka seseorang akan melakukan aktifitas browsing sebagaimana biasanya mereka browsing di surface web site.

    “Bagi kalian para blogger dan wordpresser, sebenarnya setiap kali anda membuka Dashboard anda, itu merupakan Deep Wen sederhana dimana hanya kamu yang bisa mangaksesnya dan laman dasborad kalian tidak akan pernah di indeks oleh search enggine”

    Lantas darimana Rumor Deep Web Berbahaya?

    Situs-situs Surface Web sebenarnya bisa lebih berbahaya dari Deep Web tergantung dari si pembuat situs sendiri sebenarnya, namun pada umumnya surface Web yang dapat diakses melalui hasil pencarian Search Enggine sudah aman karena para pendiri Search Engine ini justru hanya mengindeks situs yang memenuhi standar mereka.

    Sebut saja misalnya Google yang memiliki standar ketat yang melarang adanya unsur pornografi anak dan malware, maka semua website yang melanggar tost tersebut tidak akan diindeks oleh google dan hasilnya tidak akan muncul di search engine result (SER).

    Namun ketika si website developer pandai menyembunyikan Malware mereka dan tidak bisa terdeteksi search Enggine, maka website bermalware ini masih menyandang status Surface Web karena masih bisa diakses secara reguler melalui Search Enggine atau dengan mengetikkan langusng url-nya.

    Sama dengan Deep Web, tidak semua berbahaya namun pada umumnya mereka berbahaya karena tujuan mereka membuat situs memang mendapatkan keuntungan secara curang dari user yang mengunjungi situs mereka.

    Kecurangan-kecurangan tersebut seperti aktifitas penambangan bit coin, pencurian data pribadi atau malah mengirim virus yang hanya bisa diperbaiki oleh mereka sehingga mereka bisa dengan mudah memeras korban.

    Contoh kasus penyebaran Virus melalui Deep Web adalah Ransomware Wanna Cry yang memeras korbannya agar seluruh file terinfeksi virus dapat terbuka kembali setelah mereka mentransfer sejumlah uang.

    Namun Ransomware Wanna Cry juga masih bisa ditemukan di Surface Web yang lolos dari filter Search Enggine atau malah membenamkan virus di aplikasi, video, dan gambar yang mereka bagikan secara gratis di situs mereka.

    Proggramer Indonesia juga pernah membuat kekacauan serupa melalui virus yang diberi nama Bulubebek dimana semua file akan berubah Extensi dari extensi aslinya sehingga user tidak membuka file mereka di PC yang terinpeksi Virus Bulu Bebek.

    Anehnya virus yang memiliki nama dari bahasa Indonesia, hanya bisa diobati oleh sebuah anti virus yang berasal dari Indonesia dan dijual dengan harga murah yakni sekitar 20.000 rupiah. Sontak membuat Anti Virus ini menjadi anti virus nomor satu di Indonesia kala itu.

    Jadi dalam kasus ini Deep Web yang dimaksud tidak berniat menjadi Deep Web, namun Search Enggine dan Browser lah yang tidak mengizinkan mereka diakses sehingga mereka tidak bisa ditemukan di Surface Web.

    Jumlah Deep Web sangatlah banyak. Hal ini disebabkan ada banyak orang yang ingin jadi kaya dalam waktu singkat. Menurut banyak sumber, Jumlah Deep Web ada 4 kali lipat dari jumlah situs surface. Kebanyakan Website ini sudah memiliki extensi .union

    Cara memperoleh keuntungan ada banyak macam, mulai dari jual beli senjata ilegal, konten porno yang sangat terlarang, perdagangan manusia, dan yang paling umum adalah membagikan file ter-encrypt  dengan Trojan yang bisa mengambil identitas, sandi dan password korbannya.

    Asal Usul Deep Web?

    Jika ditanya manakah yang lebih muncul Deep Web atau Surface Web, tentu saja Deep jauh lebih dahulu muncul. Sebagaiaman yang kita ketahui jika jaringan internet pada awalnya dibuat hanya untuk jalur komunikasi tentara Amerika, namun ternyata jalur komunikasi cukup populer.

    Dalam peruntukannya sebagai jalur komunikasi, tentu saja Amerika Serikat akan meng-encrypt dengan ribuan sampai jutaan lapis encripsi agar tidak bocor ke negara lawan.

    Internet Surface baru populer ketika Internet Protocol tipe World Wide Web dan Hypertext Transfer Protocol ditemukan sekitar tahun 1995 sampai dengan 1996. Cantiknya tampilan yang bisa dimunculkan melalui bahasa HTML membuat Website menjadi populer untuk kalangan non-IT, sehingga pertumbuhan situs-situs Surface sangat pesat.

    Pada kahir tahun 1995 saja, Situs Surface Web yang tercatat online mencapai angka 30 ribu unit, sedangkan saat ini ada sekitar 100.000 domain baru yang teregistrasi setiap harinya. Jadi sangat wajar jika Nenek Moyang mereka (Deep Web) jumlahnya jauh lebih banyak.

    Surface Web tidak akan pernah muncul tanpa ada sokongan dari Deep Web seperti, jadi salah sangka tentang dunia Deep Web. Google sendiri memiliki server yang sangat besar dengan kapasitas sitsu Deep Web yang sangat besar.

    umumnya Deep Web milik google digunakan untuk kalangan mereka untuk mengindeks semua konten yang ada di Surface Web, menyediakan ruang kerja bagi para Website Administrator dan Hoster dan keperluan lain seperti menyimpan Chace dan aktifitas user di dunia maya lalu kemudian digunakan untuk keperluan komersial seperti Riset, Adsense dan Adword.

    Bagaimana Cara Masuk ke Deep Web?

    Cara masuk yang paling mudah untuk masuk ke Deep Web adalah dapatkan Akun Granted dari website tersebut, seperti Admin Bank, Admin Kampus, Admin Hoster atau paling sederhana Admin Web 2.0 seperti Blogger, Wagomu, WordPress dan sejenisnya.

    Nggak seru? Memang Deep Web tidaklah seseru Surface Web yang kontennya memang untuk dijajakan di dunia maya.

    Namun jika yang anda maksud Deep Web yang menjual konten terlarang dengan level SSS, maka tentu saja untuk masuk Deep Web tersebut tidaklah sesederhana masuk ke Admin Situs.

    Langkah pertama kamu harus menembus dulu proxy dan security dari Deep Web, karena konten mereka sangat terlarang, maka wajar saja kalau mereka akan menyerang setiap orang yang ingin masuk ke situs mereka, oleh karena langkah awal untuk menembus akses Deep Web kamu harus memiliki kemampuan menyembunyikan identitas kamu.

    Browser Tor untuk akses Deepweb

    Kemampuan membuat IP perangkat kamu tidak boleh statis seperti VPN berbayar, tapi dinamis. Oleh karena itu Browser flamboyan seperti Google Chrome, Mozilla Firefox dan sejenisnya tidak akan pernah bisa menembus Deep Web. Browser yang paling umum digunakan adalah TOR, namun TOR sendiri ada banyak versi.