Info : Gadget Converter HTML (Decode endcode) Bisa Di Tambahkan Ke Blog

<img alt="gambar, Cara Decode and Code Html" src="http://www.hotelfinland.com/bilder/info.jpg"/><br />Sekedar info dari saya, pastinya anda ingin memiliki gadget converter html sendiri kan? Nah google memberi solusi terbaik buat kita semua kini gadget tersebut bisa kita taruh di blog kita, pastinya memudahkan anda mengeposkan sebuah html, kalau anda belum tahu cara mengeposkan html silahkan baca <a href="http://www.rhoedal.co.cc/2010/05/cara-memposting-tag-html.html" target="new">Cara Memposting Tag HTML</a> gadget yang converter html kurang lebih seperti ini. <br /><script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&up_grows=10&up_conv1=1&up_conv2=1&up_conv3=1&up_conv4=1&up_conv5=1&synd=open&w=320&h=200&title=Post-Code%3A+code+converter&border=%2300ffff%7C0px%2C0px+solid+%23999999&output=js"></script><br />Keren bukan! Kalau mau menambahkan-nya ke blog anda silahkan aja langsung berangkat ke <a href="http://www.gmodules.com/ig/creator?synd=open&url=http%3A%2F%2Fhosting.gmodules.com%2Fig%2Fgadgets%2Ffile%2F102462998830435293579%2Fpost-Code.xml&lang=id" rel="nofollow" target="_blank">http://www.gmodules.com/</a><br />Anda bisa mengatur style-nya! Border atau segala macam! Kemudian dapatkan kode! Jika ingin di taruh di postingan! Posting seperti biasa! Jika ingin membahkan di sidebar silahkan baca <a href="http://www.rhoedal.co.cc/2010/06/cara-pasang-gadget-htmljavascript.html" target="new">Cara Pasang Html/javascript</a><br /><br />Semoga bermanfaat...

Gadget Info Info : Gadget Converter HTML (Decode endcode) Bisa Di Tambahkan Ke Blog

Sekedar info dari saya, pastinya anda ingin memiliki gadget converter html sendiri kan? Nah google memberi solusi terbaik buat kita semua ki...

Baca selengkapnya »

Script Kotak Dialog, Memasukkan Nama Waktu Pertama Masuk Blog

<img alt="gambar, waktu masuk blog meminta memasukkan nama," height="180" src="http://docs.jboss.org/teiid/designer/6.0/user-guide/images/screencaps/ParameterInputDialogProcedure.jpg" width="350"/><br />Aduh lelah-nya minta ampun, <a href="http://www.rhoedal.co.cc/2010/07/menghilangkan-data-post-di-halaman.html" target="_blank">setelah kemarin menghadiri undangan dari teman</a> eh baru aja sampe rumah udah ada lagi yang mengajak pergi main futsal jadi pada sakit nih badan + lemas. Biar badan lemas begini tapi masih semangat dan menggebu-gebu.<br /><br />Sekarang saya punya script baru nih buat anda! Script apakah? Script dialog atau waktu pertama masuk blog atau situs dia meminta memasukkan nama, setelah masuk yang kedua kali tidak lagi meminta memasukkan nama jika tidak mengerti lihat aja deh <a href="http://www.bhatok-rhoedal.co.cc/" rel="nofollow" target="_blank">contohnya di blog yang ini</a> lihat di bawah kiri. Gimana mau mencobanya? Seperti ini script-nya.<br /><br /><Blockquote><br /><script type="text/javascript"><br />onLoad=checkCookie()<br /><br />function getCookie(c_name)<br />{<br />if (document.cookie.length>0)<br />{ <br />c_start=document.cookie.indexOf(c_name + "=")<br />if (c_start!=-1)<br />{ <br />c_start=c_start + c_name.length+1 <br />c_end=document.cookie.indexOf(";",c_start)<br />if (c_end==-1) c_end=document.cookie.length<br />return unescape(document.cookie.substring(c_start,c_end))<br />} <br />}<br />return ""<br />}<br /><br />function setCookie(c_name,value,expiredays)<br />{<br />var exdate=new Date()<br />exdate.setDate(exdate.getDate()+expiredays)<br />document.cookie=c_name+ "=" +escape(value)+<br />((expiredays==null) ? "" : "; expires="+exdate.toGMTString())<br />}<br /><br />function checkCookie()<br />{<br />username=getCookie('username')<br />if (username!=null && username!="")<br /> {alert('<font color="red">Welcome Back</font> '+username+'!') <br />document.write('<font color="red">Terimakasih</font> '+username+'<br/><font color="red">Selamat Datang Kembali Di Blog Saya</font>')}<br />else <br /> {<br /> username=prompt('<font color="red">masukan nama kamu:</font>',"") <br />document.write('<font color="red">Hello</font> <b>'+username+'</b><br/><font color="red">Enjoy Dan Nikmatilah</font>')<br /><br /> if (username!=null && username!="")<br /> {<br /> setCookie('username',username,365)<br /> }<br /> }<br />}<br /></script><br /></blockquote><br /><br />Yang berwarna merah dapat anda ganti dengan kata-kata yang anda inginkan... Enjoy dan nikmatilah he...he...he... <img alt="Enjoy" src="http://photoserver.ws/images/0yTg4c526e7eeec20.png"/> Semoga bermanfaat <img alt="Berkedip Sebelah Mata" src="http://photoserver.ws/images/H8Xz4c526f13a54a1.png"/>

Javascript Script Kotak Dialog, Memasukkan Nama Waktu Pertama Masuk Blog

Aduh lelah-nya minta ampun, setelah kemarin menghadiri undangan dari teman eh baru aja sampe rumah udah ada lagi yang mengajak pergi main f...

Baca selengkapnya »

Menghilangkan Data Post Di Halaman Depan Dan Hanya Judul Yang Tampil

<img alt="gambar, Membuat Daftar isi di halaman depan, Hanya judul posting yang tampil di halaman depan" src="http://www.bloggerpemula.info/wp-content/uploads/2009/07/sitemapjpg.jpg"/><br />Nyempetin posting di waktu yang sempit, lagi ada undangan di hari ini jadi enggak terlalu banyak saya nulis sekedar saja, <br /><br />Trik ini hampir sama seperti yang pernah saya posting sebelumnya silahkan dibaca dulu <a href="http://www.rhoedal.co.cc/2010/01/cara-membuat-daftar-isi-tanpa-tanggal.html">Cara membuat daftar isi tanpa tanggal posting</a> tapi perbedaan trik ini ialah tampilnya di halaman depan berikut caranya :<br /><br />>> Silahkan <a href="http://www.blogger.com" rel="nofollow" target="_blank">Login Di Blogger</a><br />>> Rancangan/Design (dulu tata letak) <br />>> Edit Html<br />Kemudian letakkan kode di bawah ini tepat di bawah <b>]]></b:skin></b><br /><br /><font color="blue"><br /><b:if cond='data:blog.pageType != &quot;item&quot;'><br /><style type='text/css'><br />.post-body{display:none;<br />}<br /></style><br /></b:if><br /></font><br />Cukup mudah bukan?<br />Kalau ingin menghilangkan tanggal, waktu dll gunakan yang ini <br /><br /><blockquote><br /><br /><b:if cond='data:blog.pageType != &quot;item&quot;'><br /><style type='text/css'><br />.post-dateheader, .post-timestamp, <br />.reaction-buttons, <br />.star-ratings, <br />.post-backlinks post-comment-link, <br />.date-header, .post-icons, .post-labels{display:none}<br /></style><br /></b:if></blockquote><br /><br />Selesai semoga bermanfaat...

Css Menu Menghilangkan Data Post Di Halaman Depan Dan Hanya Judul Yang Tampil

Nyempetin posting di waktu yang sempit, lagi ada undangan di hari ini jadi enggak terlalu banyak saya nulis sekedar saja, Trik ini hampir sa...

Baca selengkapnya »

Link Keluar Dengan Konfirmasi Saat Di Klik

<img alt="gambar, saat keluar konfirmasi dulu, Link Konfirmasi, Ok Cancel" src="http://rotyyu.files.wordpress.com/2008/01/dialog-konfirmasi.png"/><br />Lagi santai enak bener nulis artikel di hari rabu ini cuacanya kebetulan lagi dingin-dingin empuk <img alt="Jika Di Klik Link Akan Konfirmasi Dulu" src="http://photoserver.ws/images/BksS4c4fb5373b20d.png"/><br /><br />mungkin anda pernah meng-klik link keluar di facebook atau juga seperti penghapusan widget di blogger atau lagi anda bisa lihat contohnya <a href="JavaScript: confirmIt('Gimana mau mencobanya ?','http://www.rhoedal.co.cc','','','','u','n','Self','Self')" onMouseOver="self.status='Kenalan dong...'; return true" onMouseOut="self.status=''; return true">DI SINI</a> Sudah jelas dengan contoh-contoh tersebut berikut caranya<br /><br /><h4>Pertama</h4><br />>> Login <a href="http://www.blogger.com/" rel="nofollow" target="_blank">Blogger</a><br />>> Rancangan/Design<br />>> Edit Html <br />kemudian copy script di bawah ini dan letakkan tepat di atas <b></head></b><br /><br /><script src='<font color="red">http://rumbiadalam.googlecode.com/files/wgmhdtgm.js</font>' type='text/javascript'/><br /><br />Kemudian simpan template anda, Yang berwarna merah anda bisa ganti dengan alamat hosting javascript anda, caranya yang berwarna merah copy di addres bar kemudian anda download, jika anda belum mempunyai tempat hosting silahkan baca <a href="http://www.rhoedal.co.cc/2010/06/9-tempat-hosting-gratis.html" title="Hosting Gratis"><b>9 Tempat Hosting Javascript Gratis</b></a><br /><br />Agar script yang anda simpan di template tersebut berjalan dengan baik cara penulisannya seperti ini :<br /><br /><a href="JavaScript: confirmIt('<font color="red">Isi Text Anda</font>','<font color="green">http://www.gantidenganurltarget.com</font>','','','','u','n','Self','Self')"><font color="blue">Text Yang Tampil Di Halaman</font></a><br /><br />Yang berwama merah isi dengan text anda, hijau ganti dengan <b>alamat url target</b> dan yang biru, yang akan tampil.<br /><br />Semoga bermanfaat...

