Cara Memasang Recent Post Dark Style Pada Blog

Cara Memasang Recent Post Dark Style Pada Blog - Sudah barang tentu anda tahu apa fungsi dari widget Recent Post bagi blog anda, dan hal tersebut menjadi alasan anda mencari style yang cocok bagi blog anda. Apabila blog anda memiliki penampilan yang terkesan gelap tentu anda memerlukan widget recent post yang gelap pula.

   Widget ini sangat pas disandingkan dengan blog anda dengan tampilan elegan dan sedikit gelap. Model widget ini merupakan salah satu widget kesukaan saya tapi karena blog saya sudah dipasang dengan widget yang lama saya mengurungkan niat untuk menggantinya. Karena alasan ini pula saya ingin berbagi recent post dark style ini kepada anda mudah-mudahan dengan ini mampu meningkatkan penampilan elegan terhadap blog anda. Tanpa perlu basa-basi lagi langsung saja kita pasang widgetnya. Lets do it!

Cara Memasang Recent Post Dark Style Pada Blog

1. Login ke akun Dasbor Blogger anda.

2. Masuk ke laman Tata Letak.

3. Pilih tambahkan widget "Add Gadget".

4. Klik HTML/Javascript.

5. Lalu letakkan script dibawah ini ke dalamnya.

<style type="text/css"> #rp_plus_img{height:377px;} #rp_plus_img li {height:60px;padding:5px;list-style:none; background-color:#000000; border:solid 2px #ffffff;} #rp_plus_img a{color:#fff;} #rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px; font-size:11px; text-align:justify; -moz-border-radius: 5px;} #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #fff;width:55px;height:55px;} </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="https://sites.google.com/site/jquerymargop/jquery-js/recentpost%20%282%29.js?attredirects=0&d=1"></script> <script type="text/javascript"> var speed = 1500; var pause = 3500; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script> <ul id="rp_plus_img"> <script style="text/javascript"> var numposts = 5; var numchars = 0; </script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script></ul>

6. Simpan setelan dan lihat hasilnya.

Apabila terjadi kendala, silahkan anda tanyakan pada kolom komentar. Terimakasih!

"Semoga Bermanfaat"

Tweet

Postingan terkait:

Ditulis Unknown — Friday, April 29, 2016 — Add Comment — Tutorial Blog