Blog Setup: 2016

Minggu, 26 Juni 2016

Cara Membuat Table di Blogger

Buka Aplikasi Microsoft Word
Buat Tabel Seperti Biasa
Buat tabel dengan mengklik “insert“, “table“, kemudian tentukan jumlah kolom dan baris, dan jika perlu silahkan sesuaikan tebal garis dan warna sesuai selera.

Simpan File Sebagai HTML Sederhana
Klik “Save As“, kemudian pada bagian “Save As Type” pilih “Web Page, Filtered” kemudian “Save”

Buka File dan Lihat Kode HTMLnya
Buka file yang telah disimpan tadi melalui browser seperti Google Chrome, kemudian cari tahu kode HTMLnya dengan cara menekan “CTRL+U” atau dengan klik kanan kemudian pilih view page source.

Copy Kode HTML ke Postingan Blog
Copy kode dalam file tersebut dimulai dari kode <table ….> sampai kode </table> dan paste kode tersebut pada postingan blog yang sudah dalam mode penulisan HTML

Hasilnya adalah tabel seperti di bawah ini, selain hasilnya rapi, lebih elegan, cara ini juga termasuk sangat mudah digunakan bahkan bagi blogger pemula.

DUNIA IPTEK
Sains	Teknologi	Sosial Budaya	Download
Sains	Teknologi	Sosial Budaya	Download Ebook	Download Software
Biologi	Hardware	Tradisi	Fiksi	Game
Fisika	Software	Kepercayaan	Non Fiksi	Office
Kima	Internet	Humanisme	Tutorial	Utilities

Saya sendiri lebih suka menggunakan cara ini daripada harus repot-repot membuat tabel dengan plugins WordPress, dan karena hanya menggunakan kode maka pengguna Blogspot, Multiply, dan platform yang lain juga bisa melakukannya.

Jumat, 24 Juni 2016

Pay Per Download Terbaik

Sebelum membahas PPD Openload, Sebenarnya apasih PPD itu?PPD adalah singkatana dari Pay Per Download Dimana Kita akan mendapatkan komisi setiap file-file yang kita upload, Nah bagi kalian mengelola sebuah website Mp3 Atau Blog Dengan Niche Streaming Dan Download Film. Maka PPD adalah salah satu Penghasilan yang paling utama dari Website tersebut.

Tentang Pembayaran:

Untuk Pembayaran Sendiri Minimal adalah $20
Pembayaran Melalui WebMoney, Paypal dan Bitcoin
Pembayaran Sangat Cepat, menurut pengalaman saya ngak sampai 24 jam
Download & Streaming Tetap Di Hitung Sampai dengan 3x per 1IP setiap 24 jam
Warning! Dilarang Curang, Bermain Proxi, Jingling dan sebagainya karena System di OpenLoad ini sangat ketat, bahkan system openload bisa mengetahui orang yang mamakai Adblock di menu trafficnya. jadi tetap main jujur saja ya mumpung PPD nya Legit

Lalu bagaimana Cara mendaftar di PPD Openload, Simak langkah-langkah cara mendaftar PPD Openload dibawah ini

Sign-up di Openload

Isi semua Form dalam untuk meregistrasi akun kita dan jangan lupa untuk mengecek inbox email kan untuk mengaktifkan akun OpenLoad teman-teman. Biasanya sih masuk ke Kotak Spam.

Di bawah ini tampilan Account di OpenLoad.

Kamis, 09 Juni 2016

Memasang Script Link Otomatis

kali ini saya memberikan tutorial Cara Membuat Link Sumber Otomatis Ketika postingan Blog di Copas. SCRIPT yang dibuat dibawah ini akan langsung terbawa ketika artikel blog Sobat di copas oleh orang lain jadi akan secara otomatis membuat link sumber mengikuti halaman yang di copas tadi.

Cara meletakannya SCRIPT kedalam template blog, berikut adalah caranya.

