Tampilkan postingan dengan label Aksesoris blog. Tampilkan semua postingan
Tampilkan postingan dengan label Aksesoris blog. Tampilkan semua postingan

2 Membuat Tombol Home, Back To Top, Bottom, dan Refresh

Label:
Sudah 3 hari nich ga ngutak-katik blog karena terserang yang namanya penyakit flu. Jadi aja baru sempat nulis lagi sekarang. Tapi yang penting kan tetap konsisten yah dalam mem-posting blog walaupun ga bisa setiap harinya. Ga apa kan sedikit curhat nich....
Okay kita kembali ke laptop judul yah. Disini saya akan membagikan sedikit ilmu yang saya dapat lagi hasil blogwalking, yaitu membuat tombol home, back to top, bottom, dan refresh pada blog kita. Adapun fungsi tombol tersebut adalah sebagai navigasi untuk memudahkan pengunjung blog kita dalam membaca halaman postingan kita.
Adapun tampilan sebagai berikut:



Atau sobat bisa lihat pada blog saya disudut kanan bawah. Gimana sobat????? Bila tertarik ingin membuat tombol navigasi tersebut ikuti saja langkah2 di bawah ini:

1. Login ke blog sobat
2. Masuk ke Rancangan ----> Edit HTML
3. Cari kode ]]></b:skin> ( gunakan CTRL F atau F3 untuk memudahkan pencarian ), setelah dapat selanjutnya copy kode di bawah ini dan letakkan di atas kode tadi.

