Gudang Tutorial Blog

DOWNLOAD ...

Continue Reading

Seperti pada aturan iklan kumpulblogger.com yaitu dapat menggunakan iklan melayang tetapi dengan tombol close 1x klik.Berikut kode yang harus di tambahkan pada script iklan:<style type="text/css">#gb{position:fixed;top:10px;z-index:+1000;}* html #gb{position:relative;}.gbcontent{float:right;background:transparant;padding:10px;}</style><script type="text/javascript">function showHideGB(){var gb = document.getElementById("gb");var w = gb.offsetWidth;gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);gb.opened = !gb.opened;}function moveGB(x0, xf){var gb = document.getElementById("gb");var dx = Math.abs(x0-xf) > 10 ? 5 : 1;var dir =...

Continue Reading

Contoh seperti gambar di atas sob.Jika sobat ingin membuatnya,berikut ini langkah2nya:1. Login blog2. Rancangan3. Edit html dan cenyang "expand widget template"4. Letakkan kode berikut di atas <div class='post-body entry-content'> atau class='post-body entry-content' yang pertama, karena biasanya ada 2 kode.<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'><div style='float:left;padding-left:0px;font:normal 12px Georgia;'>Share on :</div><div style='float:left;padding-left:10px;'><a name='fb_share'...

Continue Reading

Memasang Social Bookmark adalah salah satu cara yang cukup mudah,sebagai salah satu cara untuk melakukan promosi blog.Bookmark sosial adalah metode untuk pengguna internet untuk berbagi, mengatur, mencari, dan penanda suatu web atau blog.So bagaimana cara membuat share social bookmark sharing is sexy?Simak langkah2nya:1. Login blog2. Rancangan3. Edit html dan centang:expand widget template"4. Letakkan kode di atas ]]></b:skin>div.beauty-bookmarks {height:54px;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJImkZhmO-3iKVd3-QpW6dBeV_ogNZznHmx1adSVB7Ga1HKbCouNkcG96N5WEicgwgHz47ODznUFXIKCVR8NPMnLTKab83unAlGbhhIGIIGom7DCNkQURG8RlGd2_g4CDs7W551K7KgZDt/') no-repeat...

Continue Reading

Jika kita ingin mengubah background iklan kumpul blogger, untuk menyesuaikan dengan warna template blog sobat,berikut ini caranya:di bawah ini script iklan<script src="http://kumpulblogger.com/scahor.php?b=180202&onlytitle=1" type="text/javascript"></script>modif menjadi seperti ini:<div class='widget-content'><center><div style="background:red;rgb(204, 204, 204); padding: 3px 3px 5px; text-align: left;"> <script src="http://kumpulblogger.com/scahor.php?b=180202&onlytitle=1" type="text/javascript"></script></div></center></div>hasilnya:ubah warna background sesuai keinginan ya..Selamat mencoba mengubah warna background iklan kumpul bloggerSemoga infonya bermanfaat. ...

Continue Reading

Contohnya seperti di atas sob..Komentar terakhir menampilkannya dengan avatar.Penasaran bagaimana cara membuatnya?Berikut ini caranya:1. Login blog2. Rancangan "add gadget html/javasscript"3. Copast kode berikut<style type="text/css">    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}    .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}    .w2b_recent_comments li span{margin-top:4px;color: #666;display:...

Continue Reading

Apabila sobat penasaran seperti apa like fan page facebook floating,Contoh gambar lihat atas.Dan untuk mengerti detailnya, ikuti cara membuatnya:1. Login blog2. Rancangan3. Edit html  4. Letakkan kode berikut di atas </head><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script> 5. Simpan templatekemudian  pada rancangan "add gadget html/javascript"Copast kode berikut dan simpan<script type="text/javascript">//<!--$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});//--></script><style type="text/css">.floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0fjWOEo7D6FomCuebeSweWRv-dK_meSI2iX0J2KtWywRQbjJJVzmN-MSbzpu5NTXEBx0Zuf3rdkHRFu6dFagdRFGFhAryLHypCyUbTQ-Nxo82j2POYZeGBL7_YuDZ5m756YTdIQkGcdw/s1600/floatingfb.png") no-repeat scroll left...

Continue Reading

Jika sobat ingin membuat efek zoom pada gambar postingan,seperti gambar di atas(sorot mouse aja jika ingin lihat contohnya)simak caranya:1. Login blog2. Rancangan3. Edit html dan centang expand widget template4. Letakkan kode berikut di atas ]]></b:skin>.hovergallery img{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8);-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;opacity:0.7;margin:0 10px 5px 0}.hovergallery img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);box-shadow:0px 0px 30px gray;-webkit-box-shadow:0px 0px 30px gray;-moz-box-shadow:0px 0px 30px gray;opacity:1}5. Simpan templateKemudian dalam editor postingan letakkan kode berikut pada gambar<div...

Continue Reading