1. Masuk Akun Blogger Sobat.
2. Masuk ke edit HTML template
3. Backup Template ( antisipasi jika ada kesalahan/kerusakan template)
4. Cari kode </body> dan letakan kode dibawah ini di atasnya </body>

<script type='text/javascript'>
function addLink(){var a=document.getElementsByTagName("body")[0];var b;b=window.getSelection();var c="<br/><br/> Sumber Asli:<br/><a href='"+document.location.href+"'>"+document.location.href+"</a> ";var d=b+c;var e=document.createElement("div");e.style.position="absolute";e.style.left="-99999px";a.appendChild(e);e.innerHTML=d;b.selectAllChildren(e);window.setTimeout(function(){a.removeChild(e)},0)}document.oncopy=addLink
</script>

5. Simpan tempate. dan lihat hasilnya. dengan cara mencoba mencopy artikel blog sobat lalu pastekan di notepad atau microsoft word

Kamis, 26 Mei 2016

Cara Membuat Menu Primary Seperti Evo Magz

1. Seperti biasanya silahkan sobat login ke akun dasbhor blog sobat

2. Pergi ke editor template , caranya pilih menu template => Edit Html

3. Pada kolom editor template cari kode </style>

4. Salin dan tempelkan kode dibawah ini diatas kode </style>

}
/* NAVIGATION MENU */
.menu{font:normal normal 12px Arial,sans-serif;padding:0 0;background:#ffffff;margin:0 auto;height:38px;border:1px solid #f0f0f0;overflow:hidden}
.nav-menu{list-style-type:none;margin:0 0 0 0;padding:0 0 0 0}
.nav-menu li{display:block;float:left;line-height:38px;margin:0 0 0 0;padding:0 0 0 0;border-right:1px solid #f0f0f0}
.nav-menu li a{background:#ffffff;color:#666666;display:block;padding:0 8px}
.nav-menu li a:hover{background:#f5f5f5}
ul.nav-social{height:38px;margin:0 0 0 0;padding:0 0;float:right}
ul.nav-social li{display:inline-block;list-style-type:none;float:right;margin:0 0;padding:0 0;border-right:none;border-left:1px solid #f0f0f0}
ul.nav-social li a{display:inline-block;line-height:38px;height:38px;padding:0 8px;margin:0 0 0 0;color:#666666}
ul.nav-social li a i{line-height:38px}
ul.nav-social li a:hover{color:#fff}
ul.nav-social li a.fcb:hover{background:#3B5A9B}
ul.nav-social li a.gpl:hover{background:#DD4B39}
ul.nav-social li a.twt:hover{background:#1BB2E9}
ul.nav-social li a.ytb:hover{background:#ED3F41}

5. Copas kode berikut ini di atas kode <div class='header-wrapper'> atau <div id='header-wrapper'> atau <header id="header-wrapper"> Intinya kita cari elemen div headernya

<div id='nav-wrap'>
<nav class='menu'>

<ul class='nav-menu'>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact Us</a></li>
<li><a href='#'>Privacy Policy</a></li>
<li><a href='#'>Disclaimer</a></li>
</ul>

<ul class='nav-social'>
<li><a class='fcb' href='https://www.facebook.com/evotemplatesnet' rel='nofollow'><i class='fa fa-facebook-square fa-2x'></i></a>
</li>
<li><a class='gpl' href='https://plus.google.com/+SugengRiyadi' rel='nofollow'><i class='fa fa-google-plus-square fa-2x'></i></a>
</li>
<li><a class='twt' href='https://twitter.com/blogmassugeng' rel='nofollow'><i class='fa fa-twitter-square fa-2x'></i></a>
</li>
<li><a class='ytb' href='https://www.youtube.com' rel='nofollow'><i class='fa fa-youtube fa-2x'></i></a>
</li>
</ul>

</nav>
<div class='clear'></div>
</div>

6. Karena tomol sosmed ini menggunakan font awesome maka supaya icon sosmednya muncul , kita perlu memasang maxcdn font awesomenya , caranya pasang kode dibawah ini diatas kode </head>

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>

7. Setelah langkah diatas sudah di kerjakan semua , kini kita tinggal klik save.

Sampai disini cara gampang membuat menu navigasi lengkap dengan tombol sosial media di blog sudah selesai , jika sobat ingin tampilanya lebih keren lagi , silahkan di modif sendiri cssnya maupun htmlnya. dan jika sobat mengalami kendala tentang tutorial memasang menu navigasi di blog silahan berkomentar diawah . Salam blogger dan selamat mencoba kawan.

Selasa, 17 Mei 2016

Cara membuat Pop Up facebook SEO di blog

langsung ajalah daripada ngalor ngidul mumet pala barby
1. buka blogger > Tata letak > Add gadget HTML > Masukan kode dibawah ini

<style scoped='' type='text/css'>
#fb-fanbox {display:none;background:rgba(0,0,0,0.9);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;-webkit-transform:translateZ(0);}
#fb-boxclose {width:100%;height:100%;-webkit-transform:translateZ(0);}
#fb-boxview {background:#fff;border:8px solid #03a9f4;width:340px;height:230px;position:absolute;top:33%;left:37%;border-radius:3px;}
#fb-closebox {float:right;cursor:pointer;position:absolute;right:-1px;top:-2px;z-index:2;}
#fb-closebox:before {content:"CLOSE";padding:5px 8px;background:#03a9f4;color:#fff;font-weight:normal;font-size:10px;font-family:inherit;}
#fb-boxlink,#fb-boxlink a.visited,#fb-boxlink a,#fb-boxlink a:hover {color:#aaaaaa;font-size:9px;text-decoration:none;text-align:center;padding:5px;}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// Pengaturan cookie
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// Dapatkan cookie
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_facebook_box') != 'yes'){
$('#fb-fanbox').delay(3000).fadeIn('fast');
$('#fb-closebox, #fb-boxclose').click(function(){
$('#fb-fanbox').stop().fadeOut('fast');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fb-fanbox'>
<div id='fb-boxclose'>
</div>
<div id='fb-boxview'>
<div id='fb-closebox'>
</div>
<div class='fb-like-box' data-href='https://www.facebook.com/mipafarmasi' data-width='402' data-height='255' data-colorscheme='light' data-show-faces='true' data-header='true' data-stream='false' data-show-border='false' style='border:none;overflow:hidden;width:339px;height:200px;'></div>
</div>
</div>

2. Simpan, kemudian ke edit template, dan letakkan kode dibawah ini setelah <body> atau sebelum </body>

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=562901580420523&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Membuat Kolom Berlangganan di Blog

Langsung tak pakai lama:
1. Buka Blogger > Template> Edit HTML
2. Tambahkan Kode dibawah ini diatas code ]]></b:skin> atau </style>

/* Subscribe Box */
#subscribe-css{position:relative;padding:20px 0;background:#374760;overflow:hidden;border-top:4px solid #eee;}
.subscribe-wrapper{color:#fff;font-size:16px;line-height:normal;margin:0;text-align:center;text-transform:none;font-weight:400;width:100%}
.subscribe-form{clear:both;display:block;overflow:hidden}
form.subscribe-form{clear:both;display:block;margin:0;width:auto;overflow:hidden}
.subscribe-css-email-field{background:#415471;color:#ccc;margin:10px 0;padding:15px 20px;width:35%;border:0}
.subscribe-css-email-button{background:#3cc091;color:#fff;cursor:pointer;font-weight:700;padding:14px 30px;margin-left:15px;text-transform:none;font-size:16px;border:0;border-radius:3px;transition:all .6s}
.subscribe-css-email-button:hover{background:#37b185;}
#subscribe-css p.subscribe-note{margin:16px;text-align:center;color:rgba(255,255,255,.6);font-size:180%;font-weight:400;line-height:normal;}
#subscribe-css p.subscribe-note span {position:relative;overflow:hidden;font-weight:700;transition:all .5s}
#subscribe-css p.subscribe-note span.itatu {font-weight:400;font-style:italic;color:rgba(255,255,255,.6);text-transform:lowercase}
#subscribe-css p.subscribe-note span.itatu:before,#subscribe-css p.subscribe-note span.itatu:after{display:none}
#subscribe-css p.subscribe-note span:before{content:'';position:absolute;bottom:-2px;left:0;width:0;height:3px;margin:10px 0 0;background:rgba(255,255,255,.1);transition:all .5s}
#subscribe-css:hover p.subscribe-note span:before{width:100%;}

3. Selanjutnya bebas mau ditempatkan dimana code dibawah ini, di tag pembuka <body> atau tag penutup </body>

<div id='subscribe-css'>
<p class='subscribe-note'><span>SUBSCRIBE</span> <span>TO</span> RECEIVE FREE EMAIL UPDATES:</p>
<div class='subscribe-wrapper'>
<div class='subscribe-form'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=PharmacyCare' class='subscribe-form' method='post' onsubmit='window.open ('http://feedburner.google.com/fb/a/mailverify?uri=PharmacyCare', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='PharmacyCare'/><input name='loc' type='hidden' value='en_US'/><input autocomplete='off' class='subscribe-css-email-field' name='email' placeholder='Your Email Address'/><input class='subscribe-css-email-button' title='' type='submit' value='submit'/></form>
</div>
</div>
</div>

Minggu, 15 Mei 2016

Cara Membuat Navigasi Menu di Atas Header Blog

Langkahnya membuat top navigasi menu:
1. Template > Edit HTML
2. Cari/Temukan (CTRL+F) kode ]]></b:skin>
3. Simpan kode berikut ini DI ATAS kode tersebut

/*BS Top Menu*/
#top{margin:auto;padding: 0;width: 100%;background:#eeeded;border-bottom:1px solid #ddd;}
#top-wrap{margin:auto;padding: 0;width: 950px;background:#eeeded;}
#navwrap {margin: 0px auto; width:560px; float:left;background:#080705;}
.topnav ul {list-style:none;margin:0;padding:0px; float:left;}
.topnav li {float:left;margin:0;text-align:center;}
.topnav li a {font-family: arial; font-weight:bold; font-size:11px;display:block;padding:10px 10px;color:#222;text-decoration:none; text-transform:uppercase;}
.topnav li a {background:none; }
.topnav li a:hover, li a:focus, li a:active {text-decoration:none; background:#ffffff; color:#000000;}
#navbar-iframe {display: none !important;}

- Sesuaikan lebarnya (width:950px) dengan lebar header template Anda.
- Jika mau ganti background > background:#eeeded; (Lihat Kode Warna HTML)
- Ganti warna huruf menu > color:#222;
4. Cari/Temukan (CTRL+F) kode <body>
5. Simpan kode berikut ini DI BAWAH-nya.

<div id='top'>
<div id='top-wrap'>
<div class='topnav'>
<ul id='topnav'>
<li><a href='#' title='About Us'>About Us</a></li>
<li><a href='#' title='Contact'>Contact</a></li>
<li><a href='#' title='Disclaimer'>Disclaimer</a></li>
<li><a href='#' title='Privacy Policy'>Privacy Policy</a></li>
<li><a href='#' title='Facebook'>Facebook</a></li>
<li><a href='#' title='Twitter'>Twitter</a></li>
<li><a href='#' title='Google Plus'>Google Plus</a></li>
</ul>
</div>
</div>
<div style='clear: both;'/>
</div>

Rabu, 11 Mei 2016

Cara Menambah Footer Widget 3 Kolom Di Blogger Part 2

1. Blogger >> Template >> Edit HTML >>
2. Simpan kode di bawah ini di atas kode ]]></b:skin>

#footer-wrapper{width:100%}
#footer-wrapper .left{float:left;width:34%}
#footer-wrapper .center{float:left;width:34%}
#footer-wrapper .right{float:right;width:32%}
/*=============== Start FOOTER 3 KOLOM ===============*/
#footer-wrapper{background:#242424;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZcZP7fxUrCCPgDAfKL-K6CHnAtKmMqZpmfIYOQlQpNCg8LHalVDwl9-XV0wQi8LLnWcbvXuFC93J4Rgqd09m1INeJbW5ER_sEdYadxFoS9gl8ELyrkA2B9_muH7FE3gaLWy_ikh2PhgVi/s1600/line.png);background-repeat:repeat-x;background-position:top center;overflow:hidden;margin:0 auto;padding:20px 15px 0;color:#dddddd;}
#footer-wrapper .left{float:left;width:34%}
#footer-wrapper .center{float:left;width:34%}
#footer-wrapper .right{float:right;width:32%}
#footer-wrapper .left .widget,#footer-wrapper .center .widget{margin:0 15px 15px 0;clear:both}
#footer-wrapper .right .widget{margin:0 0 15px 0;clear:both}
#footer-wrapper h2{margin:0 0 10px 0;padding:0 0 5px;border-bottom:3px solid #555;text-transform:uppercase;position:relative;color:#eeeeee}
#footer-wrapper ul,#footer-wrapper ol{list-style:none;margin:0 0 0 0;padding:0 0 0 0}
#footer-wrapper li{margin:5px 0;padding:0 0 0 0}
#footer-wrapper a{color:#dddddd}
#footer-wrapper a:hover{color:#ffffff}
/*=============== End FOOTER 3 KOLOM ===============*/

3. Copy+Paste kode di bawah ini di atas kode Credit Blog

<footer id="footer-wrapper">
<b:section class='left section' id='left' preferred='yes'>
</b:section>
<b:section class='center section' id='center' preferred='yes'>
</b:section>
<b:section class='right section' id='right' preferred='yes'>
</b:section>
</footer>

Selasa, 10 Mei 2016

Cara Menambah Footer Widget 3 Kolom di Blogger

Cara Memasang, Menampilkan, atau Menambah Footer Widget Tiga Kolom di Blog. Ini dilakukan jika template blog Anda tidak memiliki footer widget.

1. Blogger >> Template >> Edit HTML >>
2. Simpan kode di bawah ini di atas kode ]]></b:skin>

#footer-widgets {
padding: 20px 0 0 0;
}
.footer-widget-box {
width: 300px;
float: left;
margin-left: 15px;
}
.footer-widget-box-last {
}
#footer-widgets .widget-container {
color: #374142;
}
#footer-widgets h2 {
font-family: inherit;
text-shadow: none;
font-size: 16px;
color: #fff;
text-transform: uppercase;
font-weight: 700;
border-bottom: 4px solid #444444;
padding-bottom: 10px;
}
#footer-widgets .widget ul {
list-style-type: none;
list-style: none;
margin: 0px;
padding: 0px;
}
#footer-widgets .widget ul li {
padding: 0 0 9px 0;
margin: 0 0 8px 0;
}
#footer-widgets-containerback {
width: 980px;
margin: auto;
}
#footer-widgets-container {
background: #484848;
border-top: 10px solid #66b381;
}
.footersec {
color: #A1A6AF;
font-size: 13px;
line-height: 18px;
}
.footersec .widget {
margin-bottom: 20px;
}
#footer-widgets-container { background: #484848; border-top: 10px solid #66b381; float: left; width: 100%; }
.footersec ul {
}
.footersec ul li {

3. Copy+Paste kode di bawah ini di atas kode </body>

<div id='footer-widgets-container'>
<div id='footer-widgets-containerback'>
<div class='clearfix' id='footer-widgets'>
<div class='footer-widget-box'>
<ul class='widget-container'>
<li>
<b:section class='footersec' id='footersec1' showaddelement='yes'>
<b:widget id='HTML15' locked='false' title='' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</li>
</ul>
</div>
<div class='footer-widget-box'>
<ul class='widget-container'>
<li>
<b:section class='footersec' id='footersec2' showaddelement='yes'>
<b:widget id='HTML14' locked='false' title='Gallery' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</li>
</ul>
</div>
<div class='footer-widget-box footer-widget-box-last'>
<ul class='widget-container'>
<li>
<b:section class='footersec' id='footersec3' showaddelement='yes'>
<b:widget id='HTML13' locked='false' title='About' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</li>
</ul>
</div>
</div>
</div></div>
<div style='clear:both;'/>

Entri populer lebih indah

Cara Membuat Entri Populer Menjadi Lebih Menarik. dengan begitu widget entri populer akan sangat mencolok dan mudah untuk dikenali bagi para pengunjung blog kita. dan kemungkinan tidak terlihat bagi para pengunjungpun sangat kecil.
Berikut langkah-langkanya
Pasang widget Entri Populer:
dengan cara Tata Letak ==> Tambahkan Gadget ==> Entri Populer ==> lalu save dan untu Entri Populer bisa anda ganti dengan selera anda seperti terlihat pada gambar di bawah ini:
Selanjutnya Pilih Menu Template kemudian => Edit HTML
Lalu masukkan code di bawah ini di pada ]]></b:skin> Atau </style> Letakkan diatasnya:

/* Entri Populer Menjadi indah */
.PopularPosts ul,
.PopularPosts li,
.PopularPosts li img,
.PopularPosts li a,
.PopularPosts li a img {
margin:0 0;
padding:0 0;
list-style:none;
border:none;
background:none;
outline:none;
}
/* http://rendiblogpost.blogspot.co.id */
.PopularPosts ul {
margin:.5em 0;
list-style:none;
font:normal normal 13px/1.4 "Arial Narrow",Arial,Sans-Serif;
color:black;
counter-reset:num;
}
/* http://rendiblogpost.blogspot.co.id */
.PopularPosts ul li img {
display:block;
margin:0 .5em 0 0;
width:50px;
height:50px;
float:left;
}
/* http://rendiblogpost.blogspot.co.id */
.PopularPosts ul li {
background-color:#eee;
margin:0 10% .4em 0;
padding:.5em 1.5em .5em .5em;
counter-increment:num;
position:relative;
}
/* http://rendiblogpost.blogspot.co.id */
.PopularPosts ul li:before,
.PopularPosts ul li .item-title a {
font-weight:bold;
font-size:120%;
color:inherit;
text-decoration:none;
}
/* http://rendiblogpost.blogspot.co.id*/
.PopularPosts ul li:before {
content:counter(num);
display:block;
position:absolute;
background-color:black;
color:white;
width:30px;
height:30px;
line-height:30px;
text-align:center;
top:50%;
right:-10px;
margin-top:-15px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
}
/* http://rendiblogpost.blogspot.co.id */
.PopularPosts ul li:nth-child(1) {background-color:#E11E28;margin-right:2%}
.PopularPosts ul li:nth-child(2) {background-color:#FD3C03;margin-right:2%}
.PopularPosts ul li:nth-child(3) {background-color:#FECB09;margin-right:2%}
.PopularPosts ul li:nth-child(4) {background-color:#6EBE27;margin-right:2%}
.PopularPosts ul li:nth-child(5) {background-color:#149A48;margin-right:2%}
.PopularPosts ul li:nth-child(6) {background-color:#5BBFF1;margin-right:2%}
.PopularPosts ul li:nth-child(7) {background-color:#61469C;margin-right:2%}
.PopularPosts ul li:nth-child(8) {background-color:#863E86;margin-right:2%}
.PopularPosts ul li:nth-child(9) {background-color:#863E62;margin-right:2%}
.PopularPosts ul li:nth-child(10) {background-color:#815540;margin-right:2%}

Selasa, 03 Mei 2016

Cara Agar cepat blog terindex Google

Psikotropik - Pharmacy Care