Header Ads Widget

Responsive Advertisement

Widget Poskota Nah Ini Dia

Bacaan ringan pria dewasa [17+] buat ngilangin stress... "Nah Ini Dia" salah satu rubrik harian surat kabar ibukota (PosKota), buat yang ga sempat baca surat kabarnya sudah saya sediakan widget feed-nya.

Buat yang tertarik untuk memasang widget feed Nah Ini Dia - PosKota di blog-nya, monggo... disimak tutorialnya...


Powered By MonozCore

Cara Pasang Widget
  • Seperti biasa...Login dahulu ke blog sobat.
  • Klik "Design" kemudian klik "Add New Gadget" setelah itu pilih "HTML/JavaScript".
  • Copy-Paste kode HTML dibawah ini ke kotak postingan gadget.
    <center>
    <div id="monozcoreRssFeed">
    <img id="rssFeedTitle" src="https://4.bp.blogspot.com/-yMotgizcEw8/W80rcpmlcfI/AAAAAAAAIf4/4XyBc-sf1kQ4bUPVx-jHmhlCB3ZLvHATgCLcBGAs/s1600/poskotanews_logo.png" />
    <script src="https://feeds.feedburner.com/poskotanews/IYai?format=sigpro&nItems=5&format=openLinks=new
    &displayDate=true&displayExcerpts=true&displayTitle=false&excerptLength=20&dateLocation=below" type="text/javascript" ></script>
    <div id="rssFeedCredit">
    Powered By <a href="https://monozcore.blogspot.com/2015/11/widget-poskota-nah-ini-dia.html" target="blank">MonozCore</a></div>
    </div>
    </center>
    <style>
    /* MonozCore FEED WIDGET */
    #monozcoreRssFeed {width: 250px;border:2px solid gold;border-radius:4px;}
    #rssFeedTitle{box-sizing:border-box;width:100%;}
    #rssFeedCredit {font-family: Verdana;font-size: 10px;background:gold;color:#000;}
    #rssFeedCredit a {text-decoration:none;}
    .date, #creditfooter{display:none;}
    .feedburnerFeedBlock ul {
    list-style-type:none;
    width:250px;
    padding:2px;
    margin: 0;
    box-sizing:border-box;
    text-align:justify;
    }
    .feedburnerFeedBlock ul li:nth-child(odd) {
    background-color: #E3F6CE;
    text-decoration:none;
    border-bottom:1px #ccc solid;
    }
    .feedburnerFeedBlock ul li:nth-child(even) {
    background-color: #CEE3F6;
    border-bottom:1px #ccc solid;
    }
    .feedburnerFeedBlock ul li a{
    text-decoration:none;
    color:#000;
    font-family:Tahoma;
    font-size:14px;
    line-height:1.2em;
    }
    .feedburnerFeedBlock div, .date, .feedItemAuthor, .feedTitle, .fbsubscribelink, .creditfooter {
    display:none;
    padding:2px 3px;
    margin-left:95px;
    margin-bottom:12px;
    width:162px
    }
    .feedburnerFeedBlock  li:hover .date {
    font-size:13px;
    font-weight:bold;
    text-align:left;
    display:block;
    position:absolute;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjChJ4ZL6o9Fax5UdI-UGk4alIGGm5bNHcDZbJlErOJJrOEQ563X0Zr5BVIJmRme6cXSvGZLqApLdF-I-NW89sQYIo3TLL_K1xjn1Vrc1-yFh6CIzk5tgJeS-DGPg0_3s_D81o1QMEOkx4/s400/tooltips-date.gif) no-repeat scroll 10px 0px; color:#333; padding:0px 35px; margin-right:10px;
    width:114px
    }
    .feedburnerFeedBlock  li:hover div {
    line-height:1.2em;
    border-radius:8px 8px;
    -moz-border-radius:0 0 8px 8px;
    -khtml-border-radius:0 0 8px 8px;
    -webkit-border-radius:0 0 8px 8px;
    border-radius:0 0 8px 8px;
    font-size:90%;
    display:block;
    position:absolute;
    border:1px solid #D8D8D8;
    background:#E5E5E5  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuCOdPoY5bUCU1vBa3T2vmpZPnJ3StSXxySffTOgkgqWy5yh7y5beSVcoxvpcpuzSHpeDdh_PyB-nLtJPBbEihQeBy004vsDaoqoTXe3owg4Bk6bMDoD3i8DIPO2tQCC6AOXjd1JJGswA/s1600/tooltips-background.png) repeat-x;
    color:#333;
    padding:35px 10px 10px 10px;
    }
    </style>

    Keterangan :
    Pada kode style : #monozcoreRssFeed {width: 250px;border:2px solid gold;border-radius:4px;} >> kode width:250px; >> merupakan lebar ukuran widget sebesar 250 pixel untuk menyesuaikan dengan tema template blog silakan rubah angka tersebut pada kode diatas. Biasanya untuk widget sebesar 250px, 300px atau 160px, Silakan sobat sesuaikan dengan lebar kotak ukuran widget blog anda.

  • Klik "Save" dan lihat hasilnya.
.: Semoga Bermanfaat :.

Post a Comment

0 Comments