Home » Ask (Forum) » Cara menambahkan tulisan kualitas di thumbnail posting

Question

gan ane mau nanya nih kira2 cara menambahkan tulisan kecil quality film di thumbnail itu gimana di theme bikin film

terima kasih

saya kasih contoh gambaranya nih gan
kira2 seperti ini gan

Mar 13, 2017 (1 month ago) - Posted by 15 Comments

15 Answers

  1. Mr. Shine says:

    Malam gan, gambarnya tidak kelihatan. Silahakan gan upload gambarnya ke postimage.io atau imgur.com saja. Terima kasih

    Administrator
  2. cyber88 says:

    Register Member
  3. cyber88 says:

    kira2 seperti itu gan

    Register Member
  4. Mr. Shine says:

    Jadi agan ingin menambahkan info/text kecil pada thumbnail film, okay saya paham gan. Agan menguasai HTML + CSS and PHP ??
    Yang ingin agan tambahkan apa ya? Apakah rating film, kualitas film, durasi film atau genre film?

    Agan tau cara menambahkan form baru di halaman “New Post” ?? Nantinya form itu yang digunakan untuk menginput text dan di load pada thumnbnail poster.

    Administrator
    • cyber88 says:

      saya cuma kuasai html dan css saja kalo php masih rada bisa. yg ingin saya tambahkan cuma kualitas film gan

      Register Member
  5. Mr. Shine says:

    Cara termudah adalah mengunakan fitur “Custom Fields” pada wordpress.
    Buka “new post” atau “edit” salah satu post yang sudah agan publikasikan, kemudian scroll ke bawah, dan pada kolom Custom Fields “Name” tambahkan “bw_kualitas_film“. Dan pada kolom Custom Fields “Value” tambahkan “HD“. Setelah itu clik tombol “Add Custom Field“.

    Custom field WordPress

    ***

    Sekarang agan buka file index.php yang berada di dalam folder theme agan, setelah itu temukan baris berikut ini:

    <!--<thumbnail>-->
    <div class="bw_thumb">
    	<a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>">
    		<?php if (has_post_thumbnail()) { ?>
    			<img class="tm_hide" alt="<?php the_title_attribute(); ?>" src="<?php $image_id = get_post_thumbnail_id(); $image_url = wp_get_attachment_image_src($image_id,'img200300', true); echo $image_url[0]; ?>">
    		<?php } else { ?>
    			<img alt="<?php the_title_attribute(); ?>" src="<?php echo get_template_directory_uri(); ?>/images/nophoto.png" />
    		<?php } ?>
    	</a>
    </div>
    <!--</thumbnail>-->

    Sebelum “< /a >” (tanpa spasi) tambahkan line berikut ini:

    <span class="bw_kualitas"><?php echo get_post_meta($post->ID, 'bw_kualitas_film', true); ?></span>

    Hasilnya seperti ini:

    <!--<thumbnail>-->
    <div class="bw_thumb">
    	<a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>">
    		<?php if (has_post_thumbnail()) { ?>
    			<img class="tm_hide" alt="<?php the_title_attribute(); ?>" src="<?php $image_id = get_post_thumbnail_id(); $image_url = wp_get_attachment_image_src($image_id,'img200300', true); echo $image_url[0]; ?>">
    		<?php } else { ?>
    			<img alt="<?php the_title_attribute(); ?>" src="<?php echo get_template_directory_uri(); ?>/images/nophoto.png" />
    		<?php } ?>
    		<span class="bw_kualitas"><?php echo get_post_meta($post->ID, 'bw_kualitas_film', true); ?></span>
    	</a>
    </div>
    <!--</thumbnail>-->

    Untuk tampilan CSS agan bisa sesuaikan dengan keinginan agan sendiri.

    Selamat mencoba!

    Administrator
  6. Seo says:

    Bisa di bantu contoh cssnya terima kasih

    Unregister Member
    • Mr. Shine says:

      Apakah code diatas sudah agan tambahkan di website agan? Jika belum silahkan tambahkan codenya dengan mengikuti tutorial diatas, setelah selasai informasikan alamat url agan, nanti saya bantu untuk mendesign css-nya secara online.

      Selamat mencoba!

      Administrator
      • Seo says:

        http://zero2heros.in/ ini gan url ane.
        ane masih belum tau banyak tentang CSS terima kasih.

        Unregister Member
      • Mr. Shine says:

        Pagi gan, saya melihat kualitas video-nya belum agan tambahkan di situs agan. Ikuti tutorial diatas gan untuk menambahkan kualitas video pada situs agan. Terima kasih

        Administrator
  7. Mr. Shine says:

    Okay sekarang bukan theme wordpress anda, temukan file style.css didalamnya.

    Tambahkan line berikut ini di dalamnya:

    .bw_kualitas{background-color:#EA5A35;color:#fff;display:table;font-size:11px;line-height:20px;margin-top:-20px;padding:0px 6px;position:absolute;}

    Catatan: Jika agan mengunakan plugin cache, pastikan agan membersihkan cache plugin anda, dan juga bersihkan cache pada browser anda.

    Selamat mencoba!

    Administrator
  8. Seo says:

    work gan terima kasih banyak !

    Unregister Member

Your Answer

Your email address will not be published. Required fields are marked *