Merubah Posisi Elemen Postingan dan Elemen Sidebar. Tata letak dalam template sangat penting dalam mendesain sebuah template agar template tersebut membuat nyaman kepada pengguna, pengunjung, dan paling penting Search Engine. Tata letak dalam template dapat mempengaruhi kecepatan blog dan kata master-master seo juga tata letak mempengaruhi template yang seo friendly.
Sekarang saya akan membahas bagaimana Cara Merubah Posisi Elemen pada Template yang lebih tepatnya sih merubah posisi elemen post dengan elemen sidebar. biasanya pada Tata letak template default dari blogger, elemen post berada di kiri dan elemen sidebar berada di kanan, nah disini saya akan membalikan posisi tersebut yang dimana elemen post berada di kiri menjadi di kanan dan elemen sidebar berada di kanan menjadi di kiri. Sekarang kita lihat langkahnya yuk.
Langkah pertama kita masuk ke blogger dengan menggunakan ID sobat sendiri. Setelah itu masuk ke halaman Rancangan trus Edit HTML, oiya sebelumnya kita lihat dulu screenshout elemen yang belum di rubah

Di atas adalah posisi default pada template blogger minimalist, setelah berada pada edit HTML cari main-wrapper dan Sidebar-wrapper, nah pada main-wrapper dan Sidebar-wrapper mempunyai beberapa atribute salah satunya ya itu float, nah float ini lah yang menentukan posisi dari elemen keduanya, mungkin nilai dari float main-wrapper dan Sidebar-wrapper pada template minimalist tersebut masing-masing adalah $startSide dan $endSide. Menurut variabel $startSide menunjukan posisi di kiri dan $endSide menunjukan posisi di kanan, sekarang kita tukar nilai tersebut yang tadinya main-wrapper mempunyai atribute Float dengan nilai $startSide kita ubah dengan $endSide dan Sidebar-wrapper mempunyai atribute Float dengan nilai $endSide kita ubah menjadi $startSide.


Sekarang kita simpan, setelah menyimpannya coba sobat lihat pada elemen halaman berubahkah posisi elemen yang tadi kita rubah? kalau berubah mungkin posisinya hampir sama dengan gambar yang di bawah ini

Sebenarnya Main-Wrapper dan Sidebar-Wrapper kalau pada template yang tidak menggunakan variabel mempunyai atribute float dengan nilai left ataupun right, namun karena untuk memudahkan memodifikasinya maka blogger memberikan variabel, dan apabila pada template sobat tidak mempunyai variabel, silahkan tukar saja dari masing-masing atribute float beserta nilainya.
Mungkin hanya segitu saja yang bisa saya jelaskan, kalau sobat mengalami kesulitan silahkan tinggalkan pesan di kotak komentar dibawah ini. sampai ketemu di kesempatan berikutnya. Terima kasih dan Happy blogging. Artikel Terkait di Bawah posting
- Tips & Trik Jumper | Teknik Jumper Keypad Handphone
- Blackberry Software Solution By Kenny ic3
- Tips mempertahankan baterai laptop agar bertahan lama I Battery Care | Hausgame software center
- cara menggabungkan dan memotong video
- membuat poster animasi gokil abis dengan photobie
- Pengalaman membasmi virus shortcut, W32 Ramnit
- Perbaiki Safe Mode bermasalah dengan Safe Mode Fixer
- BlackBerry 8520 Curve usb solution
- Nokia E63 E71 E72 SMPS Jumper
- Hardware pack For Nokia X6 16GB Latest Software
- Nokia x6 16gb hardware solution
- Nokia X5 Hardwere Solution One Exe
- Nokia x5
- Nokia X6 32GB solution
- Nokia C1-00 All Hardware Latest Solution Pack
- Nokia X2 Soution
- x6 Nokia ALL UseFull Hardware Repair Solution Pack
- Nokia X3 all Hardware Tested Solution
- NOKIA x6 All Solution Here (Setup File v-4)
- Nokia X5 All Hardware Latest Solution
- Nokia X7-00 charging way
- Nokia E 71 Hardware Solution
- Nokia 1616 Display
- nokiaE7-00 power key way
- Nokia C,E,N,X series All hardware solution exe
- Kamus Nama bagus
- Efek Box Gelap Terang Menggunakan Opacity Effect dan CSS3 Transition
- Merubah Lebar Template Blog
- Cara Membuat New Recent Comment dengan Scroll Down di Blogspot
- Cara Memasang Yahoo Messenger Di Blogger
- Cara membuat browser bergetar saat klik kanan
- Cara Membuat Sitemap di Blogspot
- Membuat Widget Agar Selalu Tetep Berada Di Kiri,Kanan,Dll
- Cara Pasang Buku Tamu Facebook di Blog
- Tips Cara Pasang Status / ikon YM (yahoo messenger) di blog/web/friendster !
- Mengganti Tulisan Newer Post Older Post Dengan Gambar
- Cara Membuat Vertical Sliding Info Panel With jQuery
- Memasang Radio Online atau MP3 di Blog
- SEXY BOOKMARKS V2 FOR BLOGGER
- Show Comment Bubble at Top Right of each Blogger Posts
- Automatic Read More with Thumbnail for Blogger
- Social Bookmarking Widget for Blogger with auto scrolling function
- CARA MEMBUAT EXPLORER D-TREE...
- Cara Pasang Tag Meta Robot Blogspot
- Cara Membuat Drop Caps Otomatis di Posting Blog
- Koleksi banner blog dofollow
- Cara mengecek kecepatan Blog
- Membuat Link Terbuka Pada Halaman Baru
- Memasang Feedjit Pada Blogger
- Membuat Gradient Effect dengan CSS
0 komentar:
Posting Komentar