Showing posts with label Template. Show all posts
Showing posts with label Template. Show all posts

Download Template Keren 3x P124y

G-aNkar BloG. Sekarang saya akan bagikan salah satu template keren yang saya namai 3X P124Y, itu adalah nama pangilan saya. Tapi nama tidak begitu penting, yang terpentingkan kode-kodenya, hhahaa......... Temlpate ini memiliki 2 column dan 3 column pada bagian footernya.

3X P124Y

 DEMO         DOWNLOAD 

Template 3X P124Y ini sudah responsive untuk semua perangkat;

  • 3X P124Y dibuat menggunakan HTML5 dan CSS3 teknik dengan kode Validitas, sobat dapat memeriksanya di situs Validator untuk melihat apakah itu sah atau terjadi kesalahan
  • 3X P124Y  coding yang super bersih, Sobat dapat Mengedit Template ini dengan mudah.
  • Template ini dirancang dengan kode yang bersih dan loading cepat,
  • Template 3X P124Y  tidak sulit untuk membuat menu, karena anda dapat menggunakan Menu Dropdown yang sudah di terapkan di dalamnya, tugas sobat cuma mengganti sesuai keinginan sobat saja.
  • Template ini telah di usahakan Tetap Seo sebaik mungkin, saya tidak tahu apakah template ini adalah sudah atau Tidak. Itu tergantung sobat yang menilai.

Template kode bersih untuk blogger dengan HTML5 yang valid dan desain CSS3 adalah Template 3X P124Y .Template 3X P124Y  ini adalah responsif blogger template yang telah dirancang sebagai Eeo friendly.
Labels:
Magazine, Green, Adsense ready, SEO, 2 columns, Wordpress Look, White, news, Business, Personal, Elegant, Blogger Template 2014, Free Premium, Wordpress Look, White, Featured Content Slider, Red, SEO, Adsense ready, Personal, Photography, .
Tags search:
3X P124Y Blogger Template
3X P124Y Blogspot Template
3X P124Y B Template
3X P124Y Blogger Theme
3X P124Y Blogspot Theme
3X P124Y B Theme

source: ahoivera

Cara Mudah Edit Template Bagi Newbie Ala Mz Prayit

Cara Mudah Edit Template Bagi Newbie Ala Mz Prayit adalah pilihan terbaik bagi para sahabat blogger yang baru mengenal kode-kode HTML. Karena cara yang akan saya share adalah cara saya sendiri dalam memahami tata letak kode template saya, jikapun sudah ada yang membuat postingan seperti saya ini itu saya tidak meniru atau asal copy paste. Ini adalah asli pemikiran saya, jika merasa bermanfaat silahkan baca sampai selesai postingan saya.

Pada dasarnya sebuah template hanyalah susunan kode Html dengan segala trik pengaturannya yang di sebut CSS (mungkin sih, hheee), karena tanpa di dampingi kode CSS maka temlate blog tidak akan jadi atau error. Adapun kode-kode pendukung atau mungkin memang di haruskan yaitu seperti kode Javascript atau masih banyak lagi (saya juga belum paham :p).

Jadi cara saya ini hanya memanfaatkan fitur yang sudah ada saja pada laptop saya,, hahaa... saya pake tombol di keyboard saya yang bertuliskan F12 [Scr Lk]. Menurut saya cara ini juga bisa kita gunakan untuk menduplikasikan template orang lain di template kita. Dan berikut Cara Mudah Edit Template Bagi Newbie Ala Mz Prayit, silahkan di simak.

1. Masuklah ke akun blogger sobat,

2 Klik Template_Edit HTML, setelah terbuka kode-kodenya silahkan sobat buka blog sobat di tab baru dan tekan tombol F12 pada baris teratas di keyboard sobat. Sebagai contoh saya gunakan blog saya ini. 

Cara Mudah Edit Template Bagi Newbie Ala Mz Prayit

* Gambar diatas setelah blog terbuka lalu tekan F12, kotak sebelah kiri adalah bagian Elements dan bagian kana kode CSS-nya.

3. Misalkan saya mau mengedit header yang tadinya memakai background berwarna biru dan saya ganti dengan hijau maka caranya seerti berikut;

Cara Mudah Edit Template Bagi Newbie Ala Mz Prayit

* Jika mau mengedit bagian header (yang di block warna biru pada gambar di atas) maka kita cari kodenya di bagian Elements, setelah itu kode CSS-nya akan muncul di bagian Style pada kotak sebelah kanan, lalu kita saya klik kotak kecil yang berwarna biru dan kode HTML dari warna biru tersebut. Maka akan tampak seperti gambar di bawah ini.

Cara Mudah Edit Template Bagi Newbie Ala Mz Prayit

* Terlihatkan headernya berganti dalam sekejap menjadi warna hijau, namun itu tidak akan berubah selamanya jika sobat tidak merubahnya pada HTML template sobat, makanya kita membuka dua tab yaitu untuk mempermudah pencarian kode yang harus di rubah di dalam template kita.

4. Cari kode #header-wrapper dalam template sobat lalu cari kode backgroundnya, contoh di template saya kodenya #0000CC (biru) dan saya ganti #066D0E (hijau tua). Setelah itu simpan templatenya dan selesai. Perubahan sadah berhasil di template sobat.

Untuk kode yang lainnya silahkan sobat coba sendiri, caranya sama dengan yang saya jelaskan di atas. Jika bingung silahkan bertanya pada form komentar di bawah.

Admin Prayit