2 Cara Membuat Text Dummy (Lorem Ipsum) dengan Mudah dan Instan

2 Cara Membuat Text Dummy (Lorem Ipsum) dengan Mudah dan Instan

Blogging

Juli 31, 2017 Add Comment

IdnTorial - Bagi sebagian blogger pasti sudah mengerti apa itu text dummy. Terlebih blogger yang sering bermain dengan template (atau sebut saja pembuat template/template creator). Text ini berfungsi untuk mengisi blog demo (atau blog preview hasil template) agar tidak kosong dan biasanya digunakan untuk menguji fitur tertentu, misalnya Releated post. Kali ini saya bagikan cara membuat text dummy dengan mudah dan bisa dibuat dengan cepat.

Apa itu "Dummy Text" ?

Teks Contoh atau dikenal sebagai Dummy Text adalah sebuah sampel tulisan tanpa arti yang biasa digunakan dalam bidang percetakan dan penataan huruf atau typesetting. Namun, akhir ini banyak para pengguna internet (khusunya pemilik web) yang memanfaatkan text dummy untuk sampel artikel di web mereka sebagai review tampilan sebelum web mereka resmi dipublikasikan.

Bagaimana Membuat "Dummy Text" ??

Cara berikut ini pernah saya gunakan juga sebelum meluncurkan blog ini. Tepatnya saat pembangunan template blog ini. Text dummy hanyalah sampel text atau teks contoh yang saya gunakan untuk membantu saya dalam mendesain tampilan blog (tepatnya pada penataan text). Kali ini saya berikan 2 cara untuk membuat text dummy ini. Cara pertama yakni secara Online, Sedangkan cara yang kedua secara Offline. Keduanya sama-sama instan dan sangat mudah dalam prakteknya. Silahkan disimak cara berikut.

1. Secara Online
 Cara ini bisa dilakukan dengan mudah. Hal yang perlu kamu lakukan hanyalah sebuah koneksi Internet. Kali ini kita gunakan webtool khusus pembuat Dummy Text (Lorem Ipsum Creator). Berikut caranya :

- Buka situs http://id.lipsum.com/
- Pada bagian kanan bawah (dibawah paragraf penjelasan) silahkan atur banyak text yang dibutuhkan. (Paragraf, Kata, dan lainnya)

Membuat Lorem Ipsum

- Klik tombol "Munculkan Lorem Ipsum"

- Salin text yang ada dan paste ditempat yang diinginkan.

2. Secara Offline
 Untuk cara yang berikutnya ini cukup mudah dan lebih praktis. Karena tidak membutuhkan koneksi internet (Offline) dalam pembuatannya. Dan hanya memanfaatkan fitur shortcode dari Microsoft Word. Berikut ini cara pembuatannya.

- Buka Microsoft Word
- Ketikkan =lorem(4,2)
- lalu klik enter dan dummy text siap di salin

Masukkan =lorem(4,2)

Lorem Ipsum setelah di Enter

Dengan begitu, membuat lorem ipsum akan semakin mudah. Dengan lorem ipsum atau dummy text ini, kita tidak perlu lagi membuat artikel banyak untuk mengisi halaman blog contoh kita. Semoga tutorial kali ini bisa membantu, dan bermanfaat. Apabila ada yang ingin ditanyakan bisa berkomentar.

Cara Cek Responsif Blog Sendiri

Cara Cek Responsif Blog Sendiri

Blogging

Juli 21, 2017 Add Comment

IdnTorial - Bagi sebagian besar pemilik situs blog, tampilan menjadi hal yang dipertimbangkan. Memilih tema atau template blog yang responsif terhadap berbagai perangkat akan menjadi bahan pertimbangannya. Terutama responsif terhadap smartphone. Sebagaimana yang kita ketahuio, penggunaan perangkat mobile kiniu semakin banyak digunakan, bahkan dalam aktifitas googling atau mencari sebuah informasi. Nah, untuk mengetahui apakah template yang kita gunakan responsif terhadap berbagai perangkat (khususnya Smartphone) maka kali ini saya bagikan Cara Cek Responsif Blog sendiri.