Blogger Javascript Link Keluar Dengan Konfirmasi Saat Di Klik

Lagi santai enak bener nulis artikel di hari rabu ini cuacanya kebetulan lagi dingin-dingin empuk mungkin anda pernah meng-klik link keluar ...

Baca selengkapnya »

Cara Mengetahui Blog Yang Memiliki Tautan Ke Blog Kita

Memang pantas google di beri julukan mesin raksasa, dia selalu memberi yang terbaik buat para pelanggannya. Silahkan anda ketikkan format seperti ini : <b>link:alamatbloganda.blogspot.com</b><br /><img alt="gambar, Cara Mengetahui Situs Yang Memiliki Tautan Ke Blog Kita" height="200" src="http://web20notes.files.wordpress.com/2008/03/stockxchg_people_01.jpg" width="300"/><br />Saya cek buat blog ini, tapi hasilnya masih belum ada yang menaut ke blog ini <img alt="T_T" src="http://photoserver.ws/images/zeaM4c4e5a7163ebb.png" style="clear:both;"/><br />saya tidak tahu cara ini benar-benar akurat atau tidak, namun tidak ada salahnya anda mencoba cara ini untuk sekedar mengetahui dan melacak blog yang memiliki tautan ke blog anda.<br /><br />Semoga bermanfaat...

Info Link Tips Cara Mengetahui Blog Yang Memiliki Tautan Ke Blog Kita

Memang pantas google di beri julukan mesin raksasa, dia selalu memberi yang terbaik buat para pelanggannya. Silahkan anda ketikkan format se...

Baca selengkapnya »

Menghilangkan Kotak Pesan Dari Label, Pencarian Dan Arsip

Alhamdulillah akhirnya bisa fit kembali badan saya bisa semangat, semangat dan semangat lagi nulis artikel, bulan juni lalu saya pernah tulis <a href="http://www.rhoedal.co.cc/2010/06/memodifikasi-kotak-pesan-yang-di.html" title="silahkan di baca" target="_blank">Cara Memodifikasi Pesan Yang Di Tampilkan Label</a> dan <a href="http://www.rhoedal.co.cc/2010/06/mengganti-pesan-yang-di-tampilkan-label.html" title="silahkan di baca juga" target="_blank">Cara Mengganti Pesan Yang Di Tampilkan Label Semau Kita</a> Biar Lebih Komplit Sekarang Cara Menghilangkan Kotak Tersebut.<br /><img alt="Gambar, Modifikasi Kotak Pencarian Label, Menghilangkan Kotak Pencarian Label" height="200" src="http://3.bp.blogspot.com/_NlkskW7D9RE/Su8mG516kZI/AAAAAAAAAfg/fjhgUoQ2QIY/s400/Remove+Showing+Posts+With+Label+Blogger.PNG" width="350"/><br /><br />Berikut langkah-langkah yang harus anda ikut<br /><br />>> Login Di <a href="http://www.blogger.com" rel="nofollow" target="_blank">Blogger</a><br />>> Rancangan/Design (dulu tata letak)<br />>> Edit Html<br />Kemudian anda cari kode seperti ini <b>]]></b:skin></b><br />Kemudian masukkan kode di bawah ini dan letakkan di atas kode tersebut.<br /><br /><font color="green">.status-msg-wrap{<br />display:none;<br />}</font><br /><br />Kemudian simpan template anda dan lihat hasilnya.<br /><br />selamat mencoba dan semoga bermanfaat.

Blogger Tips Menghilangkan Kotak Pesan Dari Label, Pencarian Dan Arsip

Alhamdulillah akhirnya bisa fit kembali badan saya bisa semangat, semangat dan semangat lagi nulis artikel, bulan juni lalu saya pernah tuli...

Baca selengkapnya »

10 Tempat Hosting Dan Subdomain Gratis

<img alt="gambar, Tempat Hosting Website Gratis, Free" height="200" src="http://www.nrda.net/images/web_hosting_1.jpg" width="300"/><br /><br />Mungkin anda mau belajar membuat website, tapi bingung cari tempat hosting gratisan, sedikit info dari saya, ada tempat hosting gratis dengan subdomain, berikut ini daftarnya :<br /><br />1. <a href="http://www.phpnet.us/" rel="nofollow" target="_blank">PHPNet.us</a><br />Space 350Mb, Bandwidth 15Gb, Nobanner.<br /><br />Didukung control panel menggunakan Vista Panel, MySQL, PHP, FTP, Free subdomain ( username.phpnet.us). Cocok digunakan untuk e- commerce shop, galeri foto pribadi atau sistem bisnis manajemen konten. <br /><br />2. <a href="http://www.doteasy.com/" rel="nofollow" target="_blank">DotEasy.com<br /></a><br />Space 100 MB, Bandwidth 1000 MB, No banner Host Paket hosting gratis di situs ini mendukung Microsoft FrontPage dan Dreamweaver. Juga menyediakan layanan yang lengkap, seperti Website Builder, Blog, Gallery dan WebForum. <br /><br />3. <a href="http://www.agilityhoster.com/" rel="nofollow" target="_blank">AgilityHoster.com</a><br />Space 200 MB, Bandwidth 5 GB, No Banner Hostingan ini mendukung PHP, Perl, CGI dan MySQL, 5 account email khusus website anda dan banyak lagi. <br /><br />4. <a href="http://www.hyperphp.com/" rel="nofollow" target="_blank">HyperPHP.com</a><br />Space 250 MB, Bandwidth 6 GB, No banner Tampilan situs ini mirip dengan My-PHP.net, mungkin saja mereka pernah satu jurusan di perkuliahan. Bahkan Kuota dan Fitur pun menyerupai My-PHP.net. Jika Anda pernah mencoba layanan My-PHP.net, seperti itulah kualitas layanan yang diberikan HyperPHP.com.<br /><br />5. <a href="http://www.ifastnet.com/" rel="nofollow" target="_blank">IfastNet.com</a><br />Space 300 MB, Bandwidth 6 GB, No banner Hostingan ini patut dicoba, layanannya lumayan bagus. Support FTP account, Unlimited POP email accounts, Fantastico type installer, VistaPanel Control Panel, 5 MySQL databases. <br /><br />6. <a href="http://www.ipowerhosts.com/" rel="nofollow" target="_blank">IpowerHosts.com</a><br />Space 25 MB, Bandwidth 2 GB, No banner Support email gratis berbasis web, data backup gratis, control panel web, guest book, file manager, online website builder dan <br />banyak lagi.<br /><br />7. <a href="http://www.freeservers.com/" rel="nofollow" target="_blank">FreeServers.com</a><br />Space 50 MB, Bandwidth 1 GB, No banner Layanan hostingan ini lumayan bagus. Belum banyak netter indonesia yang mengenal hostingan ini, mungkin karena fitur-fiturnya yang kurang lengkap. Seperti tidak didukungnya fitur FTP Access dan blog Wordpress Script. <br /><br />8. <a href="http://www.justfreehost.com/" rel="nofollow" target="_blank">JustFreeHost.com</a><br />Space 100 MB, Bandwidth 1 GB, No banner, Sebanyak 120 ribu subdomain telah tercipta dari situs ini, tak ada salahnya jika Anda mencoba layanan hostingan ini. Menurut informasi dari “mbah Google” JustFreeHost.com kurang menarik untuk dijadikan hostingan situs resmi, lebih asyik jika hanya dimanfaatkan untuk latihan membuat situs, walhasil… banyak dari situs-situs koleksi JustFreeHost.com terlantar dan tidak dihiraukan. <br /><br />9. <a href="http://www.getfreehosting.co.uk/" rel="nofollow" target="_blank">GetFreeHosting.co.uk</a> <br />Space 300 MB, Bandwidth 10 GB, No banner ini salah satu hostingan terbaik dengan fitur paling banyak dari standar hosting gratisan, Anda bisa menikmati layanan Auto Script yang lengkap dan mendukung Joomla, Vista Panel, Full ht.access, Monitor websites, Full FTP Access, Blog, forum, Layanan 24 Jam with Live chat dan Free Bonus Extras.<br /><br />10. <a href="http://www.freehosty.com/" rel="nofollow" target="_blank">FreeHosty.com</a><br />Space 300 MB, Bandwidth 10 GB, No banner Fitur yang akan Anda dapatkan dari hostingan ini : Vista Panel, Web mail, PHP Flags manager, POP email accounts, 7 MySQL databases, Automatic installer (29 scripts), Password protected folders, 5 Add-on domains, FTP account, Php MyAdmin, 5 Sub domains, File manager (browser upload)

Blogger Info 10 Tempat Hosting Dan Subdomain Gratis

Mungkin anda mau belajar membuat website, tapi bingung cari tempat hosting gratisan, sedikit info dari saya, ada tempat hosting gratis denga...

Baca selengkapnya »

Memperkuat Keywords Dengan Tag Alt / Keterangan Gambar

