Cara Membuat Website dengan WordPress - Gagap Tech ID

  Cara Membuat Website dengan WordPress - Gagap Tech ID

Registrasi Akun WordPress

Pergi ke wordpress.com atau id.wordpress.com untuk mengaksesnya dalam bahasa Indonesia

Halaman muka wordpress akan terlihat seperti gambar tampilan di atas. Klik tombol “Mulai” pada bagian tengah, atau klik “Mulai” pada pojok kanan atas. Tunggu hingga muncul halaman seperti gambar berikut:

Pilih salah satu template yang sesuai dengan keinginan Anda.

Jika Anda bingung, Kami akan menjelaskan perbedaan dari ketiga template tersebut.

• Template sebelah kiri umum untuk blog. Ketika orang akan mengunjungi website Anda, akan melihat posting terbaru. Cocok untuk Anda yang ingin membuat website pribadi dengan tujuan blogging.
• Template yang berada di tengah umum untuk sebuah website. Di mana ketika orang akan mengunjungi website Anda, akan melihat halaman sambutan. Cocok untuk Anda yang ingin membuat website untuk bisnis Anda.
• Sedangkan template sebelah kanan umum untuk web portofolio. Tampilan grid. Cocok untuk Anda yang merupakan tenaga kreatif dan ingin menampilkan karya Anda secara visual.

Kami merekomendasikan Anda untuk memilih template yang berada di tengah untuk membuat website sebuah bisnis. Setelah diklik, akan muncul tampilan seperti gambar berikut:

Pilih tema yang Anda sukai untuk tampilan website Anda.

Anda tak perlu khawatir, karena Anda dapat mengubahnya di kemudian hari. Pilih salah satu tema yang sesuai dengan keinginan Anda. Tunggu hingga muncul tampilan seperti gambar berikut:

Tentukan Domain untuk website Anda.

Apa itu domain? Domain adalah alamat yang biasa Anda ketik di browser untuk menuju sebuah webesite. Contohnya, domain PAKAR adalah pakar.co.id.

Apabila Anda menggunakan layanan gratis WordPress, domain Anda akan berbentuk website-anda.wordpress.com. Untuk menghilangkannya menjadi website-anda.com, anda harus melakukan upgrade ke WordPress premium, atau membeli domain secara manual. Tak perlu khawatir, Anda dapat menggantinya nanti.

Setelah menentukan domain, akan berbentuk tampilan seperti berikut ini:

Pilih gratis terlebih dahulu. Kami akan menjelaskan bagaimana cara mengganti domain Anda pada chapter berikutnya. Setelah itu akan muncul dialog seperti gambar di bawah ini:

Ketik alamat email, nama pengguna, dan kata sandi Anda. Setelah klik tombol “Buat Akun Saya”, cek kotak masuk pada email Anda, dan klik konfirmasi.

Selamat! Anda telah membuat website pertama Anda. Tetapi ini baru permulaan, sekarang Anda harus mengatur tampilan website Anda.

 

Read More

Tutorial Membuat Readmore / Baca Selanjutnya Secara Otomatis di Blogger - Blog'e Wong Kreteg Ireng

Tutorial Membuat Readmore / Baca Selanjutnya Secara Otomatis di Blogger - Hai sobat kali ini saya akan membagi artikel tentang Tutorial Membuat Readmore / Baca Selanjutnya Secara Otomatis di Blogger, jika artikel sebelumnya sobat sudah belajar tentang Tutorial Membuat Read More atau Baca Selanjutnya secara manual di Blogger.

<!--Auto Read More Mulai-->

