Cara Membuat Text Berjalan atau Marquee Bervariasi

Pernahkah sobat melihat blog seseorang yang ada text yang bisa berjalan.Bila iya,KALAU mau memasangnya berikut cara membuatnya bagi yang berminat saja memasang text berjalan atau marquee pada blognya. Saya ingin berbagi sama sobat yg belum tahu saja.Bagi yang sudah tahu silahkan bernostalgia. Text berjalan ini dalam bahasa HTML biasa disebut dengan marquee. Bahasa apaan tu..? yang jelas Ingrislah.

HTML Standar yang belum di-otak-atik adalah:

<marquee>text yang kita inginkan</marquee>

text yang kita inginkan

Ini standart marquee agar berjalan dari kanan ke kiri.Kemudian kita bisa mengembangkannya dengan menambah beberapa atribut yang bisa ditambahkan sebagai berikut :

BGCOLOR                = warna
DIRECTION               = Mengatur arah gerakan (left,right,up.down)
BEHAVIOR                = karakter gerakan (scrol,slide,alternate)

• scrol(teks bergerak berputar)
• slide(teks bergerak sekali lalu berhenti)
• alternate(teks bergerak dari kiri ke kanan lalu balik)

TITLE                      = pesan muncul saat mouse berada di atas teks
SCROLLAMOUNT   = mengatur kecepatan gerakan
SCROLLDELAY       = mengatur tenggang waktu
LOOP                      = mengatur jumlah

Yang dibutuhkan untuk membuat karya seni yang bagus adalah pemahaman mengotak-atik html tersebut.Berikut beberapa html yang telah dirubah:

Dari arah kiri ke kanan

<marquee direction="right" >dari kiri ke kanan</marquee>

dari kiri kekanan

Arah bolak-balik

<marquee behavior="alternate" >arah bolak balik</marquee>

arah bolak-balik

Dari kanan ke kiri dengan kecepatan "15"


<marquee direction="right" scrollamount="15" >dari kanan ke kiri dengan kecepatan 15</marquee>

dari kanan kekiri

Arahkan mouse text berhenti


<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">arahkan mouse teks berhenti</marquee>

arahkan mouse text berhenti

Jika ingin turun atau naik tinggal ganti direction="down" atau "up"

<marquee direction="down" width="100%" height="100">dari atas ke bawah</marquee>

dari atas ke bawah

Dengan latar belakang warna

<marquee width="50%" bgcolor="orange">dari kanan ke kiri</marquee>

dari kanan ke kiri

<div align="left"> <span style="font- family:georgia;"<>marquee scrollamount="3" behavior="alternate" width="70%" bgcolor="red">dengan warna</marquee></span></div>

dengan warna

Dengan gambar atau foto

<marquee scrollamount="3" scrolldelay="10" width="50%" height="10%"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv-NJGxPmb4iCpnUPsb39unm-Bw58AQkyDT0z-_X5TAZ0w3_SBnkyAoo_Xw4TigXrQemjkzzv_oBec0Ur18WnWKr6KX6vNBZyxI-TH39VFxB-NXEVRnhoiVA2KIcaSlsLf_zt_ccQZSR-U/s1600/logo_guestbook+Kombaghi.jpg" /></div></marquee>

Dengan Memadukan Arahan mouse text berhenti , Dengan latar belakang warna & Arah bolak-balik

<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()" bgcolor="#E20303"><span style="color:#FCF7F7;">KLIK GAMBAR DI ATAS UNTUK BUKU TAMU</span></marquee>

KLIK GAMBAR DI ATAS UNTUK BUKU TAMU

Demikian lah cara membuat text berjalan atau Marquee.Bila anda mahir merubah html tsb akan terbentuk suatu karya seni yang bagus.semoga bermanfaat

Cara Membuat Tombol Share di Bawah Posting Blog Valid HTML5

