Cara merubah background tab menu template mobile

Eheum artikel singkat kali ini coba saya post bagaimana cara merubah background tab menu pada template mobile karena memang ada sahabat yang bertanya dan caranya edit css pada template

Untuk merubah bacground cari kode html di bawah ini:

<style type='text/css'>
.tabberlive{
margin:0;
padding:1px;
clear:both;
background:#f8f8f8;

border:1px solid #DDD;
}
.tabbernav {
margin:0;
padding: 1px;
border-bottom: 1px solid #ddd;
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
}
.tabbernav li {
list-style:none;
margin-right:2px;
display:inline;
}
.tabbernav li a {
padding:1px;
margin-right:2px;
height:18px; border:1px solid #DDD;
border-bottom:none;
background:#777777;
text-decoration:none;
color:#ffffff;
outline:none;
}
.tabbernav li a:hover {
color:#6c6c6c;
background:#ffffff;
border:1px solid #DDD;
text-decoration:none;
height:18px; outline:none;
}
.tabbernav li.tabberactive a,
.tabbernav li.tabberactive a:hover {
background:#ffffff;
color:#6c6c6c;
outline:none;
}
.tabberlive .tabbertab {
padding:1px;
border:0px solid #DDD;
border-top:0;
background:#ffffff;
}
.tabberlive .tabbertab h2,
.tabberlive .tabbertabhide {
display:none;
}
.tabbertab .widget-content ul{
list-style:none;
margin:0 0 10px 0;
padding:0;
}
.tabbertab .widget-content li {
border-bottom:1px solid #ddd;
margin:0 5px;
padding:1px 0 5px 0;
}
</style>


