Tutorial membuat blog di bloger 1

Posted by Menuju Yang Terbaik |

Setelah saya belajar banyak dari sobat Google saya mendapatkan banyak pengetahuan, dari sanalah saya bisa meng-edit sebuah template Alhamdulilah.:-)

Sebenarnya banyak yang sudah saya pelajari tapi tidak bisa saya tuliskan disini ,bukan karena tidak mau! saya sendiri bingung mulai dari mana cara menuliskannya ,.
Pada postingan saya yang terdahulu saya mencoba menjelaskan kode kode HTML dan CSS dari sanalah saya berawal, saya banyak bertanya pada kawan-kawan yang sudah lebih dahulu Belajar Edit Tempalte,ada yang berbaik hati memberikan tata caranya ada juga yang pelit (klo saya kategorikan saya belum beruntung) unek2 sedikit gak apa apa kan :-}.

Akhirnya saya mencoba bereksperimen dengan membuat Akun baru Di Blogger dan mengunakan Template Klasik sebagai bahan dasarnya ,Ok saya akan mencoba menuliskan apa saja yang saya kerjakan untuk edit template dan perlu di ingat saya bukan jago apa lagi master :-S jauhhh..... dari itu semua saya hanya menjadikan ini semua sebagai pelajaran saya saja (Arsip Saya).Sedangkan untuk yang mau mengikuti silahkan saja saya akan menjawabnya kalau ada pertanyaan selama itu masih di dalam kebisaan saya

Cara pertama saya Daftar ke Blogger.Com , Kemudian saya memilih Template klasik
Tapi saya menemukan sebuah Template yang Bagus untuk memulai Belajar Edit Template
Silahkan dilihat atau Copas File Template ini kalau mau disini :

Akhirnya dengan penuh semangat 11 bukan 45 itu tahun kakek saya ;-D saya masukan File Template diatas kedalam akun Blogger saya yang baru
tampilanya sangat sederhana tanpa embel embel yang memusingkan saya hanya kotak kotak berwarna dengan masing masing tempat,pokoknya sangat baik sekali untuk saya gunakan dalam Belajar Edit Template.
Untuk meng edit Template saya sering bulak balik ke situs penulis Tutorial dari mulai Tutorial Html,Tutorial CSS, Tutorial JavaScript dlsb.
Dan dalam tahap ini saya tidak lupa untuk selalu meng-clic Expand Widget Templates pada menu layout blogger, Saya masukan kode-kode yang sudah saya dapat sesuai dengan keinginan saya dalam men-edit Template contohnya saya mau meng- Edit Header saya maka saya cari kode CSS untuk Header

I/* ----- HEADER ----- */

#header-wrapper {
position: relative;
height: 1%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
min-width: 800px;
max-width: 800px;
background: $headerbgColor;
}

#header {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
min-width: 800px;
max-width: 800px;
}

#header h1 {
display: block;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
color: $blogTitleColor;
font: $blogTitleFont;
}

Dlsb .........

Kemudian baru saya Edit apa yang mau saya edit misalnya Width Header atau Height Header, lantas saya coba Preview kalau hasilnya sesuai baru saya Save Template nya

Dalam Belajar Edit Template saya selalu saja menemukan banyak kendala ada yang terlalu kepinggir atau terlalu rapat bahkan yang Exstrem Template saya jadi Blank gak ada tampilan apa apa X* untuk itulah gunanya meng-clic Expand Widget Templates dan Preview jadi kalau saya gagal saya bisa kembalikan kebentuk aslinya Tempalte yang di atas tadi

Intinya dalam Belajar Edit Template saya harus tahu letak dan fungi daripada kode-kode di dalam Template saya ( harus betul -betul paham) ingat jangan Kode Template orang lain yang di ingat XD.

Saya sudahkan dahulu postingan kali ini nanti saya akan tuliskan lagi hasil yang lain dalam meng Edit Template , .

Bersambung ke Tutorial membuat blog di bloger 2

Terima kasih Anda telah membaca Tutorial membuat blog di bloger 1. Mungkin Anda tertarik ingin membaca artikel ©Kejahatan dan Kemuliaan yang lainya?