Selasa, 27 September 2016

Tutorial Blogger Lengkap

Part 1 : Cara Membuat Blog Blogspot Dari Awal

Era media sosial saat ini, sebagai manusia kita dituntut agar tak ketinggalan dengan kemajuan teknologi. Blog sebenarnya bukanlah barang baru. Saya mengenal blog sebelum Blogger diakui oleh google dan hingga sekarang masih ngeblog.
Mari kita belajar sama-sama. Pertama-tama kita buat email gmail dulu (syarat mutlak) saya pikir semuanya sudah tahu membuat gmail. Kalau masih ada yang belum tahu, cari saja di google, pasti banyak. Setelah punya gmail, selanjutnya kita ikuti langkah berikut ini. :

1. Dibrowser anda ketikan blogger.com. Setelah mengisikan email yang telah anda buat sebelumnya, langkah kedua dilakukan.


2. Dilangkah ini gampang saja, langsung klik 'Lanjutkan ke Blogger'

3. Akan tampil gambar seperti berikut. Anda langsung klik 'Blog Baru' saja.


4. Setelah mengisi 'Judul' dan 'Alamat' lalu pilih salah satu 'Template' yang disediakan. Di blog ini kita pilih tema sederhana. Setelah itu, klik 'Buat Blog!'.
Penjelasan : Judul adalah nama blog anda, seperti blog ini 'Cara Blog' sementara Alamat adalah URL, seperti blog ini alamatnya adalah blogoooblok.blogspot.com


5. Jadilah blognya, seperti ini tampilan awalnya, kosong bukan, tapi sekarang sudah ada, karena Anda sudah membaca tulisan ini.

 

Part 2 : Cara Mudah Mengganti Tampilan Blogspot

Banyak blogger yang tidak mau susah payah mendesain atau mengutak atik tampilan blognya. Apalagi template bawaan blogspot bagi sebagian orang tidak menarik sehingga cenderung mengambil template jadi yang telah dimodifikasi oleh webmaster lain.

Padahal template bawaan blogspot saat dimodifikasi juga bisa tampil menarik, seperti blog ini. hehe

Hanya saja, tidak semua juga paham bagaimana mengganti tampilan tersebut sesuai dengan keinginan. Maka dari itu dalam postingan ini, kita akan membahas bagaimana mengganti tampilan blogspot dengan template jadi milik orang lain.

Berikut ini langkah-langkah mengganti tampilan blogspot :
  • Pertama-tama yang harus dilakukan adalah mendownload template yang akan digunakan. Di luar sana ada banyak pilihan, saya tidak menyarankan situs mana pun, silahkan cari melalui mesin pencari Google. Usahakan file sudah dalam bentuk XML.
  • Setelah memilih template yang clean, fast loading dan SEO Friendly. Ada baiknya Anda mengenali dulu template yang akan digunakan, baca review templatenya kalau ada dan sebisa mungkin Test ke-SEO-an demo templatenya di Chkme serta test loadingnya di GTMetrix.
  • Jika semua telah sesuai, selanjutnya login ke blogspot Anda. Pada contoh kali ini, bloGoooblok ~ mencobanya disalah satu blog tentang film dengan template magazine.
  • Klik Template atau Tampilan pada Dashboard
  • Klik menu Backup/Restore (Cadangkan/Pulihkan) di bagian kanan atas Dashboard Blog.
  • Klik Choose File / Pilih File. Klik file ekstensi XML yang sudah didownload/diekstrak.
  • Klik Upload (Unggah) dan tunggu hingga selesai.
Gimana, mudah bukan!

