Cara Membuat Artikel Info di Blog

Setia Share - Cara Membuat Artikel Info di Blog - Saya +helmi junior Akan ngeshare artikel tentang Cara Membuat Artikel Info di Blog, widget tersebut sudah saya pasang. Jika ingin Demonya lihat dibawah artikel. hehe. Silahkan ikuti tutorial berikut.

• Login ke Blogger.com
• Masuk Bagian Template/Layout. Cari kode ]]></b:skin>
• Masukan kode berikut diatas kode ]]></b:skin>

 .artikel-info{margin:6px 0 0;border:2px solid #4488dd;background:#fff;overflow:hidden;}
.thumb-info{float:left;margin:0 8px 0 0;width:80px;height:100px !important;}
.artikel-info h4{
background:#4488dd;
border:none;
color:#fff;
font-family:"julee";
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.artikel-info img{
background:#4488dd;
width:90px;
height:90px;
border:1px solid #4488dd;
margin:5px 10px 5px 5px;
float:left;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

• Jika sobat sudah melakukan tahap sebelumnya. sekarang cari kode <data:post.body/> (  yang kedua ). Letakkan Kode Berikut di Bawah kode yang diatas.

<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='artikel-info' itemprop='description'>
   
    <b:if cond='data:post.firstImageUrl'><h4>Artikel Info</h4><img class='thumb-info' expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></b:if>
 
      <b>Title</b> : <span itemprop='itemreviewed'><data:blog.pageName/></span><br/>
      <b>Description</b> : <b:if cond='data:post.snippet'><data:post.snippet/></b:if><br/>
      <b>Rating</b> : <span itemprop='rating'>4.5</span><br/>
      <b>Penulis</b> : <b:if cond='data:post.author'><data:post.author/></b:if>
    </div>  </b:if> 

• Selesai.

Tidak terasa saya ada di akhir artikel ini. jika ada masalah langsung tanyakan di kolom komentar. Terima kasih sudah membaca Cara Membuat Artikel Info di Blog dan. Semoga Berhasil