cara menambah icon/gambar di depan entri

1. Masukke dashboard > Design > Edit HTML/template.

2. Klik/centang "Expand Widget Templates".

3. Cari kode/tag berikut:

<b:if cond='data:post.url'>

4. Kemudian lihat selengkapnya hingga bagian tag-tag berikut:

                                                           <b:if cond='data:post.url'>
                                                <a expr:href='data:post.url'><data:post.title/></a>
                                                           <b:else/<data:post.title/>b:if>

Tag-tag diatas adalah yang mengatur bagian judul posting, baik url maupun isi judul (title) posting.

5. Copy kode HTML-gambar di bawah ini:

<img src="URL-GAMBAR/ICON" />

6. Letakkan/sisipkan kode di antara <a expr:href='data:post.url'> dan <data:post.title/>.

Note: 

a) Setiap template memiliki aturan CSS posisi dan tampilan gambar di dalam posting yang berbeda-beda; pada umumnya dalam hal border, margin dan padding. Hasilnya, bisa saja gambar tidak sejajar dengan judul. So, saya akan masukkan styling berikut agar gambar memiliki aturan khusus dan tidak menggunakan aturan umum yang dibawa oleh template dan selanjutnya lebih baik copy dan gunakan kode berikut:

<img src="URL-GAMBAR/ICON" style="border:0;padding:0;margin-right:10px" />

Anda dapat mengubah nilai 10 pada margin-right untuk menentukan jarak antara gambar/icon dengan judul posting. Tambahkan pula styling yang lain jika dibutuhkan.

b) Sebelum memasukkan url gambar dan seluruh tag gambar di dalam template, sesuaikan dahulu ukuran gambar dengan judul posting, baik dalam hal pemilihan warna icon maupun tinggi dan lebar icon. Edit gambar terlebih dahulu sebelum diupload. Hal ini ditujukan agar gambar memiliki kesesuaian dengan judul posting dan. Jangan sampai gambar terlalu besar/kecil.

7. Setelah semua beres, masukkan tag HTML gambar seperti cara yang telah ditunjukkan di atas. Contoh:

<b:if cond='data:post.url'>
<a expr:href='data:post.url'><img src="URL-GAMBAR/ICON" style="border:0;padding:0;margin-right:10px" /><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>

 8. Preview terlebih dahulu, jika sudah beres, save template.

Have a nice blogging!

Cara mengetahui kode css seseorang

Baru saja saya blogwalking dan tadi membaca sebuah artikel yang berjudul “Cara Mencuri Template Blog Orang Lain” yang memberi inspirasi buat saya untuk menuliskan artikel ini. Artikel ini pun hampir saja saya beri judul Cara Mengintip/Melihat Isi Blog Orang Lain namun batal karena akhirnya saya memilih judul seperti yang ada ini karena menurut saya lebih sopan dan supaya tidak mengundang interpretasi (tafsiran) yang macam-macam. Tulisan ini juga bukan dimaksudkan untuk mengajarkan sobat-sobat cara mencuri kode/isi template blog orang lain, namun lebih saya tujukan sebagai  upaya pembelajaran bagi kita bersama, misalnya untuk mengetahui bagaimana sih struktur cara penulisan kode HTML/CSS yang benar, atau bagaimana cara menempatkan tag/perintah tertentu pada template sehingga akhirnya kita bisa melakukan editing atau koreksi pada template blog kita sendiri. Saya sendiri sering melakukan kebiasaan “mengintip” seperti ini sejak awal saya ngeblog. Mulai dari mengintip backlink orang lain, mengintip template orang lain, mengintip widget orang lain bahkan sampai mengintip artikel yang paling sering dibaca di blog orang lain. Yang penting kebiasaan mengintip ini harus bisa kita proyeksikan menjadi sebuah motivasi positif untuk bisa berbuat lebih baik dari orang lain, itulah prinsip yang harus dipegang seorang blogger. Kalau kita mencuri mengambil mengcopy kode atau isi template orang lain apalagi secara full tanpa ada permisi dengan si empunya, berarti kita tidak menghargai jerih payah atau hasil karya orang lain. Apalagi kalo si pembuat template ternyata adalah anak bangsa kita sendiri tentunya kasian sekali bukan kalau kita perlakukan seperti itu? So kalo mau template bagus yang premium klik disini

OK sobat, mohon maaf kalo prolognya kepanjangan karena terlalu bersemangat he..he,  langsung saja kita ke topik cara mengetahui/melihat kode html/css template blog orain lain seperti judulnya diatas. Ada 2 cara yang bisa sobat lakukan untuk melihat isi template sebuah halaman blog :