Kelihatannya sih mudah. Namun hampir semua template jadi membawa pengaturan bawaan yang selanjutnya harus diubah. Olehnya itu, harus dilakukan lagi beberapa tahap berikut ini :
  • Jika di template baru Anda ada logo gambar silahkan menggantinya dengan logo versi Anda di menu Lay Out (Tata Letak) > Header. Kadang-kadang ada template yang logonya di dalam (kode HTML), cari file tersebut dan ganti dengan URL logo Anda.
  • Ganti nama-nama menu dan link-nya dengan menu yang Anda inginkan. Caranya, klik Template > Edit HTML > cari menu tersebut (CTRL+F) dan Ganti/Ubah.
  • Kadang-kadang ada template yang menu HOME-nya menggunakan link desainer template. Cek menu dan link home di dalam template. Jika linknya seperti ini, <a href='/'>HOME</a>, tidak usah diubah, sudah benar.
  • Anda bisa mengganti warna huruf dan warna lainnya dengan mengganti kode warna yang ada.
  • Cek link RSS Feed/Subscribe, apakah masih kosong atau menggunakan FeedBurner ID yang lain. Ganti dengan FeedBurner ID Anda.
  • Cek juga link SEARCH (jika ada). Arahkan link searchnya ke blog Anda (jika ada nama blog lain, ganti dengan nama blog Anda). Misalnya, ada kode begini: <form id="searchform" action="http://blogoooblok.blogspot.com/search".../>, maka tulisan merah itu silahkan diganti dengan nama blog Anda.
  • Cek link footer bagian "Copyright (c) Tahun NAMA BLOG. All right reserved", apakah sudah mengarah ke nama blog Anda atau ke nama blog lain. Jika yang muncul nama blog lain, misalnya nama template, ganti dengan nama blog Anda. Umumnya sih sudah mengarah ke nama blog Anda. Tapi ada juga yang menggunakan nama template. Harus diperhatikan ada beberapa penyedia template yang keberatan link footer ini diubah, jika demikian biarkan saja.
Disatu sisi, merubah tampilan blog dengan template jadi milik orang lain adalah langkah mudah, namun ada baiknya sebagai blogger harusnya menggunakan blog dengan tampilan hasil kerja tangan sendiri. Selain sesuai dengan keinginan, kita juga bisa lebih pintar.

 

Part 3 : Cara Mudah Membuat Sitemap di Blogger

Menghadirkan sitemap pada blog punya keuntungan tersendiri, karena akan memudahkan pengunjung mencari artikel lainnya dalam blog.

Namun karena blogspot tidak menyediakan layanan ini secara defuld, maka sebagai pemilik kita diberi kesempatan membuatnya. Dalam tulisan ini kita akan buat sitemap di blogger dengan mudah.
Selanjutnya mari kita buat.

Seperti biasa, pertama-tama login ke blogger Anda. Pilih 'Laman'. (Lihat Gambar).

 Lalu klik 'Laman Baru' pilih 'Laman Kosong'


Jika telah terbuka. Isikan 'Judul laman' sesuai dengan keinginan Anda. Sebagai contoh dalam blog ini kita gunakan kata 'Sitemap'. Setelah itu klik 'HTML'.


Masukkan script HTML berikut, copy paste saja.

<script src="https://sites.google.com/site/script4shared/sitemap.js"></script><script src="http://blogoooblok.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Tulisan berwarna merah pada script diatas Anda rubah menjadi alamat blog Anda. Jika sudah, silahkan publikasikan. Tapi jika tak merasa yakin, silahkan klik 'Pratinjau' dulu. Jika sudah oke, 'Publikasikan' deh...

Dengan menggunakan script diatas, maka tampilannya akan memanjang terus kebawah, seperti gambar ini.


Untuk menggunakan sitemap berbeda, kita juga bisa menggunakan skrip ini, (ganti kode yang berwarnah merah dengan blog Anda)

<div style="background-color: #dde1e3; border: 1px solid #999999; height: 100px; overflow: auto; padding: 10px; width: 100%px;">
<script src="https://sites.google.com/site/script4shared/sitemap.js"></script><script src="http://blogoooblok.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>

Tampilannya seperti ini:


Untuk yang kedua ini lebih dinamis dengan kolom, dan scroll. Ini memungkinkan bagi pemilik blog yang telah memiliki banyak postingan. Silahkan dipilih, mana yang cocok dengan kepribadian Anda. Gimana mudah kan...!

 

Part 4 : Cara Menampilkan Kolom Komentar Google+

Secara defuld blogspot menampilkan kolom komentar yang sudah terkoneksi dan tanpap indah. Namun beberapa blogger merasa tidak nyaman dengan kolom komentar pada blogspot.

Sebenarnya ada banyak pilihan bagi blogger untuk menggunakan kolom komentar, salah satu pilihan adalah menggunakan kolom komentar dari Google+. Bagi mereka yang selama ini lebih aktif bersosial media menggunakan Google+ sangat cocok menggunakan kolom komentar ini di blognya.

Namun bagi beberapa orang, memasang kolom komentar Google+ adalah perkara sulit, padahal pilihan ini sudah diinterkoneksikan dengan blogspot. Cara memasangnya pun cukup mudah.

Olehnya itu, pada postingan blogoooblok kali ini kita akan membahas cara memasan kolom komentar di blog. Secara umum penggunaan kolom komentar Google+ sangat membantu, utamanya bagi search enggine.