Berhubung badan saya lagi kurang fit, saya hanya bisa kasih sedikit tips ke anda, kali ini kita akan bahas hal yang ter kecil menjadi hal besar dalam meningkatkan ranking/peringkat blog.<br /><br />Banyak dari sebagian blogger yang melupakan <b>tag alt</b> sewaktu posting menggunakan gambar/image<br /><img alt="gambar, Menggunakan Tag Alt," height="200" src="http://upload.wikimedia.org/wikipedia/commons/thumb/8/84/Alt_plate.svg/601px-Alt_plate.svg.png" width="300"/><br />Seperti gambar saya di atas, gambar tersebut mengunakan tag alt,<br /><br /><b>Fungsi alt</b><br />Alt juga dapat di index oleh mesin pencari, misalkan di postingan anda tidak ada keyword <b>apa itu alt?,</b> tapi di keterangan gambar (keterangan menggunakan alt) anda masukkan keyword <b>Apa itu Alt.</b> nah jelas ini sangat menguntungkan buat peringkat blog kita,<br /><br /><b>Penggunaannya</b><br /><font color="blue"><img src="url gambar"</font> <font color="red"><b>alt="disini keterangan gambar,"</b></font><font color="blue">/></font><br /><br />Biar sedikit mudah-mudahan ini bisa bermanfaat...

Seo Tips Memperkuat Keywords Dengan Tag Alt / Keterangan Gambar

Berhubung badan saya lagi kurang fit, saya hanya bisa kasih sedikit tips ke anda, kali ini kita akan bahas hal yang ter kecil menjadi hal be...

Baca selengkapnya »

Font Buat Blog Di Google Web Font Preview

Beberapa hari yang lalu saya pernah menulis <a href="http://www.rhoedal.co.cc/2010/07/berbagai-pilihan-font-buat-blog-dari.html" target="_blank">berbagai pilihan font dari kernest</a> kali ini giliran google web font.<br /><br /><font size="4"><b>Langkah</b></font><br />>> Masuk <a href="http://code.google.com/webfonts/preview#font-family=Cantarell" rel="nofollow" title="font preview" target="_blank">Font Web Preview</a><br />>> Anda bisa mengatur font-nya dengan menggunakan menu di samping kiri <br /><img alt="gambar, cara mengganti font blog, tips trik" src="http://3.bp.blogspot.com/_xJ97vQ_VYFo/TEeVnDSxkMI/AAAAAAAADnM/sDzMED9XkrI/s320/a.jpg"/><br />Anda juga bisa mengedit preview font dengan text/kalimat anda sendiri<br /><img alt="gambar, cara mengganti font blog, tips trik" src="http://1.bp.blogspot.com/_xJ97vQ_VYFo/TEeVsfdaxiI/AAAAAAAADnU/jYmzGKW5WYY/s320/b.jpg"/><br /><br />Copy kode css-nya di bagian bawah kolom font preview<br /><br /><img alt="gambar, cara mengganti font blog, tips trik" src="http://2.bp.blogspot.com/_xJ97vQ_VYFo/TEeVt7zB_AI/AAAAAAAADnc/Qq0z1GiE2Go/s320/c.jpg"/><br /><br />Penginstallan lebih lanjut bisa anda baca <a href="http://www.rhoedal.co.cc/2010/07/berbagai-pilihan-font-buat-blog-dari.html" target="_blank">panduan di halaman ini</a><br /><br />Semoga bermanfaa...

Css Font Info Font Buat Blog Di Google Web Font Preview

Beberapa hari yang lalu saya pernah menulis berbagai pilihan font dari kernest kali ini giliran google web font. Langkah >> Masuk Fon...

Baca selengkapnya »

Menghapus Tanda Kurung () Di Label

<img alt="gambar,menghilangkan tanda kurung di label, menghapus, memodif" src="http://1.bp.blogspot.com/_v5IxGTiMTD8/SSzJhokUQ1I/AAAAAAAAAKc/xKbZO5sIe8w/s400/remove+labels+count.jpg"/><br />Sedikit tips kembali lagi, kali ini <br />memodifikasi label : Cara menghapus tanda kurung di dalam label, coba anda lihat tampilan label saya, terlihat kan penghitung jumlah label saya tidak di lindungi tanda kurung ( ).<br /><br /><font color="orange" size="4">Pertama</font><br />>> Silahkan <a href="http://www.blogger.com" rel="nofollow" target="_blank">Login</a><br />>> Rancangan/Design<br />>> Edit Html<br />>> Centang <b>Expand Widget Template</b><br /><br /><font color="blue"><span dir='ltr'>(<data:label.count/>)</span><br /></font><br /><br />nah anda tinggal menghapus tanda kurung tersebut, <br />Cukup simple dan mudah kan? Rasanya untuk menghapus penghitung label anda pun sudah mengerti mana yang harus di hapus.<br /><br />semoga bermanfaa,..

Tips Menghapus Tanda Kurung () Di Label

Sedikit tips kembali lagi, kali ini memodifikasi label : Cara menghapus tanda kurung di dalam label, coba anda lihat tampilan label saya, te...

Baca selengkapnya »

Cara Me-Rotasi Gambar Dengan Css3 (tiga)

Semakin hari semakin canggih perkembangan jaman, begitupun dengan style-style di blog. Nah kali ini kita belajar bersama css 3 (tiga).<br /><br />Mau tau caranya Merotasi gambar dengan css3, silahkan ikuti cara berikut ini,<br /><br />agar gambar me-rotasi masukkan tag ini di dalam image <br /><br /><blockquote><br />transform: rotate(<font color="blue">7deg</font>);<br />-webkit-transform: rotate(<font color="blue">7deg</font>);<br />-moz-transform: rotate(<font color="blue">7deg</font>);<br />-o-transform: rotate(<font color="blue">7deg</font>);<br /></blockquote><br /><br />Tekan kan mata anda ke Warna biru yang di atas, itu adalah rotasi gambar bisa di ganti dengan 90 derajat, cara menulisnya.<br /><br /><img src="http://67developer.hu/blog/wp-content/uploads/2009/09/css3.jpg" <font color="red">style="transform: rotate(</font><font color="blue">90deg</font><font color="red">);<br />-webkit-transform: rotate(</font><font color="blue">90deg</font><font color="red">);<br />-moz-transform: rotate(</font><font color="blue">90deg</font><font color="red">);<br />-o-transform: rotate(</font><font color="blue">90deg</font><font color="red">);"</font>/><br /><br /><font color="orange" size="4">Hasilnya</font><br /><img src="http://67developer.hu/blog/wp-content/uploads/2009/09/css3.jpg" style="transform: rotate(90deg);<br />-webkit-transform: rotate(90deg);<br />-moz-transform: rotate(90deg);<br />-o-transform:rotate(90deg);<br />"/><br /><br />atau jika anda tidak mau repot, masukkan kode di bawah ini di atas <b>]]></b:skin></b><br /><blockquote><br />.rotasiRDL {<br />transform: rotate(7deg);<br />-webkit-transform: rotate(7deg);<br />-moz-transform: rotate(7deg);<br />-o-transform: rotate(7deg);<br />}<br /></blockquote><br /><br /><font color="orange" size="4">Cara menulis di post</font><br /><br /><span class="rotasiRDL"><img border="0" src="<font color="red">Alamat gambar disini</font>"/></span> <br /><br />Selanjutnya silahkan anda berkreasi dengan css3 selamat mencoba...

Css Tips Cara Me-Rotasi Gambar Dengan Css3 (tiga)

Semakin hari semakin canggih perkembangan jaman, begitupun dengan style-style di blog. Nah kali ini kita belajar bersama css 3 (tiga). Mau t...

Baca selengkapnya »

Cara Menampilkan Foto / Gambar Di Komentar

