Posts

Showing posts with the label Widget

9. Menampilkan file PDF di blog

Image
Google Drive merupakan media penyimpanan Google yang memudahkan kita dalam bekerja dengan file di cloud. Kita dapat menampilkannya di blog dengan cara berikut: 1. Login ke Google Drive menggunakan akun gmail kita Pilih file PDF 2. Klik dua kali file pdf yang akan kita tampilkan di blog 3. Klik bagian titik tiga yg ada di pojok kanan atas  Tampilan menu titik tiga di ujung kanan atas 4. Yang perlu kita ingat, jika kita akan menampilkan file sebelumnya harus kita share dulu agar orang lain dapat melihatnya, jika tidak kita share maka file tidak bisa kita tampilkan di blog, untuk itu kita pilih share , tampilannya sebagai berikut Tampilan share di Get link, pilih Anyone, copy link jika kita ingin mengopy linknya, klik lagi titik tiga tersebut k emudian klik/ pilih  Open in new window 5. Tampilan berikutnya sebagai berikut, kemudian pilih Embed item... Pilih Embed item... 5. Tampilannya adalah sebagai berikut Embed item ... 6. Copylah embed tersebut dengan cara blok script dan ...

8. b. Membuat menu Drop Down (2)

Image
Kita dapat membuat menu drop down dengan menggunakan fasilitas Gadget yang sudah disediakan blog.  Berikut langkah-langkahnya: 1. Masuk ke dasboard admin, pilih menu layout Menu Layout 2. Tambahkan gadget dengan cara +Add a Gadget dan pilih  Configure Link List 3. Atur list/ menu seperti gambar dibawah Pengaturan Link List 4. Hasil akhirnya sebagai berikut Hasil mnu dropdown

8 a. Membuat Menu Drop Down (1)

Image
Menu memuat daftar materi atau isi postingan blog yang diurutkan sesuai dengan tema materinya. Menu ini mempermudah kita melihat langsung bagian yang kita perlukan dengan cepat tanpa mencari ke tempat lain. Untuk itu menu perlu disusun sebaik mungkin agar memudahkan kita mencarinya.  Penampilan menu di bar dibagian bawah header dapat kita buat dengan cara berikut ini, sehingga dinamakan juga dengan menu drop down.  Ini adalah contoh membuat menu drop down menggunakan script sendiri Menu drop down  Langkah-langkah yang kita lakukan adalah sebagai berikut: 1. Silahkan login ke blog, cari menu layout di dasboard admin, klik +add a gadget  Menu Layout Gidget HTML/ JavaScript 2. Pilihlah HTML/ JavaScript Gadget HTML/ JavaScript 3. Copy paste script dibawah ini kebagian bagian content seperti gambar berikut Configure HTML/ JavaScript :  <style type="text/css"> /*CSS MENU*/ #menu{background:#959494;color:#eee;height:35px;border-bottom:4px solid #3691ce} #menu ul,...

7. Membuat menu Login

Image
Login ke blog dapat dilakukan dengan membuka alamat web  https://blogspot.com /, dan kita tinggal melanjutkan login dengan id user email gmail dan password. Nah cara yang lebih mudah untuk login dengan tidak membuka alamat web tersebut adalah dengan cara: Layout, Add gadget, dan pilih configure HTML/ JavaScript kemudian salinlah script berikut ini: Tampilan Gadget configure HTML/ JavaScript <div id="adminblog" onclick="document.getElementById('login').style.display='block';layoutlogin.style.display='block';adminblog.style.display='none';"></div> <div id="login"> <div id="Admin1" onclick="document.getElementById('login1').style.display='inline';logoutbox.style.display='inline';Admin1.style.display='none';Admin2.style.display='inline';">Login</div><div id="Admin1" onclick="document.getElementById('login1').style....

5. Mengatur Layout