Untuk hal termudahnya sebenarnya bisa saja kita membuka halaman blog melalui berbagai perangkat sendiri. Namun, hal ini tentu akan membuat ribet, apalagi dengan dukungan perangkat yang kurang. Mengatasi hal ini, saya sendiri biasa gunakan bantuan situs-situs yang memang difungsikan untuk hal ini.

CARA CEK RESPONSIF BLOG SENDIRI

Cara ini akan saya bagikan dua buah saja. Walau sebenarnya ada banyak cara. Namun, kedua cara yang saya bagikan ini nantinya akan menampilkan tampilan situs kita dari berbagai device atau perangkat yang dibutuhkan. Pada umumnya device yang ditampilkan adalah Smartphone, Laptop, PC, dan Tablet. Berikut tutorialnya.

#1. Melalui MobileTest

  Melalui situs MobileTest, kita akan disuguhi 6 perangkat ponsel. Yaitu : iPhone 5, HTC One, Nokia Lumia, Samsung Galaxy Y, Google Nexus 7, dan iPad mini. Untuk caranya cukup kunjungi halaman MobileTest.me. Lalu pilih device yang akan digunakan, dan masukkan halaman blognya.

http://www.MobileTest.me

#2. Melalui Responsinator

  Situs Responsinator, adalah situs yang hampir sama seperti MobileTest. Hanya saja situs ini mawarkan banyak device sebagai tampilannya. Caranya juga cukup sederhana. Pertma kunjungi alamat situsnya di https://www.responsinator.com/ dan masukkan alamat blog di bagian atas halamannya. Maka halaman blog yang kamu masukkan tadi akan ditampilkan dari berbagai tampilan perangkat.

http://www.responsinator.com/

Melalui dua situs yang saya bagikan di atas, kalian bisa melihat penampakan template kalian dari berbagai perangkat yang didukung situs tersebut.

Selain itu, bagi kalian yang seorang template creator atau pembuat template, situs ini berguna sebagai alat untuk preview template kalian nantinya. Semoga membantu dan silahkan share arikel ini jika menurut kalian bermanfaat.

Mempercepat Loading Blog dengan Lazy Load

Mempercepat Loading Blog dengan Lazy Load

Blogging Script

Juli 20, 2017 Add Comment

Sumber : http://www.blog.jonico.org/

IdnTorial - Bagi sebagian besar pemilik blog atau situs web, kecepatan loading sebuah halaman blog menjadi hal yang perlu dipertimbangkan dan diprioritaskan. Karena hal ini terkadang dapat mempengaruhi berapa lama visitor atau pengunjung betah di halaman situs kita. Seperti contoh ketika kita akan mencari suatu sumber informasi, dan mengharuskan mencari disebuah laman blog. Dan saat kita mengunjunginya membutuhkan waktu lama untuk menampilkan informasi atau konten tersebut. Maka sebagian besar pengunjung akan memilih meninggalkan laman tersebut dan mencari sumber informasi yang lain. Untuk mengatasi hal tersebut, maka penggunaan script plugin Lazy Load adalah solusinya. Berikut ini saya share tentang penggunaan Lazy Load untuk mempercepat loading blog.

Lazy Load adalah sebuah script JQuery yang digunkan untuk membantu mempercepat konten dari sebuah laman blog.  Cara kerja script ini cukup simple, yakni script akan menampilkan konten text (tulisan) terlebih dahulu, sehingga para pengunjung akan mendapatkan penjelasan konten lebih cepat. Setelah konten text sudah sepenuhnya ditampilkan, maka selanjutnya akan menampilkan konten gambar (img) secara berurutan dari atas sampai bawah. hal ini akan sangat membantu dalam proses loading dibanding harus memuat seluruh gambar secara bersamaan.

MENGGUNAKAN SCRIPT LAZY LOAD UNTUK MEMPERCEPAT LOADING BLOG

Dalam penggunaannya, script ini sangatlah mudah. Kita hanya akan menempatkan script JQuery di bagian kode template blog kita. untur mempersingkat waktu, maka akan saya berikan tutorialnya saja. Karena saya yakin saat ini banyak orang (mungkin anda salah satunya) yang suka praktik langsung dibanding banyak teori (ini prinsip anak SMK hehehehe..)

1. Silahkan copy script yang ada di bawah ini.

