Gudang Tutorial Blog

Kalau Anda ingin menghilangkan tulisan "powered by blogger",berikut langkah-langkahnya :1. Login akun blogger.2. Pilih Template ---> Edit HTML3. Cari kode ]]></b:skin>4.  Copy kode dibawah ini dan paste tepat diatas kode ]]></b:skin>#Attribution1 {height:0px;visibility:hidden;display:none; }5.  Simpan templateKode diatas tidak menghapus kode "powered by blogger" dalam template,tapi menyembunyikannya sehingga tampilan "powered by blogger" akan tidak terlihat. ...

Continue Reading

Widget merupakan “kode portabel ( biasanya DHTML, JavaScript atau Adobe Flash ) yang dipasang diinstall, atau sederhananya, copy paste pada suatu halaman web, yang memiliki suatu fungsi tertentu dan menjadi suatu bagian dalam halaman web tersebut.”istilah lain untuk widget : gadget, badge, module, webjit, capsule, snippet, mini, flake, application.QYang ingn saya share kali ni adalah cara menampilkan widget...

Continue Reading

Jika sobat merasa terganggu dengan adanya link Subscribe to: Post Comments (Atom).Sobat dapat menghilangkannya dengan cara berikut ini:1. Login blog2. Template3. Edit html dan centang expand widget template4. Hapus kode<b:include data='feedLinks' name='feedLinksBody'/>5. Ganti dengan kode<!--<b:include data='feedLinks' name='feedLinksBody'/>-->6. Simpan template dan lihat hasilnya.Mudah bukan cara menghilangkan Subscribe to: Post Comments (Atom) Pada Blog?Semoga infonya bermanfaat. ...

Continue Reading

Widget melayang kita gunakan biasanya untuk meletakkan script kode iklan atau widget greeting welcome pada blog.Apabila sobat kesulitan untuk membuatnya,Simak berikut ini caranya:1. Login blog2. Rancangan3. Add gadget "html/javascript"4. Letakkan kode script<div style="position: fixed; bottom: 0px; right: 10px;width:150px;height:130px;">Masukan kode Widget sobat disini</div>Atur position ,height dan width sesuai dengan widget sobat.5. Simpan template dan selesai.Demikian cara membuat widget melayang pada...

Continue Reading

Apa sih hot news?Hot news tuh postingan terakhir dari suatu blog sob.Bisa berjumlah 10 postingan terakhir atau 5 postingann terakhir.Kita dapat membuat sesuka hati, dengan cara berikut ini:1. Login blog2. Rancangan3. Edit html dan centang "expand widget template"4. Letakkan kode berikut di atas </head><style type='text/css'>#bd {float:bottom;font-family:Arial, Helvetica, sans-serif;line-height:1.5;margin-top:5px;font-size:12px}.text {color:#98BF2F;margin-left:8px}div#news-1 .gk_news_highlighter {font-family:Verdana, Arial;font-size:11px;color:#666}div#news-1 {width:960px;height:24px;margin-left: -10px;display:scroll;position:fixed;bottom:1px;border-top:1px solid #CCC;border-bottom:1px solid #CCC;background:#000...

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

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

Apabila sobat penasaran, modifikasi chatbox show hide.Mending praktekin deh..Caranya berikut ini:1. Login blog2. Rancangan3. Add gadget "html/javascript"4. Copast kode berikut<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript">$(document).ready(function(){$(".btn-slide").click(function(){$("#panel").slideToggle("slow");$(this).toggleClass("active"); return false;});});</script><style>/* ---------------Simple Slide panel with jQuery---------------------------------- */#panel {height: auto;background:#000;width: auto;display: none;padding: 7px;border: #0C0;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;}.slide {margin: 0;padding: 0;border-top: solid 4px #f90;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaL7WhL2Lm5raYVCfo_bBCrOBRdv5xPFhUGCRfxFxlbsX6V-n4IQ0N4_l47nqq-JTxc_ncRQEHAuC2fYB-FYDddAOCnq-iwwVdoB1xoLkKp17TJSTSl0CzHT0aMchh9_gz6P61CDuH4FE/s1600/btn-slide.png) no-repeat center top;}.btn-slide {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4r_5TOBSlbwmJWMb765Vw740BVYDvPq8lfdkEAz5FB3IA1Cm7XrczeVHJJVvzmofSpksVu0f0EkVBvFci_1kas2cZ1m3C3z_yh7F0fkdYuClgTA5VTknlbL4mwy-pAk34ag6mLbBC-KA/s1600/white-arrow.gif) no-repeat right -50px;text-align: center;width: 144px;height: 31px;padding: 10px 10px 0...

Continue Reading

Apabila sobat sepert apa kotak admin di bawah postingan blog,Contoh gambar berada di atas tuh.So bagaimana cara membuatnya?Begini:1. Login blog2. Rancangan3. Edit html dan centang expand widget template4. Letakkan kode berikut di atas ]]></b:skin>.admin-tulisan{display:block;width:auto;background:#1E1E1F;border:2px solid #333;box-shadow:0 1px 3px #000;-moz-box-shadow: 0px 0px 10px #292929;-webkit-box-shadow: 0px 0px 10px #292929;box-shadow: 0px 0px 10px #292929;;padding:0;margin:30px 0 10px 0;font:normal 12px Arial, Sans-Serif;color:#D9D9D9;}.admin-tulisan .kontainer{padding:5px;}.admin-tulisan h4{background:#4733FF;border:none;border-bottom:1px...

Continue Reading

Jika sobat blogger tidak menyukai  tulisan powered by blogger yang berada pada paling bawah blog.Maka berikut ini cara menghapusnya:1. Login blog2. Rancangan3. Edit html dan centang expand widget template4. Letakkan kode berikut di atas  kode ]]></b:skin>#Attribution1 {height:0px;visibility:hidden;display:none}5. SimpanMudah bukan cara menghapus atribut powered by  google?Monggo di coba, semoga infonya bermanfaat. ...

Continue Reading

Jika sobat kurang nyaman dengan link Langgan:entri(atom),kita dapat menghapusnya dengan cara berikut ini:1. Login blog2. Rancangan3. Edit html dan centang "Expand Template Widget"4  Letakkan kode berikut di atas Kode ]]></b:skin>  .feed-links{display:none;}5. Klik Simpan Template.Lihat hasilnya.Selamat mencoba,Semoga tutorial cara menghapus langgan:entri(atom) bermanfaat. ...

Continue Reading

lJika sobat blogger belom jelas seperti apa widget yang di sentuh akan terbuka dengan sendirinya, lihat contoh widget di  bawah ini:Like Us Like Us.systemBox {background:transparent;width:270px;height:50px;overflow:hidden;padding:5px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;-moz-box-shadow: 0 0 5px hsla(0,93%,9%,.7);-webkit-box-shadow: 0 0 5px hsla(0,93%,9%,.7);box-shadow: 0 0 5px hsla(0,93%,9%,.7);margin:0 auto;}.systemBox p {-webkit-hyphens: auto;-moz-hyphens:...

Continue Reading