Rating Bintang di Cover Dengan Label

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
Ads
Iklan
@~Ren Zu
pake b:if yg sudah di tentukan dalam:
<b:if cond='data:post.labels any (l =&gt; l.name == &quot;Movie&quot;)'>
<span>Movie</span>
</b:if>

Letakkan code tersebut dlam tema km.
Jangan lupa beri label Movie diposting.
@Oniki
That tricky depan on theme you use,
do you have website or blog so i can point its out the img location?
copy long xml script above
paste bellow :
<div class='post-image-wrap'>
copy 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>

paste above:
<b:includable id='main' var='this'>
copy this:
.score {
position: absolute;
top: 0;
z-index: 21;
padding: 3px 5px;
font-size: 22px;
font-weight: 500;
right: 0;
background: rgba(0,0,0,.8);
color: rgba(255,255,255,.9);
}

paste above:
]]></b:skin>
I'm modifying a template but can't find the tag img https://3334446666777.blogspot.com/
Kasian njer si @Tsuky donlod nya disini https://templatesfansub.blogspot.com/2020/06/template-blogger-viomagz-movie.html udah dipasangin popup sama yg punya

@Tsuky edit ur Templates and remove popup and Ads code
Pieci: Thanks for responding, but I'm sorry I didn't understand much of what you explain. It could be but Espesifico
@Tysuky
find this code on your theme:
<div class=img-thumbnail'>
and paste xml script bellow it
<div class=img-thumbnail'>
Paste here
I'm sorry for taking up too much of your time and I just researched the img tag, but I didn't confirm that I had the first var = 'this' code after looking at it, I was disappointed with myself because the tenplate doesn't have the tag. Could you help me with this problem any help is enough: https://3334446666777.blogspot.com/
Hi, could you give me the vdd code to place the stars URLhttps://bebebebenn.blogspot.com/
28