Politik    Sosial    Budaya    Ekonomi    Ketrampilan    Hiburan    Lintas Pantura    Kuliner    Wisata Grobogan   

Label CSS

RANDOM POST BAGUS


<style type='text/css'>
img.recent_thumb {width: 90px;height: 70px;float: left;
margin-right: 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;} .recent_posts_with_thumbs strong {font-size:10px;}</style><script style='text/javascript' src='https://googledrive.com/host/0BzPgmXeCwsMRcmlNOHhtaDNNMjA'></script><script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 50;</script>
<script src='/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
<hr/>


Membuat Artikel Terbaru / Post Sidebar Menurut Label dengan Thumbnail Gambar. Widget menampilkan kandungan artikel lain pada sidebar blog cukuplah penting, dengan demikian pengunjung blog bisa membaca artikel lainya pada blog kita. maka dari itu pasanglah artikel menarik pada sidebar anda.
Widget kandungan artikel pada sidebar ada banyak, ada yang berupa artikel terbaru, random, artikep populer, dan kali ini saya bagikan widget untuk Artikel Terbaru Menurut Label dengan Thumbnail Gambar.

Baiklah seperti biasa tanpa banyak basa-basi langsung saja ke TKP! berikut tutorialya:

1. Login ke Akun Blogger sobat masing-masing.

2. Masuk pada bagian Tata Letak.

3. Klik tambah gadget.

4. Pilih mode HTML/Javascript.

5. Masukan kode berikut:

<style>
img.recent_thumb {padding:1px;width:55px;height:55px;border:0; float:left;margin:0 0 5px 10px;}
.recent_posts_with_thumbs {float: right;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent_posts_with_thumbs li {text-align: justify;padding-bottom:5px;padding-top:5px;min-height:65px;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs strong {font-size:10px;}
</style>
<script src="https://googledrive.com/host/0B_AQLlXFW-DAZjRobGE2Vkg2YXc"> </script>
<script>var numposts = 8;var showpostthumbnails = true;var displaymore = true;var displayseparator = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = true;var numchars = 150;</script>
<script src="http://BLOG-SOBAT.blogspot.com/feeds/posts/default/-/Label?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>


var numposts = 8; jumlah pos yang tampil
blog-sobat; ganti dengan domain blog anda
Label; ganti dengan label yang anda tampilkan


6. Kemudian Ok/Simpan


OTOMATIS SLIDE



##di atas </head>


<!-- BloggerDynamicSlider Basic CSS -->
<style type="text/css">
/**
 *  jQuery BloggerDynamicSlider v1.0.0
 *  Copyright 2016 http://shuvojitdas.com
 *  Contributing Author: Shuvojit Das
 *  Plugin URL: https://github.com/shuvojit33/blogger-dynamic-slider
 *
 */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400);
@import url("https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.6.0/flexslider.min.css");

/* Preloader */

.flexslider.loading:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(https://lh3.googleusercontent.com/-WWve06d4dB4/Vq28tN4LMUI/AAAAAAAAFcM/k8IQajpDnS4/h120/loader.gif) no-repeat center center;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 9999;
}

.flexslider.loading ul.flex-direction-nav,
.flexslider.loading ol,
.loading .flex-caption {
    display: none;
}

.flexslider {
    border: 1px solid #cacaca;
    padding: 4px;
    margin: 0 auto 60px auto;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.flexslider a {
    text-decoration: none;
}


/* Caption/Post Title */

.flex-caption {
    position: relative;
    padding-left: 15px;
    padding-right: 10px;
    height: 60px;

    background: #FFFFFF;





Head Line Metro Realita

BERITA POLRI

BERITA TNI

NESTAPA

INFO BUNUH DIRI

KEJAHATAN KRIMINAL

BENCANA ALAM

KAPOLDA

KODAM IV DIPONEGORO

PARADIGMA

NASIONAL

LINTAS PERISTIWA

IKLAN PARIWARA

JUAL BELI

LOKER

BARANG DAN JASA

 
Copyright © 2015 Metro Realita News. All Rights Reserved. Powered by Blogger
Template by Creating Website and CB Blogger
Related Posts Plugin for WordPress, Blogger...