1.      Cara Pertama, yaitu secara langsung dengan menekan Ctrl + U atau klik kanan pada halaman blog yang ingin sobat lihat isi “dalamannya”, kemudian pilih View Page Source. Maka akan terbuka sebuah window baru seperti gambar dibawah ini dimana sobat bisa melihat isi template termasuk kode HTML/CSS yang ada dalam template. Sobat juga bisa mengetahui meta tag apa saja yang ada di blog orang lain tersebut atau seperti apa dia menuliskan meta tag deskripsi dan meta tag keyword untuk blognya dan lain-lain.

2.     Cara Kedua, yaitu dengan menggunakan Addons dari Firefox yang bernama Firebug. Sobat harus menginstall addons firebug for firefox ini sebelum mulai menggunakannya. Saya menginstall addons Firebug Version 1.7.2 untuk browser Firefox 3.6.22 yang saya pakai sekarang. Silahkan menuju link ini klik disini untuk memilih versi Firebug yang sesuai dengan browser Firefox sobat. Jika sudah terinstall maka dipojok kanan bawah browser Firefox anda akan terlihat icon Firebug. Cara menggunakannya mudah saja, buka halaman blog yang ingin sobat “intip” kemudian langsung klik icon Firebug di pojok kanan bawah browser anda. Maka akan terbuka sebuah window di bagian bawah browser. Window ini displit menjadi 2 di bagian tengah tapi bisa digeser-geser dengan mouse. Disini anda bisa melihat struktur isi template blog yang ditampilkan seperti menu pada komputer. Klik simbol plus (+) pada bagian <head> atau <body> untuk untuk melihat kode apa saja yang tersembunyi. Jika ingin melihat kode CSSnya, anda tinggal mengklik menu CSS pada toolbar. Bahkan dengan addons Firebug ini sobat juga bisa menganalisa Page Speed atau kecepatan loading blog melalui menu Page Speed, addons yang keren memang. Saya tidak bisa menuliskan secara detil bagaimana cara menggunakan Firebug ini karena tulisannya akan jadi suangaat panjang sekali. Jadi silahkan dicoba-coba sendiri aja sobat, karena saya pun belajarnya secara otodidak alias nyoba-nyoba sendiri.

Dari sedikit penjelasan yang sudah saya berikan tentang cara mengetahui kode HTML/CSS pada template blog orang lain tadi, pastinya akan banyak sekali yang bisa dipelajari. Artikel ini mungkin merupakan artikel terpanjang ke-2 yang pernah saya tulis setelah artikel panjang pertama saya tentang Optimasi SEO Apa Mengapa dan Bagaimana yang saya tulis beberapa bulan yang lalu. Semoga tulisan saya kali ini bisa berguna dan bermanfaat buat sobat blogger yang lain, tak lupa saya ucapkan terima kasih untuk anda yang sudah membaca artikel ini. Salam Blogger.

MerekamLayar Komputer dengan Camstudio

     Apabila anda mempunyai keahlian khusus dalam bidang yang berhubungan dengan komputer, misalnya membuat animasi dengan flash, dan anda ingin berbagi keahlian anda dengan orang lain, salah satu cara adalah dengan membuat video tutorial. Untuk membuat video tutorial yang menarik dan mudah untuk diikuti, anda memerlukan sebuah software yang dapat merekam segala aktivitas di layar komputer anda, sehingga mereka yang menyaksikannya dapat dengan mudah mengikuti langkah demi langkah yang anda lakukan. Ada banyak sekali software yang dapat anda gunakan untuk merekam segala aktivitas di layar komputer anda. Tapi, jika anda menginginkan software yang dapat anda gunakan secara gratis, anda harus mengunjungi camstudio.org.

CamStudio adalah software yang disediakan oleh camstudio.org secara gratis. Software ini dapat merekam segala aktivitas di layar monitor anda, beserta audio nya. Hasil rekaman yang dibuat oleh software ini kemudian disimpan dalam format AVI. Kualitas hasil rekaman CamStudio sangat baik, sehingga software ini cocok untuk digunakan dalam pembuatan video tutorial. Selain itu, CamStudio memiliki fitur tambahan yang dapat anda gunakan untuk mengkonversi file berformat AVI hasil rekamannya ke format Streaming Flash videos (SWFs). Software CamStudio ini sangat mudah untuk digunakan, dan fiturnya cukup lengkap. Sebagian besar orang yang telah menggunakan CamStudio berpendapat bahwa software ini luar biasa. Software lain dengan kemampuan yang sama harganya cukup mahal, sedangkan CamStudio 100% gratis.
Saat anda menggunakan CamStudio, anda tidak harus merekam seluruh bagian dari layar monitor anda. Anda dapat merekam bagian tertentu saja. Tentunya, fitur ini sangat sesuai bagi mereka yang ingin membuat video tutorial. CamStudio dapat melakukan lebih dari sekedar merekam aktivitas di layar monitor beserta audio nya. Dengan menggunakan CamStudio, anda dapat menambahkan berbagai macam hal kedalam rekaman anda untuk membuatnya menjadi lebih menarik. CamStudio sangat mudah untuk digunakan, jadi anda tidak perlu khawatir akan menemui kesulitan dalam menggunakannya. Anda dapat langsung mengunjungi camstudio.org, mengunduh software ini, meng-install nya, dan kemudian mulai berkreasi.

