Cara menambah Flash menu pada Walkman sony Ericsson (with XS++ dan FARManafer+Jdflasher)
Sebetulnya saya mempunyai tema postingan yang lainnya, tapi karena permintaan dari pengunjung setia, (yang bernama Ndaru), akhirnya saya putuskan untuk membuat postingan yang berhubungan dengan modd Sony Ericsson ini. Langsung saja ke inti cerita. Memang handphone Sony ericsson sudah menyediakan beberapa tema flash menu, yang berjumlah 4 sampai 5 theme flash menu. Namanya juga manusia, pasti menginginkan yang serba lebih. Di bawah ini saya akan menjelaskan secara simple tentang bagaimana cara menambahkan flash menu (ektensi .swf) ke HP Sony Ericsson kesayangan anda khususnya Seri Walkman edition. Anda dapat mendownload koleksi flash menu 176X220+temanya disini.
Cara Pertama (menggunakan Software XS++) with EROM CID 52
1. Siapkan aplikasi XS++ , usahakan yang terbaru yaitu XS++ 3.2 anda bisa mendownloadnya di sini
2. Ambil kabel data anda (DCU) dan handphone kesayangan anda, pastinya Sony Ericsson.
3. Matikan HP anda, lalu tahan tombol “C” kemudian sambungkan ke PC melalui kabel DCU sampai keluar bunyi “Ding” pada PC anda. (itu menandakan bahwa USB driver sudah terinstall, jika belum, install terlebih dahulu. Caranya ada di postingan sebelumnya klik ini untuk melihatnya.)
4. Tekan Tombol “connect” pada apps XS++,” sampai muncul pesan ready for Operation”
Photobucket
Photobucket
5. Kemudian , ganti mode yang sebelumnya “flash” menjadi” FSX™”, dan tekan “start FSX™”.
Photobucket
6. Tunggu sampai proses analize file sistem selesai. sehingga muncul gambar seperti di bawah:
Photobucket
7. Letakkan flash menu di folder : tpa/preset/system/desktop/flash
Photobucket
8. Sesudah sampai di folder flash, anda tinggal me-upload flash menu yang anda kehendaki, dengan cara me-klik “upload”, cari file yang akan di-upload dan tekan “open”. Secara otomatis flash menu akan tercopy ke folder flash tadi.
Photobucket
9. Setelah merasa cukup, jangan lupa tekan “shut down”. Tunggu sebentar sampai keluar perintah “Disconnected... Unplug the phone”. Lalu lepaskan kabel DCU dari PC dan hidukan hp anda.
Photobucket
10. Ups belum selesai, langkah terakhir masukkan temanya. lalu set tema tersebut. Maka menu hp anda akan berubah sesuai yang anda inginkan.
11. Semoga berhasil. Terima Kasih.
Cara Kedua (menggunakan Software Far Manager+JDflasher) with EROM CID (cocok untuk semuanya)
1. Seperti biasa, siapkan aplikasi Far Manager (lengkap dengan Plugin JDflashernya). Anda bisa mendownloadnya disini.
2. Ambil kabel data anda (DCU) dan handphone kesayangan anda, pastinya Sony Ericsson.
3. Matikan HP anda, lalu tahan tombol “C” kemudian sambungkan ke PC melalui kabel DCU sampai keluar bunyi “Ding” pada PC anda. (itu menandakan bahwa USB driver sudah terinstall, jika belum, install terlebih dahulu. Caranya ada di postingan sebelumnya klik ini untuk melihatnya.
4. Tekan F1+Alt. Maka akan keluar seperti gambar dibawah ini:
Photobucket
5. Pilih “just da flasher” dengan script: “sesuaikan dengan tipe HP anda” (misalnya untuk CID 52 pilih db2020), port: “DCU-60”, dan speed: “921600”.
Photobucket
6. Kalau sudah klik “jump down into a large rabbit hole”. Atau tekan tombol enter pada keyboard.
Photobucket
7. Tunggu prosesnya, maka akan keluar gambar seperti dibawah ini :
Photobucket
8. Kemudian double klik “ofs”, tunggu prosesnya sampai keluar gambar sepeeti di bawah ini:
Photobucket
Photobucket
9. seperti biasa, Letakkan flash menu di folder : tpa/preset/system/desktop/flash
Photobucket
10. Cari flie swf yang akan di upload (di kotak yang kanan), setelah ketemu, pilih file tersebut. dan klik tombol “copy” yang ada di bawah. Maka akan keluar kotak seperti di bawah:
Photobucket
11. Jangan mengubah apa-apa, lalu klik “copy”. Tuggu proses sampai selesai.
Photobucket
12. Setelah merasa cukup, jangan lupa tekan “…” pada kotak kiri sampai keluar pesan warning seperti gambar di bawah: dan tekan “yes” untuk keluar dari file sistem.
Photobucket
13. Ups belum selesai, langkah terakhir masukkan temanya. lalu set tema tersebut. Maka menu hp anda akan berubah sesuai yang anda inginkan.
14. Semoga berhasil. Terima Kasih.
Nah apabila masih ada kebingungan atau pertanyaan sehubungan dengan tutorial di atas, jangan sungkan-sungkan untuk bertanya lewat komentar yang ada di bawah. Terima kasih. Good Luck!!.
Sumber Artikel: Cara menambah Flash menu pada Walkman sony Ericsson (with XS++ dan FARManafer+Jdflasher) http://www.mohanlink.com/2009/06/cara-menambah-flash-menu-pada-walkman.html#ixzz2Eu2PeWJ3
Followers
2 APLIKASI EDIT PHOTO JAVA
by gembuxpasoepati
Category: aplikasi java
Assalamu'alaikum wr.wb
Kali ini admin bawa 2 aplikasi edit foto hp java, yang terbaik menurut saya. .
1. JAVA PHOTOSHOP
mobile-photoshop.jpg
Banyak fitur yang ada pada aplikasi ini, antara lain:
-Resize Picture, yang berguna untuk mengubah ukuran gambar jadi jika soba punya foto yang ukurannya terlalu besar biasanya agak lama ketika dibuka nah dengan me-resize gambarnya makan otomatis akan kecil (sesuai ukuran yang sobat inginkan sekaligus mengura ngi ukurannya juga.
-membuat gambar transparan jadi dengan efek ini terlihat lebih trasparan.
-membuat gambar 3D agar gambar yang sobat edit terlihat lebih nyata.
-memotong gambar atau meng- crpo gambar yang ingin dibuang atau diambil.
-memutar gambar dengan ini sobat bisa memutar 90, 180 dan sesuai sobat yang ingin putar berapa derajat.
Dan masih banyak lagi..
Yang berminat silahkan download
download jar
download zip
2. JAVA PHOTOSNAP
Photo-Snap-Mobile_1_26197.gif
Photosnap adalah aplikasi photo editor/ edit foto kelebiian aplikasi ini adalah :
-bisa menambahkan efek-efek pada foto
-merotate/memutar foto
-menambah text pada foto
-menambah clip art secara manual(bisa ditambah atu di hapus)
-menambah frame/ bingkai secara manual (bisa ditambah atu di hapus)
-ada 3 pilihan format saat menyimpan yaitu :
>jpg
>png
>bmp
Yang berminat silahkan download
download jar
download zip
Tulisan / Artikel anda disini
Macam-macam Script / tag HTML Populer
Cara penulisannya Kata atau kalimat diapit dengan tag-tag di bawah ini yang diakhiri dengan ditambah garis miring. Contoh : membuat teks berjalan = <marquee>KALIMAT BERJALAN</marquee>
Kode
|
Keterangan / fungsi
|
<!– –>
|
Memberi komentar atau keterangan. Kalimat yang terletak pada tag
kontiner ini tidak akan terlihat pada browser |
<a href>
|
Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
|
<a name>
|
Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
|
<applet>
|
Sebagai awal dari Java applets
|
<area>
|
Mendefinisikan daerah yang dapat diklik (link) pada image map
|
<b>
|
Membuat teks tebal
|
<basefont>
|
Membuat atribut teks default seperti jenis, ukuran dan warna font
|
<bgsound>
|
Memberi (suara latar) background sound pada halaman web
|
<big>
|
Memperbesar ukuran teks sebesar satu point dari defaultnya
|
<blink>
|
Membuat teks berkedip
|
<body>
|
Tag awal untuk melakukan berbagai pengaturan terhadap text, warna
link & visited link |
<br>
|
Pindah baris
|
<caption>
|
Membuat caption pada tabel
|
<center>
|
Untuk perataan tengah terhadap teks atau gambar
|
<comment>
|
Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
|
<dd>
|
Indents teks
|
<div>
|
Represents different sections of text.
|
<embed>
|
Menambahkan sound or file avi ke halaman web
|
<fn>
|
Seperti tag <a name>
|
<font>
|
Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
|
<form>
|
Mendefinisikan input form
|
<frame>
|
Mendefinisikan frame
|
<frameset>
|
Mendefinisikan attribut halaman yang akan menggunakan frame
|
<h1> … <h6>
|
Ukuran font
|
<head>
|
Mendefinisikan head document.
|
<hr>
|
Membuat garis horizontal
|
<html>
|
Bararti dokumen html
|
<i>
|
Membuat teks miring
|
<img>
|
Image, imagemap atau an animation
|
<input>
|
Mendefinisikan input field pada form
|
<li>
|
Membuat bullet point atau baris baru pada list (berpasangan
dengan tag <dir>, <menu>, <ol> and <ul> ) |
<map>
|
Mendefinisikan client-side map
|
<marquee>
|
Membuat scrolling teks (teks berjalan)
|
<nobr>
|
Mencegah ganti baris pada teks atau images
|
<noframes>
|
Jika browser user tidak mendukung frame
|
<ol>
|
Mendefinisikan awal dan akhir list
|
<p>
|
Ganti paragraf
|
<pre>
|
Membuat teks dengan ukuran huruf yg sama
|
<script>
|
Mendefinisikan awal script
|
<table>
|
Membuat tabel
|
<td>
|
Kolom pada tabel
|
<title>
|
Mendefinisikan title
|
<tr>
|
Baris pada tabel
|
<u>
|
Membuat teks bergaris bawah
|
Membuat Menu Vertikal Cantik Di Blogspot
Written By GEMBUX PASOEPATI
Sebelumnya,, coba anda arahkan mouse anda ke daftar menu yang ada di sebelah kiri website ini atau di bawah ini... Berubah bukan.. Anda dapat meletakkan nya disisi kiri atau kanan blog anda..
Itu merupakan animasi yang saya rancang untuk mempercantik dan membuat blog ini agar lebih menarik dimata pengunjung. Anda pun bisa melakukannya. Nah.. Caranya adalah sebagai berikut :
1. Masuk ke edit html pada blog anda. Centrang kotak "Expand Widget Templates"
2. Cari kode ]]></b:skin>. Tekan Ctrl + f dan masukkan kode tersebut untuk lebih mempercepat pencarian.
3. Copy paste kode berikut di atas kode ]]></b:skin>
/*Warna ketika mouse belum di dekatkan*/
#berubah
{
background-color: Black;
font-size: 16px;
}
/*Warna teks sebelum mouse di dekatkan*/
#berubah a
{
color:#FFFFFF
}
/*warna setelah mouse di dekatkan*/
#berubah:hover
{
background-color:silver;
color:#000000;
}
/*Warna teks setelah mouse di dekatkan*/
#berubah a:hover
{
color:#000000
}
4. Masuk ke Page Element/ Elemen Laman pada blog anda.. Tambahkan GADGET/ADD GADGET html/javascript. dan pastekan kode berikut :
<center><p><b>Pilih Menu</b></p></center>
<p></p><div id="berubah"><a href="Alamat Link Anda"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCfr50ZdeAT3q4L0MYg1feHiXHh_E9vFYaKm4v1O77v3dgx54rN1nP2yagpLxksFHwjygNUR1cF0HWZ72wBAV1a4ZfF08lJq885CTE-ZjKzbjktpgQKMIKPJIFBLnKHugC6k_L30pi6gs/s1600/search-icon-orange.gif" width="15px" height="15px" /><b> Menu 1</b></a></div>
<p></p><div id="berubah"><a href="Alamat Link Anda"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCfr50ZdeAT3q4L0MYg1feHiXHh_E9vFYaKm4v1O77v3dgx54rN1nP2yagpLxksFHwjygNUR1cF0HWZ72wBAV1a4ZfF08lJq885CTE-ZjKzbjktpgQKMIKPJIFBLnKHugC6k_L30pi6gs/s1600/search-icon-orange.gif" width="15px" height="15px" /><b> Menu 2</b></a></div>
<p></p><div id="berubah"><b><a href="Alamat Link Anda"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCfr50ZdeAT3q4L0MYg1feHiXHh_E9vFYaKm4v1O77v3dgx54rN1nP2yagpLxksFHwjygNUR1cF0HWZ72wBAV1a4ZfF08lJq885CTE-ZjKzbjktpgQKMIKPJIFBLnKHugC6k_L30pi6gs/s1600/search-icon-orange.gif" width="15px" height="15px" /> Menu 3</a></b></div>
<p></p><div id="berubah"><b><a href="Alamat Link Anda"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCfr50ZdeAT3q4L0MYg1feHiXHh_E9vFYaKm4v1O77v3dgx54rN1nP2yagpLxksFHwjygNUR1cF0HWZ72wBAV1a4ZfF08lJq885CTE-ZjKzbjktpgQKMIKPJIFBLnKHugC6k_L30pi6gs/s1600/search-icon-orange.gif" width="15px" height="15px" /> Menu 4</a></b></div>
<p></p><div id="berubah"><b><a href="Alamat Link Anda"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCfr50ZdeAT3q4L0MYg1feHiXHh_E9vFYaKm4v1O77v3dgx54rN1nP2yagpLxksFHwjygNUR1cF0HWZ72wBAV1a4ZfF08lJq885CTE-ZjKzbjktpgQKMIKPJIFBLnKHugC6k_L30pi6gs/s1600/search-icon-orange.gif" width="15px" height="15px" /> Menu 5</a></b></div>
5. Ganti TULISAN MERAH dengan alamat link anda ( misal : http://www.khairulumam.com) Sesuai selera anda.
Terimakasih.. semoga bermanfaat...
#berubah
{
background-color: Black;
font-size: 16px;
}
/*Warna teks sebelum mouse di dekatkan*/
#berubah a
{
color:#FFFFFF
}
/*warna setelah mouse di dekatkan*/
#berubah:hover
{
background-color:silver;
color:#000000;
}
/*Warna teks setelah mouse di dekatkan*/
#berubah a:hover
{
color:#000000
}
4. Masuk ke Page Element/ Elemen Laman pada blog anda.. Tambahkan GADGET/ADD GADGET html/javascript. dan pastekan kode berikut :
<center><p><b>Pilih Menu</b></p></center>
<p></p><div id="berubah"><a href="Alamat Link Anda"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCfr50ZdeAT3q4L0MYg1feHiXHh_E9vFYaKm4v1O77v3dgx54rN1nP2yagpLxksFHwjygNUR1cF0HWZ72wBAV1a4ZfF08lJq885CTE-ZjKzbjktpgQKMIKPJIFBLnKHugC6k_L30pi6gs/s1600/search-icon-orange.gif" width="15px" height="15px" /><b> Menu 1</b></a></div>
<p></p><div id="berubah"><a href="Alamat Link Anda"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCfr50ZdeAT3q4L0MYg1feHiXHh_E9vFYaKm4v1O77v3dgx54rN1nP2yagpLxksFHwjygNUR1cF0HWZ72wBAV1a4ZfF08lJq885CTE-ZjKzbjktpgQKMIKPJIFBLnKHugC6k_L30pi6gs/s1600/search-icon-orange.gif" width="15px" height="15px" /><b> Menu 2</b></a></div>
<p></p><div id="berubah"><b><a href="Alamat Link Anda"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCfr50ZdeAT3q4L0MYg1feHiXHh_E9vFYaKm4v1O77v3dgx54rN1nP2yagpLxksFHwjygNUR1cF0HWZ72wBAV1a4ZfF08lJq885CTE-ZjKzbjktpgQKMIKPJIFBLnKHugC6k_L30pi6gs/s1600/search-icon-orange.gif" width="15px" height="15px" /> Menu 3</a></b></div>
<p></p><div id="berubah"><b><a href="Alamat Link Anda"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCfr50ZdeAT3q4L0MYg1feHiXHh_E9vFYaKm4v1O77v3dgx54rN1nP2yagpLxksFHwjygNUR1cF0HWZ72wBAV1a4ZfF08lJq885CTE-ZjKzbjktpgQKMIKPJIFBLnKHugC6k_L30pi6gs/s1600/search-icon-orange.gif" width="15px" height="15px" /> Menu 4</a></b></div>
<p></p><div id="berubah"><b><a href="Alamat Link Anda"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCfr50ZdeAT3q4L0MYg1feHiXHh_E9vFYaKm4v1O77v3dgx54rN1nP2yagpLxksFHwjygNUR1cF0HWZ72wBAV1a4ZfF08lJq885CTE-ZjKzbjktpgQKMIKPJIFBLnKHugC6k_L30pi6gs/s1600/search-icon-orange.gif" width="15px" height="15px" /> Menu 5</a></b></div>
5. Ganti TULISAN MERAH dengan alamat link anda ( misal : http://www.khairulumam.com) Sesuai selera anda.
Terimakasih.. semoga bermanfaat...
Di sini saya ingin berbagi untuk sobat yang ingin membagi elemen header menjadi beberapa kolom.
Sobat bisa menaruh daftar isi,iklan,link atau apa saja yang sobat suka.
Jika satu kolom header yang tersedia dirasa masih kurang cukup untuk
menambahnya sobat bisa ikuti beberapa langkah dibawah ini:
Disini kita akan coba menambah 4 kolom dibawah header yang nanti hasilnya akan terdapat 1 kolom penuh(100%) dan 4 kolom dari hasil pembagian (25% x 4). Selanjutnya kita masih bisa menambahkan lagi menjadi beberapa kolom.
Langkah-langkahnya:
1. Login ke blog sobat pilih tata letak kemudian klik edit html.
2. Jangan kasih tanda centang pada expand template widget.
3. Cari kode ]]></b:skin> dan letahkan kode dibawah ini diatasnya.
Hingga hasilnya seperti kode dibawah ini:
#under_header{
float:left;
width:100%;
}
#under_header1{
float:left;
width:25%;
}
#under_header2{
float:left;
width:25%;
}
#under_header3{
float:left;
width:25%;
}
#under_header4{
float:right;
width:25%;
}
]]></b:skin>
4. Kemudian cari kode:
<div id='header-wrapper'>
<b:section class='header'id='header'maxwidget="1'showaddelement="no">
<b:widget id='header1'locked='true'title='nama blog sobat(header)'
type='header'/>
</b:section>
</div>
5. Jika sudah ketemu letakkan kode dibawah ini tepat dibawahnya hingga hasilnya sbb:
<div id='header-wrapper'>
<b:section class='header'id='header'maxwidget="1'showaddelement="no">
<b:widget id='header1'locked='true'title='nama blog sobat(header)'
type='header'/>
</b:section>
</div>
<div id='under_header'>
<b:section class='header' id='underheader' preferred='yes'/>
</div>
<div id='under_header1'>
<b:section class='header' id='underheader1' preferred='yes'/>
</div>
<div id='under_header2'>
<b:section class='header' id='underheader2' preferred='yes'/>
</div>
<div id='under_header3'>
<b:section class='header' id='underheader3' preferred='yes'/>
</div>
<div id='under_header4'>
<b:section class='header' id='underheader4' preferred='yes'/>
</div>
6. SIMPAN TEMPLATE kemudian klik tata letak. Jika yang nampak seperti pada gambar dibawah ini berarti kerja sobat sudah betul.
Jika sobat ingin menambahkan lagi kolom yang sejajar dengan elemen tadi,sobat tinggal menambah(sisipkan)kode pada poin 3 dan 5.
Yang perlu sobat perhatikan pada poin 3 pada kode terkhir harus pada posisi right:
#under_header5{
float:right;
width:25%;
}
Tapi jika sobat ingin menambahkan beberapa kolom dibawahnya sobat perlu menambah kode dibawahnya lagi.
Ini adalah penambahan beberapa kolom dibawahnya:
#under_header1{
float:left;
width:25%;
}
#under_header2{
float:left;
width:25%;
}
#under_header3{
float:left;
width:25%;
}
#under_header4{
float:right;
width:25%;
}
#under_header5{
float:left;
width:33.33%;
}
#under_header6{
float:left;
width:33.33%;
}
#under_header7{
float:right;
width:33.33%;
}
#under_header8{
float:left;
width:50%;
}
#under_header9{
float:right;
width:50%;
}
#under_header10{
float:left;
width:100%;
}
Tambahkan juga kode pada poin 4 #under_header{ dengan menambah urutan angka-angka kodenya
<div id='under_header'>
<b:section class='header' id='underheader' preferred='yes'/>
</div>
<div id='under_header1'>
<b:section class='header' id='underheader1' preferred='yes'/>
</div>
<div id='under_header2'>
<b:section class='header' id='underheader2' preferred='yes'/>
</div>
<div id='under_header3'>
<b:section class='header' id='underheader3' preferred='yes'/>
</div>
<div id='under_header4'>
<b:section class='header' id='underheader4' preferred='yes'/>
</div>
<div id='under_header5'>
<b:section class='header' id='underheader5' preferred='yes'/>
</div>
<div id='under_header6'>
<b:section class='header' id='underheader6' preferred='yes'/>
</div>
<div id='under_header7'>
<b:section class='header' id='underheader7' preferred='yes'/>
</div>
<div id='under_header8'>
<b:section class='header' id='underheader8' preferred='yes'/>
</div>
<div id='under_header9'>
<b:section class='header' id='underheader9' preferred='yes'/>
</div>
<div id='under_header10'>
<b:section class='header' id='underheader10' preferred='yes'/>
</div>
Gambar dari Hasil penempatan kode-kode diatas:
Disini kita akan coba menambah 4 kolom dibawah header yang nanti hasilnya akan terdapat 1 kolom penuh(100%) dan 4 kolom dari hasil pembagian (25% x 4). Selanjutnya kita masih bisa menambahkan lagi menjadi beberapa kolom.
Langkah-langkahnya:
1. Login ke blog sobat pilih tata letak kemudian klik edit html.
2. Jangan kasih tanda centang pada expand template widget.
3. Cari kode ]]></b:skin> dan letahkan kode dibawah ini diatasnya.
Hingga hasilnya seperti kode dibawah ini:
#under_header{
float:left;
width:100%;
}
#under_header1{
float:left;
width:25%;
}
#under_header2{
float:left;
width:25%;
}
#under_header3{
float:left;
width:25%;
}
#under_header4{
float:right;
width:25%;
}
]]></b:skin>
4. Kemudian cari kode:
<div id='header-wrapper'>
<b:section class='header'id='header'maxwidget="1'showaddelement="no">
<b:widget id='header1'locked='true'title='nama blog sobat(header)'
type='header'/>
</b:section>
</div>
5. Jika sudah ketemu letakkan kode dibawah ini tepat dibawahnya hingga hasilnya sbb:
<div id='header-wrapper'>
<b:section class='header'id='header'maxwidget="1'showaddelement="no">
<b:widget id='header1'locked='true'title='nama blog sobat(header)'
type='header'/>
</b:section>
</div>
<div id='under_header'>
<b:section class='header' id='underheader' preferred='yes'/>
</div>
<div id='under_header1'>
<b:section class='header' id='underheader1' preferred='yes'/>
</div>
<div id='under_header2'>
<b:section class='header' id='underheader2' preferred='yes'/>
</div>
<div id='under_header3'>
<b:section class='header' id='underheader3' preferred='yes'/>
</div>
<div id='under_header4'>
<b:section class='header' id='underheader4' preferred='yes'/>
</div>
6. SIMPAN TEMPLATE kemudian klik tata letak. Jika yang nampak seperti pada gambar dibawah ini berarti kerja sobat sudah betul.
Jika sobat ingin menambahkan lagi kolom yang sejajar dengan elemen tadi,sobat tinggal menambah(sisipkan)kode pada poin 3 dan 5.
Yang perlu sobat perhatikan pada poin 3 pada kode terkhir harus pada posisi right:
#under_header5{
float:right;
width:25%;
}
Tapi jika sobat ingin menambahkan beberapa kolom dibawahnya sobat perlu menambah kode dibawahnya lagi.
Ini adalah penambahan beberapa kolom dibawahnya:
#under_header1{
float:left;
width:25%;
}
#under_header2{
float:left;
width:25%;
}
#under_header3{
float:left;
width:25%;
}
#under_header4{
float:right;
width:25%;
}
#under_header5{
float:left;
width:33.33%;
}
#under_header6{
float:left;
width:33.33%;
}
#under_header7{
float:right;
width:33.33%;
}
#under_header8{
float:left;
width:50%;
}
#under_header9{
float:right;
width:50%;
}
#under_header10{
float:left;
width:100%;
}
Tambahkan juga kode pada poin 4 #under_header{ dengan menambah urutan angka-angka kodenya
<div id='under_header'>
<b:section class='header' id='underheader' preferred='yes'/>
</div>
<div id='under_header1'>
<b:section class='header' id='underheader1' preferred='yes'/>
</div>
<div id='under_header2'>
<b:section class='header' id='underheader2' preferred='yes'/>
</div>
<div id='under_header3'>
<b:section class='header' id='underheader3' preferred='yes'/>
</div>
<div id='under_header4'>
<b:section class='header' id='underheader4' preferred='yes'/>
</div>
<div id='under_header5'>
<b:section class='header' id='underheader5' preferred='yes'/>
</div>
<div id='under_header6'>
<b:section class='header' id='underheader6' preferred='yes'/>
</div>
<div id='under_header7'>
<b:section class='header' id='underheader7' preferred='yes'/>
</div>
<div id='under_header8'>
<b:section class='header' id='underheader8' preferred='yes'/>
</div>
<div id='under_header9'>
<b:section class='header' id='underheader9' preferred='yes'/>
</div>
<div id='under_header10'>
<b:section class='header' id='underheader10' preferred='yes'/>
</div>
Gambar dari Hasil penempatan kode-kode diatas:
Cara Membuat Tanda Tangan di Bawah Posting Blogger - Kali ini saya kembali membahas untuk Tips And Trick Blogger lama gak bahas untuk ini maaf lagi sibuk.Pernahkah Anda membaca suatu artikel di blog dan melihat ada tanda
tangan di bawah artikel tersebut? Anda juga dapat membuat tanda tangan
seperti itu untuk menghias tampilan blog Anda. Bagaimana caranya? Anda
dapat memanfaatkan jasa dari situs My Live Signature untuk membuat tanda tangan pada blog. Berikut ini langkah-langkahnya:
1. Kunjungi situs My Live Signature di http://mylivesignature.com.
2. Klik menu Start Now! atau klik tulisan >> Click Here To Start.
3. Kemudian pilih metode yang diinginkan untuk membuat tanda tangan. Agar lebih mudah, kita klik saja pilihan Using the signature creation wizard.
4. Selanjutnya masukkan nama yang dijadikan tanda tangan pada kotak yang tersedia, lalu klik tombol Next Step >.
5. Kemudian silakan pilih jenis huruf yang Anda sukai, setelah itu tekan tombol Next Step >.
6. Langkah berikutnya, silakan pilih ukuran dari dari tanda tangan. Lau tekan tombol Next Step >.
7. Tentukan warna dari huruf tanda tangan dan warna dari latar belakang tanda tangan. Jika sudah, klik tombol Next Step >.
8. Silakan pilih kemiringan posisi tanda tangan dilanjutkan dengan menekan tombol Next Step >.
9. Sekarang tanda tangan siap digunakan. Silakan klik tulisan Want to use this signature?.
10. Klik Generate HTML Code untuk mendapatkan kode HTML.
11. Silakan pilih kode tipe yang mana yang mau dibuat. Di sini saya memilih Generate a code for my handwritten signature.
13. Silakan masuk ke akun Blogger Anda.
14. Klik Rancangan > Edit HTML.
15. Back-up template dulu dengan mengeklik Download Template Lengkap.
16. Beri tanda centang pada Expand Template Widget.
19. SIMPAN TEMPLATE
Nah,kode tersebut terdapat dalam homepage dan postingan jika anda ingin menghilangkan dalam homepage/beranda anda dan hanya dalam postingan anda bisa copy kode dibawah ini di bawah kode <data:post.body/> :
.....................smoga bermanfaat
1. Kunjungi situs My Live Signature di http://mylivesignature.com.
2. Klik menu Start Now! atau klik tulisan >> Click Here To Start.
3. Kemudian pilih metode yang diinginkan untuk membuat tanda tangan. Agar lebih mudah, kita klik saja pilihan Using the signature creation wizard.
4. Selanjutnya masukkan nama yang dijadikan tanda tangan pada kotak yang tersedia, lalu klik tombol Next Step >.
5. Kemudian silakan pilih jenis huruf yang Anda sukai, setelah itu tekan tombol Next Step >.
6. Langkah berikutnya, silakan pilih ukuran dari dari tanda tangan. Lau tekan tombol Next Step >.
7. Tentukan warna dari huruf tanda tangan dan warna dari latar belakang tanda tangan. Jika sudah, klik tombol Next Step >.
8. Silakan pilih kemiringan posisi tanda tangan dilanjutkan dengan menekan tombol Next Step >.
9. Sekarang tanda tangan siap digunakan. Silakan klik tulisan Want to use this signature?.
10. Klik Generate HTML Code untuk mendapatkan kode HTML.
13. Silakan masuk ke akun Blogger Anda.
14. Klik Rancangan > Edit HTML.
15. Back-up template dulu dengan mengeklik Download Template Lengkap.
16. Beri tanda centang pada Expand Template Widget.
17. Cari kode <data:post.body/>. Bila Anda menggunakan browser Mozilla Firefox, tekan tombol Ctrl + F, lalu masukkan kode yang dimaksud untuk memudahkan pencarian.
18. Copy kode yang tadi dan paste di dibawah kode <data:post.body/>.
18. Copy kode yang tadi dan paste di dibawah kode <data:post.body/>.
Nah,kode tersebut terdapat dalam homepage dan postingan jika anda ingin menghilangkan dalam homepage/beranda anda dan hanya dalam postingan anda bisa copy kode dibawah ini di bawah kode <data:post.body/> :
.....................smoga bermanfaat
optimal apabila diterapkan dalam template untuk halaman situs web atau blog versi seluler.
Penggunaan kode tersebut untuk membuat tautan ‘Kembali ke Atas’ atau ‘’Back to Top" pada situs web dan blog versi seluler tidak berjalan secara optimal karena ketika tautan diklik maka halaman akan ditayangkan ulang baru kemudian kita akan diarahkan pada halaman bagian paling atas. Ini sangat berbeda dengan apabila kode tersebut diterapkan pada situs web atau blog untuk versi tampilan web, yang akan langsung mengarahkan kita ke halaman bagian atas tanpa terjadi penayangan ulang halaman ketika tautan tersebut diklik. Sehingga akhirnya apabila kode tersebut diterapkan pada halaman versi seluler, maka yang didapatkan bukanlah kemudahan, karena kita tidak langsung diarahkan ke halaman bagian atas seperti halnya ketika kita membuka halaman yang dimaksud dengan menggunakan browser komputer.
Lantas bagaimana caranya agar tautan ‘Back to Top’ pada halaman versi seluler dapat langsung mengarahkan kita ke halaman bagian paling atas ketika tautan tersebut diklik? Agar tautan ‘Back to Top’ untuk halaman versi seluler dapat berfungsi sesuai dengan yang diharapkan, maka Anda dapat menggunakan teknik di bawah ini.
*Untuk Tampilan Sederhana Back To Top dalam blog saya,bisa anda lihat
- Caranya :
- Login ke dasbor blog anda
- Pilih rancangan
- Pilih Tambah Gadget
- Pilih Html/Java Script
- Lalu copy kode Html animasi yang anda ingin pasang di blog. Kodenya ada di bawah, anda bisa memilih sesuai keinginan anda.
- Pastekan kode tadi di Html/java script tadi.
- Simpan, dan selesai
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4VtdX9DXNz4SWO6Ze2klNkGQX7CxsC5dFRqWxv3Ks7bVFSvKQqULKarJaFhExs1ELxRONQmEvqUG12ZoejjLDnj4MlhuZ8vdk8uPuXmpj5x6aXwlhO522lg_gOG8SC6Q5MWHCCJChtfVX/s1600/Untitled-2.png'/></a>
*Untuk Tampilan Kedua :
- Cari kode ]]></b:skin> lalu sisipkan CSS berikut sebelum atau diatasnya.
#Enjoy{display:scroll;position:fixed;bottom:1px;right:1px;z-index:99}
#Enjoy a{filter:alpha(opacity=65);-moz-opacity:0.65;opacity:0.65;border:0}
#Enjoy img{border:0}
#Enjoy a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}
- Kemudian sisipkan kode berikut ini setelah atau dibawah kode <body>
<div id='Enjoy'>
<a href='#' onClick='window.location.reload()' title='Reload page'>
<img src='http://i580.photobucket.com/albums/ss248/z33s/refresh.png'/></a>
<a expr:href='data:blog.homepageUrl'><img src='http://i580.photobucket.com/albums/ss248/z33s/house.png'/></a>
<a href='#' title='Ke Atas Halaman'><img src='http://i580.photobucket.com/albums/ss248/z33s/topopg.png'/></a>
<a href='#footbar' title='Ke bawah halaman'>
<img src='http://i580.photobucket.com/albums/ss248/z33s/down.png'/></a>
</div>
- Lalu simpan tamplate anda, dan lihat hasilnya…
- Keterangan:
=> Warna Merah adalah posisi tombol
.......... smoga bermanfaat
Blog-blog Terkait
wibiya widget
Sample text
Text Widget
Sample text
TTL
Teknologi
Wisata
+grab this!—please>
">See all post');
document.write('.w2bgft{padding:5px;}.w2bgft input{padding:1px;margin-left:1px;border:1px solid #ccc;}.w2bgft input:hover{border:1px solid #ff0000;}?max-results=10">Alam dan Jagad Raya
'); document.write("+grab this!—please>Ads 468x60px
About Me
Movie Category 5
Movie Category 4
Featured Posts
Social Icons
Recent Posts
Read more: http://tutorialblog45.blogspot.com/2012/08/cara-membuat-efek-berputar-mengikuti.html#ixzz2CH02mubb
Unordered List
Berita Luar Negeri
Download
Comments
Diberdayakan oleh Blogger.
Translate
Social Icons
Popular Posts
-
Tentang ´´´´´´´´´´´´´´´´´´´´´7¶¶¶¶¶¶¶¶¶¶¶¶¶¶$7´´´´´´´´´´´´´´´´´´´´´ ´´´´´´´´´´´´´´´´´¶¶¶¶¶?´´´´´´´´´´´´´¢¶¶¶¶¶7´´´´´´´´´´´´´´´´ ´´´´´´´´´´...
-
Cara menambah Flash menu pada Walkman sony Ericsson (with XS++ dan FARManafer+Jdflasher) Sebetulnya saya mempunyai tema postingan yang lain...
-
Tentu Anda sudah tahu dan tidak asing lagi kan dengan fungsi kegunaan dari rangkaian kode tersebut? Ya, bahwasanya rangkaian kode ters...
-
Cara Membuat Tanda Tangan di Bawah Posting Blogger - Kali ini saya kembali membahas untuk Tips And Trick Blogger lama gak bahas untuk ini m...
-
TRIK INSTALL GAME DI HP CHINA YANG TIDAK SUPPORT JAVA/NES GAME Category: Ilmu ...
-
Di sini saya ingin berbagi untuk sobat yang ingin membagi elemen header menjadi beberapa kolom . Sobat bisa menaruh daftar isi,iklan,link a...
-
Tulisan / Artikel anda disini Macam-macam Script / tag HTML Populer Berikut ini merupakan macam-macam script HTML yang sering digun...
-
Membuat Menu Vertikal Cantik Di Blogspot Written By GEMBUX PASOEPATI Sebelumnya,, coba anda arahkan mouse anda ke daftar m...
-
Cara Sederhana Memasang FB Comment di Blogger Saat ini, facebook telah mengembangkan aplikasi yaitu form komentar yang bisa di...