Untuk memasang tombol share di bawah posting blog juga cukup mudah, hanya dengan menambahkan sedikit kode saja yang terdapat dibawah ke dalam Edit HTML template blog maka hasilnya seperti yang tertera pada gambar di atas.Untuk itu berikut tutorial untuk Membuat Tombol Share di Bawah Posting Blog agar valid HTML5 dan full color.
1. Login ke akun blogger.
2. Masuk ke Template lalu pilih Edit HTML.
3. Copy kode berikut ini lalu taruh di atas kode ]]></b:skin>

.widgetshare {font:bold 12px/20px Tahoma !important; background: #333;border: 1px solid #444; padding: 5px 4px; color: #fff !important; margin-top: 10px;}
.widgetshare a{font:bold 12px/20px Tahoma !important; text-decoration: none !important; padding: 5px 4px; color: #fff !important; border: 1px solid #222; transition: all 1s ease;}
.widgetshare a:hover {box-shadow: 0 0 5px #00ff00; border: 1px solid #e9fbe9;}
.fcbok { background: #3B5999; }
.twitt { background: #01BBF6; }
.gplus { background: #D54135; }
.digg { background: #5b88af; }
.lkdin { background: #005a87; }
.tchno { background: #008000; }
.ltsme { background: #fb8938; }

4. Selanjutnya copy kode berikut ini, lalu taruh di bawah kode <data:post.body/>atau bisa juga <div class='post-footer'>

<div class='widgetshare'>
Share artikel ke: 
<a class='fcbok' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' rel='nofollow' target='_blank'>Facebook</a> 
<a class='twitt' expr:href='&quot;http://twittter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Twitter</a> 
<a class='gplus' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Google+</a>
<a class='lkdin' expr:href='&quot;http://www.linkedin.com/cws/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Linkedin</a>
<a class='tchno' expr:href='&quot;http://technorati.com/faves?sub=addfavbtn&amp;add=&quot; + data:post.url' rel='nofollow' target='_blank'>Technorati</a>
<a class='digg' expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Digg</a>
<script>
//<![CDATA[
var uri = window.location.href;
var ttle = document.title;
document.write("<a href='http://www.lintas.me/?c=bookmarklet&url="+uri+"&title="+ttle+"' rel='nofollow' class='ltsme'>Lintasme</a>");
//]]>
</script>
</div>

5. Langkah terakhir tinggal Simpan template lalu lihat hasilnya.

Demikian tutorial untuk Membuat Tombol Share di Bawah Posting Blog. Perlu diperhatikan dalam langkah pemasangannya, biasanya didalam template blog terdapat beberapa kode <data:post.body/> dan <div class='post-footer'>maka dari itu silahkan sesuaikan dengan template blog yang anda gunakan.

GAME Pemburu Pocong Asal Indonesia

Pemburu Pocong

Pada kali ini saya akan membagikan sebuah game yang bernama Pemburu Pocong.Pemburu Pocong ini merupakan  salah satu game PC yang sangat ringan untuk dimainkan di PC anda. Game ini adalah game buatan DivineKids yang tidak lain dan tak bukan adalah anak Indonesia.

Game ini menceritakan ada seseorang yang sedang bertapa. Ketika di pertapaannya si petapa diganggu dan digodain oleh sebungkus pocong yang nakal. Nah, sekarang adalah tugas anda untuk menjadi seorang pemburu pocong!.Bila Merasa tertarik silahkan download di bawah ini :

Screenshoot :

 Download Game pemburu pocong sekarang juga 

• Download Game Pemburu Pocong ( 400 KB)

Demikianlah Game Pemburu Pocong saya share kepada anda semoga bermanfaat .

Cara Membuat Tab Menu Laman Di Atas Header Blog

Homepage Kombaghi

Pada kali ini saya akan membagikan sebuah tutorial blog tentang Cara Membuat Tab Menu Laman Di Atas Header Blog .Untuk itu ikuti langkah berikut ini untuk memasangnya :

1. kalian masuk ke blog kalian terlebih dahulu,

2. klik opsi pilih template kemudian klik edit HTML

3. kemudian cari kode ]]></b:skin> 

4. setelah itu simpan kode dibawah ini tepat di atas kode ]]></b:skin> 

#navbar-iframe {
  height:0px; visibility: hidden; display: none;
}

5. sama seperti di atas, kode dibawah ini taruh di atas kode  ]]></b:skin>

/*--------------------------------------------------------------
Kustomisasi Bilah Menu Navigasi Di Atas Header Halaman Blog
Oleh: Bagastya H
Blog: Kombaghi:-
URL : http://kombaghi.blogspot.com/
--------------------------------------------------------------*/
.bilah-menu-atas {
  width: 100%;
  min-width: 960px;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 27px;
  font-size: 13px;
  z-index: 99;
  white-space: nowrap;
  background-color: #336699;
  background-image: -moz-linear-gradient(center top , rgb(20, 132, 206) 0%, #336699 100%);
  box-shadow: 0px 2px 0px rgb(14, 90, 140);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.kolom-utama {
  -moz-transition: all 0.2s linear 0s;
  width: 960px;
  height: auto;
  margin: 0px auto;
}

.kolom-menu {
  width: 521px;
  height: auto;
  margin: 0px 0px 0px -41px;
  float: left;
  display: inline;
}

.kolom-menu ul {
  height: auto;
margin-top: 0px;}

.kolom-menu ul li {
  float: left;
  position: relative;
  list-style: none outside none;
}
.kolom-menu ul li:first-child {
  border-left: 1px solid rgba(30, 30, 30, 0.125);
}

.kolom-menu ul li a {
  color: #ffffff;
  font-weight: bold;
  text-shadow: -1px -1px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  display: inline-block;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  position: relative;
  border-right: 1px solid rgba(30, 30, 30, 0.125);
  box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.1);
}

.kolom-menu ul li a:hover, .kolom-menu ul li a:focus {
  background-color: rgba(255, 255, 255, 0.125);
}

6. setelah selesai kemudian cari kode <body> dan simpan kode dibawah ini tepat dibawah kode tadi

<div class='bilah-menu-atas' id='bilahmenuatas'>

  <div class='kolom-utama'>

    <div class='kolom-menu'>

      <ul>

        <li><a href='http://kombaghi.blogspot.com/'><img alt='L3' height='20px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYOgpk6U3sd0X6vN1S_VYso6r5DFJpGCxt5_4QVz-FVx7z-vKloX6fHajNdN9WmmrHYUJ7llTau2Lwoi6oPtgvOrs-gv4CRRbTUNgVfNR8WoswFsSrwqU-t_k25f5Z63zQ12TfThuBsFg/s800/Beranda.png' width='25px'/></a></li>

        <li><a href='http://kombaghi.blogspot.com/'>Beranda</a></li>

        <li><a href='http://kombaghi.blogspot.com/p/daftar-isi_6.html'>Daftar Isi</a></li>

      </ul>

    </div>

    <div class='kolom-menu'>

      <ul style='float: center'>

        <li><a href='#'>Contact Us</a></li>

      </ul>

    </div>

  </div>

</div

Keterangan :
Warna Merah : Letak
Warna Kuning : Nama Link
Warna Biru : Tempat Link

pemberitahuan:

• Ganti url berwarna biru dengan link yang anda ingin tampilkan 

Laptop Pertama Di Dunia , Sejarah Komputer

GRID Compas 1101, adalah komputer laptop pertama yang pernah dibuat dirancang pada tahun 1979 oleh Bill Moggridge, seorang desainer industri Inggris. Dijual dengan harga $ 8.150, itu jelas bukan komputer untuk semua orang. Target pengguna adalah pengusaha dan pejabat pemerintah. Ini juga digunakan oleh Angkatan Darat AS di lapangan dan di NASA Space angkutan selama era 90′an.

Berat 5kg (£ 11) komputer menampilkan electroluminescent 320 × 200px, layar Eld, sebuah prosesor Intel 8086, bubble memory 340kb magnetik dan kasus magnesium alloy datar kembali. Floppy drive dan hard drive dapat terhubung ke eksternal.

Source From : Sumber Ini