Tips dan Trick Mempercantik dan Mengatur Keindahan Blog Pada Template Blog Modern
Mempercantik dan mengantur seindah mungkin, serta tetap memperhatikan SEO untuk blok adalah hal yang wajib dilakukan tiap blogger dimanapun berada, Untuk mengatur dan mempercantik Blog pada Template blog dasar yang telah disiapkan Pihak Blogger memang sudah biasa dan banyak yang tahu, sebab sudah ada menu yang di sediakan pada Template, kemudian Sesuaikan, setelah itu pengaturan tingkat lanjut, Namun bagaimana dengan template blog modern yang tidak memberlakukan pengaturan tersebut.., Yah solusinya kita harus mengedit sendiri langsung pada format xml template blog kita, tentu saja hal ini juga biasa untuk yang sudah paham dan merupakan bidang ilmu yang ditekuninya, namun bagaimana dengan sobat blogger pemula seperti saya sendiri yang senang mengganti template, dan terkadang menemukan template yang tidak menyediakan aplikasi pengaturan tersebut, maka dari itu saya memposting tulisan ini., berikut beberapa Tipsnya.., Ikutin dan praktekin yah…
1. Langkah pertama Login kea kun Blog sodara masing-masing
2. Klik Template, Edit HTML, Setelah itu akan masuk Pada Kotak Edit HTML dalam format xml
3. Stelah itu Klik semua tanda pana hitam kecil yang berada dalam kotak edit HTML tersebut
4. Kemudian Klik Edit HTML, Lalu klikkan kursor Mouse kita kedalam Kotak tersebut, Kemudian tekan ctrl+f
5. Selanjutnya carilah kode-kode berikut dan editlah sesuai keinginan, Selalu Pratinjau sebelum Save dan menutup Format edit HTML tersebut untuk Keamanan dan kenyamanan Blog Kita..,OK
Mengatur Font, Color, serta perataan Tulisan Postingan
.entry {
text-align: justify;
line-height: 20px;
padding-top: 8px;
font-size: 13px;
color: #5b5b5b;
Mengganti warna sentuhan Readmore
a.readmore:hover {
background-color: #cdcbcb;
Untuk Blog Saya menggunakan warna dasar Orange Ketika kita menyentuh Tulisan Readmore
Untuk mengatur Font dan Color Link Pada Sidebar
#sidebar a {
text-decoration: none;
color: #333;
font-size: 14px;
Mengubah Warna Tulisan Ada atau Tidaknya Komentar Pada Blog
#container {
}
a {
color: #cc00ff;
}
Mengatur Border dan Background Sidebar
#sidebar {
background: #e3e3e3;
border: 2px solid #c5c5c5;
padding: 10px;
margin-bottom: 10px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
Mengatur Background Color Tulisan yang diposting pada Blog
#content {
background: #fff;
margin: 20px 10px 10px 0px;
Mengatur warna dan Jenis garis Pembatas Postingan Pada Blog
.post {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #ccc;
Mengatur Font, Color Judul Link Pada Sidebar
#sidebar h2 {text-align: center;
margin: 10px 0 0 0;
padding: 4px 8px;
background: #3366ff;
font-size: 18px;
font-family: 'Arial Black;
text-transform: uppercase;
font-weight: Underline bold;
color: #333333;
text-shadow: 0 1px 0 #ffff00;
Demikian Tutorial sederhana ini, semoga bisa memberikan manfaat bagi semua.
Wassalam……….
|
Tidak ada komentar:
Posting Komentar