Tutorial Blog

SEO

SEO

Tutorial Desain Grafis

Tutorial Video Editing

Recent Posts

Cara Menambah Kolom Atau Sidebar Di Blog (Basic)

4:11 AM Add Comment

Jika anda baru memiliki blog, mungkin tampilan template bawaan blog belum cukup memuaskan bagi anda. Dan anda merasa ingin menambah sidebar atau kolom di blog yang mungkin sebelumnya hanya disediakan satu sidebar atau kolom baik itu sebelah kiri maupun kanan.

Bagi anda pemula, sebenarnya cara untuk menambah kolom sidebar dan footer sangat mudah. Pertama silahkan masuk ke Dasbor blogger anda kemudian pilih halaman menu Template kemudian klik tombol Sesuaikan. Anda akan diarahkan ke halaman Perancang Template Blog.



Kemudian pilih menu Tata Letak dan pilih sesuai selera anda. Disini anda juga dapat memindahkan atau mengatur widget-widget anda. Jika sudah kemudian klik tombol Terapkan Di Blog.

Cara Mengatur Lebar Ukuran Kolom dan Blog

3:45 AM Add Comment

Masih di halaman Perancang Template Blog. Kali ini kita mencoba kembali mengkreasikan tampilan blog kita. kali ini kita akan mengotak-atik ukuran kolom yang ada di blog kita. Juga seperti tutorial lainnya, tutorial kali ni cukup mudah.

Untuk mengakses  Perancang Template Blog silahkan masuk ke Dasbor blogger anda kemudian pilih halaman menu Template kemudian klik tombol Sesuaikan.



Kemudian pilih menu Sesuaikan Lebar. Anda kemudian akan disuguhi halam kontrol. Kontrol biasanya memuat pilihat untuk ukuran Seluruh Blog dan Bilah (Sidebar). Ukuran Seluruh Blog adalah untuk mengatur ukuran blog akan tampil di web dan ukuran bilah akan mengatur lebarnya sidebar.

Cara Mengganti/Upload Gambar Background (latar) Blog

2:54 AM Add Comment

Jika anda adalah orang yang begitu kreatif dan selalu mempertimbangkan nilai estetika. Maka tentu di setiap karya anda dimaksimalkan secara totalitas agar selalu berkesan.

Begitu juga dengan blog, dan kali ini kita akan mempelajari tutorial bagaimana cara mengupload ataupun mengganti tampilan background/latar belakang blog kita.

Caranya cukup mudah, pertama masuklah ke Dasbor blogger anda kemudian pilih halaman menu Template kemudian klik tombol Sesuaikan.

Kemudian anda akan diarahkan halaman Perancang Tampilan Blog. Kemudian pilih menu Latar Belakang atau Background. 



lalu klik pada icon "panah kebawah" seperti yang dilingkari pada gambar. Kemudian anda akan muncul pop-up seperti dibawah ini.



Klik Unggah Gambar dan klik Choose File lalu upload. Ketika sudah di Upload kemduian Klik Selesai. Kemudian klik tombol Terapkan Ke Blog pada kanan atas jendela.

Cara Mengganti Template Blog (Basic)

2:14 AM Add Comment

Kali ini saya akan berbagi tutorial bagaimana cara mengganti template blog. Tutorial kali ini merupakan tutorial basic (dasar) khusus untuk para blogger pemula.

Cara mengganti template blog cukup mudah. Masuk ke halaman Dasbor blog anda kemudian pilih menu Template. Anda kemudian akan diarahkan ke halaman berikut.



Scroll ke bawah untuk melihat saran-saran tampilan blog yang tersortir dari beberapa tema seperti sederhana, dinamis, PT keren, Jendela Gambar, dll.




Pilih salah satu tampilan template lalu klik dan akan muncul pop-up seperti dibawah ini. klik Terapkan Ke Blog jika anda ingin langsung memasangkan ke blog anda atau klik Sesuaikan jika anda ingin mengdesain terlebih dahulu. Anda Akan diarahkan ke halaman Perancang Blog.

Cara Mengedit & Desain Tampilan Blog

1:08 AM Add Comment
Hay para blogger pemula, selamat datang di The Tutor ID. Kali ini saya akan membagikan tutorial bagaimana cara untuk mendesain ataupun mengedit tampilan blog kita.

Terkadang tampilan blog kita belum memuaskan seperti yang kita inginkan. oleh karenanya yuk kita edit tampilan blog kita agar tampil dengan sesuai keinginan kita, sehingga kitapun semangat untuk blogging.

Nah, dalam mendesain blog ada 2 cara. Pertama, dengan memanfaatkan tools yang sudah disediakan blog. Disini cukup mudah dalam mengedit tampilan blog kita, hanya dengan memilih pilihan tombol yang telah ditampilkan dan kita tinggal mengkreasikannya. Untuk mengakses tools pengeditan ini silahkan masuk ke Dasbor blog anda lalu klik Template dan pilih Sesuaikan.



