Tutorial Dasar Blogger 1

Dalam Tutorial ini saya akan menjelaskan secara detail awal atau permulaan kita menggunakan platfrom dari Blogger.com.

Setelah kita tahu dan kenal tentang sejarah Blog saat ini kita mulai dengan hal teknis tentang blog itu sendiri. Beberapa hal yang harus dan wajib dipersiapkan adalah :

Persiapakan alat/ media untuk bisa terhubung dengan internet (komputer/ laptop/ handphone dan tentu saja jaringan internet).
Tentukan apa Tujuan dan Topik dari Blog yang akan kita buat.Keuntungannya orang akan mudah mengidentifikasi jenis Blog yang anda buat. (Usahakan Blog yang kita buat hanya memiliki satu Topik saja, misalkan tentang Handphone, keseharian anda, Mobil VW, Motor Honda, Olahraga, Musik, dll). Untuk menentukan tema bayangkan dari hal terkecil apa yang ada sukai/ gemari/ yang paling ingin anda tahu tentang sesuatu hal. Kalau masih pusing dan bingung dengan hal tersebut diatas “ Jangan Berhenti “ terus lanjut saja untuk Ngeblog.
Pergunakan hanya satu account email (google/ blogger). Sehingga kita tidak pusing dan bingung dengan email/ account yang ada.

Tahap Pertama :

Siapkan email/ account google (bila tidak punya) bisa daftar dan buat Disini (untuk gmail kita anggap semua sudah punya).
Setelah siap lanjut masuk ke platform Blogger.com

Tampilan www.blogger.com

Klik create your blog atau Sign In dan kita akan terhubung dengan login gmail seperti saat kita akan membuat/ daftar gmail.

Tampilan www.gmail.com

Masukan alamat email (gmail) dan password yang sebelumnya sudah kita buat dan....

Tampilan Interface Blogger.com

Klik lanjutkan ke Blogger

Well done, kita sudah masuk ke tampilan utama dari blogger.com

Sebelum memulai ngeblog tidak ada salahnya kita semua harus mengetahui fungsi dari tombol-tombol yang ada di dalam interface blogger.com.itu sendiri...

Tutorial Blog 2

Berikut Tutorial yang bisa sahabat ikutin langkah demi langkah :

Budayakan membaca dan mencoba sebelum sahabat berkomentar.

Tutorial yang saya bagikan sudah 100% berfungsi di template Blogger bawaan ataupun template modifikasi pada umumnya (tergantung pada template yang sahabat gunakan).

Selamat mencoba dan tetap semangat...



Selalu backup template sebelum merubah sebagian atau seluruh dari isi template sahabat, guna menghindari terjadinya kesalahan / ketidak sesuaian/ erorr saat merubahnya nanti. 

Berikut dibawah cara backup template apabila sahabat tidak tahu, namun apabila sudah mengerti sahabat bisa menutup dan lewati langkah pertama ini dan langsung kelangkah berikutnya.

Cara Backup Template




Tanpa Parse
<!DOCTYPE html>
<html>

<title>HTML Tutorial</title>

<body>

<h1>
This is a heading</h1>
<p>
This is a paragraph.</p>
</body>
</html>

Parse Kode
<!DOCTYPE html>
<html>

<title>HTML Tutorial</title>

<body>

<h1>
This is a heading</h1>
<p>
This is a paragraph.</p>
</body>
</html>




.sidebar{margin:0 0 10px 0;font-size:13px;color:#424242;}
.sidebar a{text-decoration:none;color:#424242;}
.sidebar a:hover{text-decoration:none;color:#1079CA;}
.sidebar h2, h3.widgettitle{background:#F0F0F0;margin:0 0 10px;padding:8px;-webkit-border-radius:5px;border-radius:5px;color:#262626;font-size:16px;line-height:16px;font-family:'Oswald',sans-serif;font-weight:normal;text-decoration:none;text-transform:none;}
.sidebar ul{list-style-type:none;list-style:none;margin:0px;padding:0px;}
.sidebar ul li{padding:0 0 5px 14px;margin:0 0 5px;background:<span style="background-color: #ffe599;"><span style="color: red;">url(http://i1205.photobucket.com/albums/bb430/BangGun82/background/widget-list_a8151c67d2b3c1be22ffc700f116e873_zpsowkzlplx.png)</span></span> left 6px no-repeat;}
.sidebar .widget{margin:0 0 15px 0;padding:0;color:#424242;font-size:13px;}
.main .widget{margin:0 0 5px;padding:0 0 2px}
.main .Blog{border-bottom-width:0}
.widget-container{list-style-type:none;list-style:none;margin:0 0 15px 0;padding:0;color:#424242;font-size:13px}




lewati langkah ini karena tidak membutuhkan code JavaScript




Simpan template sahabat dan lihat hasilnya (besar kemungkinan jika sahabat mengikuti setiap langkah diatas akan berhasil)atau bisa lihat Demo.

Demikian semoga membantu...

Please Share

style='margin-right: 30px' target='-blank'>

agun82 I Blog Tutorial Blogger

06 April 2017

Tutorial Dasar Blogger 1

Cara Backup Template

Artikel Lainnya Terkait Blogger

0 komentar:

Post a Comment

Recent Posts

Categories

Subscribe

agun82 I Blog Tutorial Blogger

06 April 2017

Tutorial Dasar Blogger 1

Cara Backup Template

Artikel Lainnya Terkait Blogger

0 komentar:

Post a Comment

My Social Profiles

Recent Posts

Categories

Subscribe