#mangetsu {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#mangetsu a
{
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
border:0;
}
#mangetsu img
{
border:0;
}
#mangetsu a:hover
{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

4. Kalau sudah selanjutnya cari kode </body> ,selanjutnya letakkan kode berikut ini tepat di atasnya.

<a name='ngisor-dhewe'></a>

5. Simpan templatenya.

Langkah selanjutnya tinggal memasang shortcutnya.
Copy kode dibawah ini dan bisa sobat letakkan di bawah kode <body> atau bisa juga sobat letakkan di sidebar dengan cara masuk ke Rancangan ----> Tambah Gadget ----> HTML/Javascript.

<div id='mangetsu'>
<table border='0'>
<tr>
<td><a expr:href='data:blog.homepageUrl' title='Home'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaFFzM4OmbUIv4Jpm4jIIYU282Amo-l1Tz0XTaY3xff3Cr_Q-1ke7D89fUoTQcmkDgRhUUWHWxfmDC7o302ktnXOqKwxwMo58yM18nW1IUpo6Khq1WmPD8iF8kuA59HZX4BUn-r-2nPv0/s320/home-icon2.png'/></a></td>
<td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwBoVBDSagCSzE71hEckzcChWhJXSMhrsF70DtFCBjMwhv6GlOy7ySGkeLWc_GwGpfBjsFT8jmjNMH8_zDO-6G-0kcXW5Z5WLIgv3w_ynnz5yeGyFJEz14DtMzUbTioqdzvyiA_TLPljE/s320/pre-icon1.png'/></a></td>
<td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif_U7M03TG_p1HmsyG-Dxi1FIb9IXG_AO3XuYv-kUGGxaym34kkG_WMgRDIZdpL1v-lXcftoYVVESea18vzZnwnPsXS1hn36NOZB2KRWjun9zdXLVFNQLzLunwcCHuQzIts4yPZ9ctx5o/s320/next-icon2.png'/></a></td>
<td><a href='#' onClick='window.location.reload()' title='Reload page'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgggwQT6YizwYqtwfJoB8N8adxrh6TLby5u0NS2p0hxd3NnAdG-wSu08mIKb4PqipY6jF8FE73I4bAjsO503FB9-1H-PoEOirQjO9zWo7HPXKeyodm0LTS110UvZ6tQdSl3Npnp15hJzpw/s320/refresh-icon1.png'/></a></td>
</tr>
</table>
</div>

Setelah itu simpan template.
Bagaimana sobat, mudah kan? Okey selamat mencoba dan berkreasi.

0 Cara Buat Animasi Pengetikan

Label:
Saat blogwalking kutemukan nich suatu widget yang menurutku sangat menarik perhatian mataku, yaitu widget pengetikan secara live.
Sobat bisa lihat pada tulisan selamat datang di blog ku ini atau seperti contoh di bawah ini.

Selamat datang di Blog Hadi, terima kasih atas kun

Bagaimana sobat, bila tertarik gampang kok cara membuat animasi tulisan seperti diatas.
Langkahnya sebagai berikut:
1. Silakan sobat kunjungi LiveTyping.com .
2. Selanjutnya akan tampil kotak tempat penulisan sobat. Silakan sobat ketik kalimat yang sobat inginkan. Setelah selesai klik tombol ENVILEN.

3. Selanjutnya pilih Code for a site or blog untuk mendapatkan kode HTML yang akan dipasang di blog sobat.
4. Selanjutnya seperti biasa sobat langsung aja login ke blog sobat.
5. Pilih Rancangan --> Pilih lokasi tempat tambah Gadget
6. Pilih HTML/Javascript, lalu pastekan kode tersebut.
7. Simpan dan selesai.

Okay sampai disini dulu yah.....semoga bermanfaat.

5 Cara Meningkatkan Alexa Rank

Label:
Saya yakin setiap blogger menginginkan Pagerank tinggi dan Alexa Rank yang kecil , apalagi bagi para publiser yang bergelut dalam bisnis online. karena suka ada persyaratan minimal rank Alexa.sekian.dll, Untuk itu kali ini saya akan coba share tentang Tips Pasang Alexa Tollbar Dan Alexa Widget,  hal ini didasarkan kepada pemikiran bahwa toolbar dan widget Alexa katanya merupakan salah satu sarana untuk menaikan page rank tersebut.


Sebelumnya mari kita cari tahu dulu Tips Meningkatkan Ranking Alexa menurut beberapa referensi yang saya baca, diantaranya :
  1. Blogwalking Ini adalah cara manual yg paling ampuh, setiap blogger pasti melakukannya termasuk kedalam blogwalking ini adalah kunjung mengunjungi, tukeran link, Submit Blog ke Search Engine , berkomentar dan membalas komentar apalagi jika berkomentar di blog dofollow, dll.
  2. Pasang Alexa Toolbar 
    Menginstal Toolbar Alexa pada browser katanya akan bisa meningkatkan ranking blog/website kita, karena  akan terjadi penambahan ranking point  dari Alexa.
  3. Bookmark  Blog Sebagai Homepage Browser
    Setelah menginstal Alexa Toolbar, selanjutnya adalah mem-bookmark blog anda sebagai homepage di komputer yang sering digunakan untuk browsing (baik itu dirumah, dikantor, diwarnet atau dimana saja), makin banyak makin bagus. Logikanya kalau ada 50 komputer homepage nya blog anda maka setiap orang yang membuka browser tersebut  maka yang pertama tampil adalah blog anda dan ini akan menjadi traffic tersendiri , cara menjadikannya hompage lihat tuh.. dibagian bawah.
  4. Pasang Widget Alexa Rank 
    Cara pasangnya lihat postingan saya tentang Cara Pasang Widget Alexa Rank Di Blog sebelumnya.
  5. Tulis artikel Tentang Alexa
    Tulis artikel tentang Alexa misalnya seperti yang sedang sobat baca ini dan ajak para pembaca untuk men-download Alexa Toolbar.
  6. Label atau Kategori Alexa Pada Artikel                                                               Saat membuat artikel tentang Situs Alexa, selalu gunakan label atau kategori dengan keyword :  alexa, alexa rank, alexa traffic rank, rangking alexa, dan lain sebagainya. 
  7. Update Blog atau Web                                                                               Update blog ini akan lebih baik jika berkala atau secara teratur misalnya 3 hari sekali minimal 1 artikel.
  8. Berdoa…


Cara Memasang Alexa Toolbar di Browser
  1. Kunjungi situs Alexa untuk instal atau downloadnya disini 
  2. Ada dua pilihan yang tersedia yaitu Toolbar Dan Statusbar . Klik tombol  “ Instal Alexa Toolbar “  , untuk diinstall sebagai browser toolbar atau klik tombol  “ Install as Statusbaruntuk diinstall sebagai statusbar.
  3. Sekarang baru tersedia  Toolbar untuk Firefox dan Internet Explorer  saja.
Toolbar
 clip_image004[4]
Statusbar
clip_image005[4]
Cara Menjadikan Blog Sebagai Homepage Browser
* Untuk Mozilla Firefox  :


  1. Pilih menu Tool atau alat dibagian atas, lalu pilih Option atau Pengaturan
  2. Kemudian pilih  Main,
  3. Pada  When Firefox starts. Pilih Show my home page yang ada disampingnya.
  4. Masukan URL Blog anda pada kotak  Home Page. Contoh punya saya  : http://hadi-99.blogspot.com
    home
  5. Jangan lupa klik ok
* Pada Internet Explorer : Sama  pilih tools , kemudian Internet Options, dst.


Sumber: http://saungweb.blogspot.com


2 Cara Pasang Meta Tag Dan Claim Blog Anda

Label:





Pada posting sebelumnya, saya membahas bagaimana Cara Pasang Widget Alexa Di Blog sobat. Untuk tahap selanjutnya, agar dapat memberikan hasil yang lebih baik di pencarian situs Alexa sobat harus Pasang Meta Tag Alexa dengan meng-claim blog sobat ke situs alexa.

Berikut caranya :

Silahkan Login ke alexa.
Jika sobat belum mendaftar ada baiknya mendaftar dulu, silahkan klik register yang terdapat pada bagian kanan atas. Selanjutnya sobat diminta untuk mengisi form yang sudah di sediakan, jika sudah klik register.
Cek email sobat, untuk mendapatkan password dan informasi login.
Jika sudah login ke alexa silahkan klik For Site Owners pada tab menu di atas.
Kemudian klik Claim your site


Selanjutnya sobat diminta memasukkan alamat URL blog sobat dan klik Claim your site seperti gambar dibawah ini:


Pada halaman berikutnya ada dua pilihan, silahkan sobat pilih yang kedua kemudian copy kode Meta Tag nya dan letakan di blog sobat tepat di bawah code <b:include data='blog' name='all-head-content'/> Jika Sudah Klik Simpan. Kemudian sobat balik kembali ke halaman Alexa lalu klik Verify My Meta Tag. Sampai disini proses telah selesai.



Selamat mencoba dan semoga bermanfaat.

0 Cara Pasang Widget Alexa Rank Di Blog

Label:

Pada postingan saya kali ini, saya akan membahas bagaimana saya memasang widget Alexa Rank pada blog saya. Pastinya sebagian besar sobat blogger sudah tahu ( buat yang sudah tahu lewati aja yah postingan saya ini), dan pastinya ada juga sebagian kecil yang belum memasang widget alexa rank pada blog nya. Sedikit keterangan tentang Alexa Rank adalah website yang menjadi bagian dari Amazon.com dan menyediakan informasi  mengenai  trafik suatu website. Alexa rank dapat dijadikan gambaran mengenai jumlah pengunjung  yang mendatangi suatu blog dan terekam Alexa. Jadi semakin kecil peringkat alexa nya, hampir dipastikan blog tersebut ramai pengunjungnya.

Nah dengan semakin kecil nilai Alexanya suatu blog, biasanya mempunyai nilai jual yang tinggi bila blog tersebut bertujuan untuk internet marketing, karena dapat dipastikan pemasang iklan suatu blog tentunya hanya mau memasang iklan mereka pada suatu blog yang ramai pengunjungnya.
Okay, tanpa perlu berlama-lama lagi, yuk kita langsung saja ke langkah-langkah memasang widget Alexa di blog sobat.
Caranya sebagai berikut :
  • Masuk ke www.alexa.com lalu pada Widgets klik Get Traffic Widgets scroll pada bagian bawah maka akan terlihat seperti gambar ini
kemudian pada kotak tersebut isikan url blog kita, misalnya url blog kita http://blogsaya.blogspot.com/ maka cukup masukkan blogsaya.blogspot.com saja, jika sudah klik "Build Widget". Maka akan muncul 3 buah kotak kode script, silahkan pilih widget sesuai pilihan sobat, kemudian copy kode script tersebut.
  • Selanjutnya login ke Blog sobat, pada halaman Dasbor klik Rancangan >> Tambah Gadget >> Pilih HTML/javascript dan paste kode script tersebut. Simpan dan selesai.


Selamat mencoba dan semoga bermanfaat...!

2 Cara membuat Headline News Di Blog

Label:
Hmmmm.....saat asyik blogwalking ke blog tetangga, kutemukan teknik mempercantik tampilan blog kita dengan memasang  widget headline news yang menampilkan postingan terbaru kita. Mungkin sobat pernah dong membuka website detik.com atau situs berita terkenal lainnya. Biasanya kita akan melihat teks berjalan di atas ataupun di bawah postingan, nah itulah yang namanya headnews.
Sebelum melangkah lebih jauh, mungkin bagi sebagian besar blogger sudah mengetahuinya dan postingan saya ini sudah basi, tapi buat yang belum tahu yah hal ini tentu hal yang baru dong. So.....buat yang sudah tahu lewati aja postingan ini, tapi buat yang belum tahu dan ingin membuat blog nya tampil lebih atraktif, kita langsung aja yah gimana cara membuat headline news yang dimaksud.

Langkah-langkahnya sebagai berikut:
1.  Login ke Blogger sobat
2.  Pilih Edit Tata Letak
3.  Pilih Tambah Widget
4.  Pilih HTML/Javascrtpt
5.  Copy Paste Kode di bawah ini :

<script type="text/javascript"
> var hn_url_blog = "http://hadi-99.blogspot.com";
var hn_jumlah_post = 7;
var hn_warna_latar = "#EEEEEE";
var hn_warna_garis = "#000000";
var hn_posisi = "bottom";
var hn_tampilkan_judul = true;
var hn_backlink = false;
</script> <script src=" http://wittoblog.googlecode.com/files/Headline-wito1.js "> </script>

Berikut adalah penjelasan tentang variabel-variabel di atas:
* hn_url_= ganti dengan URL blog sobat
* hn_jumlah_post = jumlah judul artikel yang ingin sobat tampilkan pada headline news.
* hn_warna_latar = kode warna untuk latar belakang headline news.
* hn_warna_garis = kode warna untuk garis bingkai/border headline news.
* hn_posisi menentukan posisi headline news sobat apakah di atas ("top") atau di bawah ("bottom"),
* hn_tampilkan_judul bernilai true kalau kamu ingin menampilkan tulisan "Headline news of BLOGSOBAT" di bagian kiri dan bernilai false jika tidak ingin menampilkannya,
* hn_backlink bernilai true kalau kamu ingin menampilkan backlink ke blog ini dan false jika tidak.

6. Terakhir simpan dech....

Selanjutnya sobat tinggal lihat dech tampilan Headline News pada blog sobat. Gimana....gampang kan?


Sumber : http://www.t-w-t.co.cc

0 Cara Menambah Emoticon Pada Kotak Cbox

Label:
Pada postingan sebelumnya, saya telah mempostingkan Cara Memasang Kotak Cbox di blogspot. Nah kali ini saya juga akan membagikan ilmu tentang bagaimana saya menambahkan dan mengganti semua emoticon bawaan Cbox pada kotak Cbox saya. Tulisan ini saya buat sekadar catatan saya dan mungkin juga bila ada para newbie yang belum tahu cara mengganti emoticon Cbox. Buat yang sudah mengerti lewati saja postingan saya ini.punkpunk
Okay kita langsung saja yah sobat.
1.Pertama, login ke www.cbox.ws

2.Login ke akun Cbox yang sebelumnya sobat telah buat.

3. Pilih option >> smile.



4. Setelah itu sobat akan masuk ke halaman Edit Emoticons Cboxnya.

5. Untuk pilihan emoticonnya, sobat bisa pilih dari situs http://www.addemoticons.com/  (ini yang saya pakai, bila sobat punya pilihan sendiri silakan saja). Buka di new tab jendela pada browser.

6. Selanjutnya sobat tinggal mengganti semua kode URL dengan kode emoticon yang sobat pilih. Untuk mengetahui URL alamat emoticon yang sobat pilih, caranya dengan klik kanan mouse sobat pada gambar emoticonnya, pilih "Salin Lokasi Gambar", terus paste pada kotak URL di cbox tempat emoticon yang mau diganti. Begitu seterusnya sampai semua URL terisi.

7. Bila masih kurang, sobat bisa menambahkan emoticon nya dengan cara klik tab NEW ROW yang ada dibawah.
Perhatikan gambar di bawah ini:


8. Jika sudah selesai semua, lalu klik Save,

9. Berikutnya kita tingggal mendapatkan kode HTML yang akan kita pasang pada blog kita. Langsung saja menuju tab Publish, copy paste  kode script Cbox barunya ke dalam konten HTML/Javascript sobat.

10.Proses selesai sudah dan lihat perubahan Emoticons barunya pada Cbox Chat sobat.


Selamat mencoba dan semoga bermanfaat yah....

0 Cara Memasang Kotak Cbox

Label:
Pada postingan kali ini saya akan menulis tutorial cara memasang kotak Cbox pada blogspot. Pastinya sudah banyak sekali blog2 yang menuliskan ini, tapi buat para newbi seperti ku ini, tidak ada salahnya kan memposting kembali sekalian membuat catatan pribadi buat ku. Sebelumnya saya telah memilih shoutmix untuk chat dan buku tamu ku, tapi karena ada sesuatu yang error (shoutmix tidak bisa memasukkan url/link lagi), maka dengan sangat berat hati shoutmix yang telah kupasang sebelumnya kuganti dengan Cbox. Buat teman2 yang sebelumnya sudah tinggalin komentar pada shoutmix ku, aku minta maaf yah.

Dari hasil googling kesana-kemari akhirnya aku ketahui penyebab kenapa kita ngga bisa memasukkan url web atau blog kita, yaitu karena IP address yang berasal dari indonesia udah di banned sama shoutmix, alasannya sih karena terlalu banyak yang makai gratisan dan akhirnya segala aktifitas shoutmix yang berasal dari IP address Indonesia bakalan di jamin tidak akan muncul tuh link nya.

Nah itulah alasan saya akhirmya memutuskan untuk mengganti Shoutmix dengan Cbox. Okay sekarang kita langsung aja yuk gimana cara membuatnya.

Pertama:
Kita ke web Cbox yang dimaksud di http://cbox.ws/.

Kedua:
Klik Get your own free Cbox now!. 
Selanjutnya sobat akan diminta mengisi form yang ada. Setelah sobat berhasil membuat account, dan login maka akan terlihat menu-menu seperti ini.





 Adapun fungsi-fungsinya sebagai berikut:

Menu Look & Feel









Layout Options >> Di sini sobat dapat mengatur lebar dan tinggi kotak shoutbox, jumlah  pesan yang akan ditampilkan max 20.
Style Gallery >> Di sini sobat akan melihat berbagai macam style dari kotak shoutbox. Pilih salah satu dulu, nanti bisa di edit lagi kok.
Edit Style >> Nah... di sinilah tempat sobat berkreasi, sobat bisa merubah warna background, warna text, ukuan huruf, dll
Edit css >> Tempatmu untuk mengedit css. Biarkan saja jangan diubah-ubah bila sobat tidak paham kode css.

Menu Option









Posting Options >> Tempat untuk mengatur panjang karakter yang boleh di posting. Max 200 karakter.
Date Options >> Tempat mengatur tanggal dan waktu
Smilies >> Di sini tempat smile-smile berada, bisa ditambahi juga lho.... kalo bosan dengan yang default. Atau sobat bisa ganti semuanya dengan emoticon baru semua. Untuk tutorialnya sobat bisa klik .
Filtering >> Untuk memfilter kata-kata yang tidak diinginkan (tapi menu ini untuk premium alias bayar dulu)

Dan menu yang terakhir adalah Menu User & Access dan Message. menu ini hanya untuk yang premium, buat kita yang pakai gratisan tidak bisa menggunakan nya.
Setelah selesai dan sudah puas dengan shoutboxmu, pilih Publish. Di sana sudah ada kode HTML yang bisa sobat langsung copy ke widget sobat. Sampai disini proses pembuatan Cbox selesai.

Selanjutnya untuk menempatkan kode HTML Cbox tadi pada blog sobat, silakan ikuti langkah-langkah berikut ini:
1. Seperti biasa log in dulu ke blogger sobat.
2. Pilih Rancangan
3. Tambah Gadget ----> Html/javascript
4. Paste kode HTML Cbox sobat yang sebelumnya sudah sobat dapat. Beri Judul gadget nya misalnya BUKU TAMU atau bila ingin dikosongkan isi dengan kode <!---->
5. Selanjutnya simpan template sobat.
6. Selesai.

Untuk membuat tampilan buku tamu terlihat melayang seperti punyaku, sobat dapat lihat caranya pada postingan saya berikut ini:



Selamat mencoba dan semoga bermanfaat.

Sumber: http://herzafen.com

3 Cara Membuat Tombol Pada Postingan

Label:
Terkadang pastinya sobat dalam mem-posting suatu artikel ingin dong tampilannya sedikit ada variasi dalam tulisan sobat, entah dengan ingin menampilkan efek tulisan berkedip, tulisan berjalan/bergerak, dan lain-lain. Nah disini saya hanya akan membahas bagaimana menampilkan efek button/ tombol pada tulisan yang sobat ingin tampilkan berbeda dari tulisan lainnya.
Okay kita langsung aja yuk ke hal yang saya maksud tersebut.

Pertama:
Tulisan yang dibentuk dengan efek tombol/button tapi tidak mengandung link.



Cara membuatnya:
<button>TULISAN DENGAN TOMBOL</button>

Kedua:
Tulisan yang dibentuk dengan efek tombol/button yang mengandung link.



Cara membuatnya:
<a href="http://hadi-99.blogspot.com/2010/07/cara-membuat-tombol-pada-postingan.html"><button>TULISAN DENGAN TOMBOL </button></a>

Ketiga:
Tulisan yang dibentuk dengan efek tombol/button yang mengandung link dan terbuka pada jendela baru.



Cara membuatnya:
<a href="http://hadi-99.blogspot.com/2010/07/cara-membuat-tombol-pada-postingan.html" target="blank"><button>TULISAN DENGAN TOMBOL</button></a>

CATATAN:
Tulisan warna merah sobat ganti dengan alamat link sobat.
Tulisan warna biru sobat ganti dengan tulisan yang akan diberi efek button/tombol.

Okay sampai disini dulu yah postingan ku kali ini. Oh yah buat sobat2 yang ingin buat tampilan border pada kode HTML seperti postingan ini, sobat bisa .

Selamat mencoba dan semoga bermanfaat.

2 Aneka Bentuk HTML Border Untuk Postingan

Label:
Dibawah ini adalah contoh beberapa bentuk borderan yang aku dapat dari hasil blogwalking pada blog tetangga yang mungkin bisa sobat pakai dalam postingan. Bila sobat tertarik bisa menggunakannya. Ini macam-macam borderan yang aku maksud:


<div style="border: 10px solid rgb(221, 221, 255); color: midnightblue; font-size: 18px; line-height: 23px; margin: 0pt; padding: 15px; text-align: justify;">TULISAN SOBAT DI SINI</div>

<p style="border: solid 10px #99aabb; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #191970; font-size: 18px">TULISAN SOBAT DI SINI</p>

<p style="border: solid 10px #005588; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #191970; font-size: 18px">TULISAN SOBAT DI SINI</p>


<p style="background: #ddddff; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #191970; font-size: 18px">TULISAN SOBAT DI SINI</p>

<p style="background: #99aabb; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #191970; font-size: 18px">TULISAN SOBAT DI SINI</p>

<p style="background: #005588; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: white; font-size: 18px">TULISAN SOBAT DI SINI</p>


<p style="border: solid 10px #99aabb; background: #ddddff; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #191970; font-size: 18px">TULISAN SOBAT DI SINI</p>

<p style="border: solid 10px #ddddff; background: #99aabb; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #191970; font-size: 18px">TULISAN SOBAT DI SINI</p>

<p style="border: solid 10px #ddddff; background: #005588; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: white; font-size: 18px">TULISAN SOBAT DI SINI</p>


<p style="border: dashed 5px #ddddff; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #191970; font-size: 18px">TULISAN SOBAT DI SINI</p>

<p style="border: dashed 5px #99aabb; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #191970; font-size: 18px">TULISAN SOBAT DI SINI</p>

<p style="border: dashed 5px #005588; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #191970; font-size: 18px">TULISAN SOBAT DI SINI</p>


<p style="border: dotted 3px #ddddff; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #191970; font-size: 18px">TULISAN SOBAT DI SINI</p>


<p style="border: double 10px #ddddff; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #191970; font-size: 18px">TULISAN SOBAT DI SINI</p>


<p style="border: ridge 10px #ddddff; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #191970; font-size: 18px">TULISAN SOBAT DI SINI</p>


<p style="border: solid 10px #ddddff; padding: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; margin: 0; text-align: justify; line-height: 23px; color: #191970; font-size: 18px">TULISAN SOBAT DI SINI</p>


<p style="border: solid 10px #99aabb; background: #ddddff; padding: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; margin: 0; text-align: justify; line-height: 23px; color: #191970; font-size: 18px">TULISAN SOBAT DI SINI</p>



CATATAN:
Untuk mengganti warna border: ganti kode warnanya pada kode "color : (kode warna)"
Untuk mendapatkan kode warnanya bisa sobat klik
Semoga bermanfaat dan selamat mencoba. 

Special Thanks for:    http://prasutan.blogspot.com

0 Emoticon Lucu

Label:
Sewaktu blog walking ke negeri seberang, kutemukan ikon2 yang menurutku cukup bagus dan lucu. Maka biar ga kehilangan ikon menarik tersebut, ku posting aja dech pada postingan ku kali ini. Mungkin suatu saat ikon2 ini kupakai dalam postingan ku. Untuk menggunakan ikon pada postingan, bila ada sobat yang belum mengerti caranya bisa klik disini. Oh yah, ini nich emoticon lucu yang kudapatkan itu. Silakan sobat ambil bila ada yang suka juga yah.....
smile biggrin cool thumbsup w00t wub heart man_in_love punk yes  
 
  
 




Cukup dulu deh gambarnya yah sobat. Semoga bermanfaat.
 
BLOG HADI © 2010 | Designed by Blogger Hacks | Blogger Template by ColorizeTemplates