Cara Hara - Tutorial Membuat Blog Tahapan 3

Baca Juga

Hello guys kembali lagi dengan blog carahara..
Kemaren saya sudah bahas cara membuat blogger hingga ke tahap ke dau yaitu menyesuaikan tema/templatenya.
DI Tutorial Membuat Blog Tahapan 1 kita sudah membahas langkah awal membuat blog serta membuat halaman dan postingan, kemudian di Tutorial Membuat Blog Tahapan 2 Saya sudah membahas tentang cara mengupload tema/template serta cara menyesuaikannya.
Kali ini saya akan membagikan Tutorial Membuat Blog Tahapan 3 yaitu :

• Menyesuaikan sidebar dan menambahkan tombol sosial media serta widge-widge lainnya.
• Mengganti Favicon

Tutorial Membuat Blog Tahapan 3 ;
Menyesuaikan Sidebar Blogger.
Baiklah pada tahapan ini sebenarnya bisa di bilang cukup mudah ya tidak terlalu memusingkan , Siapkan Akun sosial media seperti Faceebook, Twitter, Google+ dan lain-lain.
dan juga gambar logo kecil berukuran kotak lebar dan panjangnya sama dan memiliki ukuran tidak lebih dari 100KB.
mari kita mulai.
Menyesuaikan Sidebar ..
Apa itu Sidebar??
Sidebar adalah sebuah kolom/area dengan link navigasi, biasanya posisi dari sidebar bisa di kiri dan bisa di kanan bisa juga di kiri dan kanan.
Jadi kesimpulannya sidebar adalah area tambahan dari suatu blog atau website untuk menghidupkan blog/web tertentu .
Yang paling umum sidebar berisi Label , post populer kategory, Follow sosial media, dan iklan, namun untuk iklan kita bahas belakangan karena kita fokus dulu ke blognya.

• Buka Tata Letak pada menu blogger

Menu Tata Letak Blogger

• Scroll ke bawah maka anda akan melihat area dengan label Sidebar Right ( Sidebar Kanan ).

Sidebar

• Tinggal kita edit sidebarnya dengan cara klik edit dan remove jika widgenya tidak di perlukan dan tambahkan widge-widge yang di perlukan.
• Disini saya sudah menambahkan popular post dan selanjutnya saya akan mengedit menu sosial media saya .
• Klik Tambahkan Widget 
• klik Tanda Plus (+) di area HTML/Javascript

Tambahkan Weidget

• Maka akan tampil area untuk menambahkan kode htmlnya 
• Di bagian paling atas isi dengan nama "Follow Me At Sosial Media"
• Kemudian Copy kode html di bawah ini dan pastekan di area Html

<style>
.social-profiles-widget{width:100%;height:auto;padding:10px 0}
.social-profiles-widget ul {list-style: none;float: RIGHT;padding: 0;}
.social-profiles-widget ul li{list-style:none;margin:0;display:inline}
.social-profile .fa {border-radius:100%;width:45px;height:45px;color:rgba(255,255,255,0.8);text-align:center;line-height: 45px;
font-size: 2em;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;margin-right: 5px;}
.social-profile .fa-facebook{background:#3b5998}
.social-profile .fa-twitter{background:#55acee}
.social-profile .fa-youtube{background:#cc181e}
.social-profile .fa-instagram{background:#9c694c}
.social-profile .fa-google-plus{background:#d0240e}
.social-profile .fa:hover,.social-profile .fa:active{color:#FFF;-webkit-box-shadow:1px 1px 3px #333;-moz-box-shadow:1px 1px 3px #333;box-shadow:1px 1px 3px #333}
</style>
<div class='social-profiles-widget'>
 <ul class='social-profile circle'>
 <li><a href='#'> <i class='fa fa-facebook'/> </i> </a> </li>
 <li><a href='#'> <i class='fa fa-twitter'/> </i> </a> </li>
 <li><a href='#'> <i class='fa fa-youtube'/> </i> </a> </li>
 <li><a href='#'> <i class='fa fa-google-plus'/> </i> </a> </li>
 <li><a href='#'> <i class='fa fa-instagram'/> </i> </a> </li>
</ul>
</div>

NOTE : Di Bagi href='#' Hapus tanda tagar (#) Ganti dengan Link/Url Akun sosial media kamu.

Tambahkan Kode Html/Javascript

• Kemudian Simpan dan lihat hasilnya.

Selanjutnya Mengganti Favicon Blogger.

Favicon blogger Adalah Logo kecil / Icon di samping title blog/web .

Cara menggantinya cukup mudah silahkan siapkan gambar/logo kecil berukuran 512x512 dan size kurang dari 100KB.

lalu klik edit di bagian favicon upload gambar/logonya dan simpan .

Favicon Blog

Ok.. sampai sini blog sudah bisa di gunakan . langkah selanjutnya tinggal buat postingan sebanyak-banyaknya dan tingkatkan pengunjung ke blog anda dengan cara share ke sosial media dan PENTING , Jangan pernah buat postingan dengan cara kopy paste karna itu menghambat blog anda di peringkat 1 pada google search. 

Terimakasih semoga bermanfaat.