Rating Bintang di Cover Dengan Label

December 10, 2020

New #1

Rating bintang ini di untuk template manga atau fansub. Namun perlu di ingat, ini hanya dekorasi saja yang ratingnya kamu tentukan sendiri. Meskipun hanya dekorasi funsinya untuk menarik pengunjung untuk mengklik postingan kita. Langsug saja ikuti caranya berikut ini.

Backup dulu tema sebeum melanjutkan tutorialnya.

Cari lalu pastekan code di bawah ini tepat di atas <b:includable id='main' var='this'>.


<b:includable id='svgStar'>
  <svg class='feather feather-star mr-3' fill='none' height='24' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><polygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/>
  </svg>
  </b:includable>

Langkah berikutnya agak sulit, karna kamu harus menemukan lokasi cover postingan. Lokasinya di setiap template berbeda-beda. Kalau sudah ketemu copy code xml berikut lalu paste. Paste di bawah tag </img>.


	<b:if cond='data:post.labels any (l =&gt; l.name == &quot;Score 0.5&quot;)'>
          <div class='score'><b:include name='svgStar'/>0.5</div>
          <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 1.0&quot;)'/>
          <div class='score'><b:include name='svgStar'/>1.0</div>
          <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 1.5&quot;)'/>
          <div class='score'><b:include name='svgStar'/>1.5</div>
          <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 2.0&quot;)'/>
          <div class='score'><b:include name='svgStar'/>2.0</div>
          <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 2.5&quot;)'/>
          <div class='score'><b:include name='svgStar'/>2.5</div>
          <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 3.0&quot;)'/>
          <div class='score'><b:include name='svgStar'/>3.0</div>
          <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 3.5&quot;)'/>
          <div class='score'><b:include name='svgStar'/>3.5</div>
          <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 4.0&quot;)'/>
          <div class='score'><b:include name='svgStar'/>4.0</div>
          <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 4.5&quot;)'/>
          <div class='score'><b:include name='svgStar'/>4.5</div>
          <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 5.0&quot;)'/>
          <div class='score'><b:include name='svgStar'/>5.0</div>
          <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 5.5&quot;)'/>
          <div class='score'><b:include name='svgStar'/>5.5</div>
          <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 6.0&quot;)'/>
          <div class='score'><b:include name='svgStar'/>6.0</div>
          <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 6.5&quot;)'/>
          <div class='score'><b:include name='svgStar'/>6.5</div>
          <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 7.0&quot;)'/>
          <div class='score'><b:include name='svgStar'/>7.0</div>
          <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 7.5&quot;)'/>
          <div class='score'><b:include name='svgStar'/>7.5</div>
          <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 8.0&quot;)'/>
          <div class='score'><b:include name='svgStar'/>8.0</div>
          <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 8.5&quot;)'/>
          <div class='score'><b:include name='svgStar'/>8.5</div>
          <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 9.0&quot;)'/>
          <div class='score'><b:include name='svgStar'/>9.0</div>
          <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 9.5&quot;)'/>
          <div class='score'><b:include name='svgStar'/>9.5</div>
          <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 10.0&quot;)'/>
          <div class='score'><b:include name='svgStar'/>10.0</div>
          <b:else/>
          <div class='score'><b:include name='svgStar'/>0.0</div>
	</b:if>

Barangkali sampai disini banyak yang bingung dimana letak covernya. Jangan khawatir akan saya bantu, berkomentar dan sertakan link blogmu. Jangan lupa juga copy dan pate css di atas ]]></b:skin>.


.score {
    position: absolute;
    right: 0;
    z-index: 1;
    padding: 3px 5px;
    font-size: 12px;
    font-weight: 500;
    bottom: 0;
    background: rgba(0,0,0,.8);
    color: rgba(255,255,255,.9);
}

Saya anggap sudah bisa, selanjutnya Simpan dan berdoa agar tidak error. Terakhir tambahkan label berikut di postingan. Ambil salah satunya.

Score 0.5 Score 1.0 Score 1.5 Score 2.0 Score 2.5 Score 3.0 Score 3.5 Score 4.0 Score 4.5 Score 5.0 Score 5.5 Score 6.0 Score 6.5 Score 7.0 Score 7.5 Score 8.0 Score 8.5 Score 9.0 Score 9.5 Score 10.0

December 11, 2020 at 7:03 AM

New #2

Terima kasih, min!! /\

Copy post ID