cara membuat windows 7 Bajakan menjadi Genuine

 Assalamu'alaikum Wr. Wb. Ya, Windows 7 merupakan Sistem Operasi yang banyak di idolakan orang banyak. Salah satunya, kami. Baru-baru ini  mencoba menggunakan Windows 7. Dan hasilnya luar biasa, menakjubkan *Karena baru pertama kali install di PC sendiri. Dari segi Tampilan, Kecepatan, Windows 7 memang di unggulkan *Kalo menurut saya.

Yap, sebelum itu pastikah anda telah membeli DVD Windows 7 yang asli agar aktifasi Windows 7 anda tidak berakhir sampai 30 hari saja. Jika anda menggunakan Windows 7 bajakan seperti saya, saya mempunyai tips trik untuk mengaktifasi Windows 7 anda agar menjadi Asli/Genuine.
 Ya, dengan aplikasi Activator Chew WGA 0.9. Silahkan anda download terlebih dahulu Chew WGA 0.9, disini. Untuk Cara Download, tinggal tunggu sampai hitungan 5 detik selesai. Lalu, Klik "SKIP AD".

Jika sudah, Extract dan buka Folder tersebut. Lalu jalankan aplikasinya "CW.eXe".

Hanya dengan sentuhan beberapa klik saja, Windows 7 anda akan berhasil Genuine. Berikut screenshots bukti asli dengan menggunakan Activator Chew WGA 0.9.

 Semoga Informasi Tips dan Trik mengenai Windows 7 ini bisa bermanfaat.

sumber:http://www.pradiszwardhana.com

 

cara mengmbalikan Data Hilang Terformat

Apakah Anda pernah secara tidak sengaja menghapus file Anda, kemudian sudah meng-empty recycle bin? Atau Anda telah mem-format hard disk tapi ingin data Anda kembali? Atau data hilang / rusak karena virus? Atau karena komputer mati atau restart tiba-tiba? Ada cara untuk mengembalikan data yang hilang, yaitu dengan satu software yang sangat lengkap, yaitu Ontrack EasyRecovery Professional. Inilah cara-cara mengembalikan data Anda yang hilang .

Pertama Anda harus download dulu software tersebut, silakan klik di sini untuk download software Ontrack Easy Recovery Professional. Pilih External Mirror #1. Jika data Anda yang hilang di drive C:, sebaiknya install di komputer atau sistem operasi lain. Jika data yang hilang di drive selain C:, Anda bisa menginstall software ini di mana saja di komputer yang sama, asalkan tidak berada salam satu drive dengan data yang hilang tadi. Software ini menyediakan sebuah solusi yang sangat komplit sehubungan dengan data yang hilang atau urusan recovery data yang hilang karena:  

• Virus.
• Sektor yang tidak terbaca
• Kesalahan aplikasi, system, atau shut down yang tidak normal.
• Kerusakan pada critical area.
• Ter-format
• Penyebab lain yang memungkinkan hilangnya data.

Software ini di-install pada Windows 98 SE, Me, 2000, or XP, dan dapat me-recover data untuk pada semua sistem windows. Software ini memiliki empat feature utama, yaitu:

• Disk Diagnostics, yaitu tool untuk mengecek kondisi hardisk Anda apakah masih bagus atau tidak.
• Data Recovery, yaitu tool untuk mengembalikan data / file karena terhapus, terformat, dan sebagainya.
• Email Repair, yaitu tool untuk mengembalikan data email Outlook Express yang terhapus atau rusak.
• File Repair, yaitu tool untuk memperbaiki data / file Microsoft Word, Excel, Access, PowerPoint, dan ZIP (winzip) file yang rusak karena virus atau sebab lain.

Mari kita lihat satu per satu fasilitas yang ada dalam software ini.

1. Disk Diagnostics

 tool yang ada dalam Disk Diagnostics ini adalah:

