Tutor Sebaya

Cara Membuat Sitemap Responsif di Blog

noreply@blogger.com (M. Farhan Faturrochman) — Wed, 13 Apr 2016 15:58:00 -0700

Sitemap merupakan salah satu hal yang penting dimiliki suatu Blog, mengapa? karena sitemap merupakan sebuah hal yang dapat menunjukan seluruh isi berupa artikel yang ada di suatu Blog. Dengan itu, pengunjung akan mengetahui seberapa banyak artikel Blog kita dengan labels yang ditunjukkan yang menandakan kategori artikel kita tersebut.

Selain memudahkan pencarian artikel, kita juga jadi tidak perlu memasang widget 'Arsip Blog' yang dikenal memiliki waktu yang lama untuk memuat nya.

Berikut akan saya sajikan cara membuat Sitemap yang responsif di Blogger:

1. Buka Template > Edit HTML

2. Cari kode </style>

3. Copy kode dibawah ini, lalu paste tepat diatas kode </style>

/* CSS Full Sitemap */

#bp_toc {background:#0F4AB9;color:#666;margin:0 auto;padding:5px;}

span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#F6F5F2;font-family:'Open Sans';font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}

.toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}

.toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}

.toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}

.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px;

text-decoration:none;color:#aaa;font-family:'Open Sans';font-weight:700;letter-spacing: 0.5px;}

.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {

text-decoration:none;}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}

.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}

.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#e76e66;}

#bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}

.toc-entry-col1 {counter-increment:rowNumber;}

#bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}