<img alt="gambar, cara menampilkan avatar komentar atau foto komentar author" height="300" src="http://sisaruangdiri.files.wordpress.com/2007/10/tangan-kanan.jpg" width="300"/><br /><br />Maksud hati pingin menampilkan foto-foto yang berkomentar biar lebih bersahabat tapi anda punya masalah dengan templatenya mari kita tuntaskan masalah tersebut<br /><br /><b>Pertama</b><br />>> Login <a href="http://blogger.com/" rel="nofollow" target="_blank">Blogger</a><br />>> Design/Rancangan<br />>> Edit Html<br />>> Centang <b>Expand Widget Template</b><br /><br />Cari kode seperti ini<br /><b>]]></b:skin></b><br />kemudian letakkan kode ini tepat di atas kode ]]></b:skin><br /><blockquote><br />.avatar-image-container img {<br />background:url(http://3.bp.blogspot.com/_C6KkooKXCEw/SrmyhPpP4mI/AAAAAAAAEvc/gQ1JKjpkULw/s320/AvatarBlogger.png);<br />width:30px;<br />height:30px;<br />margin-top:10px;<br />}<br /></blockquote><br /><br />Kemudian cari lagi kode seperti<br /><b><dl id='comments-block'></b><br />Jika sudah ketemu ganti dengan kode ini<br /><br /> <font color="orange"> <dl expr:class='data:post.avatarIndentClass' id='comments-block'></font><br /><br />Cari lagi kode seperti ini <b><a expr:name='data:comment.anchorName'/></b><br /><br />Ganti dengan kode ini<br /><blockquote><br /><b:if cond='data:comment.favicon'><br /><img expr:src='data:comment.favicon' height='16px' style='margin-top:30px' width='16px'/><br /></b:if><br /><a expr:name='data:comment.anchorName'/><br /><b:if cond='data:blog.enabledCommentProfileImages'><br /><div expr:class='data:comment.avatarContainerClass'><br /><data:comment.authorAvatarImage/><br /></div><br /></b:if></blockquote><br />Jangan lupa simpan Template Anda dan lihat hasilnya,<br /><br />Semoga bermanfaat...

Menu Tips Cara Menampilkan Foto / Gambar Di Komentar

Maksud hati pingin menampilkan foto-foto yang berkomentar biar lebih bersahabat tapi anda punya masalah dengan templatenya mari kita tuntask...

Baca selengkapnya »

Cara Membuat Tab View

Mau nulis artikel mati lampu, sekarang pun di paksakan buat nulis artikel, batre handphone tinggal satu lagi, mudah-mudahan aja jangan mati mati semua.<br /><br />Anda pastinya sudah tau apa itu tab view kan? Buat yang belum tau saya kasih sedikit contoh dengan gambar<br /><br /><img alt="gambar, cara membuat tab view otomati," height="179" src="http://1.bp.blogspot.com/_-HHcbL2aWiU/SJNTRSyu9mI/AAAAAAAAA2Y/hUsujRUjvmg/s320/tabview.jpg" width="320"/><br /><br />Nah nantinya sidebar anda akan di convert dengan script menjadi tab-tab seperti gambar di atas.<br /><br /><b>PERTAMA</b><br />>>Silahkan anda Login Di <a href="http//www.blogger.com" rel="nofollow" target="_blank">Blogger</a><br />>> Masuk Rancangan/Design<br />>> Edit HTML<br />>> Backup dulu template anda.<br /><br />kemudian cari kode seperti ini <b>]]></b:skin></b> kemudian letakkan kode di bawah ini tepat di atas kode <b>]]></b:skin></b><br /><blockquote> <br />.widget-tab ul {<br />margin:0;<br />padding:0;<br />}<br />.widget-tab ul li {<br />list-style:none;<br />padding-bottom:5px;<br />padding-top:5px;<br />font-size:13px;<br />}<br />.widget-tab ul li:last-child {<br />border-bottom:none;<br />}<br />.widget-tab ul li a {<br />text-decoration:none;<br />color:#3e4346;<br />}<br />.widget-tab ul li a small {<br />color:#8b959c;<br />font-size:9px;<br />text-transform:uppercase;<br />font-family:Verdana, Arial, Helvetica, sans-serif;<br />position:relative;<br />left:4px;<br />top:0px;<br />}<br />.tab-content ul li a:hover {<br />color:#a59c83;<br />}<br />.tab-content ul li a:hover small {<br />color:#baae8e;<br />}<br />.active-tab{<br />border-color:#CFCFCF #CFCFCF #FFFFFF #CFCFCF !important;<br />border-style:solid !important;<br />border-width:1px 1px 0px 1px !important;<br />color:#000 !important;<br />background:none repeat scroll 0 0 #F1EFEF !important;<br />padding-top:10px;<br />text-shadow:0 1px 0 #fff !important; <br /><br />}<br />ul.tab-wrapper {<br />margin:0px; padding:0px;<br />margin-top:5px;<br />margin-bottom:6px;<br />}<br /><br />ul.tab-wrapper li {<br />-webkit-border-radius-topleft:5px;<br />-webkit-border-radius-topright:5px;<br />-moz-border-radius-topleft:5px;<br />-moz-border-radius-topright:5px;<br />background:url("http://4.bp.blogspot.com/_b8IA1ajBJG8/S5ozT0zQerI/AAAAAAAAAyg/PwIWSJ1cw78/bg_home_cat_tab_active.png") repeat scroll 0 0 transparent;<br />border:1px solid #CFCFCF;<br />color:#FFFFFF;<br />cursor:pointer;<br />display:inline;<br />font-family:Arial,Helvetica,sans-serif;<br />font-size:13px;<br />font-weight:bold;<br />line-height:2em;<br />list-style-image:none !important;<br />list-style-position:outside !important;<br />list-style-type:none !important;<br />margin-right:1px;<br />padding:8px 14px;<br />text-align:center;<br />text-decoration:none;<br />text-shadow:0 1px 0 #000000;<br />}<br /></blockquote><br />kemudian anda letakkan lagi script di bawah ini tepat di atas <b></head></b><br /><blockquote><br /><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><br /><script type='text/javascript'><br />var starttab=0;<br />var endtab=2;<br />var sidebarname=&quot;<font color="blue">sidebar</font>&quot;;<br /></script><br /><script src='http://introbloggerscripts.googlecode.com/files/bloggertabv1.0-min.js' type='text/javascript'/><br /></blockquote><br /><br />Yang berwarna biru script pencari id sidebar anda. Jadi seperti ini contohnya,<br /><br /><b:section class='sidebar-kanan' <font color="red">id='sidebar'</font> preferred='yes'><br /><br />...... <br /><br /></b:section><br /><br />yang di atas adalah sidebar dengan <font color="red">id='sidebar'</font><br />otomatis bisa langsung berfungsi tab view tersebut, tapi jika di template anda tidak ada <font color="red">id='sidebar'</font> maka tidak akan berfungsi tab view-nya, Misal di template anda hanya ada sidebar dengan <font color="red">id='contoh'</font><br /><br />maka yang harus anda lakukan mengganti script pencari <b>id sidebar</b> tersebut menjadi <br /><br /><script type='text/javascript'><br />var starttab=0;<br />var endtab=2;<br />var sidebarname=&quot;<font color="blue">contoh</font>&quot;;<br /></script> <br /><br />anda pun sebenarnya bisa mengganti (perhatikan warna merah)<br /><br /><b:section class='sidebar-kanan' <font color="red">id='contoh'</font> preferred='yes'><br /><br />...... <br /><br /></b:section><br /><br />menjadi <br /><br /><b:section class='sidebar-kanan' <font color="red">id='sidebar'</font> preferred='yes'><br /><br />...... <br /><br /></b:section><br /><br />Tapi biasanya tampilan dari sidebar anda akan hancur alias acak-acakan, lebih baik seperti yang saya bilang di atas saja, anda hanya perlu mengganti perintah di script tersebut...<br /><br />Selamat mencoba dan semoga bermanfaat...

Blogger Menu Tips Cara Membuat Tab View

Mau nulis artikel mati lampu, sekarang pun di paksakan buat nulis artikel, batre handphone tinggal satu lagi, mudah-mudahan aja jangan mati ...

Baca selengkapnya »

Membuat Forum Dari Layanan Tal.ki

Beberapa waktu lalu saya pernah memberi tahu anda bagaimana <a href="http://www.rhoedal.co.cc/2010/05/membuat-forum-di-blogger-blogspot.html"><b>cara membuat forum di blogger / blogspot dari nabble</b></a> kali ini saya akan kasih tahu juga ke anda membuat forum melalui layanan <b>tal.ki</b> ada bebarapa fitur yang tidak kalah bagusnya dengan nabble, fitur login forum suport dengan facebook, yahoo, google dan yang lainnya. Warna bisa sesuai dengan template anda, sekarang coba anda rasakan saja dulu menggunakan layanan tal.ki, berikut ini caranya :<br /><br />>> Silahkan berangkat ke <a href="http://tal.ki/" rel="nofollow" target="_blank">http://tal.ki/</a><br />>> Klik tombol <b>Get Your Embeddable Forum</b><br /><br /><img alt="image: Cara membuat forum, Cara membuat, Tips Membuat Forum, " src="http://4.bp.blogspot.com/_xJ97vQ_VYFo/TD-z-8r_7-I/AAAAAAAADkU/P2P4f89tCKc/s1600/1.jpg"/><br /><br />>> Pilih aja yang versi gratisan <b>Try it for free</b><br /><br /><img alt="Gambar, Membuat forum gratis di blogger" height="307" src="http://2.bp.blogspot.com/_xJ97vQ_VYFo/TD-z9TGPsqI/AAAAAAAADkM/VfLjaRWOHlA/s1600/2.jpg" width="300"/><br /><br />>> Kemudian anda di suruh untuk login, coba di pikir-pikir dulu login-nya<br /><br /><img alt="Gambar, Membuat forum gratis di blogger" height="307" src="http://3.bp.blogspot.com/_xJ97vQ_VYFo/TD-z6EJZKzI/AAAAAAAADkE/aQNqZE-Jhfk/s320/3.jpg" width="300"/><br /><br />>> Setelah anda login, Masukkan alamat email anda<br /><br /><img alt="Gambar, Membuat forum gratis di blogger" height="307" src="http://1.bp.blogspot.com/_xJ97vQ_VYFo/TD-z43Yg8yI/AAAAAAAADj8/cMyfNDhAIIA/s1600/4.jpg" width="300"/><br /><br />Anda akan di bawa kembali ke halaman utama, silahkan anda ulangi langkah 2, 3 kemudian anda akan di berikan script embedd forum, untuk di pasang di blog anda,<br /><br /><img alt="Gambar, Membuat forum gratis di blogger" height="307" src="http://2.bp.blogspot.com/_xJ97vQ_VYFo/TD-z20PB_tI/AAAAAAAADj0/Rphx7cMlWiU/s320/5.jpg" width="300"/><br /><br />Kemudian lagi script yang anda dapatkan di taruh di postingan baru (buat entri baru). Ingat pengeposan model html<br /><br /><img alt="Gambar, Membuat forum gratis di blogger" height="307" src="http://3.bp.blogspot.com/_xJ97vQ_VYFo/TD-z07Aem0I/AAAAAAAADjs/ainV9uFc_rM/s1600/6.jpg" width="300"/><br /><br />Selamat mencoba... Minggu ini udaranya segar sekali lagi selamat mencoba <img alt=":-)" src="http://markezo.com/images/smiles/jempol2.gif" style="clear:both;"/>

Blogger Tips Membuat Forum Dari Layanan Tal.ki

Beberapa waktu lalu saya pernah memberi tahu anda bagaimana cara membuat forum di blogger / blogspot dari nabble kali ini saya akan kasih t...

Baca selengkapnya »

Membuat Gambar Di Pojok Kanan, Kiri, Atas Bawah Template Anda

<img alt="gambar, cara membuat gambar melayang, gambar di pojok template" src="http://aalryu.files.wordpress.com/2008/08/225737p.jpg"/><br /><br />Buat anda yang suka memajang foto anda di blog enggak ada salahnya anda coba trik kali ini.<br /><br />Contohnya bisa anda <a href="http://www.she-bhontot.co.cc" rel="nofollow" target="_blank">lihat di teman saya</a> silahkan masuk untuk melihat contohnya <a href="http://www.she-bhontot.co.cc" rel="nofollow" target="_blank">klik disini</a><br /><br />Mau menerapkannya di blog? Silahkan ikuti langkah berikut ini,<br /><b>Pertama</b><br />buatlah gambar dengan ukuran 125x125 (ukuran gambar bisa anda sesuaikan dengan template anda) kalau gambar sudah siap kemudian upload lah gambar yang anda buat tersebut, pingin tau tempat hosting gambar gratis baca juga <a href="http://www.rhoedal.co.cc/2010/07/6-tempat-hosting-upload-gambar-gratis.html">6 tempat hosting gambar gratis</a> jika gambar sudah di ambil alamat url gambar anda, simpan dulu di notepad atau wordpad biarkan dulu sekarang kembali lagi ke blogger<br /><br />>> Login di <a href="http://www.blogger.com" rel="nofollow" target="_blank">Blogger</a> <br />>> Design/Rancangan<br />>> Edit Html<br />kemudian cari kode seperti ini : <b>]]</b:skin></b> kemudian kode di bawah ini tepat di atas kode <b>]]</b:skin></b><br /><br />#rdl_image{<br />position:fixed;<br />_position:absolute;<br />bottom:5px;<br />left:5px;<br />clip:inherit;<br />_top:expression(document.documentElement.scrollTop + document.documentElement.clientHeight-this.clientHeihgt);<br />_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);<br />}<br /><br />Kemudian cari lagi kode seperti ini <b><body></b> copy paste lagi kode di bawah ini tepat di bawah kode <b><body></b><br /><br /><div id='rdl_image'><br /><img src='<font color="red">http://lh4.ggpht.com/_pt7i0nbIOCY/SUywgmXlLWI/AAAAAAAAAmk/J7_3znQLYqo/Doraemon_thumb.gif</font>'/><br /></div><br /><br />Yang berwarna merah silahkan anda ganti dengan alamat/url gambar anda. Kemudian simpan template anda.<br /><br />Untuk mengatur template posisi gambar anda bisa mengedit-nya, coba anda perhatikan yang berwarna biru di bawah ini<br /><br />#rdl_image{<br />position:fixed;<br />_position:absolute;<font color="blue"><br />bottom:5px;<br />left:5px;</font><br />clip:inherit;<br />_top:expression(document.documentElement.scrollTop + document.documentElement.clientHeight-this.clientHeihgt);<br />_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);<br />}<br /><br />nah yang berwarna biru itu adalah posisi gambar anda bisa menggantinya menjadi kanan bawah atau atas bawah.<br /><br />Untuk pojok kanan atas kodenya seperti ini :<br /><br />top:5px;<br />right:5px;<br /><br />Untuk pojok kanan bawah :<br /><br />bottom:5px;<br />right:5px;<br /><br />Pojok kiri bawah :<br /><br />bottom:5px;<br />left:5px;<br /><br />Pojok kiri atas :<br /><br />top:5px;<br />left:5px; <br /><br />Selamat mencoba n semoga bermanfaat...