• Data Advisor, untuk membuat disket recovery.
• Drive Tests, untuk mengetes kondisi fisik dari hard disk (disk drive).
• Jumper Viewer, untuk melihat posisi jumper pada hard disk.
• Partition Tests, untuk mengecek kondisi partisi hardisk.
• Size Manager, untuk melihat kapasitas hard disk
• SMART Tests, digunakan untuk mengetes kondisi Self-Monitoring, Analysis and Reporting Technology pada suatu hardisk.

2. Data Recovery

 

 

 

 

 Tool-tool yang ada dalam Data Recovery ini adalah:

• Advanced Recovery, untuk mencari data yang sudah tidak dapat di-recover dengan tool lain, yaitu karena ter-format, ter-partisi, virus, atau hal lain.
• Deleted Recovery, untuk mencari data yang sudah dihapus. Ini adalah tool yang paling sering dipakai penulis.
• Format Recovery, untuk mencari data pada hard disk yang sudah di-format.
• Raw Recovery, untuk mencari file yang hilang berdasarkan signature.
• Resume Recovery, semua proses recovery dapat dihentikan sementara dan dilanjutkan pada lain waktu.
• Emergency Media, untuk membuat disket atau CD yang digunakan untuk me-recover data / file hilang.

3. Email Repair, digunakan untuk mengembalikan data email Outlook dan Outlook Express yang hilang.

 

 

Data atau file yang hilang lebih sulit di-recover jika:

• Anda menambahkan file baru setelah Anda menghapus atau memformat hard disk.
• Anda menggunakan FAT32 dalam Windows XP.

Demikian cara mengembalikan data yang hilang dengan software EasyRecovery Professional. Semoga data Anda bisa diselamatkan.

 

 

 

 

Data atau file yang hilang lebih sulit di-recover jika:

• Anda menambahkan file baru setelah Anda menghapus atau memformat hard disk.
• Anda menggunakan FAT32 dalam Windows XP.

Demikian cara mengembalikan data yang hilang dengan software EasyRecovery Professional. Semoga data Anda bisa diselamatkan.

 

 

 

 

 

 

 

 

 

 

Membuat Link feedback blog di homepage

Link Feedback Blog di Homepage – Feedback sangat penting buat blog untuk membuat blog lebih hidup dengan masukan, kritik maupun saran dari para pengunjung. Adakalanya penempatan feedback blog ini terdapat di dalam postingan dan tidak diberikan link dari homepage, atau paling tidak link ini selalu muncul disetiap halaman.

 Pada postingan ini kami akan berbagi cara membuat link feedback blog di homepage dengan sebuah image feedback ayng berada disebelah sisi halaman blog. Seperti ini :

 Caranya membuat feedback blog ini adalah sebagai berikut :

1. Masuk ke edit template html anda

2. Copy kode berikut dan letakkan sebelum kode skin ]]></b:skin>

</
#feedB_off a {
position: absolute;
width: 25px;
height: 85px;
z-index: 1;
top: 200px;
left:960px;
background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPmLuJLPObHPSsB_tRYvPtOpIXb9OiLAjXhSt9kppdPZjH1UIJWXggjZouA0IpUfC2CRj8ppzroQqaUhzwRGFQQ1PEDjqaOJIhP2uCARCyp5KyuFdx_AQrJb7z0T6GORnZDGd581MFUCI/s288/feedback_off.png");
}

#feedB_off a:hover {
background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinV2brtZayIqkwD-TNSrVZJo3p5fnIV-p6b4SKWs8mK7OvVDnfhnsMj5bhs4TFf41JMb8x6L5_DxgVdVp-p-L3Ix2tR5ux1MGvkBVDM4X1HI7d_pg_SnsjuzIDRrtYCT2_g8f0-CPe9-4/s288/feedback_on.png");
cursor:pointer;cursor:hand;
} >

3. Lalu letakkan kode berikut ini setelah kode <body>

</<div id="feedB_off">
<a href="URL FEEDBACK BLOG ANDA" target="_blank"></a>
</div>>

Lihat hasilnya dan selamat mencoba

Cara membuat daftar isi auto

Daftar judul postingan cukup penting agar pengunjung betah berlama-lama di blog kita. Karena semakin banyak postingan kita maka akan semakin banyak juga pilihan bagi pengunjung untuk membaca artikel yang telah kita buat. Dan dengan daftar ini pengunjung akan lebih mudah memilih judul artikel atau postingan yang akan dibaca.

Daftar judul ini hampir sama dengan kategori, bedanya daftar ini dilengkapi scroll bar sehingga dapat menghemat tempat serta memiliki pemberitahuan artikel mana saja yang baru sehingga pengunjung dapat menilik artikel-artikel terbaru kita.