Image
Layout adalah tata letak blog yang terdiri dari bagian sidebar, search, header, page list, ads dan lain sebagainya, seperti gambar berikut. Tampilan Layout Pengaturan layout blog ini umumnya tidak sama satu dengan lainnya tergantung dari jenis/ model Theme yang dipilihnya, namun pada prinsipnya cara pengelolannya sama. Gadget merupakan modul yang berisikan bentuk/ fungsi yang berbeda, yang dapat kita pindah posisinya sesuai dengan yang kita inginkan dengan cara mendrag (tekan dan geser ke tempat lain). Cara menambahkan Gadget sebagai berikut: 1. Klik menu +Add a Gadget  Menu +Add a Gadget 2. Tampilannya sebagai berikut Tampilan Add a Gadget 3. Scroll ke bawah dan klik Follower/ Pengikut Gadget Follower/ Pengikut 4. Simpan perubahan dengan mengklik menu save (gambar disket) yang terletak di bagian kanan bawah  menu keluar, preview dan save 5. Untuk melihat perubahannya, lihatlah tampilan blog anda dengan cara mengklik menu view blog Menu view blog 6. Sekarang carilah dimana l...

4. Mengelola Pages

Image
Pages merupakan salah satu menu yang ada di dasbosrd, berfungsi untuk membuat halaman. Halaman ini dapat dijadikan menu yang ada di header, seperti contoh menu Profil  berikut Tampilan page menu profil di header Berikut langkah-langkahnya: 1. Pada dasboard admin pilihlah/ klik menu Pages  Menu pages 2. Untuk membuat pages baru silahkan klik +New Page  Menu +New Page 3. Ketiklah judul pages, dan isi page tersebut, jangan lupa atur bagian menu option di sebelah kanannya dengan memilih  Do not allow, hide existing agar   pengunjung tidak dapat memberikan komentar, karena page ini bukan potingan berita/ artikel yang memerlukan komentar. Tampilan area page Latihan Buatlah page dengan nama Profil , yang berisi riwayat hidup anda seperti contoh disini   Ketiklah alamat latihan no.1 di  Post a Comment  dibawah ini Selamat mengerjakan Materi selanjutnya klik disini

3. Membuat berita

Image
Menulis berita dan menguploadnya merupakan aktivitas utama yang dilakukan dalam blog. Pada prinsipnya sama dengan mengetik di MS. Word, dimana area post berita terdiri dari icon pengaturan huruf, paragraf, insert gambar, video seperti gambar berikut; Icon tool +New Post dan langkah-langkahnya menullis beritanya adalah sebagai berikut: 1. Pada dasboard silahkan klik menu +New Post  Menu +New Post 2. Ketikkan judul dibagian atas dan mulailah mengetik berita di area kosong tersebut Judul berita 3. Tambahkan label berita agar berita/ postingan kita tersusun rapi sesuai dengan masing-masing temanya. Label berita 4. Setingan waktu/ Published on berupa tanggal dan jam secara otomatis  akan menambahkan di postingan kita sesuai dengan hari pada saat kita membuat berita Menu Published on 5. Permalink menunjukkan alamat blog postingan berita kita, dengan dua pilihan; Automatic Permalink dan Custom Permalink Menu Permalink 6. Tambahkan lokasi/ location jika anda ingin menampilkan lokas...

2. Mengelola Dasboard Admin

Image
Dasboard Admin merupakan area atau wilayah admin agar dapat mengelola blognya secara menyeluruh tanpa diketahui orang lain. Disini kita dapat memdesain blog sesuai yang kita inginkan dari bentuk themes/ layout, menu, warna, widget dan lainnya yang membuat blog kita berpenampilan menarik sehingga membuat kita berlama-lama di blog ini. Berikut tampilan dasboard   Tampilan Dasboard Admin Nah sekarang akan kita bahas satu persatu menu yang ada didalamnya ya. Menu di Blog 1. +New Post ,  untuk menulis berita dan mempostingnya di blog, dan jangan lupa tambahkan label serta tanggal berita ya Menu +New Post 2. Posts , untuk menampilkan postingan/ berita apa saja yang sudah kita tulis Menu Posts 3. Stats , menampilkan statistik blog kita menunjukkan seberapa banyak netizen yang sudah singgah/ melihat blog kita Menu Stats 4. Comments , menampilkan komentar pengunjung yang bisa kita atur untuk ditampilkan atau tidak  Menu Comments 5. Earnings , menampilkan  Menu Earnings 6. Pa...