mastersampling: Mebuat Related post dengan gambar/thumbnail

Friday, February 14, 2014

Mebuat Related post dengan gambar/thumbnail

Dalam hari ini taukahbahwa.blogspot.com akan membahas artikel tentang Mebuat Related post dengan gambar/thumbnail. Semoga dengan berita Mebuat Related post dengan gambar/thumbnail akan menambah pengetahuan untuk anda pembaca setia taukahbahwa.blogspot.com

Mebuat Related post dengan gambar/thumbnail adalah utuk memperindah tampilan blog dan juga untuk mempercepat agar blog terindex oleh google membuat related post/artikel terkait sebenarnya tidak terlalu sulit untuk membuat-nya langsung saja berikut langkah-langkah Mebuat Related post dengan gambar/thumbnail:

1.Seperti biasa sobat login dulu ke blogger.com

2.pilih template --> Edit html
3.centang expand widget
4.Cari kode <head> caranya tekan ctrl+f
5.letakan kode di bawah ini sebelum atau diatas kode <head>

<br /><b:if cond='data:blog.pageType == "item"'><br /><style type='text/css'>#related-posts  {float:center;text-transform:none;height:215px;background-color:  #f4f4f4; box-shadow: 0 0 0 1px white inset; -moz-box-shadow: 0 0 0 1px  #fff inset; -webkit-box-shadow: 0 0 0 1px white inset;  padding:5px;border: 1px solid black;  } #related-posts h2{padding: 10px 15px; font-family: Helvetica, Arial;  line-height: 1.1em; font-weight: bold; text-shadow: 0 1px 0 white;  font-size: 20px; letter-spacing: -1px;color:#333; background: #E4E4E4;  border: 1px solid white;width:auto;box-shadow: 0 0 0 1px white inset;  -moz-box-shadow: 0 0 0 1px #fff inset; -webkit-box-shadow: 0 0 0 1px  white inset;} #related-posts a{color:#D80556;} #related-posts a:hover {background-color: #D80556;color: white;  font-weight: bold; text-decoration: initial;} </style><br /><script type='text/javascript'>var  defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQagH6W1Y2TTZmT3yEWPwuH_GY7kI2S7cgnbpui-weFiLELDFbhdAZIizEpcTfWZMjk6nK2irbgcrFF6avJvBX4fvtntGE2lH1Dx5aVfjjH2OaI68WYGSC57DrzC1sw3D9KLJmXb96GMA/s400/noimage.png"; var  maxresults=6; var splittercolor="#d4eaf2"; var relatedpoststitle="Related Posts"; </script><br /><script  src='http://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js'  type='text/javascript'/></b:if>

6.Kemudian sobat cari kode di bawah ini:
Jika sudah ketemu sobat copy paste kode di bawah ini dan letekan setelah kode diatas (yang sobat cari tadi).
7.sekarang tinggal Save template sobat.

Dapatkan berita terupdate dan unik setiap saat hanya di taukahbahwa.blogspot.com

Homepage|http://taukahbahwa.blogspot.com

Friday, February 14, 2014

Mebuat Related post dengan gambar/thumbnail

No comments:

Post a Comment