Blogger + Wordpress Uyumlu Film Değerlendirme Eklentisi ~ Blog Düzenim

Blogger ve Worpress Uyumlu film değerlendirme eklentisi

Film analizi ve film yorumları için yazı sonunda kullanabileceğiniz film değerlendirme eklentisi. ingilizce adıyla movie rating system.

5 adet farklı renklerde tasarlanmış film değerlendirme eklentisi bulunmaktadır. Bunlardan dilediğinizi seçerek kolayca sitenizde ya da blogunuzda kullanabilirsiniz. Eklentinin güzel yanı ise tüm renkleri ile oynayabilir ve dilediğiniz puan ölçüsünde değişebilir olmasının yanı sıra başta blogger olmak üzere wordpress ve bir çok site ile uyumlu olmasıdır. Bunun yanı sıra sitenizin mobil görünümünde uyumludur.

Eklentiyi kullanırken dikkat etmeniz gereken hususlar :

Style 1 üzerinden örnek verecek olursak;

Senaryo kısmı 7.0 bu eklediğiniz kod içerisinde %70 demektir. Yani senaryo için 6.2 puan vermek isterseniz % değerini %62 olarak girmeniz gerekiyor. Aynı şekilde Çekimler ve filme genel puanınızı da bu şekilde değiştirmelisiniz.

Bu eklentiyi kullanacağınız zaman blogger için normal metin alanı değil, HTML kısmını kullanmanız gerekir. Aynı şekilde wordpress için HTML kısmına yapıştırmanız yeterli olacaktır.

Eklenti içindeki renklerle oynayarak kendi temanız için uyumlu hale getirebilir ya da burada vermiş olduğum renkleri kullanabilirsiniz.

Filme genel puanınız kısmındaki yıldız eğer blogunuzda gözükmüyorsa font awsome icon seti temanızda tanımlı değildir. Font awesome ikonlarını Blogger’da kullanmanız için tek yapmanız gereken, font awesome dosyasını tanıtmaktır. Bunun için Şablon > HTML’yi Düzenle diyerek <head> kodunun altına şu kodu eklemelisiniz: Güncel versiyonu kontrol etmenizde yine de fayda var.

<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css"/>

Style 1

<table style="background: #f2f2f2; border: none; margin: 0 auto; padding: 1px; width: 100%;"><tbody>
<tr>  <td style="background: #3cc091; text-align: left; width: 70%; line-height:30px;color: #2d3744;"><b>&nbsp;Senaryo : </b></td> <td style="line-height:30px;"><b>7.0</b></td>  </tr>
</tbody> </table>
<table style="background: #f2f2f2; margin: 0 auto; padding: 1px; width: 100%;"><tbody>
<tr> <td style="background: #3cc091; text-align: left; width: 68%; line-height:30px;color: #2d3744;"><b>&nbsp;Oyunculuk :</b></td> <td style="line-height:30px;"><b>6.8</b></td>  </tr>
</tbody> </table>
<table style="background: #f2f2f2; margin: 0 auto; padding: 1px; text-align: left; width: 100%;"><tbody>
<tr> <td style="background: #3cc091; text-align: left; width: 52%; line-height:30px;color: #2d3744;"><b>&nbsp;Çekimler :</b></td> <td style="line-height:30px;"><b>5.2</b></td>  </tr>
</tbody> </table>
<table style="background: #ccc; margin: 0 auto; padding: 1px; text-align: left; width: 100%;"><tbody>
<tr> <td style="background: #2b3542; color: #fff; text-align: left; width: 71%; line-height:30px;"><b>&nbsp; FİLME PUANIM :</b></td> <td style="line-height:30px; font-size:15px; text-align: center; color: #2b3542;"><b>7.1</b><i class="fa fa-star" aria-hidden="true"></i>
</td>  </tr>
</tbody> </table>

Style 1 Demo :

Senaryo :

7.0

Oyunculuk :

6.8

Çekimler :

5.2

FİLME PUANIM :

7.1

Style 2

<table style="background: #f2f2f2; border: none; margin: 0 auto; padding: 1px; width: 100%;"><tbody>
<tr>  <td style="background: #ea4537; text-align: left; width: 70%; line-height:30px;color: #fff;"><b>&nbsp;Senaryo : </b></td> <td style="line-height:30px;"><b>7.0</b></td>  </tr>
</tbody> </table>
<table style="background: #f2f2f2; margin: 0 auto; padding: 1px; width: 100%;"><tbody>
<tr> <td style="background: #ea4537; text-align: left; width: 68%; line-height:30px;color: #fff;"><b>&nbsp;Oyunculuk :</b></td> <td style="line-height:30px;"><b>6.8</b></td>  </tr>
</tbody> </table>
<table style="background: #f2f2f2; margin: 0 auto; padding: 1px; text-align: left; width: 100%;"><tbody>
<tr> <td style="background: #ea4537; text-align: left; width: 52%; line-height:30px;color: #fff;"><b>&nbsp;Çekimler :</b></td> <td style="line-height:30px;"><b>5.2</b></td>  </tr>
</tbody> </table>
<table style="background: #ccc; margin: 0 auto; padding: 1px; text-align: left; width: 100%;"><tbody>
<tr> <td style="background: #2b3542; color: #fff; text-align: left; width: 71%; line-height:30px;"><b>&nbsp; FİLME PUANIM :</b></td> <td style="line-height:30px; font-size:15px; text-align: center; color: #2b3542;"><b>7.1</b><i class="fa fa-star" aria-hidden="true"></i>
</td>  </tr>
</tbody> </table>