Background Blogger Tips Membuat Gambar Di Pojok Kanan, Kiri, Atas Bawah Template Anda

Buat anda yang suka memajang foto anda di blog enggak ada salahnya anda coba trik kali ini. Contohnya bisa anda lihat di teman saya silahka...

Baca selengkapnya »

Meta Tag Berbeda Di Setiap Postingan

<img alt="gambar, cara cepat di index google, meta google deskripsi, " src="http://3.bp.blogspot.com/_3JiqFA24tHU/SbnVWeI2k2I/AAAAAAAAASI/CbR5xISvvvs/s320/SEO.gif"/><br />Seo, seo dan seo. Demi meraih populeritas suatu blog, banyak cara di lakukan salah satunya dengan meta tag, kali ini kita gunakan meta di setiap postingan agar lebih friendly dengan mesin pencari, <br /><br />Secara default jika anda menambahkan meta tag untuk blogger template, maka semua halaman termasuk halaman depan akan memiliki meta deskripsi yang sama, Apakah salah? Tidak, hanya saat blog anda di index maka anda akan memiliki duplikat meta deskripsi, seperti saya katakan di atas, meta tag di setiap postingan akan lebih friendly, jika anda belum memodif pagetitle (judul blog) silahkan baca dulu cara menggantinya <a href="http://www.rhoedal.co.cc/2010/05/memodifikasi-page-title-blog.html"><b>Memodifikasi Page Title Blog</b></a><br /><br />Jika sudah di modif silahkan tambahkan meta berikut ini<br /><br /><b><font color="blue"><b:if cond='data:blog.url == data:homepageUrl'><br /></font><br /><font color="green"><meta content='deskripsi halaman depan anda' name='description'/><br /><meta content='keyword, keyword1, keyword2' name='keywords'/></font><br /><font color="blue"></b:if></font><br /><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><meta expr:content='data:blog.pageTitle' name='description'/><br /><meta expr:content='data:blog.pageName + &quot;,<font color="red">keyword1, keyword2, keyword3</font>&quot;' name='keywords'/><br /></b:if></b><br /><br />Jika sebelumnya anda sudah memasukkan meta tag deskripsi atau keyword di dalam template anda, yang berwarna hijau tidak usah di masukkan lagi, anda hanya perlu memasukkan yang berwarna biru saja, yang berwarna merah isi dengan keyword anda...

Blogger Meta Meta Tag Berbeda Di Setiap Postingan

Seo, seo dan seo. Demi meraih populeritas suatu blog, banyak cara di lakukan salah satunya dengan meta tag, kali ini kita gunakan meta di se...

Baca selengkapnya »

Cara Mengganti Text / Tulisan Older Posts (posting lama) Dan Newer Posts (posting lebih baru)

Perut laper nulis artikel sedikit terganggu, sambil nunggu mie mateng sedikit demi sedikit artikel ini saya ketik, kalau kemarin saya membuat <a href="http://www.rhoedal.co.cc/2010/07/cara-menghilangkan-posting-lebih-baru.html">Cara Menghilangkan Posting Lebih Baru / Posting Lama</a> nah kali ini saya kasih sedikit tips cara mengganti Posting Lebih Baru (newer posts) Posting Lama (older posts) dengan icon,<br /><br />perut sudah kenyang, baru deh saya bisa konsen nulis-nya <br /><img alt="gambar, mengganti tulisan older post, newer post dengan icon" src="http://cobramania.blog.friendster.com/files/uncategorized-belly.jpg"/><br /><br />Duh maaf ya enggak nawarin makan mie-nya! <br /><br /><b>Pertama</b><br />>> Login <a href="http://blogger.com" rel="nofollow" target="_blank">Blogger</a><br />>> Design / Rancangan<br />>> Html<br />>> Centang Expand Widget Template<br /><br />Cari kode seperti ini<br /><b><data:newerPageTitle/></b><br /><br /><img src='http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/back2.png' border='0'/><br /><img border="0" src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/back2.png"/><br /><br />Kemudian cari lagi kode seperti ini <b><data:olderPageTitle/></b> ganti juga dengan gambar anda<br /><br /><img src='http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/forward2.png' border='0'/><br /><img border="0" src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/forward2.png"/><br /><br />Cari Lagi kode seperti ini <b><data:homeMsg/></b> Ganti lagi<br /><br /><img src='http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/home2.png' border='0'/><br /><img border="0" src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/home2.png"/><br /><br />Jika sudah selesai jangan lupa di simpan. gambar saya ambil dari <a href="http://hermanblogtips.blogspot.com/" rel="nofollow" target="_blank"><b>Kang Herman</b>.<br /></a><br /><br />semoga bermanfaat...

Blogger Tips Cara Mengganti Text / Tulisan Older Posts (posting lama) Dan Newer Posts (posting lebih baru)

Perut laper nulis artikel sedikit terganggu, sambil nunggu mie mateng sedikit demi sedikit artikel ini saya ketik, kalau kemarin saya membua...

Baca selengkapnya »

Cara Membuat Link Palsu Dengan Peringatan

