Cara Membuat Box/ Kotak Code Scrip Pada Postingan Blog

Kali ini saya akan mebahas tentang bagaimana cara membuat BOX/ Kotak Code Script, Dalam Postingan ini akan diberikan beberapa contoh kotak box dalam postingan. jika sobat blogger suka bisa langsung digunakan.

Berikut ini adalah contoh-contoh Box/ Kotak Code Script dalam Postingan.

inset border

<div style="border: 3px #006400 inset; padding: 10px; background-color:#d5839f;
text-align: left;">
....kode script sahabat....</div>

otset border

<div style="border: 3px #5f200e outset; padding: 10px; background-color:#d9da81;
text-align: left;">
....kode script sahabat....</div>

double border

<div style="border: 3px #5f200e double; padding: 10px; background-color:#82CAFA;
text-align: left;">
....kode script sahabat....</div>

dotted border

<div style="border: 2px #1B1A76 dotted; padding: 10px; background-color:#c2c2c2;
text-align: left;">
....kode script sahabat....</div>

dashed border

<div style="border: 2px #610b38 dashed; padding: 10px; background-color:#57AA52;
text-align: left;">
....kode script sahabat....</div>

scroll box

<div style="border: 2px #006400 solid; padding: 10px; background-color:#82CAFA;
overflow: auto; height: 50px; width: 300px; text-align: left;">...................kode script sahbaat.............</div>

Nah sekarang langsung saja pada tutorialnya:
selayaknya kita mau membuat postingan seperti biasa lalu pilih salah satu script di atas kemudian copas pada postingan dalam bentuk HTML di pos editor blogger saat posting artikel atau semacamnya. sahabat bisa rubah ukuran border, warna border, ukuran border, backgraud sesuai keinginan sahabat.

Selamat mencoba!!!!!

Readmore »

Memberi Efek Ketupat Pada Blog

Nah sekarang bagaimana cara memberikan efek ketupat seperti di bawah ini.

Langsung saja, untuk membuat efek seperti di atas tutorialnya seperti ini: Masuk ke akun blogger terlebih dahulu ==> Pergi ke Rancangan Template ==> Edit HTML==>
Kemudian cari kode ]]></b:skin> ==> Lalu pastekan script di bawah ini tepat di atasnya kode ]]></b:skin> ==> setelah itu save

/*--Hover--*/
.post img {
border-radius: 30px 0 30px 0;
-moz-border-radius: 30px 0 30px 0;
-webkit-border-radius: 30px 0 30px 0;
-o-border-radius: 30px 0 30px 0;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.post img:hover {
box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.5);
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
-o-border-radius:0;
}

Selamat Mencoba....!!!!

Readmore »

Membuat Gallery Photo Di Blog

Kalau pada postingan sebelumnya saya membahas tentang bagaimana cara Membuat Album Foto Pada Blog, maka kali ini saya akan membahas tentang hal yang sama namun tampilannya jauh berbeda. kamu bisa lihat pada tampilan galeri di bawah ini:

Gimana, menarik bukan??? Tertarik?? ikuti tutorialnya di bawah ini. Untuk memmbuat Gallery Photo pada blog pertma yang harus kamu lakukan adalah:

1. Buat postingan selayaknya kamu membuat artikel atau semacamnya, dalam membuat postingan pilih             metode HTML.
2. Kemudian pastekan Kode script di bawah ini pada postingan kamu
3. Selanjutnya kmu ganti Tulisan yang berwarna dengan URL foto kmu. Untuk mengetahui url fotonya kmu bisa upload foto kamu di bawah kode script ini kemudian pastekan pada tulisan yang berwarna tadi.

<div class="snap_preview">
<style type="text/css">
.gallery {
margin: auto;
}
.gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%; }
.gallery img {
border: 2px solid #cfcfcf;
}
.gallery-caption {
margin-left: 0;
}
</style>
<br />
<div class="gallery snap_nopreview">

<dl class="gallery-item">
<dt class="gallery-icon">
<a href="IMAGE URL 1" target="_blank"><img alt="alt anda" class="attachment-thumbnail" height="96" src="IMAGE URL 1.jpg" title=" title anda" width="128" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon">
<a href="IMAGE URL 2" target="_blank"><img class="attachment-thumbnail" height="96" src="IMAGE URL 2" title="TITLE ANDA" width="128" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon">
<a href="IMAGE URL 3" target="_blank"><img class="attachment-thumbnail" height="96" src="IMAGE URL 3" title="TITLE ANDA" width="127" /></a>
</dt>
</dl>
<br />
<dl class="gallery-item">
<dt class="gallery-icon">
 <a href="IMAGE URL 4" target="_blank"><img alt="Fs-Calm" class="attachment-thumbnail" height="96" src="IMAGE URL 4" title="Rudi Photo's" width="127" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon">
