Template Blog gratis: Januari 2016

Kamis, 21 Januari 2016

Tulisan berjalan kekiri dan kanan di blog

10.50.00 | Diposting oleh Unknown | | | Edit Entri

TULISANNYA GANTI YA SESUAI KEINGINANMU
CARA MEMASANG TULISAN BERJALAN KEKANAN DAN KIRI DI BLOG

Cara yang ini untuk di pasang di gadget
1.Masuk Blog
2.Tata letak
3.Tambah gadget HTML
4.Copy paste script di bawah ini ( Highlight All ) di HTML
.Di sini anda juga dapat mengganti warna dan jenis Text Yang di inginkan Atau
Lalu bagai mana supaya tulisan berjalannya ada postingan nah cara ini beda dengan yang di atas caranya seperti ini
1 .Buat postingan seperti biasa bl blbabla..Di compose.
2 .klik sebelah atas pojok kiri Klik HTML
3 .Pastekan marcuee salah satu yang ada di bawah
4 .Balik lagi ke compos dan simpan /publikasikan /jadi dah lalu atur
   kecepatan Bergerak yang di inginkan
   red = merah
   blue = biru
   scroolmount= 3 atau 5 terserah
   widght= Ukuran Text atur sesuai yang di inginkan
Silahkan Copy paste Marcue di bawah ini

Baca Seterusnya »

Label:Tulisan Bejalan | 0 komentar

Cara Pasang Entri Populer di Blog Slideshow

10.41.00 | Diposting oleh Unknown | | | Edit Entri

Cara memasang Entri populer slide show di Bloger Sangat mudah menurut saya tapi ada kalanya template ti da bisa di pasang karena kurang lengkapnya .waktu pembuatan template untuk lebih cepatnya silahkan copy paste scrivf di bawah ini untuk entri bergerak selide show

Baca Seterusnya »

Label:Entri slide sow | 0 komentar

Cara Mewarnai Entri Populer

10.35.00 | Diposting oleh Unknown | | | Edit Entri

CARA MEWARNAI ENTRI POPULER

Login blog.Masuk ,Disain ,Template
Setelah itu masuk ke Editor HTML Template, lalu copas kode dibawah ini tepat setelah kode ]]></b:skin> DISINI atau </style>