<img src="http://www.kansas.gov/pharmacy/Images/2009/alert.gif"/><br />Mungkin anda pernah menemukan semacam link palsu dengan namun pas di klik keluar peringatan contohnya seperti ini <a href="#" onclick="alert('Mau mencobanya?')">Coba Anda Klik</a> jujur waktu itu saya juga pernah tertipu dengan link semacam ini <a href="#" onclick="alert('Saya Bilang Jangan Di Klik! Masih Ngeyel di peringatin seperti itu')">Link Ini Jangan Di Klik Berbahaya</a><br /><br />Gimana mau mencobanya? Langkah-langkah berikut ini sangat mudah anda pun bisa menambahkan link asli berikut ini cara membuatnya <br /><br /><a href="<font color="red">#</font>" onclick="alert('<font color="red">Mau mencobanya?</font>')"><font color="red">Text Anda Disini</font></a><br /><br />nah yang # (pagar) itu agar mengarahkan link pada posisinya, anda pun bisa mengganti dengan alamat postingan anda Contoh :<br /><br /><a href="<font color="red">www.rhoedal.co.cc/2010/07/memodifikasi-blockquote-dengan-berbagai.html</font>" onclick="alert('<font color="red">Mau mencobanya?</font>')"><font color="red">Memodif Blockquote</font></a><br /><br />Yang hasilnya akan menjadi seperti ini <br /><br /><a href="www.rhoedal.co.cc/2010/07/memodifikasi-blockquote-dengan-berbagai.html" onclick="alert('Wellcome')">Memodif Blockquote</a><br /><br />Nah kalau yang di lindungi Tanda Kurung dan tanda petik ('') itu text yang bisa anda ganti sesuka anda..<br /><br />selamat mencoba & dan semoga bermanfaat...

Blogger Link Cara Membuat Link Palsu Dengan Peringatan

Mungkin anda pernah menemukan semacam link palsu dengan namun pas di klik keluar peringatan contohnya seperti ini Coba Anda Klik jujur wakt...

Baca selengkapnya »

Memodifikasi Blockquote Dengan Berbagai Style

<img alt="gambar, Blockquote dengan berbagai modif" src="http://www.drweb.de/img/nachlese0907/blockquote.gif"/><br />Mungkin anda bosan dengan blockquote anda yang itu-itu aja?, nah kali ini anda bisa mengganti ganti blockquote dengan sesuka hati anda...<br /><br />Contoh blockquote saya yang satu ini gambar-nya seperti ini :<br /><blockquote style="background:#c1c1c1 url(http://3.bp.blogspot.com/_BN-753uAiHc/Sm5ZEjQwDYI/AAAAAAAAAZg/JqBAorfdRCM/s1600/quote.jpg) no-repeat top left; margin: 0 25px 15px; padding: 40px 15px 10px 80px;color:black;">Silahkan anda bedakan blockquote yang ini dengan blockquote yang di bawahnya,</blockquote><br />contoh kedua :<br /><blockquote style="background:#e4e3e3 url(http://lh5.ggpht.com/_nH-n7ecje5c/TAlkge32R2I/AAAAAAAAAOQ/E4s5hegcJQE/S640/blockquote_rhoedal%5B2%5D%5B%5D%5B%5D.png?imgmax=800) no-repeat top left;margin:0 25px 15px;padding: 40px 15px 10px 80px;color:black;">Nah ini contoh blockquote ke dua, sangat berbeda kan?</blockquote><br /><br />Sebenarnya cara ini sangat mudah untuk anda coba, berikut ini cara membuatnya.<br /><br /><blockquote <font color="red">style="background:#e4e3e3 url(http://lh5.ggpht.com/_nH-n7ecje5c/TAlkge32R2I/AAAAAAAAAOQ/E4s5hegcJQE/S640/blockquote_rhoedal%5B2%5D%5B%5D%5B%5D.png?imgmax=800) no-repeat top left;margin:0 25px 15px;padding: 40px 15px 10px 80px;color:black;"</font>>Disini text anda</blockquote><br /><br />Perhatikan yang berwarna merah, anda hanya perlu menyisipkan kode style saat ngepos?<br /><br />Selamat mencoba.

Blogger Css Memodifikasi Blockquote Dengan Berbagai Style

Mungkin anda bosan dengan blockquote anda yang itu-itu aja?, nah kali ini anda bisa mengganti ganti blockquote dengan sesuka hati anda... Co...

Baca selengkapnya »

Cara Menghilangkan View My Complete Profile

<img alt="gambar, Cara menghilangkan view my complete profile" height="400" src="http://cakrawalaindah.files.wordpress.com/2007/02/1-mengintip-masa-lalu.JPG" width="300"/><br /><br />Sedikit tips lagi dari saya, berhubung lagi sibuk yah saya nulis-nya ringan-ringan aja dulu, nah sekarang ini saya kasih tips cara menghilangkan <b>View My Complete Profil</b><br /><br /><b>Pertama</b><br />>> Login Blogger<br />>> Rancangan / Design<br />>> Edit HTML<br />>> centang Expand Widget Template<br /><br />kemudian cari kode seperti ini<br /><blockquote style="background:#000000;color:#ffffff;"><br /><b:widget id='Profile1' locked='false' title='About Me' type='Profile'><br /><b:includable id='main'><br /> <b:if cond='data:title != &quot;&quot;'><br /> <h2><data:title/></h2><br /> </b:if><br /> <div class='widget-content'><br /> <b:if cond='data:team == &quot;true&quot;'> <!-- team blog profile --><br /> <ul><br /> <b:loop values='data:authors' var='i'><br /> <li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li><br /> </b:loop><br /> </ul><br /><br /> <b:else/> <!-- normal blog profile --><br /><br /> <b:if cond='data:photo.url != &quot;&quot;'><br /> <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a><br /> </b:if><br /><br /> <dl class='profile-datablock'><br /> <dt class='profile-data'><data:displayname/></dt><br /><br /> <b:if cond='data:showlocation == &quot;true&quot;'><br /> <dd class='profile-data'><data:location/></dd><br /> </b:if><br /><br /> <b:if cond='data:aboutme != &quot;&quot;'><dd class='profile-textblock'><data:aboutme/></dd></b:if><br /> </dl><br /><font color="red"> <a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a><br /></font><br /> </b:if><br /><br /> <b:include name='quickedit'/><br /> </div><br /> </b:includable><br /></b:widget><br /></blockquote><br /><br />Nah harus yang berwarna merah, mudahkan? Semoga bermanfaat...

Blogger Tips Cara Menghilangkan View My Complete Profile

Sedikit tips lagi dari saya, berhubung lagi sibuk yah saya nulis-nya ringan-ringan aja dulu, nah sekarang ini saya kasih tips cara menghilan...

Baca selengkapnya »

Agar Background Di Data Posting Berbeda-Beda

<img alt="gambar, Cara membuat background text berbeda-beda" height="300" src="http://glittersth.com/images/wallpapers/hi5background16-430528.jpeg" width="300"/><br /><br />Agar pengunjung anda tidak terlalu jenuh dengan background postingan anda yang itu-itu aja anda bisa membuat background dengan gambar atau warna di postingan tertentu, seperti ini contohnya:<br /><br /><div style="background:url(http://ardaiyene.files.wordpress.com/2009/01/love2.jpg);padding:5px;color:red;border-bottom:2px;border-left:2px;font-size:18px;"><br />ini dengan font 18px padding 5px (jarak antara gambar dan text) dan warna font merah, anda bisa memodif-nya agar sesuai dengan data postingan</div><br />Berikut ini cara pembuatanya:<br /><blockquote><br /><div style="background:url(<font color="red">http://photoserver.ws/images/4qyf4c3305bdd1c0e.png</font>);padding:5px;color:red;font-size:18px;"><br /><font color="red">disini text/tulisan anda</font><br /></div><br /></blockquote><br />Anda pun juga bisa membuatnya dengan warna aja<br /><blockquote><br /><div style="background:<font color="red">#000000</font>;padding:5px;color:white;"><br /><font color="red">disini text/tulisan anda</font><br /></div><br /></blockquote> <br />Yang hasilnya akan seperti ini :<br /><br /><div style="background:#000000;padding:5px;color:white;">Disini text anda, gimana mau mencobanya?</div><br /><br />Semoga bermanfaat...

Background Blogger Agar Background Di Data Posting Berbeda-Beda

Agar pengunjung anda tidak terlalu jenuh dengan background postingan anda yang itu-itu aja anda bisa membuat background dengan gambar atau w...

Baca selengkapnya »

Cara Membuat Email Dengan Domain Sendiri Di Co.Cc

