Cara Menambahkan Kotak Scrol di Postingan Blog

Sempat terfikirkan bagi saya ketika saya sedang nulis  diblog yang terdapat source kode yang sangat panjang sekali sehingga bisa membuat tulisan blog panjang kebawah padahal source kode tersebut kebanyakan adalah kode htlm/css/javascript yang cuman dikopikan ke blog anda untuk memperlengap tampilan serta kode-kode html sehinggabisa mempercantik tampilan blog anda dan tidak mengganggu dari tampilan tersebut, oke tidak usah panjang-panjang banget saya perlihatkan contohnya seperti berikut,,..,.,

<style type="text/css">  
<#mode-miring,#mode-depan,#mode-pindah
{  
  width:70px;  
  height:18px;  
  border:1px solid #999;  
  box-shadow: 2px 2px 5px #aaa;  
  padding:5px;  
  font-size:12px;  
  font-weight:bold; 
  background: #faa518;  
  text-align:center;  
  -webkit-transition: all 0.4s ease-in-out;  
  -moz-transition: all 1s ease-in-out;  
  -o-transition: all 1s ease-in-out;
}>
 
#mode-miring a, #mode-depan a, #mode-pindah a
{  
  color:#000;  
  text-decoration:none;
} 

#mode-miring a:hover, #mode-depan a:hover, #mode-pindah a:hover
{  
  color:#0000ff;  
  background-color:#ffff00;  
  text-decoration:none;
} 

#mode-miring:hover
{
    -webkit-transform: rotate(180deg) scale(1);
    -moz-transform: rotate(180deg) scale(1);
    -o-transform: rotate(180deg) scale(1);
    //background:#ffff00;
-moz-transition: all 2s ease-in-out;
-webkit-transition: all 2s ease-in-out;

-o-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
}  

ul.menu-semua
{
   list-style:none;
   margin:0;
   padding:0;
} 

ul.menu-semua li
{
   display:inline-block;
   width:85px;
} 

#mode-depan:hover
{
    -webkit-transform: scale(1.3);
    -webkit-transform: translate(20px,-10px) scale(1.3);
    background:#ffff00;
}  

#mode-pindah:hover 
{
    margin-left:20px;
    padding-left:5px;
    background:#ffff00;
} 
</style>


<div id="mode-miring"><p><img src="http://readmore1234.googlecode.com/files/Banner-Blog.gif" /></p></div><br />

jika anda ingin mengganti gambarnya maka anda tinggal merubah code ini

<div id="mode-miring"><p><img src="http://readmore1234.googlecode.com/files/Banner-Blog.gif" /></p></div><br />

menjadi link gambar yang anda punya contohnya seperti ini

<div id="mode-miring"><p><img src="http://desaindigital.com/wp-content/uploads/2010/12/tutorial-ikon-bola-dunia/tutorial-ikon-bola-dunia-5.jpg" /></p></div><br />

diatas adalah contoh dari sebuah code yang sangat panjang sekali apabila tidak dipergunakan atau dimasukan kedalam sebuah postingan pasti ada sebagian yang males bacanya tapi disini saya akan memberikan sebuah kode sehingga sourcode yang panjang akan lebih irit dan tidak menghabiskan page blog silahkan copy code dibawah ini

Silahkan Masukan kode kedalam kotak ini

<div style="background-color: white; border: 1px solid rgb(191, 189, 189); height: 100px; overflow: auto; padding: 5px; text-align: justify; width: 400px;">
<blockquote class="tr_bq">
<span style="font-family: Georgia,&quot;Times New Roman&quot;,serif;"><span style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">Silahkan Masukan kode kedalam kotak ini<br /></span></span></blockquote>
</div>

Okeh kalau sudah maka tinggal simpan editan blog anda dan apabila ingin merubah kata-katanya dengan sourcode yang anda posting maka anda tinggal merubah text yang bertulisan "Silahkan Masukan kode kedalam kotak ini" dengan source code anda, baiklah segitu saja postingan yang saya tulis semoga dapat membantu serta bermanfaat bagi kelancaran blog anda.

Baca Selengkapnya

SMS GRATIS ~ Tanpa Mengeluarkan Pulsa di Internet

SMS GRATIS ~^~ Bagi kalian yang suka gratisan sms tanpa mengeluarkan pulsa sedikitpun disini ada situs yang menyediakan bagi anda yang suka smsan gratis tanpa mengeluarkan pulsa dan hanya bisa diakses diinternet

sliahkan kunjungi websitenya terlebih dahulu

Free SMS indonesia

 berikut tampilan dari situs tersebut...

dari gambar diatas disini anda memulai pertama memasukan nomer tujuan telepon yang akan diberikan sms serta pesan yang mau dikirim setelah anda selesai maka anda tinggal mengklick tombol kirim dan secara otomatis akan terkirim pesan tersebut kenomer tujuan anda, dan akan ada pemberi tahuan bahwa sms anda sudah siap dikirim, lalu apabila anda ingin melihat jaawaban dari teman anda maka tinggal klick link INBOX/check Inbox persis seperti gambar dibawah ini.

 

dan apabila anda ingin mengirim ulang sms maka tinggal klick kirim sms lagi maka secara otomatis akan segera kembali ke form pertama yang berisikan nomer dan isi pesan silahkan anda mengirim sms kembali,