Style 2 Demo :

Senaryo :

7.0

Oyunculuk :

6.8

Çekimler :

5.2

FİLME PUANIM :

7.1

Style 3

<table style="background: #f2f2f2; border: none; margin: 0 auto; padding: 1px; width: 100%;"><tbody>
<tr>  <td style="background: #3b97d3; text-align: left; width: 70%; line-height:30px;color: #000;"><b>&nbsp;Senaryo : </b></td> <td style="line-height:30px;"><b>7.0</b></td>  </tr>
</tbody> </table>
<table style="background: #f2f2f2; margin: 0 auto; padding: 1px; width: 100%;"><tbody>
<tr> <td style="background: #3b97d3; text-align: left; width: 68%; line-height:30px;color: #000;"><b>&nbsp;Oyunculuk :</b></td> <td style="line-height:30px;"><b>6.8</b></td>  </tr>
</tbody> </table>
<table style="background: #f2f2f2; margin: 0 auto; padding: 1px; text-align: left; width: 100%;"><tbody>
<tr> <td style="background:#3b97d3; text-align: left; width: 52%; line-height:30px;color: #000;"><b>&nbsp;Çekimler :</b></td> <td style="line-height:30px;"><b>5.2</b></td>  </tr>
</tbody> </table>
<table style="background: #ccc; margin: 0 auto; padding: 1px; text-align: left; width: 100%;"><tbody>
<tr> <td style="background: #2b3542; color: #fff; text-align: left; width: 71%; line-height:30px;"><b>&nbsp; FİLME PUANIM :</b></td> <td style="line-height:30px; font-size:15px; text-align: center; color: #2b3542;"><b>7.1</b><i class="fa fa-star" aria-hidden="true"></i>
</td>  </tr>
</tbody> </table>

Style 3 Demo :

Senaryo :

7.0

Oyunculuk :

6.8

Çekimler :

5.2

FİLME PUANIM :

7.1

Style 4

<table style="background: #f2f2f2; border: none; margin: 0 auto; padding: 1px; width: 100%;"><tbody>
<tr>  <td style="background: #ef499d; text-align: left; width: 70%; line-height:30px; color: #fff;"><b>&nbsp;Senaryo : </b></td> <td style="line-height:30px;"><b>7.0</b></td>  </tr>
</tbody> </table>
<table style="background: #f2f2f2; margin: 0 auto; padding: 1px; width: 100%;"><tbody>
<tr> <td style="background: #ef499d; text-align: left; width: 68%; line-height:30px;color: #fff;"><b>&nbsp;Oyunculuk :</b></td> <td style="line-height:30px;"><b>6.8</b></td>  </tr>
</tbody> </table>
<table style="background: #f2f2f2; margin: 0 auto; padding: 1px; text-align: left; width: 100%;"><tbody>
<tr> <td style="background:#ef499d; text-align: left; width: 52%; line-height:30px;color: #fff;"><b>&nbsp;Çekimler :</b></td> <td style="line-height:30px;"><b>5.2</b></td>  </tr>
</tbody> </table>
<table style="background: #ccc; margin: 0 auto; padding: 1px; text-align: left; width: 100%;"><tbody>
<tr> <td style="background: #2b3542; color: #fff; text-align: left; width: 71%; line-height:30px;"><b>&nbsp; FİLME PUANIM :</b></td> <td style="line-height:30px; font-size:15px; text-align: center; color: #2b3542;"><b>7.1</b><i class="fa fa-star" aria-hidden="true"></i>
</td>  </tr>
</tbody> </table>

Style 4 Demo :

Senaryo :

7.0

Oyunculuk :

6.8

Çekimler :

5.2

FİLME PUANIM :

7.1

Style 5 Colorful

<table style="background: #f2f2f2; border: none; margin: 0 auto; padding: 1px; width: 100%;"><tbody>
<tr>  <td style="background: #ea4335; text-align: left; width: 83%; line-height:30px;color: #fff;"><b>&nbsp;Senaryo : </b></td> <td style="line-height:30px;"><b>8.3</b></td>  </tr>
</tbody> </table>
<table style="background: #f2f2f2; margin: 0 auto; padding: 1px; width: 100%;"><tbody>
<tr> <td style="background: #4285f4; text-align: left; width: 78%; line-height:30px;color: #fff;"><b>&nbsp;Oyunculuk :</b></td> <td style="line-height:30px;"><b>7.8</b></td>  </tr>
</tbody> </table>
<table style="background: #f2f2f2; margin: 0 auto; padding: 1px; text-align: left; width: 100%;"><tbody>
<tr> <td style="background: #fbbc05; text-align: left; width: 72%; line-height:30px;color: #000;"><b>&nbsp;Çekimler :</b></td> <td style="line-height:30px;"><b>7.2</b></td>  </tr>
</tbody> </table>
<table style="background: #2b3542; margin: 0 auto; padding: 1px; text-align: left; width: 100%;"><tbody>
<tr> <td style="background: #ccc; color: #000; text-align: left; width: 81%; line-height:30px;"><b>&nbsp; FİLME PUANIM :</b></td> <td style="line-height:30px; font-size:15px; text-align: center; color: #fbbc05;"><b>8.1</b><i class="fa fa-star" aria-hidden="true"></i>
</td>  </tr>
</tbody> </table>