<b:if cond="data:blog.pageType != &quot;static_page&quot;">
<b:if cond="data:blog.pageType != &quot;item&quot;">
<style>
.post-body{text-align:justify;}
.post-body img{max-width:none;width:auto;}
.read-more{float:left; padding-top: 10px;}
.read-more a{ color: #fff!important;text-shadow:0 1px 0 rgba(0,0,0,0.5);background:#0457A9;  text-decoration:none;font:bold 13px Arial;padding:5px;}
.read-more a:hover{text-decoration:none;background:#666;}
.pic{border: 10px solid #fff;float:left;height:165px;width:280px;margin-right: 20px;margin-bottom:10px;overflow:hidden;box-shadow: 5px 5px 5px #111;}
.grow img{height:165px;width:280px;transition: all 2s ease;}
.grow img:hover{width:400px;height:250px;}
</style>
<script type="text/javascript">
var thumbnail_mode = &quot;yes&quot;; //yes -dengan gambar, no -tanpa gambar
summary_noimg = 300; //banyaknya huruf jika tidak ada gambar
summary_img = 250; //banyaknya huruf jika ada gambar
img_thumb_height = 165;
img_thumb_width = 280;
</script>
<script type="text/javascript">//<![CDATA[
function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s = strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);}}strx =  s.join("");}chop = (chop < strx.length-1) ? chop : strx.length-2;while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;strx = strx.substring(0,chop-1);return strx+'...';}function createSummaryAndThumb(pID){var div = document.getElementById(pID);var imgtag = "";var img = div.getElementsByTagName("img");var summ = summary_noimg;if(thumbnail_mode == "yes"){if(img.length>=1){imgtag = '<div class="grow pic">
<img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></div>
';summ = summary_img;}}var summary = imgtag + '<div>
' + removeHtmlTag(div.innerHTML,summ) + '</div>
';div.innerHTML = summary;}
//]]></script>
</b:if>
</b:if>

<!--Auto Read More Akhir-->

1. Login Ke Blogger.
2. Klik Template, Backup template untuk jaga2 bila diperlukan,
atau langkah berikut bisa di uji coba menggunakan Blog percobaan yang lain.
3. Klik Edit HTML.
4. Klik Kiri 1 x Dimana saja dalam kotak template.
5. Klik Ctrl+F (Supaya mempercepat pencarian kode),
Dan cari kode berikut </head>
Masukan kode tersebut dalam kotak pencarian, kemudian enter untuk mencari.
6. Masukan Kode berikut diatas </head>

Read More

Tutorial Membuat Read More atau Baca Selanjutnya di Blogger - Gagap Tech ID

Tutorial Membuat Read More atau Baca Selanjutnya di Blogger - Gagap Tech ID

 

Halo sobat, kali ini saya akan posting sebuah artikel tentang Tutorial Membuat "Read More" atau biasa juga disebut "Baca Selanjutnya" di Blogger. Ada beberapa cara untuk membuat "Read More" atau "Baca Selanjutnya" di Blogger, bisa secara manual atau menuliskan script tambahan pada template Blogger.

Fungsi dari "Read More" atau "Baca Selanjutnya"  itu sendiri yaitu untuk membuat tampilan website menjadi lebih rapih dan dinamis juga ringan ketika loading dibandingkan seluruh postingan tampil di beranda.

Tutorial Membuat Read More atau Baca Selanjutnya di Blogger - Gagap Tech ID

Cara yang paling mudah membuat "Read More" atau "Baca Selanjutnya" di Blogger yaitu dengan cara memotong tulisan langsung dari mode postingan di Blogger, dengan cara menempatkan kursor pada bagian artikel yang hendak di potong kemudian klik tombol "insert jump break" pada menu di atas mode postingan Blogger .

Tutorial Membuat Read More atau Baca Selanjutnya di Blogger - Blog'e Wong Kreteg Ireng

Tulisan yang berada di atas garis tersebut akan muncul di beranda dan tulisan dibawanya akan muncul tulisan "Read More" atau "Baca Selanjutnya". Meski cara diatas sudah jarang lagi digunakan tetapi cara ini paling mudah dilakukan bagi yang baru belajar membuat blog.

Sekian tutorial kali ini tentang "Tutorial Membuat Read More atau Baca Selanjutnya di Blogger - Gagap Tech ID", semoga tulisan yang saya bagikan bisa bermanfaat bagi sobat yang belum mengerti membuat Read More atau Baca Selanjutnya di Blogger .

Masih banyak lagi tutorial-tutorial yang nanti akan saya bagikan, selengkapnya cek Gagap Tech ID.

Read More

Tutorial membuat Postingan / Artikel di Blogger - Gagap Tech ID

Tutorial membuat Postingan / Artikel di Blogger - Gagap Tech ID

 

Setelah sebelumnya sobat berhasil membuat sebuah blog dan sudah Mengenal bagian dan Fungsi dari Dasbor Blogger.com, hal berikutnya yang perlu sobat lakukan adalah memulai mengisi blog sobat dengan tulisan atau posting artikel. Cara posting artikel di blogger sendiri bisa dibilang sangat mudah. Pada dasarnya hampir sama seperti menulis email. 

Jika sobat sudah terbiasa menulis email maka untuk melakukan posting artikel di blogger bukanlah hal yang sulit untuk dipelajari. Tetapi jika sobat belum pernah menulis email maka itu artinya sobat bener-bener gaptek. Tapi jangan khawatir karena tidak ada kata terlambat untuk belajar.

Berikut ini adalah langkah-langkahnya:

1. Sebelum sobat memposting di blog, hal pertama yang dilakukan adalah menyiapkan sebuah artikel yang sobat hendak posting.

2. Sobat harus login terlebih dahulu ke "Blogger". Setelah login, sekarang sobat tinggal klik tombol "Entri Baru".

Tutorial membuat Postingan / Artikel di Blogger - Gagap Tech ID

 3. Blogspot akan mengarahkan ke halaman postingan.

Tutorial membuat Postingan / Artikel di Blogger - Blog'e Wong Kreteg Ireng

Keterangan :

1. Post / Entri : Judul Artikel.
   
2. Menu-menu untuk mengganti warna tulisan, ukuran font, upload gambar dan video, dll.
3. Isi Artikel : Tempat menaruh artikel, baik tulisan, gambar dan video.
4. Format postingan. Pilih saja Compose untuk pemula. 
5. Setelan Entri / Post Setting ada beberapa pilihan. 
1. Label / Labels : untuk mengelompokkan tulisan. Jika belum punya label, masukkan nama label yang hendak kamu buat dan klik Selesai. Misal Bisnis Online atau Tutorial Hijab. 
2. Jadwal / Schedule : untuk mengatur otomatisasi postingan. Jika otomatis, maka tak perlu diutak atik. Alias jika hendak mempostingnya saat itu, maka waktunya akan mengikut waktu berlangsung. Jika hendka mengaturnya esok hari misalnya, setel tanggal dan waktunya. Lalu klik Selesai.
3. Tautan permanen / Permalink :  untuk mengubah URL. Biasanya untuk mempersingkat URL meski judulnya panjang bisa dilakukan di setelan entri ini. 
4. Lokasi / Location :  untuk menampilkan dimana postingan ini dibuat, misal Jakarta. Sisa masukkan nama lokasinya dan di mesin pencari akan muncul lokasi artikel tersebut dibuat. 
5. Deskripsi / Option : Penelusuran untuk memasukkan kutipan sehingga mudah ditemukan mesin pencari. Misal memasukkan kata kunci sasaran agar ada informasi awal ketika orang menelusurinya di mesin pencari.  Pilihan pengaturan lain seperti izin kolom komentar, HTML dan tag spasi atau Enter. Bisa dilakukan di setelan entri ini.
6. Final: 

1. Ada pilihan untuk publishkan/ publish untuk memposting artikel yang di anggap sudah selesai. 
2. Ada pilihan untuk menyimpan / save artikel jika merasa dianggap belum selesaui.
3. Ada pilihan untuk dipratinjau / preview, melihat mode ketika sudah diterbitkan dan Publikasikan, jika semua dianggap sudah layak. 
4. Tutup / close hanya untuk keluar jika kemudian masuk kembali. 

4.  Jika sobat sudah selesai menulis artikel sobat, setelah itu klik 'Publikasikan' jika sudah benar yakin. Tetapi jika merasa kurang yakin sobat bisa menyimpan artikel sobat atau klik 'Pratinjau' untuk melihat tampilan setelah di publishkan.

Sekarang tulisan sobat sudah online dan bisa dibaca oleh banyak orang. Lakukan setiap tahapan di atas ketika hendak memposting artikel di blogspot. Semakin banyak postingan yang dibuat akan semakin besar kemungkinan pembaca akan datang. Karena itulah tujuan utama ngeblog, agar tulisan kita dibaca oleh orang lain.

Sekian tutorial kali ini tentang "Tutorial membuat Postingan / Artikel di Blogger.com", semoga tulisan yang saya bagikan bisa bermanfaat bagi sobat yang baru mengenal atau belajar membuat blog sendiri.

Masih banyak lagi tutorial-tutorial yang nanti akan saya bagikan, selengkapnya cek Gagap Tech ID.

Read More

Mengenal bagian dan Fungsi dari Dasbor Blogger.com - Gagap Tech ID

Mengenal bagian dan Fungsi dari Dasbor Blogger.com - Gagap Tech ID

 

Sebelumnya sobat sudah berhasil membuat sebuah blog, selanjutnya sobat perlu memahami menu-menu yang ada di blogger.com. Menu-menu ini sangat penting untuk dipahami karena dapat memudahkan sobat dalam mengurus blog sobat kedepannya.

Menu-menu di blogger terletak di sebelah kiri pada dashboard. Di bawah ini adalah penjelasan lengkap tentang menu-menu tersebut:

• Daftar Blog yang dimiliki
  Di sebelah kiri paling atas sobat bisa memilih daftar blog yang sobat miliki jika sobat membuat lebih dari 1 blog. 

• Tombol “Entri baru”
  Di sebelah kanan menu Daftar blog adalah tombol untuk membuat postingan atau artikel baru

• Postingan
  Menu untuk menampilkan daftar semua artikel yang ada di blog sobat

• Statistik
  Menu untuk menampilkan statistik blog sobat seperti jumlah pengunjung, jumlah tayangan laman, sumber pengunjung, dan lain sebagainnya.

• Komentar
  Menu untuk menampilkan semua daftar komentar yang masuk ke blog sobat.

• Kampanye
  Menu ini khusus buat sobat yang ingin mempremosikan blog sobat melalui Google AdWords (harus ngeluarin duit)

• Halaman
  Menu untuk membuat dan menampilkan semua daftar Halaman statis yang ada di blog sobat. Penjelasan tentang halaman statis ada di bawah.

• Tata Letak
  Di sini adalah tempat sobat mengatur tata letak blog sobat dan juga tempat untuk memasang widget blog seperti widget artikel populer, atau widget pengikut.

• Tema (sebelumnya disebut Template)
  Di sini adalah tempat untuk mengganti template atau theme blog sobat. Selain itu sobat juga bisa mengedit langsung template blog sobat pada menu ini.

• Setelan
  Tempat pengaturan blog sobat. Jika sobat ingin mengganti judul blog, mengganti alamat, atau mengganti bahasa blog maka menu ini adalah tempatnya.

Setelah sobat memahami menu-menu yang ada di blogger.com, yang harus dilakukan sobat adalah mulai mengisi blog sobat dengan tulisan atau posting artikel. Berikut ini "Tutorial membuat Postingan / Artikel di Blogger.com".

Sekian tutorial kali ini tentang "Mengenal bagian dan Fungsi dari Dasbor Blogger.com - Gagap Tech ID", semoga tulisan yang saya bagikan bisa bermanfaat bagi sobat yang baru mengenal atau belajar membuat blog sendiri.

Masih banyak lagi tutorial-tutorial yang nanti akan saya bagikan, selengkapnya cek Gagap Tech ID.

Read More

Membuat Website Menggunakan Blogger - Gagap Tech ID

 Membuat Website Menggunakan Blogger - Gagap Tech ID

Masuk ke blogger.com

Klik tombol Buat Blog.

Karena blogger terintegrasi dengan Google, Anda hanya perlu masuk menggunakan akun Google yang Anda miliki. Sehingga mempermudah proses registrasi.

Setelah login, Anda diminta untuk memilih tampilan identitas. Pilih sesuai dengan kebutuhan Anda. Jika Anda ingin Google Plus Anda terhubung dengan Blog, pilih Google Plus. Kemudian klik Lanjutkan ke Blogger.

Setelah itu Anda akan masuk ke halaman Selamat Datang. Klik Buat Blog Baru.

Ketik judul website Anda dalam kolom Judul. Bisa juga diisi dengan nama brand, atau juga nama bisnis Anda. Kemudian ketik nama domain yang Anda inginkan pada kolom Alamat. Karena gratis, domain akan memiliki akhiran .blogspot.com. Anda bisa merubahnya menjadi .com nanti.

Selanjutnya pilih tema sesuai dengan yang Anda inginkan. Anda juga bisa mengubahnya nanti. Kemudian klik Buat blog!

Selamat! Anda telah membuat website pertama Anda. Tetapi tunggu, setelah registrasi website yang kita buat akan berbentuk blog. Anda diharuskan untuk membeli domain dan membuat halaman statis terlebih dahulu agar Blogger yang kita buat menjadi seperti tampilan website.

Read More