inilah situs internet yang menyediakan sms gratis buat anda dan sangat favorit buat saya semoga bermanfaat silahkan dicoba...

Baca Selengkapnya

Cara Membuat Gambar Memutar pada Blog

Cara Membuat Gambar Memutar pada Blog ~ Bagi para bloger sekalian yang suka memodifikasi blognya dengan semenarik mungkin disini saya akan memberikan satu trik tentang gambar memutar apabila diarahkan oleh cursor, kini menggunakan CSS dan kode Html langsung saja simak langkah-langkahnya...
pertama anda masuk dulu  keblog
setelah itu ada laman Tata Letak disana ada Konten Tambahkan Gadget lalu anda klick dan pilih Gadget Html/Javascript, setelah jadi masukan kode ini kedalam konten yang tersedia,

<style type="text/css">  
<#mode-miring,#mode-depan,#mode-pindah
{  
  width:70px;  
  height:18px;  
  border:1px solid #999;  
  box-shadow: 2px 2px 5px #aaa;  
  padding:5px;  
  font-size:12px;  
  font-weight:bold; 
  background: #faa518;  
  text-align:center;  
  -webkit-transition: all 0.4s ease-in-out;  
  -moz-transition: all 1s ease-in-out;  
  -o-transition: all 1s ease-in-out;
}>
 
#mode-miring a, #mode-depan a, #mode-pindah a
{  
  color:#000;  
  text-decoration:none;
} 

#mode-miring a:hover, #mode-depan a:hover, #mode-pindah a:hover
{  
  color:#0000ff;  
  background-color:#ffff00;  
  text-decoration:none;
} 

#mode-miring:hover
{
    -webkit-transform: rotate(180deg) scale(1);
    -moz-transform: rotate(180deg) scale(1);
    -o-transform: rotate(180deg) scale(1);
    //background:#ffff00;
-moz-transition: all 2s ease-in-out;
-webkit-transition: all 2s ease-in-out;

-o-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
}  

ul.menu-semua
{
   list-style:none;
   margin:0;
   padding:0;
} 

ul.menu-semua li
{
   display:inline-block;
   width:85px;
} 

#mode-depan:hover
{
    -webkit-transform: scale(1.3);
    -webkit-transform: translate(20px,-10px) scale(1.3);
    background:#ffff00;
}  

#mode-pindah:hover 
{
    margin-left:20px;
    padding-left:5px;
    background:#ffff00;
} 
</style>


<div id="mode-miring"><p><img src="http://readmore1234.googlecode.com/files/Banner-Blog.gif" /></p></div><br />

jika anda ingin mengganti gambarnya maka anda tinggal merubah code ini

<div id="mode-miring"><p><img src="http://readmore1234.googlecode.com/files/Banner-Blog.gif" /></p></div><br />

menjadi link gambar yang anda punya contohnya seperti ini

<div id="mode-miring"><p><img src="http://desaindigital.com/wp-content/uploads/2010/12/tutorial-ikon-bola-dunia/tutorial-ikon-bola-dunia-5.jpg" /></p></div><br />

lihat link yang berwarna tersebut berikut adalah gambar atau code apabila anda ingin merubah gambarnya, disini saya menggunakan gambar bumi bisa dilihat perubahan dari gambar tersebut :

  jika sudah maka tinggal tekan simpan setelah itu lihat blog anda.
Semoga bermanfaat silahkan baca artikel yang lebih menarik lainnya

Baca Selengkapnya

Cara Internetan Gratis

Selamat siang sobat-sobat dan agan" sekalian sudah pastinya kalian" yang suka ngeblog pasti tidak luput dari memposting sebuah ide maupun berbagi cerita, file, applikasi serta karya" yang anda buat di blog, okeh disini saya akan membagi sebuah ilmu tentang cara buat gratisan internet, disini saya sangat baik sekali karna anda apabila mengikuti langkah saya yakin 99,9 % sesuai judulnya internetan anda akan gratis 300mb / hari jadi kalau selama 1 bulan bis dihitung lah sendiri, oke langsung saja ikuti langkah-langkahnya :

pertama secara kebetulan saya surfing diinternet dan menemukan applikasi security kiss yang memberikan gratis internet 300mb per hari, tapi gratis disini saya ralat bukan gratis internet tetep saja internet serta quotanya terkikir hanya applikasi ini memberikan bandwidth sehingga seberapa besar kita sudah menggunakan quota internetan kit, ingat akan tetapi modem dan persiapan internetnya harus diperhatikan,

kedua anda bisa download applikasi security kiss terlebih dahulu

lalu instal applikasi tersebut sesuai dengan panduan instalasi

oke setelah anda berhasil menginstal applikasi tersebut silahkan buka applikasi tersebut, gambarannya seperti ini

setelah dibuka silahkan anda pilih server yang mau anda jadikan server internet an disana ada dua server yang tersedia, ada german dan amerika kalau tidak salah silahkan pilih salah satu, lalu klick tombol connect untuk memulai internetan secara gratisan sesuai paket yang anda pilih

cukup mudah kan!!!

kalau ada yang belum mengerti silahkan komentar dibawah ini|

semoga bermanfaat,.,.

jangan lupa tinggalkan jejak anda di blog ini dengan menyukai halaman blog flasmaweb

Baca Selengkapnya