Ahad, 4 Ogos 2019

Tutorial Buat Tajuk Artikel Dibawah Gambar

Tutorial Buat Tajuk Artikel Dibawah Gambar

Assalamualaikum dan salam sejahtera buat semua pembaca-pembaca yang saya kasihi sekalian. Hari ini, saya nak kongsikan secara ringkas mengenai blogger "bagaimana cara kita menukarkan, mengalihkan atau membuat gambar pertama blog posts kita berada pada paling atas @ tajuk berada dibawah selepas gambar".

Contohnya ialah seperti dalam gambar background diatas ↑ ini.

Cara Buat Gambar Berada Pada Paling Atas:

  • Pada dashboard blogger anda. Masuk ke TemaEdit HTML.
  • Selepas itu, cari code ini <div class='post hentry module'>.
  • Copy kod dibawah ini dan paste diatas kod <div class='post hentry module'>.
<b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='coverImage'> <b:if cond='data:post.firstImageUrl'> <img class='firstimage' expr:alt='data:post.title' expr:src='data:post.firstImageUrl'/> <b:else/> <img class='firstimage' expr:alt='data:post.title' src='http://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s70/picture_not_available.png'/> </b:if> </div> </b:if> <div class='kolom-author'> <div class='about-author'> <img expr:src='data:post.authorPhoto.url'/> </div> <div class='pengarang'> <data:post.author/> </div> </div>

  • Seterusnya, salin lagi code dibawah ini dan letakkan di atas code </:skin>.
.post img.firstimage{ width:100%; height:auto; max-width:100%} .post-body .separator:nth-child(1) {display:none} .kolom-author{position:relative;background: #123;height: 40px;} .about-author{overflow: auto;padding: 0 0 10px 5px;margin-top: -30px;float: left;} .about-author img {float: left;width: 60px;height: 60px;border-radius: 100px;border: solid #1233px;} .pengarang {font-size: 12px;margin-left: 10px;padding-top:10px;color:#FF3300;float: left;}

  • Langkah terakhir, salin lagi code dibawah ini dan letakkan diatas code </body>.
<script type='text/javascript'> //<![CDATA[ $(function(){$(".separator:first").remove(),$(".post-body > img:first").remove()}); //]]> </script>

Save theme dan lihat hasilnya. Jika ada bahagian yang belum anda fahami, jangan malu dan jangan segan untuk hubungi kami melalui ruangan comment dibawah sini. Sekian dan terima kasih!


  1. poker online dengan pelayanan CS yang baik dan ramah hanya di AJOQQ :D
    ayo di kunjungi agen AJOQQ :D

    BalasPadam