<a href="IMAGE URL 5" target="_blank"><img alt="Fs-Calm" class="attachment-thumbnail" height="96" src="IMAGE URL 5" title="Fs-Calm" width="128" />
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon">
<a href="IMAGE URL 6" target="_blank"><img alt="Fs-Calm" class="attachment-thumbnail" height="96" src="IMAGE URL 6" title="Book" width="128" /></a>
</dt>
</dl>
<br />
<br style="clear: both;" /></div>
 </div>

Selamat Mencoba,, Semoga Berhasi.......!!

Dan jangan lupa, jika tampilan foto ingin berefek ketupat seperti di atas kamu bisa liha bagaimana cara Memberikan Efek Ketupat Pada Blog. 

Readmore »

Bahagia Karenanya

                                                                                                Minggu, 03/03/13

Pg Blog,,,
Temani aku curhat yuk,,,,!!!

Tau gak knp aku minta kmu temeni aku curhat??

sekarang hatiku terasa berbunga-bunga, seneng tiada tara saat dia mulai merespon aku dengan baik. tp sayangnya aku gak tau tentang perasaannya, cinta apa gak sama aku??? tp yang jelas dari tadi malem ia hadir membawa seribu warna dalam hatiku, tadi pagi kucoba tulis semua perasaanku dlam bentuk status di facebook, biar dia tau klo Q mencintainya bkan sekedar main-main. Tp mengapa ea setiap kali Q ngajak dia ketemuan selalu bilang sibuk. tp biarlah, ntar pada waktunya yang pas pasti kita akan terus bersama.

kmu tau gak, gimana caranya agar aku bisa tau tentang perasaan dia yang sebenarnya??

hemmmmmmmzzzzzzz

======================================================================

Readmore »

Nilaiku Hancur (Nyesel)

                                                                                                        Kamis, 28/02/2013

kesel, kesel, kesel,,,,,,,,,,,,,,,,,,,,,,,,,

Masak pak hendrik g bsa sedikitpun ngasih toleransinya buat Q. Tp salahku juga seh, kemaren-kemarennya aku jarang masuk jadinya gni deh, ribet pada akhirnya,,,, ea maklumlah,, aku jarang masuk  karena aku cari kerja buat ngeringanin biaya hidup Q dan beban orang tua aku,,,,

Nilaiku sekarang hancur,, aku jadi iri sama temen- temen aku, tp gak apa apalah, smua itu akan aku syukuri apa adanya, yang penting semangat mengarungi samudra tetap terpancar dalam diri, akan ku buktikan siapa yang lebih sukses nanti antara aku dan kalian kalian semua (temen-temen) aku.
==========================================================

Readmore »

Sekilas Curhatan Pagi

                                                                                                        Kamis, 28/02/2013

Pagi Blogg....!!

Tau gak knpa aku  kyak orang yang tak bersemangat gitu?? Pagi ini dia tidak ngabarin aku lagi, aku hawatir,,,,,takutnya dia emank gak pernah da perasaan sedikitpun sama aku,  dia jarang ngabarin aku kecuali aku yang ngabarin dia terlebih dahulu. Aku takut aku hanya merindu buta tanpa arah tujuan untuk kepastian.

======================================================================

Readmore »

Tempat Curhat baru

                                                                                                          Rabu, 27/02/2013

Pagi  Dunia.....!!!

Sepertinya sudah lama aku tidak menuai isi dari hatiku dalam  curhatan rahasia ini  ea???

Dulu aku hanya punya satu teman curhat yang setidaknya ya  bisa bikin hati ini sedikit terasa tenang. Kmu  tau itu??? pasti bilang gak  tau?? Dulu temanku hanya sebatas kertas putih saja, dia terlalu baik padaku  sampe'-sampe' dia rela berkorban  demi aku, dia rela kotor demi  memfasilitasi oretan tinta yang  terinspirasi dari  lubuk hati ini, ku jadikan dia tempat curhat dalam hidupku. Kertas putih,,,, terima kasih  atas semuanya ea, atas kesediaanmu  dalam temani hidupku  selama ini..

Blogg,,,
Aku ingin kau bisa sepeti teman lamaku "kertas  putih" itu, temani hidupku, menampung semua isi hatiku, biar nanti menjadi sejarah abadi tentang sosok sang  pemimpi ini. Kmu tau  tentang  mimpiku??  Mimpiku jauh tinggi  menjulang di atas  cakrawala, ingin mengarungi dunia ini, mulai dari sukses berkarir, sukses dalam cinta abadi, sukes untuk menjadi orang yang berguna dan bisa membahagiakan  kedua orang  tua ku terutama,,,,

Blogg,,,,

Hari ini hatiku tersa senang karena  ada kau disisiku, terima kasih ea atas  kesediaannya.....

Thanks verry much,, you're my life...

=======================================================

Readmore »