You are on page 1of 4

Cara Menghilangkan Obeng dan Tang di

Blogger

Cara menghilangkan icon obeng dan tang di website / blogspot, Biasanya kita sering melihat
tampilan gambar obeng dan tang ini di sudut atau samping element - element di luar template
yang kita pakai, Mungkin itu bisa mengganggu dan tidak bagus terlihat pada sebuah blog.

Sebenarnya Icon Quick edit Blogger ini adalah bukan suatu masalah, karena dengan adanya
tanda obeng dan tang ini berfungsi untuk mempermudah dalam melakukan pengeditan terhadap
widget atau gadget secara langsung di halaman home atau postingan sebuah blog itu.

Namun jika ada pengunjung yang masuk dan ingin membaca - baca artikel yang di share di blogs
itu, akan bisa terganggu dengan melihat banyaknya gambar tang dan obeng, Untuk itu artikel kali
ini saya akan membahas bagaimana cara menghilangkan tanda icon obeng dan tang pada sebuah
website atau blog.

Menghilangkan Icon Obeng dan Tang / Quick edit Blogger ini sangatlah mudah, adapun langkah
- langkah cara menghilangkannya sebagai berikut :

Silahkan Logg in terlebih dahulu di account blogger sobat >> klik menu Template >> klik Edit
Html , kemudian silahkan dengan melanjutkan pencarian kode script ]]></b:skin> di dalam
template tersebut, Jika sudah menemukan kode yang dicari silahkan copy paste script di bawah
ini dan untuk pemasangan kode dibawah ini simpan sebelum atau di atas kode script
]]></b:skin>
quickedit{
display:none;
}
Selesai dan jangan lupa klik simpan template, Bagaimana hasilnya dari pemasangan kode di atas
? pastinya sobat telah menghapus tanda ikon obeng dan tang tersebut di dalam template ya
hehehe.., tetapi jika suatu saat nanti sobat merubah atau menggunta - ganti template lagi dijamin
akan tampil kembali icon quick edit blogger tersebut, Lebih baik jangan terlalu sering mengganti
template blog karena akibatnya bisa berdampak negatif atau buruk pada situs tersebut.

Semoga tutorial menghilangkan obeng dan tang di blog tersebut bisa mudah dipahami dan
bermanfaat.
cara cepat membuat navbar keren di blog
Masih di Variasi Blogger share Cara cepat membuat navbar keren di blog cekidot

Silahkan sobat Copy Paste script di bawah ini dan simpan sebelum kode script ]]></b:skin> di
blog sobat.
#navbar-iframe{opacity:0;-moz-opacity:0;filter:alpha(Opacity=0);background:#000
url(http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/str4.gif) center
repeat;}
#navbar-iframe:hover{opacity:1;-moz-opacity:1;filter:alpha(Opacity=1);}
Untuk penyimpanan kode script di atas dengan cara silahkan log in terlebih dahulu di blog sobat
>> klik Rancangan >> klik Edit HTML >> centang Expand Template Widget , kemudian tekan
ctrl + F paste script ]]></b:skin> jika sudah ketemu silahkan Copy Paste script diatas , simpan
dan lihat hasilnya semoga bermanfaat

Catatan : Jika sobat sudah terdapat kode navbar pada Template Blog sobat saya sarankan hapus
dan ganti dengan kode script di atas,Silahkan ganti teks yang berwarna merah di atas dengan
gambar animasi pilihan sobat

Cara Mudah Pasang Jam dan Tanggal di


blog

Masih di Variasi Blogger share Cara Mudah Pasang Jam dan Tanggal di blog cekidot , Silahkan
sobat Copy Paste kode script di bawah ini dan simpan di blog sobat , diantaranya :

- Untuk kode script widget Hari Tanggal Bulan dan Tahun


<script>
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array ("Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu")
var montharray=new Array("Januari","Februari","Maret","April","Mei", "Juni","Juli",
"Agustus","September","Oktober","November","Desember")
document.write("<p>"+dayarray[day]+", "+daym+" "+montharray[month]+" "+year+"</p>")
</script>
- Untuk kode script widget Jam Waktu menit detik dan AM:PM
<span id="Variasiblogger"></span>
<script type="text/javascript">
//<![CDATA[
function showclock(){
var digital = new Date();
var hours=digital.getHours();
var minutes=digital.getMinutes();
var seconds=digital.getSeconds();
var dn='AM';
if (hours>12) {
dn='PM';
hours=hours-12;
}
if (hours==0) hours=12;
if (minutes<=9) minutes='0'+minutes;
if (seconds<=9) seconds='0'+seconds;

miReloj='<b><span style="color:#000;font-size:12px;">'
+ hours + '</span> : <span style="color:#000;font-size:12px;">'
+ minutes + '</span> : <span style="color:#000;font-size:12px;">'
+ seconds + '</span></b><span style="color:#000;font-size:12px;margin-left:5px;">'
+ dn + '</span>';
document.getElementById('Variasiblogger').innerHTML=miReloj;
//
setTimeout('showclock()',1000);
}
window.onload=showclock
//]]>
</script>

Kemudian silahkan sobat pilih kode script di atas akan menambahkan widget jam dan tanggal
diposisi sebelah mana ? ,Untuk cara menambahkan widget di blogspot ini saya akan memberikan
contoh misalnya sobat ingin menambahkan Gadget tersebut di sidebar , Caranya adalah sebagai
berikut :

- Sign in terlebih dahulu dengan my account sobat atau sobat bisa klik langsung di
http://www.blogger.com

- kemudian klik Tata Letak pada Dashboard blogs sobat

- klik Tambahkan Gadget lalu klik HTML/JavaScript , Nah disitu silahkan pada kotak Gadget
HTML Copy paste kode script widget jam dan tanggal di atas, dan jangan lupa klik simpan.

Jika sobat ada yang belum memahami Bagaimana Cara Memasang Widget Kode Script di
Blogspot, sobat bisa membaca artikel saya di Cara Memasang widget atau gadget di blogs secara
lengkap.

Demikian penjelasan saya mengenai Bagaimana Cara Memasang widget Jam dan Tanggal di
blogs, dengan adanya widget jam dan tanggal tersebut di webs atau blogs sobat , sekarang sudah
mempunyai jam sebagai penunjuk waktu dan juga mempunyai sebuah kalender yang menghiasi
blogs untuk mengingatkan tanggal kepada sobat.

Semoga artikel ini bisa bermanfaat untuk sobat yang sedang belajar desain atau menghiasi
blogsnya, dan untuk contoh widget Jam dan Tanggalnya sobat bisa klik DEMO , agar bisa
mengetahui tampilan widget tersebut.