Berikut adalah cara mudahnya untuk ditempel di sidebar  :

1. Login ke blogspot anda
2. klik “Tata Letak” atau “Layout”
3. Klik Tambah Gadget di sebelah kiri atau kanan Layout
4. Pilih HTML/Java Script
5. Kemudian paste (ctrl+v) kode berikut ke dalam gadget HTML/Java Script :

<div style="overflow: auto; width: 200px; height: 100px; text-align: left;"> <script src="http://fullmusic1975.fileave.com/daftarisiotomatis.js"><br /></script> <script src=" squiterzx.blogspot.com"><br /></script> </div>

    6. Simpan dan selesai

 

Keterangan :

• Tulisan merah merupakan lebar (width)  dan tinggi (heigth) kotak daftar isi, silahkan atur sesuai  dengan selera anda anda
• Tulisan hijau, ganti dengan alamat blog anda

Selamat mencoba dan Semoga bermanfaat....

Membuat variasi font pada teks

Sebuah Web ataupun Blog diharapkan memberi tampilan yang indah dan menarik. Salah satunya mengan memberikan variasi pada teks sesuai dengan selera kita,seperti memberi warna pada teks, memberi ukuran besar kecil dll. Dan kali ini saya akan memberi contoh bagaimana cara penulisan dalam HTML, agar tulisan lebih bervariasi.

Nama-nama Font bisa anda lihat dibagian paling bawah halaman ini. Daftar font yang saya contohkan saya ambil dari nama-nama font yang di pakai di Notepad, versi script western.
Untuk memberi warna pada teks anda, silahkan lihat dan pilih warna dan kodenya yang ada  pada Tabel kode warna di : http://adhy.yn.lt/colour?id=Mandan87&url=http://mandan87.mw.lt  Atau KLIK DISINI

OK...!!!, sekarang silahkan anda perhatikan perbedaan contoh-contoh berikut :

1. Teks standart :

<font>Teks dengan fon standart</font>

berikut hasilnya :

Teks dengan font standart

2. Teks dengan nilai besar-kecil :

<font size="6">Teks dengan ukuran font</font>

 berikut hasilnya :

Tek dengan ukuran font

3. Teks dengan nilai ukuran dan berwarna :

<span style="color: #FF0000; font-size: 45px;">Teks dengan nilai ukuran dan berwarna merah</span>

berikut hasilnya :
Teks dengan nilai ukuran dan berwarna merah

<span style="color: #ffff20; font-size: 50px">Teks dengan nilai ukuran dan berwarna kuning</span>

berikut hasilnya :
Teks dengan nilai ukuran dan berwarna kuning

<span style="color: #009600; font-size: 30px;">Teks dengan nilai ukuran dan berwarna hijau</span>

berikut hasilnya :
Teks dengan nilai ukuran dan berwarna hijau

<span style="color: #1418ff; font-size: 20px;">Teks dengan nilai ukuran dan berwarna biru</span>

berikut hasilnya :
Teks dengan nilai ukuran dan berwarna biru

4. Teks berwarna dengan besar 30px,font Goudy Stout :

<span style="color: #1418ff; font-size: 30px"><span style="font-family: Goudy Stout,sans-serif;">Teks berwarna dengan besar 30px,font Goudy Stout</span></span>

berikut hasilnya :
Teks berwarna dengan besar 30px,font Goudy Stout

Gimana mudah kan....?
Berikut ini daftar macam-macam font untuk anda coba terapkan pada artikel anda :

Nama-nama Font

Agency FB Algerian Arial Arial Rounded MT Baskerville Old Face Bauhaus 93 Bell MT Berlin Sans FB ArialBernard MT Blackadder ITC Bodoni MT Bodoni MT Poster Book Antiqua Bookman Old Style Bradley Hand ITC Britannic Broadway Brush Script MT Calibri Century Gothic Century Schoolbook Chiller Colonna MT Comic Sans MS Cooper Copperplate Gothic Courier Curlz MT Edwardian Script ITC Elephant Engravers MT Eras ITC Felix Titling Fixedsys Footlight MT Forte Franklin Gothic Freestyle Script French Script MT Futura Md BT Gabriola Georgia Gigi Gill Sans Gloucester MT Goudy Old Style Goudy Stout Haettenschweiler Harlow Solid Harrington High Tower Text Impact Informal Roman okermanJ Juice ITC Kristen ITC Kunstler Script Latin Lucida Calligraphy Lucida Console Lucida Handwriting Lucida Sans Magneto Maiandra GD Matura MT Script Capitals Microsoft Sans Serif Mistral Modern Modern No. 20 Monotype Corsiva MS Sans Serif MS Serif Niagara Engraved Niagara Solid OCR-A BT Old English Text MT Onyx Palace Script MT Palatino Linotype Papyrus Playbill Poor Richard Pristina Rage Ravie Rockwell Roman ArialScript Script MT Segoe Print Segoe Script Segoe UI ArialShowcard Gothic Small Fonts Snap ITC Stencil System Tahoma Tempus Sans ITC Terminal Times New Roman Trebuchet MS Tw Cen MT Verdana Viner Hand ITC Vivaldi Vladimir Script