Pastinya anda kepingin kan punya email dengan domain anda sendiri? Siapa si yang enggak mau, seperti punya saya <font color="blue">info@mabes-rhoedal.co.cc</font> wiihh keren bukan, seperti blogger profesional bukan? biarpun serba gratis enggak jadi masalah kan. <br /><br />Sebelum membuat email dengan domain sendiri, lebih baik anda membuat akun baru di co.cc agar tidak mengganggu kinerja blog anda, masalahnya saya pernah mendapat keluhan dari seorang teman alamat blog-nya tidak mengarah dengan baik, tapi ada juga yang tidak mengalami masalah apapun. Nah lebih baik anda jaga-jaga aja, sebelum terjadi kesalahan. Misal alamat blog anda rhoedal.co.cc, nah jadi anda membuat domain baru di co.cc khusus untuk email anda. Misalnya lagi jadi seperti saya gitu <font color="blue">info@mabes-rhoedal.co.cc</font> jadi anda kalau membutuh saya bisa hubungi di email saya itu he... he... he... (lebay)<br /><br />Buat yang belum pernah mendaftar silahkan baca <a href="http://www.rhoedal.co.cc/2010/05/cara-daftar-di-cocc.html">cara daftar dan setup di co.cc</a><br /><br />Jika anda sudah mempunyai domain baru di co.cc mari ikuti langkah demi langkah berikut ini, <br /><br /><b>Pertama</b><br />>> silahkan kunjungi <a href="http://www.google.com/a/cpanel/domain/new" rel="nofollow" target="_blank">Google Apps</a><br />Kemudian pilih tombol radio <b>Administrator: I own or control this domain</b><br />Kemudian anda masukkan domain anda di bawa <b>Enter your domain name</b><br /><br /><img alt="gambar, cara membuat email sendiri" src="http://4.bp.blogspot.com/_vyfXRfeZI5c/SdOW5HpmGLI/AAAAAAAAAJM/s40Fb3VX4SM/s400/hasil+capture.jpg"/><br /><br />Jika domain yang anda daftarkan sudah di masukkan klik <b>Get Started</b> kemudian anda akan di bawa ke form pendaftaran, isikan data lengkap anda begitupun nomer handphone jangan lupa di awali dengan <b>+62</b> jadi enggak boleh angka 0 (nol) satu lagi dalam pendataran anda pilih type-nya personal. Kalau pendaftaran sudah selesai klik <b>Continue</b> <br /><br />Anda akan di bawa lagi ke pembuatan email-nya plus kata sandinya juga<br /><br /><img alt="gambar, cara membuat email sendiri gratis dengan co.Cc" src="http://img143.imageshack.us/img143/5094/77001792fy0.jpg"/><br /><br />kemudian klik button peraturan-nya <b>I accept. continue with setup</b><br />setelah itu anda di bawa lagi ke halaman berikutnya, di sini anda di kasih dua pilihan. Lebih baik anda pilih, pilihan ya ke dua aja klik button radio <b>Change namadomain-yang-anda-daftarkan.co.cc CNAME record</b><br />kemudian klik <b>Continue</b> setelah anda klik continue, anda di bawa lagi ke halaman yang lain (perasaan di bawa-bawa melulu nih) kemudian anda akan di berikan kode verifikasi untuk di host di co.cc, kode verifikasi contohnya seperti ini <b>google8246ceeb66eb83e6</b> atau berbentuk http. Contoh lagi <b>http://google8246ceeb66eb83e6.mabes-rhoedal.co.cc</b> lebih baik anda pilih yang pertama aja jangan yang http. Copy kode verifikasi yang di berikan google ke notepad, jangan di tekan dulu button <b>I've completed the steps above</b> kemudian anda <a href="http://www.co.cc/?id=191868" rel="nofollow" title="login disini" target="_blank">meluncur ke co.cc</a> klik domain yang anda daftarkan di google apps, kemudian klik setup (setup, pada zone record) nah kemudian isi seperti ini<br /><br /><b>Host :</b> isi dengan kode verifikasi yang di berikan google<br /><b>TTL :</b> biarkan default<br /><b>Type : CNAME</b><br /><b>Value : google.com</b><br /><br />setelah itu klik setup.<br /> <br />Di co.cc sudah selesai, sekarang anda berangkat lagi ke google apps, untuk mem-verifikasi sekarang klik button <b>I've completed the steps above</b> seperti biasa anda akan dibawa ke halaman lain kemudian klik link <b>skip this guide</b> di deket tombol <b>launch skip</b><br /><br />Anda akan dibawa lagi (jadi kebiasaan nih) ke halaman <b>Dashboard</b> kemudian klik <b>Active Email</b> <br /><br /><img alt="gambar, cara membuat email gratisan dari co cc" height="300" src="http://img133.imageshack.us/img133/6504/14nb6.jpg" width="350"/><br /><br />Anda akan pindah lagi ke halaman MX record, kemudian anda di kasih kode-kode MX record untuk di host di co.cc biasanya seperti ini kodenya<br /><br /><b>MX server addres</b><br />ASPMX.L.GOOGLE.COM<br />ALT1.ASPMX.L.GOOGLE.COM<br />ALT2.ASPMX.L.GOOGLE.COM<br />ASPMX2.GOOGLEMAIL.COM<br />ASPMX3.GOOGLEMAIL.COM<br />ASPMX4.GOOGLEMAIL.COM<br />ASPMX5.GOOGLEMAIL.COM<br /><br /><b>Priority</b><br />10<br />20<br />20<br />30<br />30<br />30<br />30<br /><br />Anda loncat dulu ke co.cc<br />kemudian anda setup lagi domain yang anda daftarkan di google apps, sekarang setup-nya seperti ini<br /><br /><b>HOST:</b> isi dengan <b>MX server addres</b> yang di berikan google<br /><b>TTL:</b>biarkan default<br /><b>Type:</b> pilih <b>MX</b><br /><b>Priority</b> isi dengan nomer yang di kasih google,<br /><b>Value:</b> isi dengan <b>ghs.google.com</b><br /><br /><b>CONTOH setup di co.cc</b><br />Host: ASPMX.L.GOOGLE.COM<br />TTL: 1D<br />Type: MX <br />Priority: 10<br />Value: ghs.google.com<br /><br />Lakukan ini berulang sampai ke tujuh kode itu ter hosting. <br /><br />Kalau sudah selesai di co.cc kembali lagi ke Google apps, kemudian klik button <b>I Have Completed These Step</b><br /><br />selesai sudah, biasanya anda di suruh menunggu 48 jam (biasanya dalam beberapa jam sudah bisa di gunakan)... sekarang anda mempunyai email dengan domain sendiri, anda pun bisa mengganti alamat untuk login email anda. Semoga bermanfaat...

Blogger Tips Cara Membuat Email Dengan Domain Sendiri Di Co.Cc

Pastinya anda kepingin kan punya email dengan domain anda sendiri? Siapa si yang enggak mau, seperti punya saya info@mabes-rhoedal.co.cc w...

Baca selengkapnya »

Daftarkan Juga Blog Di Mesin Pencari Ask.com

<img alt="gambar, cara cepat di index ask" src="http://1.bp.blogspot.com/_xJ97vQ_VYFo/TC8w5M8fDSI/AAAAAAAADa4/3TQE8c9a6M8/s320/1.jpg"/><br /><br />Sebelumnya saya juga menyuruh anda untuk <a href="http://www.rhoedal.co.cc/2010/06/agar-lebih-baik-di-index-oleh-google.html">men submit feeds blog anda di yahoo</a> dan <a href="http://www.rhoedal.co.cc/2010/06/agar-di-index-oleh-mesin-pencari-bing.html">submit juga di bing</a> dan yang terakhir <a href="http://www.rhoedal.co.cc/2010/07/add-url-alamat-blog-di-google.html">add url di google</a><br /><br />Nah sekarang ini di mesin pencari ask caranya mudah banget, berikut caranya :<br /><br />http://submissions.ask.com/ping?sitemap=http://<font color="red">www.alamatbloganda.blogspot.com</font>/rss.xml<br /><br />http://submissions.ask.com/ping?sitemap=http://<font color="red">www.alamatbloganda.blogspot.com</font>/atom.xml<br /><br />Ganti yang berwarna merah dan copy di addres bar,<br />hari ini cerah juga. buat menulis artikel ini.

Seo Tips Daftarkan Juga Blog Di Mesin Pencari Ask.com

Sebelumnya saya juga menyuruh anda untuk men submit feeds blog anda di yahoo dan submit juga di bing dan yang terakhir add url di google N...

Baca selengkapnya »

Tempat Hosting Css Gratis / Free

Bingung cari tempat hosting gratisan? sekarang enggak usah bingung lagi, masih banyak tempat hosting gratisan salah satunya embah google yang baik hati, yang selalu memberikan apapun buat kita semua, dengan cuma-cuma.<br /><br />Sebenernya hosting ini bukan buat css, javascript, gambar dll. Waktu itu saya pernah nulis juga <a href="http://www.rhoedal.co.cc/2010/06/9-tempat-hosting-gratis.html">9 Tempat Hosting Javascript Gratis</a> <br /><br />Lebih baik anda langsung aja deh mendarat di <a href="http://sites.google.com/" rel="nofollow" alt="sites google" target="_blank">http://sites.google.com/</a><br />kalau sudah punya silahkan login dengan id akun anda, kalau belum punya silahkan daftar dulu.<br />Klik <b>Create Site</b><br /><br /><img alt="Gambar, Cara membuat Sites Google" height="180" src="http://lh3.ggpht.com/_a_HlMR0PCIk/SuarS-7F91I/AAAAAAAAAOA/Yvn8JLKfi-o/create-site-di-google-site%5B5%5D.jpg?imgmax=800" width="350"/><br /><br />Anda akan di bawa ke halaman pendaftaran isi form yang tersedia untuk pendaftaran, setelah selesai klik <b>Create Site</b> <br />kalau sudah jadi site yang anda buat klik <b>Create Page</b><br /><br /><img alt="Gambar, Cara membuat Sites Google" height="180" src="http://lh6.ggpht.com/_a_HlMR0PCIk/SuarY_BA2jI/AAAAAAAAAOI/BSZUqLbOXiU/create-page%5B5%5D.jpg?imgmax=800" width="350"/><br /><br />Isilah opsi yang diberikan sebagai berikut,<br /><br />1. Select a template use >> Pilih <b>File Cabinet</b><br />2. Name isi dengan ke ingin'an anda Misal <b>File</b><br />3. Pilih tombol file radio <b>Put Page at the top level </b><br />4. Klik <b>Create Page</b><br /><br />Pilih <b>Add file</b><br />Kemudian masukkan file css anda tersebut. Ingat yah file css anda harus sudah di save dalam format <b>.css</b><br /><br /><img alt="Gambar, Cara membuat Sites Google" height="180" src="http://lh5.ggpht.com/_a_HlMR0PCIk/SuarnHS2HiI/AAAAAAAAAOg/oZfyPD1RLXI/upload-file_thumb%5B2%5D.jpg?imgmax=800" width="350"/><br /><br />Setelah file anda ter upload silahkan klik kanan pada link <b>Download</b> atau <b>Unduh</b> kemudian pilih opsi <b>Copy Link Location</b><br /><br /><img alt="Gambar, Cara membuat Sites Google" height="180" src="http://lh3.ggpht.com/_a_HlMR0PCIk/SuarsuGGvRI/AAAAAAAAAOo/cs-WunjxVVE/copy-link-_thumb%5B2%5D.jpg?imgmax=800" width="350"/><br /><br />Paste kan link yang di copy ke notepad Contoh link yang saya dapat seperti ini <br /><font color="blue">http://sites.google.com/site/httpswwwrhoedalcocc/bekasi/Defaulttheme.css?attredirects=0&d=1</font><br /><br />Nah tugas anda hanya memotong sebagian link tersebut menjadi akhiran file .css<br /><br />Perhatikan yang berwarna biru dan merah <br /><font color="blue">http://sites.google.com/site/httpswwwrhoedalcocc/bekasi/Defaulttheme.css</font><font color="red">?attredirects=0&d=1</font><br /><br />Hapus yang berwarna merah hingga link yang anda dapat menjadi seperti ini <br /><font color="blue">http://sites.google.com/site/httpswwwrhoedalcocc/bekasi/Defaulttheme.css</font><br /><br />Untuk memanggil file css anda tersebut tinggal tambahkan lagi kode seperti ini<br /><br /><link rel='StyleSheet' href='<font color="blue">http://sites.google.com/site/httpswwwrhoedalcocc/bekasi/Defaulttheme.css</font>' type='text/css'/><br /><br />Yang terakhir, semoga bermanfaat...

