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

Berikut ini langkah-langkah cara membuat widget atau kotak dibawah postingan artikel blog kita:Login terlebih dahulu di bloggerKemudian klik RancanganEdit HTML dan Cari kode ]]></b:skin>5. letakkan kode di bawah ini persis di atas kode ]]></b:skin>.underpost {padding:10px;margin:10px 0px;background:#eee;border:1px solid #ddd;line-height:1.6em;}Anda bisa mengganti warna background pada tulisan background:#eee; sedangkan warna untuk garis pinggir border:1px solid #ddd; ganti dengan kode warna lainNah untuk ID pemanggilan...

Continue Reading

Jika sobat blogger tidak menyukai link "home aatau beranda" karena sudah tersedia menu "home" pada tab horisontal sobat, maka jika ingin menghapusnya, di bawah ini caranya:1. Login blog2. rancangan3. edit html4. centang expand template widget5. Hapus kode <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>6. SimpanMudah bukan cara menghapus tulisan home atau beranda pada blog  Semoga tutorialnya bermanfaat. ...

Continue Reading

Dengan menampilkan wigdet hanya pada homepage saja, sangat penting.Karena saat visitor melihat post keseluruhan, wigdet yang berada di homepage tidak terlihat,dan loadingnya pun semakin enteng...Apabila terlalu banyak widget, blog menjadi berat dan visitor enggan mengunjungi blog kita lagi.Mereka akan close dan pindah blog lain, seperti yang saya lakukan saat jalan2 blogging.Cara menampilkan widget hanya pada dihome page,sebagai berikut:Login ke Account...

Continue Reading

Apabila sobat tidak suka menampilkan header yang berisi judul dan deskripsi blog.Sobat dapat menghilangkannya atau menghapusnya, kemudian di ganti dengan adanya kolom  "add gadget" untuk menampilkan widget, dengan cara mengedit html pada template, pada kode:  <b:section class='header' id='header' maxwidgets='1' showaddelement='no'><b:widget id='Header1' locked='true' title='Code Cyber (Header)' type='Header'/>Ganti teks warna merah "no" dan "true" dengan "yes" dan "false"sehingga kode menjadi seperti...

Continue Reading

Alexa adalah satuan nilai peringkat yang menentukan peringkat blog kita dari blog lainnya,Penilaian ini ditentukan berdasarkan jumlah pengunjung blog. Penilaian juga dimulai dari angka yang besar menuju angka yang kecil.Jadi misalkan pada saat awal kita ngeblog, dimulai dari AlexaRank 20.000.000 an,  dan setelah mendapatkan trafik pengunjung, maka angkanya akan mengecil misalkan 1.000.000.Jadi blog yang mempunyai AlexaRank 100.000 lebih banyak mendapatkan pengunjung daripada...

Continue Reading