selamat mencoba dan semoga bermanfaat....

Jangan lupa luangkan waktu untuk beri komentarmu ya......terima kasih.

Cara Buat Kotak atau Teks Area

Saat yang lalu saya menjelaskan cara membuat tabel. Dan pada tutorial blog kali ini hampir mirip dengan tabel, sama-sama berbentuk kotak. Tapi kotak yang ini berfungsi sebagai teks area dan bentuknya lebih sederhana, tapi tetap indah dan rajin. Cara buat kotak ini mudah, hanya dengan menggunakan atribut html : <fieldset>

Berikut kodenya silahkan anda copy, bila anda berminat :

Kotak 1

<fieldset>
Teks anda disini
</fieldset>

Berikut hasil kode diatas :

Teks anda disini

Kotak 2

<fieldset><br>
<legend><b>Judul Teks disini</b></legend>Isi Teks anda disini
</fieldset>

Berikut hasil kode diatas :

Judul Teks disini Isi Teks anda disini

Kotak 3

<fieldset><br>
<legend><b><fieldset>Judul Teks disini</fieldset></b></legend>Isi Teks anda disini
</fieldset>

Berikut hasil kode diatas :

Judul Teks disini Isi Teks anda disini

Nah.....,mudah kan...?
Silahkan anda bisa otak - atik sendiri sesuai selera anda. Semoga bermanfaat.
Mohon luangkan waktu anda untuk meninggalkan komentar anda ya..... Terima kasih.

Cara menambahkan pengatur ukuran teks

Menambahkan pengatur ukuran teks atau Resizer Text, memiliki kegunaan tersendiri bagi pengunjung yang merasa ukuran teks pada blog kita kurang jelas atau terlalu kecil. Dengan cara ini kita memberi kebebasan pada pengunjung untuk merubah ukuran teks sesuai dengan selera pembaca. Sehingga pengunjung betul - betul merasa nyaman membaca artikel atau posting yang kita suguhkan.

Bila anda berminat silahkan anda ikuti langkah - langkah dibawah ini :

1. Login ke blogger dengan ID anda.

2. Klik Rancangan.

3. Dan KLik tab Edit HTML. 

4. Cari kode di bawah ini atau yang mirip dengan kode ini :

]]></b:skin>

5. Copy kode di bawah ini dan taruh tepat sebelum kode ]]></b:skin> :

.textresize {
padding-left:20px;
padding-top:5px;
}

6. Kemudian Copy kode di bawah ini dan taruh diantara ]]></b:skin> dan tag </head> :

