Tampilan Theme

Bingung mau ngomong apa atau kasih tutorialnya bagaimana, ok deh karena sudah banyak yang menayakan tentang tampilan theme yang saya sering gonta-ganti/saya buat sendiri seperti theme saya disini dari yang dibilang berbayar sampai bla-bla-bla nahh sekarang saya mau kasih tutorialnya buat mempertampan atau mempercantik blog sahabat, langsung saja ya

Pertama buat satu halaman/page jangan di beri/di kasih judul dan terus kelik Text pada halaman postingan dan masukan HTML seperti dibawah ini

<div style="overflow-x: auto; overflow-y: auto; height: 600px; background-color: white; background-attachment: scroll; background-repeat: no-repeat; background-position: 50% 50%; background-image: url('https://catataniwariot.files.wordpress.com/2013/05/kay.jpg?w=930'); text-align: center; border-width: 0; border-color: #ffffff; border-style: solid; padding: 5px;"></br></br><a href="https://catataniwariot.wordpress.com/semua-goresan/"><span style="font-size: 30px; color: #000000; text-shadow: 4px 4px 8px #000000;"><strong>•</strong></span><strong><span style="color: red; text-decoration: blink; text-shadow: 4px 4px 8px #000; font-size: 30px;">OPEN</span></strong><span style="font-size: 30px; color: #000000; text-shadow: 4px 4px 8px #000000;"><strong> HERE•</strong></span></a></br></br></br><img alt="" src="http://1.gravatar.com/avatar/1bf6c327c384ef2ccb19b07b990044aa?s=62&amp;d=&amp;r=G" width="62" height="62" /></div>

Penjelasan :

Warna Merah : adalah Tinggi dan Lebar tampilan pada backgroung gambar dan juga untuk ukuran tulisan/Font, oiya  jika 30px terlalu besar sobat juga bisa kecilkan menjadi 12px atau terserah sobat untuk font yang sobat ingini.
Warna Biru : adalah Warna untuk background dan Posisi pada background yang akan melapisi gambar tampilan, pastikan posisi gambar harus 50% biar gambar berada tepat di tengah.
Warna Hijau : Warna hijau yang pertama adalah Link URL gambar yang akan kita jadikan media untuk tampilan dan hijau yang kedua adalah Link URL yang akan menuju pada halaman baca/home yang menampilkan tulisan kalian
Warna Orange : adalah border warna yang akan menutup setiap bagian background dari atas, bawah, samping kanan dan kiri jadi seandainya theme sobat warnanya hitam pastikan bordernya berwarna hitam untuk kodenya serti ini [kode : #00000 /ktik black] untuk putih [kode :#ffffff/ktik white] dll.
Warna Pink : adalah jarak tulisan untuk menyesuaikan tulisan yang akan kita tempatkan di posisi gambar.
Warna Kuning : adalah bayangan/shadow pada tulisan jika tidak ingin memakainya tinggal dihapus saja.
Warna Aqua/Biru stabilo : adalah blink/berkedip untuk tulisan berkedip jika tidak ingin menggunakan sobat juga bisa menghapusnya
Warna Ungu : adalah link gravatar yang saya taruh pada bagian bawah, silakan sobat ganti dengan link URL gravatar sobat

Cara menampilkannya :

Dan setelah halaman utama dibuat, sobat buat lagi satu halaman/page untuk menaruh tampilan baca/postingan sahabat, misalnya sahabat mau taruh tulisan/posting sahabat menjadi Welcome / semua goresan atau bla..bla..bla jadi nanti URL sobat menjadi https://catataniwariot.wordpress.com/semua-goresan/

Dan setelah semua beres sobat bisa pergi menuju Surga-Nya hehe 😀 kidding, jangan serius gitu dong 😀 nah sobat bisa pergi menuju [ Pengaturan / Membaca [atau Reading untuk yang berbahasa inggris] / Halaman depan menampilkan / pilih Halaman Statis

Halaman Depan : halaman yang akan menampilkan halaman yang sobat buat untuk tampilan depan
Halaman Tulisan : halaman yang sobat buat kedua untuk menampilkan halaman tulisan sobat

Dan contoh gambarnya seperti berikut :

Dan yang terakhir agar menu tidak di tampilkan pada header buat menu baru misal menu 2 biarkan kosong pada menu 2 dan save, Teng ing eng!!! dan liat hasilnya tampilan sobat pun sudah jadi

Ok deh sahabat semoga tutorial mempertampan dan mempercantik theme dapat bermanfaat buat sobat semua dan jangan sungkan untuk memberi kometarnya biar saya perjelas untuk yang sobat tidak mengerti, selamat berkreasi ..!! bye

Iklan

25 komentar

  1. lho kak… kalo background blog saya putih kan nggak ngarus tuh…

    1. maksud engga ngarus apa ya ruri, jadi bingng 😀

      1. *ngaruh maksudnya. typoo xD

  2. Mantap sob..

    1. trimaksih gan 😀

  3. Jelas amat cara yang jelasinnya sob. Tapi saya tetap tidak mengerti. Letakin tuh kode di mananya wordpress. Di printt lalu di liatin ke blog kita. Tarang barubah tuh tema blog. Gitu ya sob….

    1. bukan gitu gan
      agan buat 1 halaman seperti postingan biasa tapi di halaman/page seperti agan membuat halaman about dan di copas deh HTML-nya dan trus di publish
      cara untuk menampilkannya ada di bawah postingan ini juga

      1. Oh, di kirain sama dengan MyWapBlog, letakin data css nya di dasbor bagian tema. Ternyata beda. Berarti nanti bakalan muncul ya kode itu di menu blog(halaman), dan dapat di lihat bloger lain…

      2. bedalah gan css sama html, ini hanya untuk tampilan depan blog gan
        lihat contohnya disini gan https://catataniwariot.wordpress.com

      3. Pantesan beda juga cara letakinnya. Tanks sob, jadi dapat ilmu baru…

      4. Sama-sama gan 😀

  4. bermanfaat bung, trims for share ^^

    1. you’re welcome mas

Terima kasih untuk jejak yang anda tinggalkan...!!

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s