Baiklah berikut cara-caranya :

  • Login ke dasbor blog Anda. 
  •  Lalu pilih tab Google+ lalu centang Gunakan Google+ Komentar di blog Ini. (lihat gambar). 




  • Setelah itu refres blog Anda dan buka satu postingan, kolom komentar Google+ akan tampil disana. 




Walau saya sendiri menyukai kolom komentar ini, namun ada satu kekurangan saat menggunakan kolom komentar Google+. Kita tidak akan pernah tahu siapa saja yang sudah berkomentar pada postingan kita, karena google tidak memberikan kita kewenangan untuk melakukan moderisasi.

 

Part 5 : Cara Memasukkan Video Kedalam Postingan Blog

Fenomena Youtube tak bisa dipungkiri sedang boomingnya saat ini. Karena peminatnya yang tinggi, banyak diantara blogger juga menyertakan video Youtube kedalam postingan. Seperti video dibawah ini. 

Menyertakan video kedalam postingan saat ini sudah menjadi kebutahan. Hal inilah yang disadari oleh blogspot sehingga memberikan kita kemudahan menyertakan video disetiap artikel yang terkait. 
Dulu, diawal-awal blogspot hadir, video dari Youtube harus dimasukkan secara manual kedalam postingan. Namun kini, cara memasukkan video Youtube jauh lebih mudah. 
Pada postingan ini kita akan membahas dua cara memasukkan video Youtube kedalam postingan. Soal fungsi dan keutamakan video Youtube dalam postingan, akan dibahas terpisah. 
Ada dua cara memasukkan video Youtube kedalam postingan :
Cara Pertama
  • Jika Anda lihat video Google diatas, itu saya masukkan melalui cara sederhana. Yakni, login ke akun blogspot Anda, lalu pilih Entri Baru untuk membuat postingan. Jika Anda sudah menyiapkan artikel, pilih lokasi yang akan Anda bari video, setelah itu, klik gambar tage action pada menu pilihan dibagian atas. Lihat gambar. 

  • Setelah mengklik, Akan muncul jendela baru. Disini ada banyak pilihan dalam menu, Anda bisa mengupload video buatan sendiri dari komputer Anda atau bisa lewat Youtube. Untuk Youtube pun ada dua pilihan, melalui kanal Anda di Youtube atau video milik orang lain di Youtube. Kita pilih yang kedua, menggunakan video orang lain di Youtube. 
  • Karena kita akan menggunakan video orang lain di Youtube kedalam postingan kita, pertama-tama ke Youtube-lah mengambil URL video tersebut, setelah dicopy, paste tepat dikolom yang disediakan, lalu klik icon cari disampingnya. Secara otomatis, video itu akan muncul dibagian bawah. Anda sisa memilih dan klik Pilih. Video tersebut akan menyatu dengan postingan Anda. Contohnya video diatas. 

Cara Kedua

  • Bukalah Youtube dan cari video mana yang ingin Anda tampilkan. Setelah dipilih, lihat bagian bawah Video. Pilih Share lalu pilih Embed. Copy script yang ada dibawahnya kedalam postingan Anda. Jika Anda ingin mengatur ukuran video, silahkan diatur lewat tombol dibawah script, ada tulisan Video size. 


  • Selanjutnya ke postingan Anda yang akan diberi video. Untuk menampilkan link video yang tadi diambil dari Youtube, pilih mode HTML pada postingan, dan paste script tersebut dilokasi yang Anda inginkan. Soal ukurannya, perhatikan kata width="320" height="266" di script yang Anda copy, silahkan rubah sesuai kebutuhan dan size postingan Anda. 


  • Jika telah selesai, kembalikan ke mode Compose dan publish tulisan Anda jika selesai. Kini video youtube telah turut serta dalam postingan Anda. 

Dari dua cara diatas, silahkan Anda pilih sesuai kebutuhan. Mau yang simpel, atau yang sedikit lebih rumit. Dua-duanya menampilkan hasil yang sama. Semoga penjabaran diatas memberi manfaat, tak ada salahnya pula berdiskusi.

http://www.blogooblok.com/2014/03/cara-memasukkan-video-kedalam-postingan.html

75 komentar:

  1. Semenjak saya baca ini . Jadi mengerti kak hehe

    BalasHapus
  2. Makasih infonya sangat bermanfaat dan menambah ilmu

    BalasHapus
  3. nitif sempak mbak http://nekoannas.blogspot.co.id/

    BalasHapus
  4. Terimakasih ya kak. Sangat membantu kak

    BalasHapus