<script language='JavaScript' type='text/javascript'>
function changeFontSize(inc)
{
var p = document.getElementsByTagName(&#39;p&#39;);
for(n=0; n&lt;p.length; n++) {
if(p[n].style.fontSize) {
var size = parseInt(p[n].style.fontSize.replace(&quot;px&quot;, &quot;&quot;));
} else {
var size = 12;
}
p[n].style.fontSize = size+inc + &#39;px&#39;;
}
}
</script>

7. Bila anda ingin fitur ini diletakkan diarea posting, Cari kode di bawah ini atau yang mirip dengan kode ini :

<div class='post-header-line-1'/>

8. Tambahkan kode dibawah ini setelah baris di atas.:

<span class='textresize'>
Text Size :<a href='javascript:changeFontSize(1)'> [+]</a> | <a href='javascript:changeFontSize(-1)'> [-]</a>
</span>

9. Simpan Template.

Selamat mencoba dan Semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.

Cara membuat Bar mengambang atau Floating Bar on Top pada blog

Floating Bar sering kali kita jumpai ketika kita membuka blog atau merefressnya kembali. Floating Bar tersebut seperti pop up, biasanya berisi iklan teks, banner, ataupun rekomendasi tertentu. Hal ini pemilik blog berharap, pengunjung langsung melihat Floating Bar tersebut dan tertarik untuk melihat.
Fitur ini sangat menarik dan memang diperlukan bila blog anda memang fokus atau sekedar tambahan untuk cari uang. Selain itu Floating Bar berguna juga bila anda ingin merekomendasikan atau mengabarkan suatu acara yang anda adakan.

 Bila anda berminat silahkan anda ikuti langkah - langkah dibawah ini :

1. Login ke blogger dengan ID anda.

2. Klik Rancangan.

3. Dan KLik tab Edit HTML.

4. Cari kode di bawah ini atau yang mirip dengan kode ini :

</head>

5. Copy kode di bawah ini dan taruh tepat sebelum kode </head>

<style type="text/css"> #topbar{ position:absolute; border: 1px solid black; padding: 2px; background-color: #fff; width: 620px; visibility: hidden; z-index: 100; } </style> <script type="text/javascript"> var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session var startX = 200 //set x offset of bar in pixels var startY = 5 //set y offset of bar in pixels var verticalpos="fromtop" //enter "fromtop" or "frombottom" function iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function closebar(){ if (persistclose) document.cookie="remainclosed=1" document.getElementById("topbar").style.visibility="hidden" } function staticbar(){ barheight=document.getElementById("topbar").offsetHeight var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera; var d = document; function ml(id){ var el=d.getElementById(id); if (!persistclose || persistclose && get_cookie("remainclosed")=="") el.style.visibility="visible" if(d.layers)el.style=el; el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";}; el.x = startX; if (verticalpos=="fromtop") el.y = startY; else{ el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight; el.y -= startY; } return el; } window.stayTopLeft=function(){ if (verticalpos=="fromtop"){ var pY = ns ? pageYOffset : iecompattest().scrollTop; ftlObj.y += (pY + startY - ftlObj.y)/8; } else{ var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight; ftlObj.y += (pY - startY - ftlObj.y)/8; } ftlObj.sP(ftlObj.x, ftlObj.y); setTimeout("stayTopLeft()", 10); } ftlObj = ml("topbar"); stayTopLeft(); } if (window.addEventListener) window.addEventListener("load", staticbar, false) else if (window.attachEvent) window.attachEvent("onload", staticbar) else if (document.getElementById) window.onload=staticbar </script>

6. Cari kode di bawah ini atau yang mirip dengan kode ini :

</body>

7. Copy kode di bawah ini dan taruh tepat sebelum kode </body> :

<div id="topbar">
<a href="#" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2nZYcroq3ugfi2dgNZ6RVkuBcXy_XvERsiwxlMna9dPefYqZVWANOBXvdHEujS-SnvtzI0Zw19APMVSl1VtJ82guB_44IrcIIeV_xkVePmWjr_nk5lZnMVMIf6tm3V44OpZd2ylU8tK-f/h80/close.png" align="right" border="0" />
<a href="YOUR LINK" onclick="closebar(); return true">DISINI TEKS ATAU SCRIPT IKLAN MILIK ANDA
</div>

Catatan :
Silahkan anda ganti teks berwarna merah dengan Teks, Script iklan atau banner milik anda.

8. Simpan Template.

Selamat mencoba dan Semoga bermanfaat....

Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.dan jangan lupa join di blog ini

Cara pasang meta tag lengkap

Kali ini kami bagikan cara lengkap pasang meta tag, mengingat ada permintaan sobat blogger yang menginginkan pasang meta tag lebih lengkap, .... tak masalah, sebab setiap hari memang selalu saja ada yang masih belajar ngeblog Bagi yang belum baca cara yang lebih sederhana, silahkan anda baca di entri berikut ini:

OK....., silahkan anda ikuti langkah dibawah ini :
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.
4. Cari kode di bawah ini atau yang mirip dengan kode ini :
                                              <b:include data='blog' name='all-head-content'/>

5. Copy kode di bawah ini dan taruh setelah kode diatas :

<meta content='DESCRIPTION' name='description'/>
<meta content='KEYWORDS' name='keywords'/>
<meta content='NAMA PENULIS' name='author'/>
<meta content='all,follow' name='robots'/>
<meta content='General' name='Rating'/>
<meta content='never' name='Expires'/>
<meta content='Indosesia' name='Language'/>
<meta content='Global' name='Distribution'/>
<meta content='INDEX,FOLLOW' name='Robots'/>
<meta content='4 Days' name='Revisit-after'/>

6. Simpan Template

Saya ingatkan kembali, Cara memilih kata kunci silahkan anda bisa gunakan layanan gratis dari google, sehingga anda bisa tahu seberapa banyak kata kunci yang dicari dan ditulis pengunjung pada mesin pencari google.
Anda bisa ikuti Link dibawah ini :

https://adwords.google.com/select/KeywordToolExternal

Semakin banyak pengunjung yang mencari atau menulis sebuah kata kunci yang kita gunakan, maka akan semakin baik dan lebih banyak kemungkinan pengunjung akan datang ke web ataupun blog kita.

Selamat mencoba dan Semoga bermanfaat....

Cara membuat link senggol

1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.

4. Cari kode di bawah ini atau yang mirip dengan kode ini :

</head>

5. Copy kode di bawah ini dan taruh sebelum kode </head> :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[

$(document).ready(function()
{
 slide("#sliding-navigation", 25, 15, 150, .8);
});

function slide(navigation_id, pad_out, pad_in, time, multiplier)
{
 // creates the target paths
 var list_elements = navigation_id + " li.sliding-element";
 var link_elements = list_elements + " a";
 
 // initiates the timer used for the sliding animation
 var timer = 0;
 
 // creates the slide animation for all list elements
 $(list_elements).each(function(i)
 {
  // margin left = - ([width of element] + [total vertical padding of element])
  $(this).css("margin-left","-180px");
  // updates timer
  timer = (timer*multiplier + time);
  $(this).animate({ marginLeft: "0" }, timer);
  $(this).animate({ marginLeft: "15px" }, timer);
  $(this).animate({ marginLeft: "0" }, timer);
 });

 // creates the hover-slide effect for all link elements  
 $(link_elements).each(function(i)
 {
  $(this).hover(
  function()
  {
   $(this).animate({ paddingLeft: pad_out }, 150);
  }, 
  function()
  {
   $(this).animate({ paddingLeft: pad_in }, 150);
  });
 });
}

//]]>
</script>

<style type="text/css">
ul.listpanah {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG-48_ZllhbC_P5FzqFIZWZ9c-sPtHt9DGNSWQw6x0c5MRo_AjcfLXwoUFocNsQ4toQH7toMvOoRRVY3QoLEtP03RmLbugXWgkAUtRbYL6TuafkoVZnO1xTZvLH58SdlSkC7wqQO9V146-/s12/List+6.jpg');}

a:link {color:#000;text-decoration:none;}
a:visited {color:#000;text-decoration:none;}
a:hover {color:#669CFF;text-decoration:none;}
</style>

Langkah selanjutnya anda tinggal menampilkan Link senggol tersebut pada sidebar blog anda. Berarti anda tinggal menambah gadget. Perhatikan langkah berikut :

1. Klik Rancangan dan pilih Elemen Laman

2. Tambah Gadget

                                       
3. Pada jendela baru anda Anda pilih gadget HTML/JavaScript

                                                              
4. Copy dan paste kode dibawah ini pada gadget tersebut :

<div class  id="sliding-navigation">  
<ul class="listpanah">
  
<li class="sliding-element"><a href="GANTI ULR"target="_blank">JUDUL   1</a></li> 
<li class="sliding-element"><a href="GANTI ULR"target="_blank">JUDUL  2</a></li>
<li class="sliding-element"><a href="GANTI ULR"target="_blank">JUDUL   3</a></li> 
<li class="sliding-element"><a href="GANTI ULR"target="_blank">JUDUL   4</a></li> 
<li class="sliding-element"><a href="GANTI ULR"target="_blank">JUDUL   5</a></li>
<li class="sliding-element"><a href="GANTI ULR"target="_blank">JUDUL   6</a></li>
<li class="sliding-element"><a href="GANTI ULR"target="_blank">JUDUL   7</a></li>
<li class="sliding-element"><a href="GANTI ULR"target="_blank">JUDUL   8</a></li>
<li class="sliding-element"><a href="GANTI ULR"target="_blank">JUDUL   9</a></li>
<li class="sliding-element"><a href="GANTI ULR"target="_blank">JUDUL 10</a></li>
 
</ul></div>

Ok...., Selamat mencoba dan Semoga bermanfaat....

cara pasang icon yahoo Messenger

Untuk membuat simbol Yahoo Messenger di blogger yang menunjukkan status anda dan pengunjung bisa langsung chat dgn anda, langkah-langkahnya adalah sebagai berikut:
1. Langka Pertama masuk klik Layout
2. Klik edit HTML
3. Kemudian add widget
4. Pilih edit HTML menu
5. Silahkan copy salah satu kode berikut

a.Contoh 1

<a href="ymsgr:sendIM?your id"><img src="http://yuor ID&m=g&t=0 border="0 /> </a>

b.Contoh 2

<a href="ymsgr:sendIM?yuor Id"><img border="0" src="http://id YAHOO mu&m=g&t=2"/></a>

c.Contoh 3

<a href="ymsgr:your ID"><img src="http://oalamt yahoo loe&m=g&t=2 border="0 /> </a><br />

6. save setting
Selesai selamat mencoba!!GOOD LUCK