PRE TEST

Maksud & Tujuan 

Pre Test  dilakukan dengan maksud untuk melihat peta kemampuan  dari peserta pelatihan, sehingga hasil dari Pre Test ini bisa dijadikan bahan pertimbangan guna menentukan materi pelatihan yang disampaikan.

Semua peserta wajib mengisi Pre Test yang telah disediakan oleh Pemateri.dengan cara klik link dibawah ini :

PRE TEST

MERUBAH PARADIGMA BLOGGER

Pengertian blog atau website merupakan hal mendasar bagi kita(user pengguna internet) namun apa sih yang membuat mereka berbeda dan mengapa terkadang orang menyebut mereka itu sama? Berikut ini merupakan sebuah ulasan khusus yang membahas pengertian blog atau website itu sendiri, dengan memunculkan berbagai definisi blog dan definisi website itu sendiri, sehingga dapat meluruskan pandangan peserta pelatihan

Pengertian sebuah blog

Blog merupakan singkatan dari web log yang artinya adalah suatu bentuk aplikasi/layanan web yang dibuat untuk memudahkan user dalam mempublikasikan informasi yang dimilikinya melalui tulisan-tulisan yang dimuat dalam sebuah postingan (Sumber: http://id.wikipedia.org/wiki/Blog). Blog sendiri mempunyai fungsi yang sangat beragam seperti menjadi sebuah catatan harian, menjadi media publikasi, sampai dengan menjadi sebuah web portal bagi perusahaan(Sumber: http://id.wikipedia.org/wiki/Blog).

Pengertian sebuah website

Website sendiri merupakan sebuah kumpulan halaman-halaman situs yang tersimpan dalam sebuah server/hosting, dan teridentifikasi melalui sebuah nama yang disebut juga sebagai domain atau sub domain(Sumber : http://id.wikipedia.org/wiki/Situs_web).

Nah,,, apa yang membedakan antara keduanya? yang membedakan antara keduanya adalah tahap pembuatan dan tujuan dibuatnya, jika sebuah website/blog dibuat menggunakan layanan pembuat website yang ditujukan untuk personal dengan menggunakan engine seperti wordpress, blogspot, joomla ataupun sejenisnya(tidak di develop sendiri) maka itu bisa kita katakan sebagai sebuah blog, mengapa? Karena layanan itu dibuat untuk pengguna awam yang tidak dapat membuat sebuah website dengan tangan sendiri dan sebaliknya.

Fakta hari ini.

Kebanyakan orang bahkan perusahaan sekalipun cenderung menggunakan engine blog tersebut untuk membuat website perusahaannya dengan alasan = low cost(murah dan mudah) dan dengan mudahnya dianggaplah blog tersebut menjadi sebuah website bagi diri dan perusahaannya.

Mengapa hari ini kedua hal tersebut disamakan?

Weblog atau website sendiri terdiri dari halaman-halaman yang tersusun dalam format HTML (Hyper Text Markup Language) dan di akses melalui HTTP, yaitu protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser.

MEMBUAT WEBSITE VIA BLOGGER

Yang dimaksudkan Membuat Website Via Blogger disini adalah blogger kita jadikan sebagai platform untuk dasar membangun sebuah website. Kenapa saya menyarankan membuat blog gratis di Blogger, karena layanan di Blogger itu tanpa batasan bandwidth, dan welcome dengan segala plugin yang ada baik berupa layanan dari pengembang ataupun dengan menanamkan script secara langsung kedalam template.

Blogger atau Blogspot kita juga memungkinkan untuk monetize Blog yang kita buat bila suatu saat kelak banyak dikujungi orang. Selain bisa di monetize atau mendapatkan uang dari hasil ngeblog, situs Blog gratis Blogger juga sangat user friendly atau gampang untuk digunakan. Meski kita bukanlah orang yang pintar komputer, namun penulis yakin cara membuat blog di Blogspot tidak akan seribet yang dipikirkan dan pasti akan bisa membuatnya.

Apa saja hal yang diperlukan untuk membuat blog di Blogger? Salah satu syarat agar kita bisa membuat blog gratis di Blogger adalah, bahwa kita harus memiliki akun email dari Gmail, yaitu email yang dimiliki oleh Google. Seperti diketahui bahwa Blogger sendiri merupakan layanan blog gratis yang dimiliki oleh Google, jadi wajar saja bila pihak Blogger meminta kita harus memiliki akun Gmail terlebih dahulu, apabila kita hendak memiliki blog di Blogger.

Bagi teman-teman yang masih belum memiliki akun Gmail atau email di Gmail, maka cara membuat blog ini akan kita awali dengan membuat akun Gmail terlebih dahulu. Agar tidak berlama-lama lagi, maka berikut adalah langkah-langkah cara membuat akun Gmail.

A. Cara membuat Gmail

1. Kunjungi situs www.gmail.com

2. Dengan mengunjungi alamat situs diatas, maka teman-teman akan melihat tampilan situs seperti yang tampak pada gambar berikut ini:

- Kliklah tombol "CREATE AN ACCOUNT" untuk memulai membuat Gmail.

3. Setelah melalui proses nomor 2, maka akan terlihat tampilan situs seperti berikut ini:

Pada bagian ini, maka isilah hal-hal yang diminta pada form pengisian data, seperti:

- Pada bagian kolom "Name" isikanlah dengan nama awal dan nama akhir kamu.

- pada bagian "Choose your username" isikan dengan username yang kamu inginkan, misalnya belajarblog@gmail.com

- Pada bagian "Create a password" isikan dengan password yang kamu inginkan.

- pada bagian "Confrim your password" isikan sama dengan kolom create a password diatasnya.

- pada bagian "Birthday" isikan sesuai dengan tangga lahir kamu.

- Pada bagian "Gender" isikan dengan jenis kelamin kamu.

- Pada bagian "Mobile phone" isikan dengan nomor ponsel kamu.

- Pada bagian "Current email address" dapat tidak diisi bila sebelumnya kamu belum memiliki email

- Pada bagian "Prove you're not a robot" isikan sesuai dengan gambar tulisan yang muncul diatasnya.

- Pada bagian "Location" pilih negara asal kita sesuai dengan yang sudah tercantum, misalnya "Indonesia"

- Centang pada tanda "I agree to the Google Terms of Services anda Privacy Policy"

- Kemudian klik tombol "Next step"

Tunggu beberapa saat, maka seketika akan datang sebuah SMS dari Google ke nomor HP yang sudah kamu isikan sebelumnya untuk me-aktivasi akun Gmail yang baru saja kamu buat.

Bila langkah-langkah diatas sudah dilakukan dengan benar, maka tentu sebuah akun Gmail akan selesai dibuat. Selanjutnya adalah langkah kita membuat blog baru di Blogger.

2. Cara Membuat Blog

1. Kunjungi situs www.blogger.com

2. Setelah teman-teman kunjungi halaman diatas, maka akan terlihat tampilan situs seperti tampak pada gambar berikut ini:

Pada bagian ini, maka isilah hal-hal yang diminta pada form pengisian data, seperti:

- Pada bagian "Judul Blog" isi dengan judul blog sesuai dengan keinginan kamu, misalnya "Belajar Ngeblog"

- Pada bagian "Alamat blog (URL)" silahkan isikan dengan nama blog yang kamu inginkan, misalnya "belajar-blog-aja"

- Pada bagian "Buktikan bahwa Anda bukan robot" isikan dengan tulisan yang tampak pada gambar.

- Klik tombol "Lanjutkan"

3. Akan terlihat tampilan situs seperti tampak pada gambar berikut ini:

Pada bagian ini pilihlah salah satu template yang tersedia sesuai yang kamu inginkan. Setelah memilih salah satu template,

maka langkah selanjutnya adalah meng-klik tombol "Lanjutkan"

4. Akan terlihat tampilan seperti pada gambar berikut ini:

Dengan tampilan situs seperti demikian diatas, maka cara membuat blog sudah selesai, dan kini saatnya untuk memulai menulis di blog kamu dengan cara mengklik tombol "Mulai Blogging"

Demikianlah langkah-langkah cara membuat blog yang saya buat judulnya Membuat website via blogger pada tulisan ini.

MENGGANTI TEMPLATE BLOGGER

Sama halnya dengan panduan mengganti template blogger (versi lama). Untuk mengganti template blog blogger teman-teman harus mendownload template blogger gratis dulu, jika belum memilikinya silakan download template blogger gratis di sini.

Setelah template blogger gratis sudah didownload, silakan lihat dulu blogger template yang baru didownload tadi, apakah berkasnya berbentuk file zip/rar atau berbentuk xml (jika file blogger template sudah dalam bentuk xml silakan langsung diupload ke blogger/blogspot)

Jika template masih berbentuk Zip/Rar sialakan di Extract dulu. Caranya : klik kanan, kemudian pilih Extract Here.

Jika Template Blogger sudah di extract silakan upload file xml nya.

Langkah – Langkah Mengganti Template Blogspot/Blogger (Versi Terbaru)

Berikut panduan upload template blogger setelah di download dan diextract

1. Login ke dashboard blogger

2. Silakan pergi kebagian Template dengan cara mengklik menu Template (lihat gambar berikut)

3. Klik tulisan Cadangkan / Pulihkan (menunya ada di sebelah kanan atas)

Sebelum template diupload sebaiknya download dulu template yang sudah terpasang dengan cara mengklik tulisan Unduh Template Lengkap. Dan jika template sudah selesai di unduh/download silakan upload template yang baru.

Tunggu proses upload sampai selesai, jika sudah selesai silakan lihat perubahan blog teman.

Oh ia ... biasanya setelah template baru terpasang ada tambahan widget yang mungkin tidak kita inginkan, silakan hapus widget yang tidak di inginkan dan susun kembali penempatannya di tab Tata Letak.

Nah itulah tutorial blog : Tutorial Cara Mengganti Template Blogspot - Blogger (Versi Baru)

Selamat mencoba dan semoga bermanfaat.

MEMPERCANTIK WEBSITE

STRUKTUR DASAR TEMPLATE BLOGGER

Pada tulisan kali sangatlah perlu anda ketahui, karena kadang kita kewalahan dalam menerapkannya template yang kita pakai. Bahkan kadang kita kebingungan harus dari mana menulisnya dan diakhiri dimana kode HTML-nya. Ya, mungkin ini bisa bermanfaat bagi temen-temen peserta pelatihan ini..

Sebab, jika anda mengotak-atik template blog anda struktur dasar inilah yang menjadi dasar dalam penerapannya. Meskipun setiap design blog tidak sama, tergantung designernya mau memakai kata dalam penerapannya. Modifikaasi yang dilakukan para designer ini tak lepas dari CSS (Cascading style sheet) dan HTML (Hyper Text Markup Language) dan juga Javascripts dalam mendesign template sesuai keinginan.


Akan tetapi, pada dasarnya struktur template blogger (blogspot seperti yang ditunjukkan pada gambar berikut.

Keterangan :

1. Body : body ini yang menampung seluruh konten dari blog atau website.
2. Outer-wrapper : kotak ini melapisi bagian template (Body lebih mirip bagian luar template), jadi kebanyakan pada umumnya outer wrapper ini sebagai wadah header, sidebar, main-wrapper dan juga footer.
3. Header : Kotak ini adalah bagian teratas dari blog mungkin dari namanya sudah bisa kita tebak dari sebuah header ini. Biasanya header ditempati oleh judul-deskripsi blog, logo, dan juga kebanyakan dibawahnya ditempai oleh Navigasi Menu.
4. Sidebar : Block ini digunakan sebagai wadah widget blog atau aksesoris misalnya About me, Link list, gambar slide, dan juga widget-widget lainnya
5. Main: Main-wrapper yaitu sebuah block atau kolom dalam yang paling lebar, dalam block ini juga masih menampung seperti Judul Post, Post konten, kotak komentar dan juga keterangan lainnya mengenai artikel atau posting blog.
6. Footer : adalah kotak paling bawah dari sebuah template. Seperti bagian header namun terletak dibagian bawah biasanya footer ini ditempati sebuah tautan dan juga teks keterangan hak cipta.

Seagian template lain yang tidak terlihat pada layar monitor yaitu HTML bagian ini wajib dimiliki oleh sebuah template entah itu Website atau Blog atau template yang lainnya (untuk blogspot menggunakan platform HTML/XML), jika tidak memiliki bagian ini template tidak akan bekerja atau tidak berjalan sebagaimana mestinya, bagian tersebut adalah :

<html> <--- tag pembuka untuk html
       <head> <--- tag pembuka untuk head

             Disini letak dari CSS atau juga Javascript
       </head> <--- tag penutup untuk head
       <body> <--- tag pembuka untuk body

            Disini tempat yang akan ditampilkan yaitu HTML dan juga bisa Javascript
      </body> <--- tag penutup untuk body
</html> <--- tag penutup untuk html

1. HTML : <html> </html>

• Sebuah template Blog/Website selalu diawali dengan tag pembuka <html> dan harus diakhiri tag penutup </html> 
• Diantara tag inilah tag-tag atau struktur lainnya diletakkan yang akan menciptakan sebuah tampilan blog/website.

2. Head : <head> </head> 

•  Tepat setelah  <head>  biasanya diletakkan kode tag pengenal mulai dari tag title/judul, deskripsi, keywords dan tag-tag pengenal lainnya.
• Diantara kode ini harus diletakkan sebuah kode CSS yang akan menampilkan sebuah tampilan model atau karakter dari template itu sendiri.
• Sebelum kode tag penutup </head>  biasanya ditambahkan sebuah kode Javascript untuk sekedar menambahkan fitur-fitur menggunakan kode Javascript.

3. Body : <body> </body>

• Tag body merupakan yang paling utama pada sebuah template Blog/Website karena ini akan menampung dan menampilkan semua konten blog/website itu sendiri.
• Pada bagian tag ini masih terbagi dalam 4 struktur penting lagi yaitu Header, Sidebar, Content dan juga Footer, di atas sudah saya jelaskan tentang struktur ini.

Jika anda paham dan benar-benar mengerti struktur dasar diatas, anda akan dengan mudah mendesign template bahkan membuat template sendiri.