<br /> <style type='text/css'> .tabberlive{ margin:0; padding:1px; clear:both; background:#f8f8f8; border:1px solid #DDD; } .tabbernav { margin:0; padding: 1px; border-bottom: 1px solid #ddd; font-family:Arial,Helvetica,sans-serif; font-weight:normal; } .tabbernav li { list-style:none; margin-right:2px; display:inline; } .tabbernav li a { padding:1px; margin-right:2px; height:18px; border:1px solid #DDD; border-bottom:none; background:#777777; text-decoration:none; color:#ffffff; outline:none; } .tabbernav li a:hover { color:#6c6c6c; background:#ffffff; border:1px solid #DDD; text-decoration:none; height:18px; outline:none; } .tabbernav li.tabberactive a, .tabbernav li.tabberactive a:hover { background:#ffffff; color:#6c6c6c; outline:none; } .tabberlive .tabbertab { padding:1px; border:0px solid #DDD; border-top:0; background:#ffffff; } .tabberlive .tabbertab h2, .tabberlive .tabbertabhide { display:none; } .tabbertab .widget-content ul{ list-style:none; margin:0 0 10px 0; padding:0; } .tabbertab .widget-content li { border-bottom:1px solid #ddd; margin:0 5px; padding:1px 0 5px 0; } </style><br />

keterangan:
pada kode html berwarna merah di atas atau background:#f8f8f8;
sesuaikan warna #f8f8f8 agar sesuai dengan kemauan kamu dan jika ingin di pasang di template black mobile v2 bisa dengan #000000 untuk mendapatkan warna hitam dan #111111 /#222222 /#333333 untuk mendapatkan warna coklat tua


sok langsung di coba saja moga bermanpaat

Read more »

Membuat sendiri ads atau iklan blog

Pasti sudah pada hapal dengan yang namanya ads / iklan yang di bayar /per klick yang bisa di uangkan lewat paypal maupun cradit card (read: kartu atm gituh tinggal gesek langsung keluar,
kalau ada tabungannya itu juga hehe)
dan beberapa adz yang lagi ngetren di kalangan blogger, buzz, buzzcyti, admob, etc

Namun bagaimana jika kita tidak memiliki akun paypal/ credit card yang mungkin percuma juga pasang ads tanpa mendapatkan hasil (read: saya juga salah satu blogger yang tidak memiliki keuntungan dari ads gara-gara gaptek haha)

Tapi tidak apa-apa itung-itung nabung anggap aja celengan hehe, sedangkan lebih baik lagi kita buat sendiri ads dengan link acak ke url posting artikel agar menarik pengunjung agar klick iklan dan nantinya tersambung dengan url post artikel anggap saja post random yang kelihatannya tidak monoton hehe

cotoh ads yang di buat sendiri

Untuk sobat yang tertarik silahkan pasang kode html di bawah ini

<script type="text/javascript"> var link = new Array();link[0] = '<a href="http://www.ilusi.tk/2011/01/template-black-mobile-v2.html"> Template black mobile v2 Mau?</a>';link[1] = '<a href="http://www.ilusi.tk/2011/01/template-blackmobilev1-untuk-blogger.html"> Template black mobile v1 ada di sini</a>';link[2] = '<a href="http://www.ilusi.tk/2011/01/download-template-mobile-simple-blue-b1.html"> Template simple blue b1 download aja gan</a>';link[3] = '<a href="http://www.ilusi.tk/search/label/Opmin%20Gratis%20Tsel?%20&max-results=5">Cuman disini kasih kamu gratis gprs</a>';link[4] = '<a href="http://www.ilusi.tk/2011/01/opmin4javates-id-gratistsel-by.html"> Ada Operamini gratis gprs gan cekidot</a>';var rand = Math.floor (Math.random()*link.length); document.write (link[rand]);</script>

copy code html 4 mobile
<br /> <script type="text/javascript"> var link = new Array();link[0] = '<a href="http://www.ilusi.tk/2011/01/template-black-mobile-v2.html"> Template black mobile v2 Mau?</a>';link[1] = '<a href="http://www.ilusi.tk/2011/01/template-blackmobilev1-untuk-blogger.html"> Template black mobile v1 ada di sini</a>';link[2] = '<a href="http://www.ilusi.tk/2011/01/download-template-mobile-simple-blue-b1.html"> Template simple blue b1 download aja gan</a>';link[3] = '<a href="http://www.ilusi.tk/search/label/Opmin%20Gratis%20Tsel?%20&max-results=5">Cuman disini kasih kamu gratis gprs</a>';link[4] = '<a href="http://www.ilusi.tk/2011/01/opmin4javates-id-gratistsel-by.html"> Ada Operamini gratis gprs gan cekidot</a>';var rand = Math.floor (Math.random()*link.length); document.write (link[rand]);</script> <br />

Nah bagaimana apakah sahabat tertarik? Di coba saja langsung dan di atas adalah contoh javascript open bisa kamu buat lebih simple dengan cara membuat javascript tapi agar lebih mudah di edit dan tidak ribet bagi yang belum tahu cara membuat javascript bisa langsung pasang kode html di atas tinggal edit url dan tex nya saja

Sok atuh langsung di coba dan jangan lupa pasang ads blog saya juga di blog sahabat yah hehe hatur nuhun ahh....

Copy ads my blog
<script language="javascript" src="http://js4u.jw.lt/iklan/bagas96/ads.txt"></script>

Read more »

Membuat text area copy paste pengguna hape

Beberapa hari yang lalu ada pengunjung yang bertanya bagaimana cara membuat kolom kopy paste yang tembus buat hape

Untuk cara pembuatannya sangat sederhana saja tinggal letakan kalimat pada posting yang mau dibuat suport copas pada script textarea

contoh script textarea sederhana:
<textarea>

letakan tex di sini

</textarea>

hasilnya seperti ini:
letakan tex di sini

copy code html

textarea yang bisa di ubah ukuran box nya

<textarea style="text-align: left;" rows="0" cols="7" padding="1px">
letakan tex di sini

</textarea>


hasilnya akan seperti ini:

letakan tex di sini

copy kode html

keterangan: rows adalah ukuran tinggi box dan cols ukuran lebar box silahkan ubah angka untuk menyesuaikan ukuran....

Nb: jika ada keterangan HTML anda tidak bisa di terima:tap putus: INPUT saat mau menerbitkan entri maka centang saja dan kemudian terbitkan entri kembali


Semoga bermanpaat

Read more »

Cara memasang tab menu pada blog

Pada template blog pasti ingin di tambahkan pernak-pernik untuk menambah keindahan blog, namun bagaimana kalau tempat pemasangan gadget terbatas/tidak ingin memakan banyak tempat

Salah satu nya bisa menggunakan menu tab dimana pada satu tampilan banyak menu yang terpasang dan akan muncul sesuai judul tab yang di klick

untuk contohnya lihat pada bagian bawah blog

Untuk itu saya akan mencoba share trick memasang gadget tab menu pada template blog mobile koleksi template di blog ini, dan sebenarnya saya sudah memasang script dan css pada masing-masing template mobile sehingga tinggal memasang 1 bagian script html dengan sangat mudah (read: duh tegang banget bacanya santai atuh broth hehe)

Langsung aja ke cara pemasangannya

1. Login blog dahulu
2. Masuk rancangan/ tata letak
3. Kemudian klick tambah gadget pada gadget yang terakhir jika pada template simple blue b1 (read: kenapa harus yang paling bawah soalnya gadgetnya belum di kasih css total jadi tidak bikin berantakan soalnya tab menu sudah menggunakan css sendiri hehe)

4. Jika sudah klick tambah gadget pilih menu html/javascript unuk memasang script tab menu dan scriptnya tinggal di copy di bawah ini:

<div class='tabber'>
<div class='tabbertab' id='tab1'>
<h2>Comment</h2>

letakan tampilan 1 di sini

</div>

<div class='tabbertab' id='tab2'>
<h2 class='title'> posts </h2>

letakan tampilan 2 di sini
</div>

<div class='tabbertab' id='tab3'>
<h2>shoutmix</h2>

letakan tampilan 3 di sini

</div>

</div>


<br /> <div class='tabber'><div class='tabbertab' id='tab1'><h2>Comment</h2><br /> letakan tampilan 1 di sini<br /> <br /> </div><br /> <div class='tabbertab' id='tab2'><h2 class='title'>posts </h2><br /> letakan tampilan 2 di sini<br /> </div><br /> <div class='tabbertab' id='tab3'><h2>shoutmix</h2><br /> letakan tampilan 3 di sini<br /> <br /> </div><br /> </div><br />

keterangan: tab menu pada contoh hanya 3 tab menu dan bisa di tambahkan dengan menggandakan script dengan angka 4,5 dst,
contoh:
<div class='tabbertab' id='tab4'>
<h2>shoutmix</h2>

letakan tampilan 4 di sini

</div>

dan letakan di tengah-tengah kode </div>
sebelum yang paling bawah

jika sudah tinggal pilih simpan dan selesai deh

silahkan di coba saja dan jika masih ada kesulitan post di commentar saja

Read more »

Download Template black mobile V2

Setelah mengoleksi 2 template blog mobile kini saya coba untuk share 1 template mobile lagi

Desain kali ini saya menggunakan dasar hitam dan menggunakan header pada template sebelumnya (read: template black mobile V1)
Namun ada beberapa perbedaan yaitu

1. memadukan dengan css script dari jhonscms (read: hanya gambar untuk background menu saja)

2. Menggunakan post body hiden hingga pada bagian artikel hanya akan muncul judul artikel saja sementara untuk melihat isi posting tinggal di klick pada judul artikel

3. Terdapat 4 gadget pada sidebar untuk menempatkan script html/gadget dari google

Untuk lebih pastinya silahkan langsung di download
moga bermanpaat..


Lihat Template

---

Free download template black mobile V2

---

Read more »