/* Custom CSS for Blogger Popular Post Widget */
    .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;}
    .PopularPosts ul {margin:.5em 0;list-style:none;color:black;counter-reset:num;}
    .PopularPosts ul li img {display:block;margin:0 .5em 0 0;width:50px;height:50px;float:left;}
    .PopularPosts ul li {background-color:#eee;margin:0 10% .4em 0 !important;padding:.5em 1.5em .5em .5em !important;
    counter-increment:num;position:relative;}
    .PopularPosts ul li:before,.PopularPosts ul li .item-title a, .PopularPosts ul li a {font-weight:bold;color:#000 !important;
    text-decoration:none;}
    .PopularPosts ul li:before {content:counter(num) !important;display:block;position:absolute;background-color:#333;
    color:#fff !important;width:22px;height:22px;line-height:22px;text-align:center;top:0px;right:0px;padding-right:0px !important;}

/* Set color and level */
    .PopularPosts ul li:nth-child(1) {background-color:#A51A5D;margin-right:0% !important}
    .PopularPosts ul li:nth-child(2) {background-color:#F53477;margin-right:0% !important}
    .PopularPosts ul li:nth-child(3) {background-color:#FD7FAA;margin-right:0% !important}
    .PopularPosts ul li:nth-child(4) {background-color:#FF9201;margin-right:0% !important}
    .PopularPosts ul li:nth-child(5) {background-color:#FDCB01;margin-right:0% !important}
    .PopularPosts ul li:nth-child(6) {background-color:#DEDB00;margin-right:0% !important}
    .PopularPosts ul li:nth-child(7) {background-color:#89C237;margin-right:0% !important}
    .PopularPosts ul li:nth-child(8) {background-color:#44CCF2;margin-right:0% !important}
    .PopularPosts ul li:nth-child(9) {background-color:#01ACE2;margin-right:0% !important}
    .PopularPosts ul li:nth-child(10) {background-color:#94368E;margin-right:0% !important}
    .PopularPosts .item-thumbnail {margin:0 0 0 0;}
    .PopularPosts .item-snippet {font-size:11px;}
    .profile-img{display:inline;opaciry:10;margin:0 6px 3px 0;}

Silahkan copy paste

Label:Pasang Entri Populer | 0 komentar

Cara Mewarnai Entri Populer

10.35.00 | Diposting oleh Unknown | | | Edit Entri

CARA MEWARNAI ENTRI POPULER

Login blog.Masuk ,Disain ,Template
Setelah itu masuk ke Editor HTML Template, lalu copas kode dibawah ini tepat setelah kode ]]></b:skin> DISINI atau </style>

/* Custom CSS for Blogger Popular Post Widget */
    .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;}
    .PopularPosts ul {margin:.5em 0;list-style:none;color:black;counter-reset:num;}
    .PopularPosts ul li img {display:block;margin:0 .5em 0 0;width:50px;height:50px;float:left;}
    .PopularPosts ul li {background-color:#eee;margin:0 10% .4em 0 !important;padding:.5em 1.5em .5em .5em !important;
    counter-increment:num;position:relative;}
    .PopularPosts ul li:before,.PopularPosts ul li .item-title a, .PopularPosts ul li a {font-weight:bold;color:#000 !important;
    text-decoration:none;}
    .PopularPosts ul li:before {content:counter(num) !important;display:block;position:absolute;background-color:#333;
    color:#fff !important;width:22px;height:22px;line-height:22px;text-align:center;top:0px;right:0px;padding-right:0px !important;}

/* Set color and level */
    .PopularPosts ul li:nth-child(1) {background-color:#A51A5D;margin-right:0% !important}
    .PopularPosts ul li:nth-child(2) {background-color:#F53477;margin-right:0% !important}
    .PopularPosts ul li:nth-child(3) {background-color:#FD7FAA;margin-right:0% !important}
    .PopularPosts ul li:nth-child(4) {background-color:#FF9201;margin-right:0% !important}
    .PopularPosts ul li:nth-child(5) {background-color:#FDCB01;margin-right:0% !important}
    .PopularPosts ul li:nth-child(6) {background-color:#DEDB00;margin-right:0% !important}
    .PopularPosts ul li:nth-child(7) {background-color:#89C237;margin-right:0% !important}
    .PopularPosts ul li:nth-child(8) {background-color:#44CCF2;margin-right:0% !important}
    .PopularPosts ul li:nth-child(9) {background-color:#01ACE2;margin-right:0% !important}
    .PopularPosts ul li:nth-child(10) {background-color:#94368E;margin-right:0% !important}
    .PopularPosts .item-thumbnail {margin:0 0 0 0;}
    .PopularPosts .item-snippet {font-size:11px;}
    .profile-img{display:inline;opaciry:10;margin:0 6px 3px 0;}

Silahkan copy paste

Label:Pasang Entri Populer | 0 komentar

Membuat kotak untuk menyimpan skriv di blog

10.25.00 | Diposting oleh Unknown | | | Edit Entri

Cara memposting Script. dalam kotak .untuk di copy

Login Ke Blogger

Pilih Post >> Entri Baru
ketikkan postingan anda seperti biasa
Klik HTML di sebelah kanan atas lalu Copy Text Di bawah dan simpan di HTML
Ganti tulisan Script di ENTER YOUR SCRIVPT HERE dengan Tulisan atau kata 2 yang kamu inginkan.atur kecepatannya di

<textarea cols atur besar di
height: 50px; width: 200px

...........................................................................................

<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /> </div>
<div align="center">

<textarea cols="20" name="txt" rows="4" style="height: 50px; width: 200px;" wrap="VIRTUAL">enter your script here</textarea></div>

Untuk Lebih lanjut dan comen silahakan di bawah ini

Baca Seterusnya »

Label:Posting Script. dalam kotak HTML | 0 komentar

Senin, 04 Januari 2016

Cara pasang Menu dropdown Di Blog

20.29.00 | Diposting oleh Unknown | | | Edit Entri

1..Masuk ke Akun Blog Anda. / Dasbord
2..Tata Letak. Tambahkan Gadget
3..HTML javascriv
4..Beri nama
5..Copy Dan Pastekan Java scriv di bawah ini sesui selera Save (Hightlight All)
Menu ini Bisa di pasang di Atas Di Tengah Atau Di Sisi kanan kiri dan Di Wawah

---------------------------------------------------------------------------------------------------

1..

Merah putih

<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>

---------------------------------------------------------------------------------------------------

2..

Hitam putih

color:#232323;box-shadow:0 2px 3px rgba(0,0,0,0.4);width:auto}#cssmenu > ul > li{float:left;margin-left:15px;position:relative}#cssmenu > ul > li > a{color:#a0a0a0;font-family:Verdana,'Lucida Grande';font-size:15px;line-height:70px;padding:15px 20px;-webkit-transition:color .15s;-moz-transition:color .15s;-o-transition:color .15s;transition:color .15s}#cssmenu > ul > li > a:hover{color:#fff}#cssmenu > ul > li > ul{opacity:0;visibility:hidden;padding:16px 0 20px 0;background-color:#fafafa;text-align:left;position:absolute;top:55px;left:50%;margin-left:-90px;width:180px;-webkit-transition:all .3s .1s;-moz-transition:all .3s .1s;-o-transition:all .3s .1s;transition:all .3s .1s;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.4);box-shadow:0 1px 3px rgba(0,0,0,0.4)}#cssmenu > ul > li:hover > ul{opacity:1;top:65px;visibility:visible}#cssmenu > ul > li > ul:before{content:'';display:block;border-color:transparent transparent #fafafa transparent;border-style:solid;border-width:10px;position:absolute;top:-20px;left:50%;margin-left:-10px}#cssmenu > ul ul > li{position:relative}#cssmenu ul ul a{color:#323232;font-family:Verdana,'Lucida Grande';font-size:13px;background-color:#fafafa;padding:5px 8px 7px 16px;display:block;-webkit-transition:background-color 0.1s;-moz-transition:background-color 0.1s;-o-transition:background-color 0.1s;transition:background-color 0.1s}#cssmenu ul ul a:hover{background-color:#f0f0f0}#cssmenu ul ul ul{visibility:hidden;opacity:0;position:absolute;top:-16px;left:206px;padding:16px 0 20px 0;background-color:#fafafa;text-align:left;width:180px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.4);box-shadow:0 1px 3px rgba(0,0,0,0.4)}#cssmenu ul ul > li:hover > ul{opacity:1;left:190px;visibility:visible}#cssmenu ul ul a:hover{background-color:#cc2c24;color:#f0f0f0}</style><a href="#" rel="dofollow" target="_blank" title=""><img src="#" alt="" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="#" rel="dofollow" target="_blank" title=""><img src="#" alt="" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="#" rel="dofollow" target="_blank" title=""><img src="#" alt="" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>

<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Product</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>

---------------------------------------------------------------------------------------------------

Baca Seterusnya »

Label:Menu drop down | 2 komentar