td.toc-entry-col2 {background:#fafafa;}

3. Menuju Tata Letak > Tambah Gadget > HTML/Javascript > Copy dan Paste kode berikut

<div id="bp_toc" style="max-height: 1300px; overflow-x: auto; overflow: scroll;">

</div>

<script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/sitemap-content.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=loadtoc" type="text/javascript"></script>

<style scoped="" type="text/css">

#comments {display:none;}

</style>

4. Simpan, dan Lihat Hasilnya!!

Nah tetapi, pada kode CSS untuk Sitemap yang saya berikan masih berwarna Biru seperti yang di Blog saya ini. Tetapi kalian jangan khawatir! kalian bisa mengubah warna tersebut dengan mengganti kode warna Biru pada kode diatas dengan kode HTML warna sesuai yang kalian inginkan untuk mengganti Background nya, dan mengganti kode warna Kuning untuk mengganti judul sitemap tersebut. Dengan itu kalian dapat menyesuaikan warna sesuai dengan tema blog kalian.

Kode Script ini saya dapatkan dari empu dari template ini, dan saya ucapkan terima kasih kepada Mbak Lina
Sekian tutorial dari saya, semoga bermanfaat.

Cara menghemat Batre atau Baterai di iPhone

noreply@blogger.com (M. Farhan Faturrochman) — Wed, 13 Apr 2016 02:53:00 -0700

iPhone merupakan ponsel masa kini yang memiliki teknologi yang sangat responsif. Dan dikeluarkan oleh Perusahaan Apple Inc. bersamaan dengan produk iPad, iPod, dan iMac.
Nah, kali ini saya akan memberikan Cara menghemat Baterai iPhone sobat agar tidak memakan banyak energi. Mungkin dari tips atau trik berikut tidak banyak orang yang mengetahui bahkan menyepelekan. Untuk itu apasalahnya kalau kita mencoba untuk berusaha menghemat bukan? hehe
Sistem Operasi (OS) yang saya gunakan kali ini yaitu iOS 9.3.1, kalau di Ponsel saya sih merukapan yang Up to date, karena saya menggunakan iPhone 4s hehe

1. Aktifkan fitur Reduce Motion

Sebagian orang yang memakai iPhone masih belum tahu kalau hal ini pun dapat menghemat baterai. Kalian pasti bertanya 'Apakah efeknya jika diaktifkan?' jawabannya ialah yang terjadi nanti saat iPhone kalian melakukan pindah dari satu Aplikasi ke Aplikasi lain tidak ada efek seperti halnya pindah Halaman atau seperti halnya kamera yang di Zoom. Tetapi akan menjadi simple dan biasa, dan saya sarankan juga untuk Ponsel yang memilki memori dan RAM kecil, sebaiknya mengaktifkan fitur ini agar tidak terlihat ngelag atau macet pada saat pindah Aplikasi.
Back to the point, "Bagaimana caranya?"
Ini nihh caranya:
Settings > General > Accessibility > Reduce Motion > Pilih "On"

2. Turunkan Kecerahan Layar

Orang satu dengan yang lain mungkin memiliki kekuatan fokus mata yang berbeda, akibanya memiliki standar Kecerahan (Brightness) pada ponsel yang berbeda. Tetapi, untuk menghemat baterai ponsel alangkah baiknya untuk merendahkan pada Brightness, tetapi jangan terlalu rendah juga nanti tidak terlihat hehe, silahkan diatur sesuai kenyamanan masing-masing.
caranya cukup mudah tentunya yaitu geser layar dari bawah keatas, lalu tinggal geser kanan untuk menambhkan kecerahan dan kiri untuk menurunkan kecerahan.

3. Set Background-App Refresh seperlunya

Disini kalian harus memilih dan memilah mana saja Aplikasi yang menurut kalian penting untuk mendapatkan data ketika kalian tidak mengoperasikannya. Dalam arti Aplikasi tersebut tetap mendapatkan atau diizinkan untuk 'Refresh' atau 'Update' walau dalam keadaan tertutup yang tentunya akan memakan banyak energi pada baterai. Untuk itu silahkan mengaturnya dengan cara:
Settings > General > Background-App Refresh

4. Matikan fitur 3G / 4G ketika sedang tidak dibutuhkan

Apabila kalian mengoperasikan ponsel hanya saat untuk menunggu pesan atau chat dari seseorang, sebaiknya anda matikan fitur 3G/4G agar tidak memakan banyak baterai, kecuali ketika anda melakukan chat, lawan chat kalian melakukan pengiriman foto atau video maka dari itu fitur 3G/4G sangat diperlukan. Caranya cukup simpel juga yaitu
Settings > Celluler > Celluler Data Options > Matikan 3G/4G

5. Matikan Notifikasi Getar
Getar merupakan sebuah simbol yang diperlukan untuk telpon atau alarm, karena hal tersebut sangat penting untuk mendapatkan respon yang sangat cepat. Tetapi untuk pesan singkat sekiranya atur agar hanya dapat meneluarkan suara saja, apalagi group chat kalaubisa jangan berikan izin untuk memunculkan Badge untuk notiikasi. Cara mengaturnya yaitu
Settings > Notifications > Pilih Aplikasi dan Hak mereka dalam melakukan pemberitahuan

Sekian Tutorial dari saya kali ini, semoga bermanfaat.

Cara Membuat Blog di Wordpress

noreply@blogger.com (M. Farhan Faturrochman) — Tue, 12 Apr 2016 16:16:00 -0700

Pada kali ini saya akan memberikan paparan mengenai Tutorial membuat Wordpress bagi para pemula yang khususnya ingin mencoba 'hal yang menantang' dalam Blogging.

Mengapa saya katakan Wordpress ini 'hal yang menantang'? karena Wordpress sendiri merupakan platform untuk blog yang menyediakan fitur-fitur yang lengkap seperti halnya kita menggunakan atau menjadi seorang webmaster. Dikarenakan platform ini berbasis opensource, dan hal itulah yang menjadikan Wordpress lebih dinikmati oleh para Bloggers dibandingkan dengan platform lain.

Pertama-tama, saya akan buktikan agar kalian makin menginginkan untuk menjadi bagian dari Wordpress-ers. ini dia salah satu web profesional yang menggunakan platform Wordpress sebagai penyedia layanan mereka, seperti halnya Si Juki, CaptainCreative, dll.

Mari kita langsung bahas mengenai cara pendaftaran nya,

Akses halaman www.wordpress.com, maka nanti kalian akan memiliki tampilan seperti ini:
Klik "Buat Situs Web"
Selanjutnya kalian akan dialihkan ke halaman dimana kalian diharuskan memilih domain kalian, isikan domain yang kalian inginkan untuk web atau blog yang kalian buat, seperti ini:
Setelah memilih domain, kalian akan diharuskan memilih Paket dalam penyediaan layanan Wordpress, saran saya sih kalau kalian masih coba-coba mending ambil yang gratis aja dulu hehe, baru nanti apabila kalian ingin menggeluti fitur-fitur khusus kalian bisa beli dengan harga yang tersedia.
Terakhir, kalian diwajibkan untuk membuat akun Wordpress, dengan memasukan Email, Username, dan Password. nahh.. pembuatan Password disini agak rumit, buatlah password yang agak sulit tetapi mudah diingat.
Tadaaa... kalian langsung dialihkan ke halaman Dasbor web atau blog kalian seperti ini

Sekian pembahasan tutorial dari saya mengenai Wordpress, semoga bermanfaat.

Cara Membuat Blog di Blogger (Blogspot)

noreply@blogger.com (M. Farhan Faturrochman) — Tue, 12 Apr 2016 07:09:00 -0700

Selamat Malam Sobat Sebaya! Pada kesempatan kali ini sekaligus juga sebagai artikel Pertamax di Blog Tutor Sebaya ini, saya akan memberikan Tutorial tentang Cara membuat blog secara gratis. Dikarenakan latarbelakang blog ini merupakan hasil dari mendaftar di Blog juga lhoo..

Pertama-tama sebelum kita menuju cara membuat Blog, mari kita cari tahu kira-kira apa itu Blog?

nah, ini dia.. saya mengutip definisi dari blog dari Wikipedia.

Blog merupakan singkatan dari web log adalah bentuk aplikasi web yang berbentuk tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web.

Setelah mengetahui definisi dari Blog mungkin sebagian dari Sobat Sebaya akan bertanya-tanya, apa sih Perbedaan antara Website dengan Blog?
Nah.. pertanyaan itu juga dahulu menghantui saya sampai-sampai saya tidak bisa membedakan antar kedua hal tersebut, padahal sekarang perbedaan kedua hal tersebut ternyata sangat tampak. Mungkin nanti saya akan bahas mengenai "Perbendaan Antara Blog dan Website".

Sebetulnya Blog sendiri banyak platform yang menyediakan fasilitas Hosting untuk data-data yang tersimpan dalam Blog tersebut, seperti contohnya yaitu Blogger, Wordpress, Tumblr, Weebly, Blog.com, dll.
Tetapi, menurut saya pribadi sih lebih suka menggunakan platform Blogger dikarenakan sangat mudah dalam mengatur tampilan dan tidak membingungkan juga bagi para pemula.
Nah.. kesempatan kali ini kita akan membahas bagaimana membuat Blog dengan platform Blogger.

Buka website Blogger, dengan akses www.blogger.com atau www.blogspot.com. nantinya akan ada tampilan seperti ini:
Login menggunakan Google Mail (Gmail) atau yang belum punya silahkan mendaftar terlebih dahulu disini.
Setelah log in, kalian akan dialihkan ke halaman Dasbor, lalu dilanjut dengan klik "Blog Baru" maka akan ada tampilan seperti ini:
Pada kolom "Judul" isikan tentang Judul Blog yang ingin kalian buat! semisal saya ingin membuat blog tentang Curhatan Hati, maka saya akan mengisikan Judul yaitu Curhatan Hati Sang Budjang hehe
Pada kolom alamat, silahkan isi alamat Blog kalian yang diinginkan, alamat tersebut nantinya akan digunakan sebagai identitas Blog kalian untuk diakses saat di browser nanti.
Pilih template yang menurut kalian cocok, nah.. pilihan template awal mungkin cukup sederhana. Tapi jangan khawatir.. nanti kalian bisa mengganti dengan template yang bermacam variasi kok dengan menggantinya dengan template yang dapat kalian download di berbagai website baik yang gratis maupun yang premium.
Terakhir, klik "Buat Blog", dan tada.. kalian langsung diarahkan ke Backstage dari Blog kalian.