<script type='text/javascript'>//<![CDATA[
// Lazy Load by IdnTorial
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgEpGlkjsJJKLEhH_ApzL5XFyQg5agFTZ6aHPIxCMI_QbiOuZ-9I3EIcsPjws6k1k0RjunzHaEpMxGUkxPDmmKiKGZpgX0KsTe9DuQ9ZpeYDVKHreLBkBILDIqk-ype02xrCX6T_7Sr93c/s1600/banner.png",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>

2. Buka Blogger > Tema > Edit HTML

3. Cari kode </body> dan paste kode ini diatas kode tersebut.

4. Save template dan coba cek dengan membukanya di perangkat lain. Jika tidak memungkinkan anda dapat melakukan cek pada situs GTMatrix

Dengan begitu, halaman yang akan dikunjungi akan lebih cepat memuat konten text yang dibutuhkan. Walau lebih cepat dan lebih bermanfaat, bukan berarti tidak memiliki efek samping. Untuk dampak penggunaan script Lazy Load ini akan saya bahas di artikel selanjutnya.

4.

Cara Membuat Blog dalam 5 Menit

Cara Membuat Blog dalam 5 Menit

Blogging

Juli 06, 2017 Add Comment

Membuat Blog, Sumber : http://probisnis.com/

IdnTorial - Semakin hari, teknologi yang berkembang semakin memanjakan ummat manusia. Salah satunya ialah media informasi. Jika dulu mendapatkan sebuah informasi melalui Radio, Koran, atau TV, kini hanya berbekal internet kita bisa mendapatkan informasi. Informasi yang tersebar di internet​ dibungkus dalam sebuah halaman situs web atau blog.

Setiap pemilik Blog memiliki hak atas blognya. Mau diapakan situs itu, mau dibuat bagaimana itu adalah tanggung jawab pemilik blog. Melalui halaman blog, pemilik bisa mengisi konten apapun, informasi, pengalaman, atau yang lainnya. Nah, di zaman yang semakin canggih ini, semakin banyak orang yang memiliki sebuah halaman blog sendiri. Untuk itu kali ini akan saya bahas mengenai Cara Membuat Blog yang paling simple dan mudah dipraktekkan oleh pemula.

MEMBUAT BLOG DALAM HITUNGAN MENIT

Hal yang paling penting sebelum memulai membuat blog adalah sebuah akun. Akun yang dibutuhkan dalam hal ini ialah akun Google. Namun, pada artikel ini tidak akan. saya jelaskan bagaimana membuat akun googlenya. Saya anggap kamu sudah mengetahui dan memilikinya.

Jika akun google sudah dimiliki, langkah membuat blog dalam hitungan menit siap dilakukan. Untuk memperlancar proses, sebaiknya ikuti step by step dibawah ini dengan teratur.

1. Buka halaman situs penyedia blog. Kali ini kita gunakan fasilitas Blogger dari Google. Kunjungi Blogger

2. Klik buat blog. Pastikan kamu sudah login akun google kalian, jika belum maka akan dialihkan ke halaman login.

Klik Buat Blog Baru

3. Klik Buat Blog Baru

4. Masukkan data blog kamu. Setelah mengklik Buat Blog Baru, maka akan muncul popup untuk memasukkan data blog kamu. diantaranya Judul Blog (Judul Dari Blog Kamu), Alamat (url blog kamu), dan Template blog.

5. Jika sudah dimasukkan datanya, maka klik Buat blog.

6. Selesai

Dari sini blog pribadi kamu sudah berhasil dibuat dan dapat diakses melalui alamat yang tadi kamu berikan. Untuk selanjutnya yang kamu lakukan adalah mengubah tampilan blog kamu (opsional), dan memberikan beberapa elemen pendukung lainnya, untuk hal ini bersifat opsional atau tidak wajib. Sekarang kamu bisa membuat artikel di blog pribadi kamu, dan dapat membagikannya kepada teman-temanmu.

Untuk masalah mengubah tampilan blog, hal ini akan coba saya share di artikel selanjutnya di blog ini. Jika ada pertanyaan dan saran silahkan sampaikan dikolom komentar.

tag: belajar blog 2017, belajar blogspot lengkap, belajar blog wordpress, belajar blog pemula, belajar ngeblog pemula, blogger pemula, blogger wordpress