31.1.11
27

Memasang gambar atau background pada header

post kang bagas96 12:10 AM
Posting lagi ah :D berhubung ada kawan-kawan yang masih menyempatkan waktu berkunjung ke blog dan menyisipkan komentar :s hehe :D


Dan oke deh langsung saja (read: biasa posting kilat dan sederhana :p )

cari kode ini pada bagian css template
#header {

kalau sudah ketemu sisipkan kode di bawah ini

background-image : url(http://01.wen.ru/wap/images/ilusiku.png);
background-repeat : no-repeat;


cotoh jadinya seperti ini:

#header {
background-color:#ffffff; background-image : url(http://01.wen.ru/wap/images/ilusiku.png);
background-repeat : no-repeat;

background-position : 100% bottom;margin-right:2px 2px;
margin-top:1px; padding-bottom:1px; padding:2px;
text-align:left;
height:50px;
border-right:2px solid #fff;border-bottom:1px solid #fff;border-top:1px solid #a6deee;}

keterangan: kode background-image : url(http://01.wen.ru/wap/images/ilusiku.png);
background-repeat : no-repeat;

untuk menampilkan logo/gambar maka pada bagian background-repeat : di isi dengan no-repeat; agar gambar muncul hanya 1

jika ingin memasang untuk background header/keseluruhan tinggal ubah kode no-repeat menjadi repeat contoh

background-image : url(http://01.wen.ru/wap/images/ilusiku.png);
background-repeat :
repeat;

nantinya gambar akan memenuhi keseluruhan header
copy html


:O gimanah mudah bukan :p

udah dulu yah langsung di praktekin saja untuk melihat hasilnya :v

hatur nuhun manawi bahan katampi ;)

30.1.11
7

Cara merubah warna header template mobile

post kang bagas96 6:39 AM
Bedah template part2 yaitu cara merubah bagian header (read: itutuh yang paling atas walau di template lain ada yang di bawah he)

untuk merubahnya cari kode ini pada css template mobile


#header {
background-color:#000000; margin-top:1px; margin-bottom:1px; padding:2px; }
#header h1 {
text-align:left; text-shadow:#555555 2px 2px 2px; color:#ffffff; font-weight:bold; line-height:14px;
padding-left:1px;}
#header h1 {font-size:20px; padding-top:10px; }
header h1 a { color: #84C503; }
#header h1 a:visited { color: #84C503; }
#header h1 a:hover { color: #84C503; }
.header span {color: #84C503; font-size:12px;}
header .description {
color:#ff0000
;text-align:left; font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
font-size: 12px; padding-bottom:5px;padding-left:4px;}

keterangan:
untuk merubah warna header ubah pada #header {
background-color:#000000

untuk merubah judul header(read: itutuh yang buat nama blog kaya Simple Trick etc)
ubah kode warna pada bagian ini
header h1 a { color: #84C503; }

untuk merubah warna description / keterangan blog ubah kode warna ini
header .description {
color:#ff0000


Gimana simple kan hehe bagi pengguna template lain (read: bukan template editan saya) maka cari saya yang hampir mirip dengan kode di atas yang penting classnya saja misal
#header {
#header h1{
#heder.description{

sok atuh langsung di coba saja

Hatur nuhun manawi bahan katampi

29.1.11
12

Cara merubah warna background body template mobile

post kang bagas96 6:07 AM
Beberapa hari ini saya jarang update post karena memang agak-agak kurat mod heu, tapi itu kemaren hehe pada kesempatan ini ijinkan saya share tentang bedah template dan kita urut saja dari paling atas he
yang paling atas apah?
Body yup kita coba ubah warna latar/ background body pungsinya untuk memberi warna keseluruhan background

okay langsung ke css template dan cari kode ini:


body {
color:#cccccc; font-size:11px; font-family:tahoma; background-color:#000000; position: center;
padding:0;
border:1 solid #000000;
margin: 0 auto 0;
max-width:650px; }

keterangan: ini css di ambil dari template black mobile v1 untuk template lainnya tak perlu memperhatikan yang lainnya misal padding/ margin karena tiap template beda css perhatikan saja pada bagian background-color:#000000 karena kode ini yang menentukan warna background tinggal ubah warna #000000 (hitam) untuk menyesuaikan warna yang sahabat sukai

hup mudah bukan?
Sekian dulu tutor part 1 tunggu sambungan berikutnya pasti di kupas tuntas met berkreasi aja sob

Hatur nuhun manawi bahan katampi

28.1.11
23

Menampilkan gambar pada posting blog atau wap

post kang bagas96 8:25 AM
Gambar juga salah satu kebutuhan yang cukup penting untuk menambah keindahan blog baik itu untuk memasang poto atau memberi contoh saat menjelaskan tutorial

Dan posting kali ini coba menjelaskan sedikit tutorial membuat images / gambar pada post artikel

memang banyak ragamnya memasang gambar pada posting namun menjawab pertanyaan bagaimana memasang gambar dan merubah ukuran gambar

Oke deh langsung saja ke kode html untuk memasang poto

1. Script pertama menampilkan gambar dengan script pertama


<img src="http://bagas96. jw.lt/me.jpg ">

copy kode html



2. Kode html berikutnya menampilkan gambar dengan menentukan ukuran

<img src=" http://bagas96.jw.lt/ me.jpg" border="0" width="75px" height="60px" align="left"/>



keterangan:
1. width untuk mengatur lebar gambar tinggal ganti angka untuk menyesuaiakan
2. height untuk mengatur tinggi gambar
3. Align untuk menaruh posisi gambar bisa pilih
1/3 align="left" posisi gambar sebelah kiri post
2/3 align="right" posisi gambar sebelah kanan post
3/3 align="center" posisi gambar ada di tengah post

Tinggal kamu sesuaikan tergantung selera kamu

Namun bagaimana membuat images yang bisa di klick?

Caranya sama saja hanya di padukan dengan url saja, baik url gambar itu sendiri atau di gabungkan dengan url download/ halaman blog/wap

yups adapun kode html yang langsung dari google adalah


<a onblur="try {parent.deselectBlogger ImageGracefully ();} catch(e) {}" href="http:// bagas96.jw.lt/ me.jpg">
<img src="http:// bagas96.jw.lt/ me.jpg" border="0" width="75px" height="60px" align="left"/></a>

copy kode html


sementara yang biasa di pergunakan dengan url sederhana


<a href="url tujuan"> b </a>

menjadi
<a href="url tujuan"> <img src="http://bagas96.jw.lt/me.jpg">
</a>
copy code html


Sekian dulu artikel untuk kali ini soalnya dah pegel banget ini jari hehe

25.1.11
53

Cara mudah membuat reply comment blog

post kang bagas96 10:30 PM
Replay comment atau balas kommentar mungkin bisa jadi salah satu peralatan blog yang memudahkan para pengunjung untuk bersapa ria karena dengan mengklick tombol replay otomatis nama yang punya comentar langsung muncul tanpa perlu mengetik ulang nicname

Repy comment memang bukan hal baru tetapi mungkin masih ada yang belum koleksi/ menerapkan reply comment pada blog bisa ikuti cara ini:

Langkah-langkah pemasangannya
1. Cari kode html ini
<data:commentPostedByMsg/>

jika sudah ketemu letakan script reply comment tepat di bawah kode html di atas ini scriptnya:

<br /><a expr:href='&quot; https://www.blogger.com/comment.g? blogID= 3986197517513009648 &amp;postID= &quot; + data:post.id + &quot; &amp;isPopup= true&amp;postBody= %40%3C% 61%20%68%72%65%66%3D %22%23&quot; + data:comment.anchorName + &quot;%22%3E &quot; + data:comment.author + &quot; %3C%2F%61%3E#form &quot;' onclick='javascript: window.open (this.href, &quot;bloggerPopup &quot;, &quot;toolbar =0,location=0,statusbar =1,menubar=0,scrollbars=yes, width=400,height =450&quot;); return false;'> <img src='http://ilusi.jw.lt/ logo/Reply.png' /></a>

Copy kode reply coment 1:



copy reply comment 2:



keterangan:
Ganti yang berwarna merah pada blogID=
3986197517513009648 dengan blog id blog kamu dan untuk melihatnya masuk blogger kemudian masuk Setelan / pengaturan dan lihat alamat id pada sidebar alat broswer kamu jika pada opera mini tekan menu kemudian pilih isikan alamat dan lihat di sana akan ada blog id kamu

contoh hasilnya
http://www.blogger.com/ blog-options-basic.g?blogID= 3986197517513009648
Angka yang berwarna birulah id blog sobat

jika sudah tinggal simpan template dan upload template baru kamu yang sudah di edit

letaknya bisa kamu atur sendiri sedangkan saya memasangnya di bawah kode ini:

<p><data:comment.body/>


tinggal pilih letaknya tergantung keinginan kamu
hatur nuhun dulur

23.1.11
10

Merubah warna tex dan judul artikel bergambar

post kang bagas96 4:10 AM
posting ringan kali ini coba untuk share pengalaman dalam mengedit template dan untuk part 1 saya mencoba membuat artikel tentang merubah warna tex posting dan backgroundnya

jika kamu sudah paham alangkah baiknya tidak usah meneruskan membaca (read: siapa tau masih ada yang belum tau soalnya banyak kata kunci google yang mengarahkan ke blog ini dengan kata kunci merubah warna tex post)

Oke deh langsung saja ke cara pengeditan

langkah pertama merubah background judul artikel

1. Cari kode css ini pada template

.post-title / .post-title strong /
h3.post-title

jika menggunakan template mobile cukup edit yang .post-title

dan ubah seperti di bawah ini untuk menampilkan judul post bergambar:


.post-title {
padding:2px 2px; font-size:15px; font-weight:bold;
border:1px solid #ddd;
tex-align: left;
padding-left:16px; background-image : url(http://js4u.jw.lt/image/folder/folder.gif); background-repeat : no-repeat;}

copy css



hasilnya akan seperti ini:

contoh Judul artikel sajah


jika ingin memberi warna latar/background pada judul posting letakan kode ini: background-color:#fff;

contoh:

.post-title {
padding:2px 2px; font-size:15px; font-weight:bold;
border:1px solid #ddd; tex-align: left; padding-left:16px; background-color:#fff;
background-image : url(http://js4u.jw.lt/image/folder/folder.gif); background-repeat : no-repeat;}

copy css




hasilnya akan jadi seperti ini:
contoh Judul artikel sajah


2. Untuk merubah warna tex posting cari css ini

.post {
jika sudah ketemu cari kata color pada .post{ kemudian ubah kode warna pada color misal .post {color:#000000; maka nantinya warna text blog berwarna hitam sesuaikan warna dengan template anda

sekian dulu bedah template part 1 merubah tex posting dan cara memasang gambar pada judul posting lain kali saya sambung lain waktu mudah-mudahan bermanpaat untuk all brother
.............

21.1.11
14

Cara merubah background tab menu template mobile

post kang bagas96 10:33 PM
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>



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

20.1.11
12

Membuat sendiri ads atau iklan blog

post kang bagas96 12:41 AM
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


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



18.1.11
16

Membuat text area copy paste pengguna hape

post kang bagas96 8:18 PM
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:


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:



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


17.1.11
18

Cara memasang tab menu pada blog

post kang bagas96 10:12 AM
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>




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

15.1.11
38

Download Template black mobile V2

post kang bagas96 9:49 PM
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







14.1.11
11

Hal yang tidak di sadari blog mobile

post kang bagas96 4:52 AM
Wah dari judulnya sih kurang enak yah (read: saya jadi seperti orang sotoy hehe) Eitt tapi jangan terlalu di pedulikan judulnya karena memang tidak begitu penting hehe
Maksud dari kata kurang menyadari ialah masih ada beberapa pengelola (read: ceila pengelola kaya di pt aja hehe ) ya maksudnya pemilik blog/wap yang kurang menyadari ukuran images yang di gunakan terlalu besar ukurannya sehingga tampilan gambar lebih besar ketimbang ukuran width wap/blog terutama logo images header blog alhasil pengen tampilan hape malah tetep saja melebihi resolusi layar hape.....

Dan ketika saya peringatkan yang punya situs menjawab 'Ah engga kok di hape saya sudah pas'
wah masa iah si (read: orang kebingungan ceritanya hehe)

Kemudian saya sedikit menyelidik apa sebenarnya penyebab hal itu
Dan pertanyaan pertama yang saya tanyakan (read: introgasi nie ceritanya hehe)

1. Brota kamu edit situs pake apah (read: situs? wap/blog gtuh he biar mencakup semua deh tujuannya)
1/1. Jawaban: Pake operaMini (read: wah wah wah dah mulai nih kecurigaan hehe?

2. pertanyaan berikutnya: Owh begituh, Terus kamu setting kualitas gambarnya apah? Rendah/sedang/tinggi?
2/2.jawaban:
Wah tidak pernah di cek tuh memang kenapa?

3. Coba deh di cek dan pastikan pada posisi kualitas gambar (TINGGI)
3/3. Jawaban: Masih di rendah dan sudah saya ubah ke tinggi, memang apa manpaatnya? (read: wah balik bertanya nih hehe)

4. Jawaban: Nah kegunaannya sekarang coba buka situs kamu dengan menggunakan kualitas tinggi
4/4. Jawaban: Busetttt kok gambarnya pada gituh keluar jalur (read: masih balik nanya hehe)

5. Ya karena kamu menggunakan kualitas gambar rendah jadi hasil gambarpun menjadi rendah dan ukurannya mengecil,
5/5. Jawban: owh begituh

Nah nah nah dari percakapan di atas mungkin sahabat memahami apa maksud saya jadi usahakan pengaturan kualitas gambar pada posisi tinggi agar hasil gambar benar-benar maximal
dan cara setinggnya dari MENU > ALAT > PENGATURAN

Gimana nih sahabat sudah menggunakan pengaturan secara benar dan tidak memasang gambar yang lebih besar dari ukuran width/tabel agar hasilnya lebih rapi kalau yang belum mengganti pengaturan tampilan gambar sok buru-buru di cek.......

Mudah-mudahan tips ini berguna (read: ini buat yang belum tahuh kalau sudah tahu, kasih tahu yang belum tahu ,biar manpaat hehe)



13.1.11
13

Membuat sendiri javascript penghitung pengunjung blog

post kang bagas96 6:26 AM
Posting kali ini saya akan coba memberi info tentang gimana caranya membuat counter blog sendiri karena memang ada beberapa sahabat yang sudah meluangkan waktu berkunjung dan meninggalkan komentar
bagaimana cara membuat counter pada blog sementara untuk membuat sendiri counter wap sudah saya post sebelumnya kalau yang belum tahu baca DI SINI

Adapun yang di perlukan untuk membuat counter sendiri adalah hosting yang mendukung pembuatan javascript yang mudah saja yaitu di wap XTGEM / WEN.RU
Dan kali ini saya coba membuat javascript di wap xtgem dan ini langkah-langkahnya:

1. Login xtgem dan masuk pencari file

2. Buat file baru dengan pormat .js contoh counter.js

3. Jika sudah di buat klick counter.js + pada tanda +(plus) kemudian pilih buka dengan kemudian pilih editor tex
jika sudah kebuka nanti akan ada kode HTML pada kotak pengeditan dan bersihkan/hapus semua kode html yang ada

4. Jika sudah kosong masukan script di bawah ini


document.write('on: ','<xt id="online"/>',' : ','<xt id="counter" type="1" />',' : ','<xt id="counter" type="2"/>',' : ','<xt id="counter" type="3"/>',' : ','<xt id="counter" type="4" />');

copy code html 4 mobile



5. Jika sudah di pasang kemudian Simpan/Save

Nah sudah berhasil javascript counter penghitung pengunjung
dan javascript ini bisa di pasang di wap wen.ru, blog dan hosting lainnya yang suport javascript

Nb: Tapi satu javascript hanya untuk 1 index saja jadi jika di pasang di blog tidak bisa di pasang di blog lain karena tetap jumlah tetap tidak menyesuaikan/hasil jumlah yang sudah di gunakan sebelumnya..

Tapi masih bisa di akali dengan membuat javascript beda nama file misal counter.js, counter2.js, counter3.js dst...

Dan javasrcrip untuk di pasang di blog kamu sebaggai berikut:

<script language="javascript" src="http://wap kamu/counter.js"></script>

copy script 4 mobile



Silahkan di coba moga bermanpaat hehe...

8.1.11
51

Download template mobile simple blue b1

post kang bagas96 3:06 AM
Setelah meluncurkan template mobile black template v1 sekarang saya coba untuk meluncurkan template yang ke 2 yaitu template mobile simple blue b1

Adapun perubahan dari template sebelumnya yaitu sudah terpasang auto readmore

Dan silahkan langsung Download template mobile simple blue b1 untuk mengeceknya (read: lagi males nulis tapi pengen update post jadinya begini deh hehe)
Namun mudah-mudahan templatenya cocok di mata para pengunjung hehe..


Lihat template



Free download template mobile simple blue b1






Nb:
Jika link download di atas bermasalah gunakan url download di bawah ini







7.1.11
17

Update query internet gratis Simpati

post kang bagas96 6:01 AM
Update proxi dan apn gratis tsel untuk 07 januari 2011 memang belum ada gebrakan yang berarti (read: itutuh yang free download seperti pake proxi hehe) Tapi masih ada query tsel yang masih kenceng untuk di ajak internetan ea lumayanlah untuk sekedar koleksi walau query ini sudah jadul tapi masih lumayan kualitas koneksinya


Dan ini setingan untuk di operamini handler

1. http server: http://srv20001.citrongo.com@ server4.operamini.com:80/

2. socket server: socket://srv20001.citrongo.com@ server4.operamini.com:180

3. host/server proxy: server4.operamini.com:80/

4. remove port di centang

copy kode proxy:


Untuk setting di jalur akses ponsel bisa menggunakan yang standar tapi agar lebih apdol pake saja yang apn 3data


apn: 3data
proxy: 10.1.89.130
port: 8000

Nah tinggal di coba saja deh brot......

6.1.11
5

Template Black_mobileV1 untuk blogger hape

post kang bagas96 11:44 PM
Lihat Template
Akhirnya template blog tampilan mobile yang pertama saya selesai di buat juga
meski memang sudah saya rancang sejak lama namun baru saat ini saya upload dan saya mencoba untuk menyediakan buat umum dan mudah-mudahan bisa bermanpaan apa lagi bagi para pecinta blog mobile

Saya rasa saat ini banyak bloger-bloger hape yang mengelola blognya menggunakan ponsel dan
rasanya akan lebih enak lagi dengan menyesuaikan tampilan template dengan ponsel

Sehingga lebih ringan dan simple silahkan saja anda mencoba sendiri template black mobile V1 untuk melihat contoh templatenya silahkan klick DI SINI dan saya tunggu commentar nya agar saya bisa melengkapi kekurangan template saya ini

HATUR NUHUN ACHH





Template Black mobile V1





ukuran 11.7 KB


Nb:
Jika mobile template di atas tidak bisa di download gunakan link download di bawah ini




5.1.11
16

Membuat autoreadmore pada blog

post kang bagas96 11:06 PM
Auto readmore adalah salah satu cara untuk menata halaman depan blog agar lebih rapi dan enak di lihat...

Sebenernya pungsi auto redmore sama saja dengan reamore baisa (read: itutuh yang buat menggal kata biasanya ada tex baca seterusnya etc dah)
Namun perbedaannya auto readmore bekerja otomatis saat memenggal kata (read: gak perlu pake span fullpost pada waktu nulis artikel alias nulis tinggal nulis hehe)

Sebenarnya cara membuat auto readmore memang bukan hal baru namun baru kali ini saya posting karena saya pikir sudah banyak di tulis/di share di blog-blog tutorial namun berhubung ada sahabat saya yang bertanya cara memasangnya

Setelah coba buka arsip di ponsel saya (read: beuh gaya dikit istilahnya haha padahal cuman buka x-plore bwt lihat file txt yang tersimpan hehe)

images this deleted

Akhirnya saya mencoba untuk share auto readmore v20 yang saya rasa cukup sederhana dan cocok di pasang pada template mobile (read: blogger hape lah istilahnya yang saat ini memang lagi menjamur hehe)

Langsung saja ke langkah pemasangan
1. Biasalah login dulu ke blog dan pilih Tataletak/Rancangan

2. Masuk ke EDIT HTML

3. Salin dulu template pada download template lengkap (read: itutuh yang di atasnya buat upload template) supaya kalau ada kerusakan tidak bingung tinggal copy dari cadangan

4. Kalau sudah siap centang Expan Template widget
(read: ini tutorial buat yang edit secara online blogger kalau menggunakan aplikasi seperti xplorer di ponsel ea gak perlu mengikuti langkah di atas hehe)

Nah sekarang tinggal mencari script yang harus di ganti/di hapus dan memasang java script auto readmore

1. Cari kode berikut
</head>
Kalau sudah ketemu pasangkan di bagian bawah kode </head> skrip di bawah ini


<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 170; summary_img = 50; img_thumb_height = 60; img_thumb_width = 50; </script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i]. indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while (strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummary AndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 5px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="' + img_thumb_height + 'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag (div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

copy java script 4 mobile




Keterangan:
summary_noimg = 170;Jumlah 170 adalah untuk menentukan jumlah tulisan yang muncul pada artikel tidak bergambar dan jumlah kata bisa kamu sesuaikan menurut keinginan kamu


summary_img = 50;
Jumlah 50 adalah untuk menentukan jumlah tulisan yang muncul pada artikel bergambar dan jumlah kata bisa kamu sesuaikan menurut keinginan kamu


img_thumb_height = 60;
Ini pungsinya mengatur ukuran tinggi images/gambar pada artikel tinggal ubah ukuran 60 untuk menyesuaikan


img_thumb_width = 50;
ini pungsinya untuk mengatur lebar images/gambar pada artikel ubah ukuran 50 unuk menyesuaikan

kalau semua pengaturan gambar dan jumlah tex yang akan di tampilkan sudah selesai sekarang ke tahap selanjunya

2. Cari kode html ini:
<data:post.body/>

jika template anda masih standar belum pernah menggunakan readmore

Sementara untuk pengguna template mobile buatan saya cari kode ini:


<div class=' post-body entry-content'>
<data:post.body/><b:if cond=' data:blog.pageType != &quot;item &quot;'>< div id='more'>
<a expr:href='data:post.url'>
<left>& #187;&#187; &#160;baca semua</left></a></div> </b:if>



Kalau sudah ketemu hapus semua script yang berwarna merah kemudian ganti script yang berwarna merah menggunakan script ini



<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary &quot; + data:post.id' ><data:post.body />< /div>
<script type='text/javascript'>createSummary AndThumb(&quot;summary <data:post.id />&quot;);
< /script>
<span class=' rmlink'>
<a expr:href='data:post.url'>< div id='more'>
<a expr:href=' data:post.url'>
<img src='http:// 4.bp. blogspot.com/_il-14Lk5qf8/ TIz3Izga8aI/ AAAAAAAAAHk/ MVp_rxtIKaE/ s320/readmore.gif' /></a></div>< /a></span>
</b:if>

<b:if cond='data:blog.pageType == &quot;item &quot;'>
<style>
#feature-wrapper, #carousel_control, #featured_posts {display: none; padding: 0;margin:0 ;}
</style>
< data:post.body /><br/>
</b:if>

copy paste script 4 mobile




Pastikan kamu benar menaruh script pada tempatnya dan jangan sampe ada kode html yang terhapus/forman penutup tidak sampai ketinggalan agar tidak ada peringatan eror waktu upload template ..

3. Langkah berikutnya Cari kode ini:


<style><b:if cond='data:blog.pageType == &quot; item&quot;'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}</b:if></ style>


script ini hanya ada jika template kamu sudah memasang reamore (read: bagi pengguna template mobile pasti menemukan script di atas kemudian hapus semua script di atas (read: kalau di template yang belum pasang reamore dan tidak ada ea tidak usah nyari hehe)

4. Nah terakhir save template
(ream: itu bagi yang edit online di blog kalau yang pake app di hape ea tinggal upload hehe)

5. Istirahat dulu kalau kecapean lihat kode html hehe.... Yang sabar aja kan orang sabar di sayang tuhan he..

Met nyoba aja deh moga bermanpaat dan bisa di pasang di blog teman-teman
1.1.11
39

Opmin4javates id GratisTsel by Bagas96.jar

post kang bagas96 1:35 AM
Wah gimana nih cerita tahun baruannya? Moga aja pada bisa menikmati pergantian tahun kali ini eitttts tapi gimana tuh sama umur wah wah wah bertambah lagi men Tambah tua hehe itu sih yang lagi nulis artikel xixix

Ah mudah-mudahan sih kita dapet hikmah dari pergantian tahun dan bisa lebih semangat lagi untuk menyongsong masa depan

Omong-omong pada dapet hadiah gak neh?
Kalau belum nih saya kasih hadiah tapi bukan baju atau peralatan kecantikan hehe....

Di awal bulan dan tahun baru ini telkomsel masih tetap menyediakan ruang nyaman bagi penggila gretongers (read: alias pecinta gratisan) gak tau karena pada kurang modal apa gimana ya kok pada suka gratisan (read: ni yang nulis juga ngerasa hehe)

Langsung aja ah ni di bawah saya sediakan aplikasi opera mini gratis telkomsel simerah (read: kalau siputih belum jalal)

Wah padahal dah banyak kali di blog saya ini app opmin gratis tsel tapi masih ada kendala saat penginstalan terutama pada hape java (read: s e) gak tau app nya yang tidak suport atau sayah yang bikin eror app jadinya tidak bisa di pasang di hp java?
Hehehe hanya tuhan yang tau kalieee, eh eh para pakar juga tahu mungkin letak di mana kesalahannya masa bahas beginian bawa-bawa tuhan (read: astagpirullah)

Dan langsung cek aja lah bagi yang pesan app opmin java moga-moga kali ini bisa di hp java yang belum berhasil instal

Dan biasa aja Agar lebih cepet tanpa menunggu loading saat menyambungkan ke internet bisa menambahkan proxy seperti ini:


Apn: 3data
proxy: 10.1.89.130
port: 8000

Namun jika hape kamu tidak suport proxy atau malas melakukan setting pada jalur akses
kamu bisa langsung saja menggunakannya

Dan jika masih ada yang tidak cocok silahkan laporkan di kotak komentar dan saya usahakan untuk membuat yang cocok dengan tipe hape anda....

Silahkan aja buruan download semoga bermanpaat..
(read: posting lama ngikut dikit neh hehe)



Opmin4javates id GratisTsel_by Bagas96.jar



ukuran 143.2 KB


status free: Aktip




Nb: jika kesulitan download gunakan link di bawah ini:

update opmin gratis telkomsel 09/03/2011
1. Opmin v 4 Jar
2. Opmin v 4 Zip

About blog | Feedback | Rss
Copyright 2009 - 2012 Hak cipta di lindungi UUD
Naik