Postingan

Menghilangkan Navbar Blogger (Blogspot)

Gambar
Navbar pada blogger (blogspot) ialah baris navigasi blog yang terletak melayang pada tampilan halaman blog paling atas dan selalu tampil di setiap membuka halaman blog blogger (blogspot). Kadang tampilan seperti ini tidak diinginkan dalam mendesain sebuah blog. Maka untuk menghilangkannya navbar blogger (blogspot), berikut ini ialah langkah-langkahnya : Masuk ke halaman dashboard blogger (blogspot). Kemudian pilih menu tata letak (layout). Lanjutkan dengan memilih elemen Navbar pada tata letak halaman blog. Pilih pengaturan navbar menjadi " Off ". Klik simpan ( save ). Tinjau ulang tampilan halaman blog. Selesai.

Menampilkan File Google Drive Pada Blog / Website

Gambar
Google Drive sangat berguna apabila sebuah website/blog ingin menampilkan ( embed ) sebuah/beberapa file dalam artikel/halaman website/blog untuk dibaca ataupun dilihat/diunduh oleh pengunjung website/blog. Langkah pertama yang dilakukan ialah dengan menggugah ( upload ) file yang akan dibagi ( share ) ke Google Drive. Sebagai informasi, Google Drive mengakomodasi file apa saja selama tidak mengandung virus. Langkah selanjutnya ialah sebagai berikut : Pilih (centang) file yang akan dibagi ( share ) dalam Google Drive, kemudian klik pilihan menu More --> Share --> Share . Kemudian akan muncul pengaturan berbagi file dan link berbagi ( share ) sebagai berikut : Kemudian ubah akses file Google Drive di atas menjadi public Sehingga menjadi seperti ini, kemudian kopi link yang disediakan Google Drive. Untuk menampilkan ( embed ) file Google Drive : Perhatikan link yang telah dikopi : https://drive.google.com/file/d/0B-wrkvPrI0SQM1RiandKXzVuM2M/edit?usp=sharing Untuk menampilkan ( em...

Membuat Link Download Google Drive Pada Blog / Website

Gambar
Google Drive sangat berguna apabila sebuah website/blog ingin membagikan ( share ) sebuah/beberapa file dalam artikel/halaman website/blog untuk diunduh/di- download pengunjung website/blog. Langkah pertama yang dilakukan ialah dengan menggugah ( upload ) file yang akan dibagi ( share ) ke Google Drive. Google Drive mengakomodasi file apa saja selama tidak mengandung virus. Kemudian langkah selanjutnya ialah dengan mengubah pengaturan berbagi ( share ) file dalam Google Drive sebagai berikut : Pilih (centang) file yang akan dibagi ( share ) dalam Google Drive, kemudian klik pilihan menu More --> Share --> Share . Kemudian akan muncul pengaturan berbagi file dan link berbagi ( share ) sebagai berikut : Kemudian ubah akses file Google Drive di atas menjadi public . Sehingga menjadi seperti ini, kemudian kopi link yang disediakan Google Drive. Untuk membuat link download dari google drive : Perhatikan link yang telah dikopi : https://drive.google.com/file/d/ 0B-wrkvPrI0SQM1RiandK...

Membuat Gadget/Widget Menu Tab Blogger (Blogspot)

Gambar
Gadget/Widget Tab Blogger (Blogspot) sangat berguna untuk mempercantik tampilan blog yaitu untuk menyatukan tata letak beberapa gadget/widget menjadi satu lokasi dengan navigasi menu tab horizontal. Hal ini dapat meringkas tampilan beberapa gadget/widget blog/website menjadi satu gadget/widget dengan menu tab horizontal. Berikut ialah langkah-langkah membuat gadget/widget menu tab blogger (blogspot) : Buka dashboard blogger (blogspot). Pilih menu tata letak ( layout ). Buat gadget/widget html baru dan letakkan di atas gadget/widget yang akan disembunyikan/diringkas dalam menu tab. Masukkan kode berikut pada gadget/widget html yang baru dibuat : <style type='text/css'>.tabber{padding:0!important;border:0 solid #bbb}.tabber h2{float:left;margin:0 1px 0 0;font-size:12px;padding:3px 5px;border:1px solid #bbb;margin-bottom:-1px;overflow:hidden;position:relative;background:#f5f5f5;cursor:pointer;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}html .tabber h2.active{ba...

Membuat Daftar Isi Otomatis Akordion Berdasar Label Blogger (Blogspot)

Gambar
Daftar isi otomatis akordion berdasar label merupakan tampilan daftar isi blog/website yang indah dan dinamis untuk ditampilkan. Untuk membuatnya, maka berikut ialah langkah-langkahnya : Masuk halaman dashboard blogger (blogspot). Pilih menu template. Pilih edit html. Pastikan blog/website sudah terdapat kode untuk memuat jQuery dengan cara mencari (tekan Ctrl + F pada teks kode html) kode berikut di elemen html blog/website : <script src='//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/> Jika belum terdapat kode di atas pada elemen html blog/website, maka masukkan kode di atas sebelum kode </head> html. Klik simpan ( save ). Pilih menu halaman dan buat halaman statis ( blank page ) baru. Beri judul halaman statis blog/website. Pilih tab html dan masukkan kode berikut : <style type="text/css">#daftar-isi{background-color:#333;border:2px solid #fafafa;color:#fff;margin-bottom:10px;-webkit-box-shadow:0 1px 2px #000;-moz-box-shadow:0 1px ...

Membuat Daftar Isi Otomatis Berdasar Label Blogger (Blogspot)

Gambar
Daftar isi otomatis berguna untuk membuat sitemap (peta situs) maupun arsip blog berdasarkan label. Daftar isi otomatis berdasarkan label blogger (blogspot) juga menambahkan keterangan bilmana suatu artikel merupakan artikel baru, sehingga memudahkan pembaca/pengunjung mengetahui artikel terbaru blog/website. Langkah-langkah membuat daftar isi otomatis berdasar label blogger (blogspot) antara lain : Buka dashboard blogger (blogspot). Kopi kode berikut : <script src="https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/daftarisi.js"></script><script src="http:// desainblogmudah.blogspot.com /feeds/posts/default?max-results=99999&alt=json-in-script&callback=loadtoc"></script> Paste kode di atas pada widget/gadget maupun halaman statis blog/website. Sesuaikan kode berwarna kuning di atas dengan url domain blog/website. Klik simpan ( save/publish ). Muat ulang halaman blog/website. Selesai.

Menghilangkan Link Langganan Entry Atom Blogger (Blogspot)

Gambar
Link Langganan Entri Atom biasanya terdapat di bawah halaman isi artikel yang berfungsi untuk memudahkan pembaca/pengunjung berlangganan artikel dari blog/website. Untuk menghilangkan link langganan entri atom, maka berikut ialah langkah-langkahnya : Masuk ke dashboard blogger. Pilih menu template. Pilih edit html. Letakkan kursor pada kode teks html. Cari (tekan Ctrl + F) kode berikut :     <!-- navigation -->     <b:include name='nextprev'/>     <!-- feed links -->     <b:include name='feedLinks'/> Hapus kode berwarna kuning di atas (kode  <b:include name='feedLinks'/>). Klik simpan ( save ). Muat ulang halaman artikel blog/website. Selesai.