Selanjutnya akan diarahkan ke halaman pengeditan seperti dibawah ini. Di halaman ini ada banyak pilihan pengeditan seperti:
  • Template, disini kita dapat mengubah tampilan template blog kita dengan pilihan yang telah disediakan oleh blogger.
  • Latar Belakang, disini kita dapat mengubah gambar latar atau background dengan gambar yang kita ingini dengan menguploadnya ataupun dengan mengunnakan gambar yang telah disediakan oleh blogger.
  • Sesuaikan Lebar, disini kita dapat mengontrol dan mengubah ukuran lebar blog kita.
  • Tata Letak, sama dengan tampilan menu layout atau Tata letak pada halaman dasbor. Kita dapat memindahkan widget.
  • Tingkat Lanjut, merupakan halam edit lanjutan disini kita dapat merubah jenis font/tulisan, warna, dan ukuran.

Inilah tampilan halaman edit blogger. Perlu diketahui, aplikasi ini hanya bisa digunakan bagi pemakai template bawaan blog. Jika anda menggunakan template eksternal yang anda download gratis atau anda beli kemungkinan tidak kompatibel dengan aplikasi ini dengan kata lain anda tidak bisa mengedit disini. Namun, ada juga beberapa template berbayar yang bisa menggunakan aplikasi ini untuk mengedit tampilan.

Lalu jika menggunakan template yang bukan bawaan blogger tidak bisa diedit tampilannya, bagaimana kita bisa mengkresikan tampilan blog kita?

Nah cara yang kedua adalah dengan memanfaatkan fasilitas coding HTML. Cara aksesnya silahkan masuk ke Dasbor blog anda lalu klik Template dan pilih Edit HTML. Anda akan diarahkan ke halaman pengeditan HTML dan CSS seperti dibawah ini.


Ini merupakan tampilan halaman editing HTML dan CSS. Cara pengoprasiannya cukup rumit bagi anda blogger pemula. Beda dengan pengeditan basic seperti diatas yang pilihannya tinggal mengeklik tombol. Untuk pengeditan advanced ini anda harus memahami bahasa pemograman HTML dan CSS. Namun jangan khawatir, seorang yang sukses itu akan selalu mencoba. Silahkan saja anda kotak-katik kode pemogramannya sembari belajar secara otodidak. Tidak perlu takut, anda bisa membaca tutorialnya di blog ini.

Mengenal Tata Letak Blog dan Widget

5:34 AM Add Comment

Oke guys kali ini kita akan membahas tata letak dan widget, tepatnya lebih kepada perkenalan dua nama ini.

Tata letak merupakan susunan elemen tampilan pada blog kita. Disinilah tempat mengatur widget kita. Lalu, apa itu widget?. Widget bisa diistilahkan dengan gadget, atau simpelnya fitur yang dapat digunakan oleh blog. Pada web Blogspot sendiri widget memiliki Istilah yang bermacam-macam untuk widget seperti: portlet, gadget, badge, webjit, capsule, snippet, dll.

Pada blog widget dibuat menggunakan bahasa pemograman HTML, Javascript, dan CSS. Bagi saya widget dibagi dua. Ada internal dan ada eksternal.

Widget internal merupakan widget yang sudah disediakan oleh blogger, dan itu merupakan widget dasar. Widget eksternal merupakan widget yang dibuat dengan coding bahasa pemograman untuk menciptakan fitur sebuah widget (ya, seperti buat software gitu). Widget eksternal banyak tersedia di internet. Kita menggunakan widget eksternal ini untuk menambah kesan menarik di blog kita (karena widget bawaan blogger terlalu mainstream).

Mengenal Elemen Tata Letak Blogger

Untuk mengakses menu tata letak sangat mudah. Ia berada didalam menu dasbor blog kita dibawah menu kampanye dan template.

Berikut adalah tampilan dari menu tata letak. Perlu diperhatikan, tampilan akan tampak berbeda. Itu tergantung template yang anda gunakan serta desain yang anda terapkan.



Bagi blogger pemula yang masih menggunakan template bawaan blogger beginilah kurang lebih tampilan dari tata letak blognya. Mari kita ulas satu persatu.

1. Header

Header merupakan bagian kepala blog, untuk penformatan CSS dengan nama #Header-Wrapper. Header wrapper ini sangat penting karena disiinilah settingan identitas blog itu sendiri. Apa aja yang ada di header wrapper ini?

Favicon, Fav icon merupakan icon blog yang akan muncul di nama tab jendela browser kita. Jelasnya seperti gambar ini. Icon blog ini dapat kita ubah sesuai dengan keinginan kita. In Sya Allah akan kita buatkan tutorialnya (sabar ya).

Mengenal Tata Letak Blog dan Widget

Nav Bar, navigation bar merupakan frame bar navigasi bawaan blogger berisi beberapa menu dan mempunyai kegunaan masing-masing. fungsi-fungsi pada navbar blog sangat membantu kita dalam ngeblog di blogger.

