Rabu, 29 Juni 2016

Membuat Menu Tab View Tanpa Edit HTML:



1. Login ke blogger => Tata Letak => Tambah Gadget => Html/Javascript

2. Copy kode dibawah ini


<style type="text/css">
.blogtabs {padding: 0px !important;border: 0 solid #bbb;}
.blogtabs h2 {float: left;margin: 0 2px 4px 0;font-size: 12px;padding: 3px 5px;border: 1px solid #2ac427;overflow: hidden;position: relative;background: #000000;cursor:pointer;}
html .blogtabs h2.active {background: #ffffff;}
.blogtabs .widget-content {border: 1px solid #000000;padding: 10px;-moz-box-shadow: 1px 1px 10px #888;
-webkit-box-shadow:1px 1px 10px #888;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;;background: #ffffff;clear:both;margin:0;}
.btab, #showtabs {display:none;}
</style><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script><br />
<script type="text/javascript" src="http://magetan-project.googlecode.com/files/SimpleTabViewJQuery.js"></script><br />
<script type="text/javascript">
$(document).ready(function() {
$('#showtabs').simpleBlogTab ({organictabs: 3});
});
</script><br />
<div id="showtabs">
</div>



Note: Untuk pemasangannya begini:

Tata Letak Blog RT


  • Warna hijau: Warna GARIS kotak DI TAB 2 dan 3. Silahkan sobat sesuaikan dengan selera sobat
  • Warna biru: Warna KOTAK DI TAB 2 dan 3. Silahkan sobat sesuaikan dengan selera sobat
  • Warna merah: Warna KOTAK DI TAB 1. Silahkan sobat sesuaikan dengan selera sobat
  • Warna kuning: Warna GARIS kotak DI WIDGET. Silahkan sobat sesuaikan dengan selera sobat
  • Warna oren: Warna KOTAK DI WIDGET. Silahkan sobat sesuaikan dengan selera sobat
3. Simpan

============

Membuat efek bintang bertaburan di blog mengikuti arah cursor itulah pembahasan artikel saya kali ini,efek betraburan bintang di blog mempunyai kesan tersendiri dan memberikan keindahan bagi para pengunjung untuk meilhat keunikan keunikan yang ada pada blgo kita,nah bagi sobat yang ingin mencobanya silahkan ikuti langkah langkahnya sebagi berikut.

1. Seperti biasa login dulu ke akun blog punya sobat.
2. kemudian pilih Tata letak > Add Gadget > HTML/JavaScript.
3. Copy kode di bawah ini kemudian pastekan pada kolom HTML/JavaScrip pada bagian kolom konten.

<script

src='https://hanmjlkcommunity.googlecode.com/files/Bintang%20bertaburan.js'></script>

4. Setelah selesai kemudian save dan lihat hasilnya.


Cara lain juga bisa sobat coba dengan cara sebagai berikut.

Masuk ke bagian menu > Template > Edit HTML/JavaScript,kemudian cari kode</head> kemudian letakan di bawah kode </head>.

Gimana tertarik bukan untuk mencobanya,bagi sobat yang mau coba-soba silahkan langsung aja menuju ke TKP hehehehhehe......semoga berhasil ya sobat.




Tidak ada komentar:

Posting Komentar