Assalamu'alaikum teman-teman blogger !!
Kali ini saya akan melanjutkan postingan saya selanjutnya, dan tentu nya ini masih bersangkutan dengan postingan saya yang sebelum nya tentang pengaturan template bagian 1 (Dasar).
Dan sekarang adalah postingan saya tentang pengaturan template bagian 2 (Tingkat Lanjut).
Baiklah teman-teman saya akan memberikan sedikit langkah-langkah atau tutorial nya dibagian 2 ini.
yang pertama kita masuk ke beranda blogger terlebih dahulu kemudian klik "Template"
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuV7TrHT2-OHU67tbttt5AC-PktBKFJpBfsUzr7caURuek4LlXtdnmqRHeogqZMD6rz2P4g32yvIIAaNx1BxFvzTi_xVliMm8CDZyFpz9lIJO0cdx7ZSZDlzBiOBe9RXVeF4VDGm724iA/s640/template.png) |
Pengaturan Template |
Jika sudah mengklik "Template" maka akan muncul tampilan seperti dibawah ini
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBvB1Z1cETU8nK-L7jzTkrNgivNvbA3L36W_6MXvOZeznXyo70b6aSIuvgNXPTLgd6oM6eqqmvDiAWeYFlG9zPZn7LkPsyLZ4eq2pAg_gSLm7xFL34T4BJQN_xOExxcn4rdaInc7vrNFM/s640/template1.png) |
Pengaturan Template |
Kemudian klik "Sesuaikan" maka setelah itu muncul lagi tampilan seperti ini
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGzIeTrM8mfvR_C_ZcIqVRn5daHkjS_7WgUPPf0tqPWOZ7uN0Sa6H9D2-50bDh64QZUu7glz0KiYTEJ787w8Ld2PWdZvXDdcVW8bww171_86KG2VIRl68uCRfBN06nI2SQd-PHyyNS7sM/s640/bagian2.png) |
Perancang Template Blogger |
Setelah itu klik "Tingkat Lanjut".
Berikut adalah langkah-langkah tingkat lanjut yang akan kita atur.
Teks Laman
Teks laman adalah bagian untuk mengatur "Font" dan "Warna Teks"
Pilih lah font yang di inginkan dan warna teks yang kelihatan bagus dan nyaman untuk dibaca
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJuxKxexsOh3aM6TDws3eeB4Q1qIcD0g8qfAvUzHSzOCdok_bsci9mkGkYwtICLb6vQpu3j0bCuNQVEYH8INz4ZTG8dof1yywwisZgKbO9Vb-EjaZ6GVkHMFYcNJb43Mn7KuoT1MXZWPA/s640/bagian21.png) |
Teks Laman |
Disini saya akan contoh kan dengan memilih font jenis "Grafity Girls" dan warna teks nya "#000000" atau warna "Hitam".
Setelah itu klik "Terapkan Ke Blog" kemudian klik "Kembali Ke Blog" atau langsung klik "Lihat Blog".
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-YD4WDCQni6qc2ok8l8d0SRzUY7rX-HidPSF7nuIK2LY9gepR5guJZ_LJsyAWQigJlQP8MMWBwJvT1W6egdpi4vhOOzGnCCzGlqCKlSyCMqdtZUg3NTtDE2RSbM7bfY8apRlSG4eTY08/s640/bagian23.png) |
Jenis Font dan Warna Teks |
Ini adalah contoh atau hasil dari pengaturan template bagian tingkat lanjut "Teks Laman"
Latar
Latar adalah bagian untuk mengatur latar luar, latar latar utama dan latar header.
Pilih latar luar, latar utama dan latar header nya sesaui yang di inginkan.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8cgvgnD4OyE6oh8HKDt1aeAIrOM7mPddVPX7PghxtyQzZjXSts4DSSNTaGKLkBBp-Mt09CTeXMkQ2fNgYvpuWBV2K6uhT384HM774p-B8TNPQXafrErro09BoZI6qnkgARSrF8YUfx3g/s640/Latar.png) |
Latar |
Kalau sudah di atur warna yang di inginkan kemudian klik "Terapkan Ke Blog" atau klik "Kembali Ke blog" bisa juga langsung "Lihat Blog".
Link
Link adalah bagian judul entri yang akan menjadi isi blog juga.
Yang pertama kita atur terlebih dahulu warna link nya, pilih saja warna link yang anda ingin kan tapi terlihat jelas untuk dibaca. Saya memilih untuk warna link yaitu "Blue/Biru", kemudian untuk warna dikunjungi saya memilih warna "Maroon" dan warna gulir "Aqua".
Pilih lah warna yang supaya mudah dibaca dan terlihat jelas.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpp2swy7_cRfe6lzORkGDw0jVM1spH4N_toxouKcrQshugc4AKb7cq2-jFyhAxmzRjicGqwGQsSZzUyhf86-rDm9BZNZh9Y4jxPWiLtDifF1sRKALI4HnRJ-hJZ7GEWe4kgpIPoRglRUI/s640/Link+tingkat+lanjut.png) |
Link |
Setelah di atur semua nya klik "Terapkan Ke Blog" kemudian klik "Lihat Blog" maka hasil nya akan seperti ini.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjke2YBnBP6lpLrf-BJDvsJTG9GAjHczCxfp4ppU7W7l2RkZRe5O2oFLh8KBnT_nfk7Hw1ABhYO0EJJFLkxYxhewt-47eQPdql5-295xyfq9xGdDd0cpCIqsc2eh8M9obBq8m3f6eoSY2c/s640/gambar+21.png) |
Warna Link |
Ini hasil warna link yang sudah di atur.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTg-8hK2YZMT8uzwmZ0G10mlhJGrQv29sVYq9mTYwsXV0SVPt_P_eR2r4lK53oZqjgSnzbLXflM8C9tfTMxa9ocNCSRCcwpPXsEeNR_qNOYll4678jw7II97kgz8oX3qN5jQvrTeZZ1f0/s640/Link+warna+dikunjungi1.png) |
Warna Dikunjungi |
Ini hasil warna dikunjungi.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikpA7xu-nmEVh3f4z04QJ532x-lN3Ox-je3ekgZKQKdxfFH8miQ9wBm-rvsOZtXLx739AhA9RgS93IyMv5npbDmukHJ6nFLuI7czCsSXqXHrkFDhUONhH9i5xnxwyqkzXgS7Nj3g4clhQ/s640/warna+link+gulir.png) |
Warna Gulir |
Dan ini hasil warna gulir nya.
Judul Blog
Judul blog adalah bagian untuk mengatur bagian atas blog, biasa nya judul blog itu berisi NAMA.
Pilih saja langsung "Judul Blog" kemudian kalian langsung atur jenis font nya "LUCKIEST GUY" dan warna judul nya juga.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrHWtCLPIjIjaPgdA48ZpkEF1gi7sUUnuLwQumjAfnBri8J_nR-6bzCpeW-_4-c67v3OIdCX3_3f_iQ34lH6jHA5arFTPgskO0gFc7iz7NzkXnliT16loTOdayuk_KR5yH3VAF6gFmRQs/s640/Judul+Blog.png) |
Judul Blog |
Jika kalian sudah selesai mengatur font dan juga warna nya klik "Terapkan Ke Blog" dan langsung saja lihat hasil nya dengan langsung mengklik "Lihat Blog".
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ_2qKqUV-NeeWXn9yaLFzLqgDK2z9aupIQ_lesd_p2PWBqvhUjANX8JL5Mk9dQsz3YJRz4hl9ZJ5tFaLSAhEk11d0dhn_oBrRucg1wi5_43JLEeL7Fev9D9gWUSqb7fIjRnmEvbT5njs/s640/Judul+Blog1.png) |
Judul Blog |
Ini contoh atau hasil dari font dan warna yang di atur di judul blog.
Deskripsi Blog
Deskripsi blog adalah bagian untuk mengatur warna tulisan yang dibawah judul blog.
Untuk deskripsi blog ini biasa nya dituliskan "Personal Blog dan Kegiatan Catatan Harian"
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLuO8QNAyqXJlJNoBH5ilMn5fkxgl_u5Fzy1ZXeedBWcrA-Y3he5rmSC4pzKMizwjGbnP-WgHYnYcp3Bm1qtWyksAssx9anRNv1NdoqMAJ45PLbYbZHYnlrHDSIl5gEuj16sWV2_mpBTI/s640/Deskripsi+Blog.png) |
Deskripsi Blog |
Warna deskripsi yang saya pilih adalah "Maroon".
Jika sudah selesai maka klik "Terapkan Ke Blog" kemudian klik "Lihat Blog" maka muncul hasil nya.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWEbSewV1DdaltAfS75PmJgufd3DGfEA8vMZ7r_TqmEfNsYFPlWvlmNPbnaVi-jtoGcudbUgns4JIvfRXg2VXM6XA8wsYv7TvI_4Rg_uTAD8cjzihthbWs2GMoNHtUhLVXbBXCxgQRd2A/s640/Deskripsi+Blog1.png) |
Deskripsi Blog |
Ini contoh atau hasil dari deskripsi yang sudah diatur warna nya
Teks Tab
Teks tab adalah bagian untuk mengatur teks seperti font, warna teks dan warna yang dipilih.
Pilih font yang anda inginkan terlebih dahulu, font yang saya pilih adalah jenis font "Grafity Girls" kemudian untuk warna teks nya saya pilih warna "Hitam/Black" dan untuk warna yang dipilih "Aqua".
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs9mD-8nxopToZE4LHki4qz7ukS91usBcuzhI9ytioEcL-0pw_8jMwLfwCZqUdaHRhUTLxNtcgQmhdBKZybmqiVVzNZVLvaTBi2ijv89yKVDjms-8owqD47qd967X5kMdLtjCRDeBM11g/s640/Teks+Tab.png) |
Teks Tab |
Kalau sudah selesai diatur klik saja "Terapkan Ke Blog" dan kemudian langsung klik "Lihat Blog" untuk melihat hasil nya.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9zZxMZytTdYw-lOyrAIgI8VJpQUNf6DWOyfoYtAN1AlkLGDqi47v91I8thqmVgdoj1gkhYtsoD_tBrLVf5WbKIo0haVevOafASOQRZBGQTEmF_Xh7riJ5LKoBfCuWb2sMyxisvptxERA/s640/Teks+Tab1.png) |
Teks tab |
Ini adalah contoh atau hasil dari deskripsi yang sudah diatur.
Latar Tab
Latar Tab adalah bagian untuk mengatur warna latar dan juga warna yang dipilih.
Untuk warna latar saya memilih warna #073763 dan untuk warna yang dipilih saya memilih warna #134F5C.
Kalau kalian ingin warna lain pilih saja sesuai warna yang kalian ingin kan.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC01J3Fa83QcC7IlSJbHqnyp5bJCUsDZX9buKq2fhjs07WUPLfTB2HxJJXOT0w4oYR79zg-h4eW1rIaOyB8_a2q8Stuzh7r7fxCAb45RxNTemHec7xmwqfOLu7Awtaab9LqPDtGa79DF0/s640/Latar+Tab.png) |
Latar Tab |
Jika kalian sudah mengatur warna nya jangan lupa untuk mengklik "Terapkan Ke Blog" kemudian klik saja langsung "Lihat Blog".
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggEjLEcyQMgL1Gp6oWS7QZNuRZv6-JUmx26430Gm5uovvcsEvU5LvxE2hyphenhyphenhDxTbUfy4Wez4UoL8MWOC1myGcn2OHpGuW5vFcWb7DAGtblLhqZNEn5OVmPESuW-os6qByXNHZAyJNT1HfU/s640/Latar+Tab1.png) |
Latas Tab |
Ini hasil latar tab yang di atur.
Judul Posting
Judul posting adalah bagian judul dari isi blog yang akan kita posting.
Untuk judul posting ini yang diatur hanya font nya saja, font yang saya pilih untuk judul posting ini jenis "Slackey" dan ukuran font nya 22px.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoM7gHb5WMWOpNyk6LhwAMmnEjjBNyS3fr8a8eVc3uqgP1uknqhvk-18YAphS-NNPLPDDhArNPyzbHvqVTjcVPhHOeqxAQP2Q7Z5ptrWl0bHk-lrV-PF8MuG6aPsH8EqmIza7XsnBD0ns/s640/Judul+Posting.png) |
Judul Posting |
Kemudian klik "Terapkan Ke Blog" jika sudah selesai di atur, dan klik "Lihat Blog" untuk melihat hasil nya.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-34ldSaGbI3ynxvomh1aWSaKH6OVSMljkEfXmKFsGFWSjahihQbnSfVu5KoyuQ98CjGk_OyFQXZ1wyacRcryGuTzMf5631WJyoqnbUsN51K4pIpz4mp7JbM2ept4jiwmsvvUZaeGsYkY/s640/Judul+Posting1.png) |
Judul Posting |
contoh atau hasil dari judul posting.
Header Tanggal
Header tanggal adalah bagian untuk mengatur warna teks tanggal, warna latar tanggal, dan font.
Untuk warna teks nya saya pilih warna hitam saja biar lebih jelas untuk dilihat atau pun dibaca.
Kemudian untuk warna latar nya saya pilih transparent saja, dan untuk font nya saya pilih "Arial" ukuran font nya 11px.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0hkERqIPbcjrZvR8v_UaZG7lLfN_oPQDd_6Kx47p2H8Gt3sfKS7npZEioUVDv7D2rDglzF8PBk0F6-M3SnsbRMpmth32OwB-KG_xnyedatL3CdsGC3URVqlcOVrn2jX2ohX0hvl1trzA/s640/Header+tanggal.png) |
Header Tanggal |
Jika semua nya sudah di atur klik "Terapkan Ke blog" kemudian langsung klik "Lihat Blog untuk melihat hasil nya.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGSs_VGyVK-WWbeLj3JoGMgwGUOhWqXs37eOEsrmbu8D0uJ2mhfiC1kmafopNE_d-lA-oZEQrNHLzD2VP3mQGAM-7aNdEpoB5F86kAjXHFkVDWyKm-SeBMxY0u0iFxsnTRs5I_KmR659A/s640/Header+tanggal1.png) |
Header Tanggal |
Ini hasil dari judul posting yang sudah di atur.
Catatan Kaki Entri
Ini adalah bagian catatan atau isi yang terletak di bagian bawah isi blog.
Untuk pengaturan nya yaitu warna teks, warna latar dan warna bayangan.
Yang pertama kita atur warna teks nya dulu, untuk warna teks nya saya pilih warna "Hitam/Black" supaya terlihat jelas untuk di baca karena di bagian catatan kaki entri ini tulisan nya agak terlihat kecil. Kemudian untuk warna latar nya saya pilih warna "Putih/White" agar tidak mencolok dan tulisan nya juga jelas untuk di baca, dan yang terakhir warna bayangan saya pilih "Hitam/Black" warna bayangan ini letak nya dibawah catatan kaki.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicOzQAyEnD-oFlWzLRcX_7Y71624w0PZTDRaFPyirCXpsRggOlfGCiIQVIBHtXDhjcug9PmbDyqpBP4m5YWWJaHfO1oKAgPhSQoJvZBcvIqesC3QVvN0lY4E9kWG4vujwCrW0w2MFSLk8/s640/Catatan+Kaki+Entri.png) |
Catatan Kaki Entri |
Jika semua sudah di atur klik "Terapkan Ke Blog" kemudian langsung "Lihat Blog" maka hasil nya akan muncul.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQDE0TmcMWzXHUfreqqlrAGXl7RRqOJYURtG1LOD5EaFt3Obnd_yQ-BUTDTG1R8MKlmam5mV0PAxotYIfOgK57TH4jgBUzxX261UgYpD3U4e0s5zcKEDLfwgSJ7Ae2HDfGUKp2xM2y18k/s640/Catatan+kaki.png) |
Catatan Kaki Entri |
Ini contoh atau hasil catatan kaki entri yang sudah di atur.
Gadget
Bagian gadget ini terletak di samping kanan isi blog.
Gadget mempunyai dua pengaturan yaitu "Warna Judul" dan "Warna Alternatif".
Untuk warna judul disini adalah judul dari isi gadget, warna yang saya pilih adalah "Hitam/Black". Kemudian untuk warna alternatif nya saya pilih "Coklat".
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDrOv0jcsoqL-cO9bw9ZICsDGhhZf7lU98eLJrggv6MWdJzmxLQivqdIifDmPFlGglsQXotZ3Cn8qbQ8BpM4rMvgayzPUjK6Ga3_9IS5GZfBs3PLA3B1fQz4Ldwm9FQegfLhSV0G7myM8/s640/Gadget.png) |
Gadget |
Setelah itu kalau sudah selesai dia atur klik "Terapkan Ke Blog" kemudian klik lagi "Lihat Blog" maka hasil nya akan seperti ini.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaA5EGty5YbluBJ3WYjNUaCqPhOVLzOCkmfJuC5tHDhbi1wDzVTpyq3nu43-VBJ_qRI02wlTLHRyFIa7Hc5FUKRfEMNSk8AOiOcKIuSF7Ex9vBRoq1klE5TUOqwfXMz-kdFVbsXjy3Aik/s640/Gadget1.png) |
Gadget |
Ini contoh atau hasil gadget yang sudah di atur.
Gambar
Gambar disini maksud nya adalah bagian seluruh latar untuk gambar.
Yang akan di atur adalah bagian warna latar, warna batas dan warna teks layar.
yang pertama bagian warna latar dulu, disini saya pilih warna latar nya "Aqua". kemudian warna batas nya "Abu-abu Gelap dan untuk warna teks layar nya saya pilih "Putih/White".
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ0Sd1JjS_J-2N1ZjFMUSe2z5aOwSkktLpa-m-j01kE94f0Ns1-nzNt6Il5U1SJo7rclLD0xMKDCtHoVO2vQ7I2YjgoxTeOBYlyJ-bBQbgUjEAd0WQe9PDZXgE-OgQaXhRq0Tp6lXmyRw/s640/Gambar.png) |
Gambar |
Kemudian jika sudah selesai di atur semua selalu klik "Terapkan Ke Blog" kemudian "Lihat Blog" untuk melihat hasil nya.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLs1VpfsPX5OfXNO9Xz36rGhdI64pWh7gM7mbSx4hdKdPUWQ91msQym5f69vdr_9RZj5N5UMWITIIvjLrIePcE1K-b2qPIrdleirZ67kD3lboZlguqHlTfuwAxpQXD-_uyOWYOwzm3QyY/s640/Gambar1.png) |
Gambar |
Ini contoh atau hasil gambar yang sudah selesai di atur.
Aksen
Aksen adalah bagian pembatas yang ada di dalam blog dan bagian tab.
Pertama atur warna garis pemisah nya dulu supaya tau batas-batas nya, disini saya memilih warna "Abu-abu Gelap" supaya terlihat jelas. Kemudian terakhir warna tepi tab nya saya pilih "Maroon".
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdeS1E79DQ0lWyFgKCfk1uYNCqb3Z8iRzfn8GMw6lYsXX3SpETiVcZW3ylOWkn7I8XetjYAVLyi3Y_MN7ugXn1gSn2nUopFA6kiy616TGTwQSirEbGbNYc_vSEkeEXetV0hOs-ZlaPR_Y/s640/Aksen.png) |
Aksen |
Setelah itu jangan lupa klik "Terapkan Ke Blog" supaya tersimpan semua dan kemudian klik "Lihat Blog" untuk melihat hasil nya.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiklVH9RW__cgUjfpr45q5fQMu9r4f5fEDYblgGwrfyTHOeIb6GHSIOjplKwpliOcs3Yd2tGT1iSSn8otFq3Ob7bxX0tpSzP81afJmDQ7__wHhzV-gSNJO4LrYmguMA96uAXNkxUqmN3KE/s640/Aksen1.png) |
Aksen |
Ini hasil aksen yang sudah saya atur.
Oke teman-teman blogger !!
Demikian tutorial saya kali tentang pengaturan template bagian 2 (Tingkat Lanjut).
Terima kasih untuk selalu berkunjung di blog saya, semoga bermanfaat dan selalu jadi motivasi kalian semua. Aamiiinnn
Sampai ketemu di postingan saya selanjut nya ya......
Wassalam..