Blogger Css Tempat Hosting Css Gratis / Free

Bingung cari tempat hosting gratisan? sekarang enggak usah bingung lagi, masih banyak tempat hosting gratisan salah satunya embah google yan...

Baca selengkapnya »

Add Url Alamat Blog Di Google

Menanggapi pertanyaan yang datang dari email saya mau beri tips sedikit agar lebih mantap di mesin pencari google, pertanyaan yang datang dari email kurang lebih seperti ini "kok blog ini cepat banget di index oleh google, dalam hitungan menit, bahkan detik sudah muncul di mesin pencarinya google, apa rahasianya" pengirimnya saya lupa nama-nya, kalau ada yang merasa, absen aja di kotak komentar.<br /><br />Sedikit tips dari saya buat memaksimalkan seo blog anda sebelumnya melakukan langkah berikut ini enggak ada salahnya baca juga tips-tips yang ini <a href="http://www.rhoedal.co.cc/2009/01/agar-cepat-terindex-di-google.html">Agar Cepat Terindex Di Google</a> optimalkan juga dengan googlebot <a href="http://www.rhoedal.co.cc/2010/05/memanggil-googlebot-secepatnya.html">Panggil Googlebot Secepatnya</a> jika sudah di baca mari kita lanjutkan lagi...<br /><br />>> Silahkan Menuju <a href="http://www.google.com/addurl/" rel="nofollow" title="google add url" target="_blank">Google Add Url</a><br />>> Pada form yang tersedia silahkan isikan alamat blog anda dan deskripsinya,<br /><br /><img alt="gambar, Cara cepat Di index google" height="300" src="http://support.ecenica.com/files/2010/02/add-url-to-google-form.png" width="350"/><br /><br />Anda juga bisa memasukkan alamat postingan blog anda, semoga bermanfaat.

Seo Tips Add Url Alamat Blog Di Google

Menanggapi pertanyaan yang datang dari email saya mau beri tips sedikit agar lebih mantap di mesin pencari google, pertanyaan yang datang da...

Baca selengkapnya »

Mengatasi Tombol Share Blogger Yang Tidak Muncul

Anda mungkin tidak mau memakai manual sosial bookmark yang kemarin kita buat bersama-sama dan anda ingin memakai button share bawaan dari blogger, tapi sudah di setting tidak tampil di halaman, buat yang belum di seting ikuti dulu langkah ini untuk menampilkan mini icon share button dari blogger<br /><br />>> Login <a href="http://blogger.com" rel="nofollow" target="_blank">Blogger</a><br />>> Rancangan<br />>> Elemen Laman<br />>> Klik Link <b>Edit</b> pada bagian kanan bawah<br /><br /><img alt="gambar, tombol share atau bagikan di blogger baru" height="250" src="http://4.bp.blogspot.com/_xJ97vQ_VYFo/TCcWEQTxxYI/AAAAAAAADTc/Ld5gGfc1DkE/s1600/2.jpg" width="350"/><br /><br />Akan muncul window baru, Centang kotak kecil pada bagian <i>Tampilkan tombol berbagi</i><br /><br /><img alt="gambar, tombol share atau bagikan di blogger baru" height="190" src="http://1.bp.blogspot.com/_xJ97vQ_VYFo/TCcWFvU9fwI/AAAAAAAADTk/f8UAiPlj4as/s1600/3.jpg" width="300"/><br /><br />Anda bisa mengatur posisi-nya dengan drag pada tombol tersebut jangan lupa disimpan... Lihat tampil atau tidak icon share tersebut, jika belum tampil ikuti lagi langkah ini,<br /><br />Cari kode seperti ini<br /><br /><font color="blue"><b:includable id='shareButtons' var='post'><br /><br /> <b:if cond='data:post.sharePostUrl'><br /></font><font color="red"><br /> <a class='share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><br /> <span class='share-button-link-text'><data:top.emailThisMsg/></span></a><br /> <a class='share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;&quot; + data:top.blogThisMsg + &quot;\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><br /> <span class='share-button-link-text'><data:top.blogThisMsg/></span></a><br /> <a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><br /> <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a><br /> <a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;&quot; + data:top.shareToFacebookMsg + &quot;\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><br /> <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a><br /> <a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;&quot; + data:top.shareToBuzzMsg + &quot;\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'><br /> <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a><br /></font><font color="blue"><br /> </b:if><br /></b:includable><br /></font><br /><br />Nah yang saya beri warna merah anda Cut atau Potong, yang berwarna biru di abaikan aja, kemudian pindahkan ke <b><data:post.body/></b> tepat di bawahnya, atau kalau tidak ada <b><p><data:post.body/></p></b><br /><br />Semoga bermanfaat...

Icon Widget Mengatasi Tombol Share Blogger Yang Tidak Muncul

Anda mungkin tidak mau memakai manual sosial bookmark yang kemarin kita buat bersama-sama dan anda ingin memakai button share bawaan dari bl...

Baca selengkapnya »

Berbagai Pilihan Font Buat Blog Dari Kernest

Terasa jenuh mungkin ia, dengan font yang itu-itu aja di tampilan blog kita... Nah tapi sekarang sudah tidak lagi seperti-nya, anda dapat melawan kejenuhan dengan mengganti font anda... Berbagai pilihan font yang cantik-cantik di tawarkan kernest.com<br /><br />Silahkan aja langsung meluncur di <a href="http://kernest.com" rel="nofollow" target="_blank">kernest.com</a> jika anda sudah mendarat disana langsung klik aja <b>Public Domain</b><br /><br /><img alt="gambar, font-font cantik keren," height="250" src="http://1.bp.blogspot.com/_xJ97vQ_VYFo/TDCh-M6edzI/AAAAAAAADbQ/biaXLK8x5H0/s1600/2.jpg" width="350"/><br /><br />Anda langsung di bawa ke halaman pilihan berbagai font yang saya bilang keren-keren dan cantik<br /><br /><img alt="gambar, font-font cantik keren," height="350" src="http://3.bp.blogspot.com/_xJ97vQ_VYFo/TDCiCrKSSpI/AAAAAAAADbY/d-EKcIM0psE/s320/3.jpg" width="300"/><br /><br />Copy lah kode yang di kasih oleh kernest.com ke notepad terlebih dahulu<br /><br /><img alt="gambar, font-font cantik keren," height="200" src="http://1.bp.blogspot.com/_xJ97vQ_VYFo/TDCiEib4aLI/AAAAAAAADbg/huDzCs-Qcr0/s1600/4.jpg" width="350"/><br /><br />Baris pertama yang dikasih adalah kode font misal-nya seperti ini :<br /><font color="red"><link href="http://kernest.com/fonts/savings-bond.css" media="screen" rel="stylesheet" type="text/css" /></font><br /><br />Taruh kode yang anda ambil seperti contoh di atas tepat di atas <b></head></b><br /><br />Untuk mengaktifkan font tersebut anda tinggal mengganti-nya, misal anda mau mengganti font header<br />misal-nya lagi anda mengambil font Savings Bond<br />jadi penulisannya seperti ini<br /><br />#header h1 {<br /> color: $pagetitlecolor;<br /> margin: 0;<br /> padding: 10px 0 0 20px;<br /> text-decoration: none;<br /> <font color="red">font-family: <b>Savings Bond</b>;<br /></font><br />}<br /><br />Menulisnya di awal dengan family, perhatikan yang berwarna merah dan saya cetak tebal di merah tersebut.<br /><br />anda juga bisa menulisnya di postingan, cara penulisiannya seperti ini<br /><br /><span style="<font color="red">font-family: <b>Savings Bond</b>;<br /></font>font-size:22px;">Tulisan anda disini</span><br /><br />Hari yang cerah untuk menulis artikel ini. Semoga bermanfaat...

Blogger Font Berbagai Pilihan Font Buat Blog Dari Kernest

Terasa jenuh mungkin ia, dengan font yang itu-itu aja di tampilan blog kita... Nah tapi sekarang sudah tidak lagi seperti-nya, anda dapat me...

Baca selengkapnya »