Ada yang baru dengan tampilan christian tatelu, blog jelek ini kini dilengkapi dengan breaking news.
Breaking news adalah widget yang dipasang dengan tujuan memperindah
tampilan blog dan juga untuk meningkatkan pageview blog. Widget ini
berupa judul artikel yang ditampilkan secara bergantian yang terkadang
juga di sertai dengan tanggal posting artikel tersebut.
Sebenarnya postingan kali ini hampir sama dengan postingan sebelumnya ( baca : cara membuat headline news di blog ) tapi mungkin yang ini ( breaking news ) agak sedikit lebih keren. Sobat yang tertarik memasang widget ni, silahkan ikuti tutorial berikut.
Cara Memasang Breaking News di Blog
1. Login dulu ke akun blog sobat
2. Klik rancangan --> Edit HTML
3. Letakkan kode berikut di atas kode ]]>
Sebenarnya postingan kali ini hampir sama dengan postingan sebelumnya ( baca : cara membuat headline news di blog ) tapi mungkin yang ini ( breaking news ) agak sedikit lebih keren. Sobat yang tertarik memasang widget ni, silahkan ikuti tutorial berikut.
Cara Memasang Breaking News di Blog
1. Login dulu ke akun blog sobat
2. Klik rancangan --> Edit HTML
3. Letakkan kode berikut di atas kode ]]>
.newspic
{background:#252525
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnKJPgjzN9vqDH_KNgGN3XWPROPupniUnElmfdeMkC39HWVobQDFu9ERfmRQdjZDK9-xaPP9fUNklOtFyYYgs8vmMqgNJi2hCuX21otZEcsmlFGlxTkfQkFXLjIO-7YAxDbe9w-To6xlw/s1600/BRK+NW.png)
no-repeat top left;width:979px;margin:0 auto;padding:0 auto; height:24px;color:#fff;}
.news {width: 979px;margin:0 auto;padding:0 auto;line-height: 1.2em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
.news a:link, .news a:visited{color:#000000;text-decoration:none;}
.news a:hover {color:#ddd;text-decoration:underline;}
.news {width: 979px;margin:0 auto;padding:0 auto;line-height: 1.2em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
.news a:link, .news a:visited{color:#000000;text-decoration:none;}
.news a:hover {color:#ddd;text-decoration:underline;}
Catatan :
Sesuaikan kode yang berwarna biru dengan ukuran template blog sobat
4. Kemudian letakkan kode berikut di atas kode
5. Cari kode
( gunakan Ctrl + F ) dan letakkan kode berikut tepat di bawahnya.
Catatan :
Ganti http://christiantatelu.blogspot.com dengan url blog sobat.
6. Klik save dan lihat hasilnya.
Sumber: http://christiantatelu.blogspot.com
Catatan :
Ganti http://christiantatelu.blogspot.com dengan url blog sobat.
6. Klik save dan lihat hasilnya.
Sumber: http://christiantatelu.blogspot.com