Header, Di header ini kita dapat merubah nama blog beserta deskripsinya serta juga setelan yang kita inginkan. Kita juga bisa mengubah hedaer dengan gambar. Google akan mengindex halaman blog itu sesuai dengan judul atau deskripsi yang di pasang pada blog kita yang berada pada bagian Header ini. Buatlah judul Blog anda yang menarik dan beda dari yang lainnya, agar blog anda mudah di index oleh google, karena google menyukai sesuatu yang unik dan beda.

Selain ketiga diatas ada juga laman dan sebagainya. Intinya segala widget yang dipasang di bagian header termasuk ke dalam elemen header wrapper.

2. Main

Main atau postingan blog yang penformatan CSS adalah #main-wrapper. Merupakan letak dimana artikel postingan kita berada.

3. Sidebar

Merupakan bar yang berada di sisi main wrapper. Ada sidebar kanan dan ada sidebar kiri, itu tegantung desain dari blognya. Sidebar yang penformatan CSS dengan nama #sidebar-wrapper merupakan space khusus untuk widget kita (walaupun widget bisa muncul di header, main, dan footer).

Nah kedua element diatas main wrapper dan sidebar wrapper ini dalam penformatan CSS dikenal dengan istilah #content-wrapper atau #outer-wrapper.

4. Footer

Footer merupakan space elemen yang terletak pada bawah/kaki blog. Dalam penformatan CSS dikenal dengan istilah #footer-wrapper. Biasanya pada bagian footer ini berisikan tentang informasi hak cipta atau nama si pemilik blog itu sendiri.

Catatan:
Pengenalan diatas merupakan dari tampilan template bawaan blogger. Tampilan tata letak tentu akan berbeda jika anda memasang template sendiri/buatan. Namun secara umum tetap sama dimana mereka memiliki header wrapper, main wrapper, sidebar wrapper, dan footer wrapper.

Istilah:
  • CSS adalah kependekan dari Cascading Style Sheet. CSS merupakan salah satu kode pemrograman yang bertujuan untuk menghias dan mengatur gaya tampilan/layout halaman web supaya lebih elegan dan menarik. CSS adalah sebuah teknologi internet yang direkomendasikan oleh World Wide Web Consortium atau W3C pada tahun 1996. CSS dapat ditemui dalam setelan template HTML blog kita.

Cara membuat 'Read More' atau 'Baca Selengkapnya' Secara Manual di Blog

2:47 AM Add Comment

Bagi anda yang blogger pemula pastinya anda akan menemukan postingan artikel di halaman berada anda tampil seutuhnya. Terkadang anda juga merasa binggung kenapa bergitu berbeda dengan blog lainnya. Pada blog lain postngan di halaman depan (home) hanya muncul sekilas saja dengan cuplikannya serta dilengkapi dengan tombol atau link read more.. atau baca selengkapnya..

Nah, kali ini bagi anda yang pemula. kita akan belajar tutorial bagaimana caranya untuk membuat read more atau baca selengkapnya di blog sobat bimbel sekalian.

Sebelumnya apa sih itu read more atau baca selengkapnya?. Dikenal juga dengan nama jump break, yaitu tool fitur yang digunakan supaya tampilan blog pada halaman depan tampil rapi dengan hanya menampilkan cuplikan artikel dengan sekilas saja.

Untuk cara membuatnya sangat mudah untuk metode manual ini. Sebelumnya pastikan anda sudah masuk ke dasbor blogger anda sudah masuk ke halaman daftar entry.


Cara membuat 'Read More' atau 'Baca Selengkapnya' Secara Manual di Blog

Pilih postingan yang sudah terpublikasi itu kemudian klik Edit. Kemudian anda akan diarahkan ke halaman kerja anda.

Kemudian pilihkan paragraf yang akan digunakan tool read more. Kemudian klik tombol Insert Jump Break(disamping tombol insert video dan allighment). Maka kemudian akan muncul garis memanjang dan berputus. Itu tandanya paragraf diatas akan muncul dihalam depan blog. Dan paragraf dibawah sudah dihilangkan (tidak ditampilakan). Postingan sepenuhnya akan ditampilkan jika tombol/url Read More di klik.

Cara membuat 'Read More' atau 'Baca Selengkapnya' Secara Manual di Blog

Begitu pula saat anda membuat artikel baru. Sebelum mempublis postingannya, sematkan Jump Break pada paragraf yang dipilih.

Selain read more dan baca selengkapnya, anda juga bisa mengubah bahasa sesuai selera anda. caranya masuk ke halaman Tata Letak kemudian pada kolom Main (Potingan Blog) klik pada tulisan edit. Kemudian akan muncul popup widget, dan pada kolom Teks Tautan Laman Entri slahkan diganti sesuai dengan selera anda dan jangan lupa untuk klik Simpan/Save


Untuk tutorial yang lebih jelas selengkapnya silahkan saksikan video tutorial berikut dibawah ini.