Download Buku Bahasa Arab Gratis

Download Buku Bahasa Arab Gratis Mulai Dari Tingkat Skolah Dasar SMP SMA.

This is default featured post 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

Bisnis Tiket Pesawat

Cek Harga Tiket Pesawat Booking Tiket Pesawat dan Print/Cetak Sendiri.

Thursday, December 10, 2015

Cara Membuat Widget Marquee / Widget Berjalan Ke Atas

kali ini admin mau share "cara membuat widget berjalan keatas"
jadi contohnya untuk banner 88x31 jalan ke atas hehe

nah langsung saja yo

caranya :
1. buka blogger dasbor
2. tata letak> add a widget / tambahkan widget
3. pilih HTML/Javascript nah kemudian kamu copy code dibawah ini :


<marquee align="center" direction="up" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="210">Taruh text / script banner anda disini </marquee></div>



200 adalah tinggi kolom link text.
210 adalah lebar nya yang bisa anda ubah sesuai keinginan anda.
Linx text yang di taruh di kolom ini akan berhenti berjalan jika cursor mouse di dekatkan.

Berikut ini Macam-macam untuk tulisan berjalan.

1. Teks Berjalan dari kanan

Selamat Belajar Buat Blog

Berikut kodenya:

<marquee>Selamat Belajar Buat Blog</marquee>
2. Teks Berjalan dari kanan (Bisa diStop)

Selamat Belajar Buat Blog

Berikut Kodenya:
<marquee onmouseover="this.stop()" onmouseout="this.start()">Selamat Belajar Buat Blog</marquee>
3. Teks Berjalan dari Kanan

Selamat Belajar Buat Blog

Berikut Kodenya:

<marquee direction="right">Selamat Belajar Buat Blog</marquee>
4. Teks Berjalan Bolak-Balik

Selamat Belajar Buat Blog

Berikut Kodenya:
<marquee behavior="alternate">Selamat Belajar Buat Blog</marquee>
5. Teks Berjalan Bolak-Balik dengan Cepat

Selamat Belajar Buat Blog

Berikut Kodenya:
<marquee behavior="alternate" scrollamount="18">Selamat Belajar Buat Blog</marquee>
6. Teks Berjalan Bolak-Balik (Bisa diStop)

Selamat Belajar Buat Blog

Berikut Kodenya:
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">Selamat Belajar Buat Blog</marquee>
7. Teks Berjalan ke Atas

Selamat Belajar Buat Blog

Berikut Kodenya:
<marquee direction="up">Selamat Belajar Buat Blog</marquee>
8. Teks Berjalan ke Atas (Bisa diStop)

Selamat Belajar Buat Blog

Berikut Kodenya:
<marquee direction="up" onmouseover="this.stop()" width="100%" scrollamount="2" onmouseout="this.start()" height="100">Selamat Belajar Buat Blog</marquee>
9. Teks Berjalan di Tengah Ruang Kasat (ke Atas)

Selamat Belajar Buat Blog

Berikut Kodenya:
<marquee direction="up" width="100%" scrollamount="2" height="100" align="center">Selamat Belajar Buat Blog</marquee>
10. Teks Berjalan ke Bawah

Selamat Belajar Buat Blog

Berikut Kodenya:
<marquee direction="down" width="100%" height="100">Selamat Belajar Buat Blog</marquee>
11. Teks Berjalan dengan Variasi Huruf Berwarna Latar

&ltFONT FACE="georgia" color="White">

Selamat Belajar Buat Blog

Berikut kodenya:
<div align="left">&ltFONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">
Selamat Belajar Buat Blog
</MARQUEE></b></FONT></div>
12. Teks Berjalan dengan Link



Selamat Belajar Buat Blog


Selamat Belajar Buat Blog


Selamat Belajar Buat Blog



Berikut kodenya:
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href="http://t4belajar-ilmu.blogspot.co.id" target="new">Selamat Belajar Buat Blog</a><br/>

<a href="http://t4belajar-ilmu.blogspot.co.id" target="new">Selamat Belajar Buat Blog</a><br/>

<a href="http://t4belajar-ilmu.blogspot.co.id" target="new">Selamat Belajar Buat Blog</a><br/>

</marquee>
13. Teks Berjalan Bolak-Balik Vertikal dengan Warna Latar


Selamat Belajar Buat Blog

Berikut Kodenya:
<font face="verdana" color="yellow" size="4"><marquee direction="up" behavior="alternate" scrollamount="2" height="100px" scrolldelay="10" bgcolor="green" width="450px">
Selamat Belajar Buat Blog</marquee></font>
14. Teks Berjalan dari Kanan dengan Warna Latar

Selamat Belajar Buat Blog

Berikut Kodenya:

<font face="times" color="green" size="4"><marquee direction="right" behavior="scroll" scrollamount="3" height="20px" scrolldelay="10" bgcolor="yellow" width="450px">Selamat Belajar Buat Blog</marquee></font>
15. Teks Berjalan kekiri kekanan 3 Kali

Selamat Datang di Blog TTB

Berikut Kodenya:

<font face="courier" color="blue" size="4"><marquee direction="right" loop="3" behavior="slide" scrollamount="1" height="20px" scrolldelay="50" bgcolor="red" width="450px">Selamat Belajar Buat Blog</marquee></font>
16. Teks Berjalan dengan Efek Bounce

Selamat Datang di Blog TTB

Berikut Kodenya:
<font face="comic sans ms" color="orange" size="4"><marquee scrolldelay="10" behavior="alternate" direction="up" width="450px" scrollamount="2" height="100px" bgcolor="black"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2">Selamat Belajar Buat Blog</marquee></marquee></font>
17. Teks Berjalan dengan Efek Berhenti Jika Disentuh Kursor

Selamat Datang di Blog TTB

Berikut Kodenya:
<font face="arial black" color="green" size="4"><marquee behavior="alternate" direction="up" onmouseover="this.stop()" width="450" height="100" onmouseout="this.start()" bgcolor="blue">Selamat Belajar Buat Blog</marquee></font>
18. Teks Berjalan dengan Link disertai dengan Warna Latar

Selamat Belajar Buat Blog
Selamat Belajar Buat Blog

Selamat Belajar Buat Blog
Selamat Belajar Buat Blog
Selamat Belajar Buat BlogBerikut Kodenya:
<marquee onmouseover="this.stop()" onmouseout="this.start()" bgcolor="#ffff00" scrollamount="2" direction="up" width="100%" height="100" align="left">
<a href="http://t4belajar-ilmu.blogspot.co.id">Selamat Belajar Buat Blog</a><br/>
<a href="http://t4belajar-ilmu.blogspot.co.id">Selamat Belajar Buat Blog</a><br/>
<a href="http://t4belajar-ilmu.blogspot.co.id">Selamat Belajar Buat Blog</a><br/>
<a href="http://t4belajar-ilmu.blogspot.co.id">Selamat Belajar Buat Blog</a><br/>
<a href="http://t4belajar-ilmu.blogspot.co.id">Selamat Belajar Buat Blog</a><br/></marquee>
19. Teks Berjalan 4x, Kemudian hilang

Selamat Belajar Buat Blog

Berikut Kodenya:

<marquee bgcolor="#f2f5a9" loop="4">Selamat Belajar Buat Blog</marquee>
Inilah beberapa cara membuat teks berjalan, Sebenarnya masih banyak lagi macam-macam dari tek berjalan ini. Tapi say pikir sampai si sini dulu. Lain kalilah kita perpanjang.

Friday, January 16, 2015

html

<div color="#00CCFF" style="border: 1px double #0000FF; padding: 2px; width: 160px;"><img alt=" photo 7c5922b6-1278-4fca-bd14-83be78eb0af9.jpg" border="0" src="http://i1120.photobucket.com/albums/l482/farisabbad/51d06109-5530-418c-b7ac-5740c9a23322.jpg" border="0" alt=" photo 51d06109-5530-418c-b7ac-5740c9a23322.jpg" / /></div>

Friday, January 9, 2015

KUMPULAN KODE HTML TERLENGKAP

KUMPULAN KODE HTML TERLENGKAP

Kumpulan Kode HTML

menampilkan gambar


mengubah ukuran gambar


Membuat link dengan teks


Membuat Link dengan Gambar




Membuat Garis

garis warna



mengatur ukuran garis


garis kanan


garis kiri


garis dengan background




garis titik-titik


garis putus-putus

Membuat Teks Berbayang / Shadow


Membuat Paragrap


Membuat Baris Baru


Membuat teks berwarna
pilihan warna disini


Teks di tengah


Teks kanan


Teks kiri


Membuat Daftar /bullet
  • Item 1
  • Item 2
  • Item 3


Membuat list numbering
  1. Item 1
  2. Item 2
  3. Item 3


Membuat Teks dicoret


Membuat Garis bawah pada teks (underline)


Membuat Teks miring (italic)


Membuat Teks tebal (bold)


teks mesin ketik


Teks dibawah (Subscript)


Teks diatas (Superscript)


Teks ukuran besar



Teks ukuran besar + warna


membuat teks dengan alinea baru / baris pertama agak menjorok kedalam


Teks Stabilo


teks area


teks area, huruf warna


teks area dengan bingkai


teks area, bingkai, huruf warna


teks area, background


teks area, background, bingkai


teks area, background, bingkai, huruf warna


teks area dashed


teks area dotted



1 kolom

hasil
teks

2 kolom

hasil
teks 1teks 2

3 kolom

hasil
teks 1teks 2teks 3

teks dalam tabel tidak nge-link. Bila dikehendaki link maka praktekkan cara membuat link teks sebagaimana diatas

Thursday, January 8, 2015

Cara Membuat Halaman Statis dan Link Eksternal Terbaru

HALAMAN statis (static page) yaitu halaman blog yang gak berubah-ubah atau jarang berubah, tetap sejak dibikin, kecuali mau diupdate. Contohnya, halaman ABOUT, SITEMAP, KONTAK, atau MENU STATIS lainnya. Biasanya diposisikan di jajaran di Navigasi Menu, bisa juga di Sidebar.
Posting ini merupakan panduan membuat dan menampilkan Halaman Statis dan Link Eksternal bagi blogger baru. CB "sadur" dari Blogger Buzz yang muncul di Dashboar Blog CB.

Ini posting agak lama, sekitar 2 bulan lalu, ketika blogger mengumumkan cara terbaru membuat halaman statis dan link eksternal.

Cara Membuat Halaman Statis

1. Klik Menu "Pages"
2. Klik "New Page"
3. Isi kotak yang tersedia sebagaimana kita menulis posting. Jangan lupa isi menu "Search Description" agar halaman statis kita juga SEO Friendly!
4. Klik "Publish"

halaman statis blog
Setelah itu akan tampak daftar Pages seperti gambar di bawah ini:

halaman statis blog

Cara Menampilkan Halaman Statis

Daftar halaman statis tidak otomatis muncul di blog kita, kecuali di template tertentu yang sudah mengotomatiskannya jika ada page baru.
Untuk menampilkan halaman statis yang baru kita buat, ada dua cara:
1. Menambah Widget (Add Gadget) "Pages" di Layout > Sidebar


widget halaman statis
2. Untuk daftar halaman statis Horizontal, tambahkan "Pages Widget" di bawah  "Header"
3. Untuk daftar Vertical, "add a Pages Widget" ke Sidebar.

Gambar di atas memperlihatkan  layout dengan dua widget halaman statis:
1. 'Navigation Pages' (horizontal) 
2. 'External Pages' (vertical)

CARA LAIN!

Cara lainnya ini umumnya berlaku bagi template modifikasi atau template SEO Friendly. Anda harus Edit HTML template, lalu cari jajaran menu yang sudah disediakan desainer template. 
Ganti nama menu dan isi linknya dengan link halaman statis Anda. Misalnya (ini contoh menu nav New Johny Wuss):
  • <li><a class="home" href="/">Home</a></li>
  • <li><a href="http://contohblognih.blogspot.com/p/buku-tamu.html" title="Tentang Blog Ini">About</a></li>
  • <li><a href="http://contohblognih.blogspot.com/p/daftar-isi.html" title="Daftar Isi Blog">Daftar Isi</a></li>

Cara Menambah Link Eksternal

Link eksternal yaitu link alamat blog lain, misalnya dummy blog kita, blog teman kita, atau blog/situs favorit kita.
Cara menambahkannya, klik Edit "Pages Widget" > "+ Add external link" seperti dalam gambar berikut ini:


widget link eksternal


Akan muncul seperti ini. Nah... isi dah tuh, misalnya: 
> Page Title isi dengan: CONTOH BLOG
> Web adress (URL) isi dengan: http://contohblognih.blogspot.com/

halaman baru blog
Cara lain menampilkan link eksternal sama dengan CARA LAIN! menampilkan halaman statis di atas, yaitu dengan memasukkan nama dan URL linknya di jajaran navigasi menu.
Itu dia Cara Membuat Halaman Statis dan Link Eksternal Terbaru. Good luck and... Happy blogging!

Sumber: Blogger Buzz

Cara Setting Tulisan Arab di Ms. Word 2007 atau 2010

Ketika kita menulis angka yakni 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, tidak bisa berubah menjadi angka Arab seperti ini, ١,٢,٣,٤,٥,٦,٧,٨,٩,٠, Karena itu kita perlu menyetting supaya bisa.


Langkah-langkahnya:
1. Ketika kita selesai menulis (atau disetting dari awal juga bisa) klik kanan pada ribbon
Customize Quick Access

2. lalu pilih pilihan pertama atau ketiga (terserah)
3. akan muncul jendela “word option” pilih tab Anvanced
Advanced

4. pada bagian “Show document content” pada bagian numeral pilih “context” (dimaksudkan untuk menyesuaikan dengan tulisan)
context

5. jika hal tersebut sudah dilakukan tekan tombol OK untuk mengeksekusinya.
6. bila tampilan tetap  (angka tidak berubah) coba pilih pilihan penulisan dari kanan ke kiri (right to left) dengan menekan tombol CTRL + SHIFT sebelah kanan keyboard atau dengan menekan tombol right to left pada ribbon home
right to left

Insya Allah kalau mengikuti petunjuk diatas kita sudah bisa menulis angka Arab di word.

Cara Setting Tulisan Arab Pada Keyboard Windows 7

Cara Setting Tulisan Arab Pada Keyboard Windows 7


Standar windows yang kita gunakan biasanya hanyalah tulisan latin tergantung pada saat instalasi windows sesuai dengan Negara yang kita tempati. Sebenarnya dalam windows yang kita gunakan ada banyak model tulisan / bahasa yang disertakan dalam driver windows termasuk bagi kita yang tinggal di Indonesia. Trik berikut sekedar contoh jika kita menginginkan tulisan bahasa arab di komputer kita namun trik berikut sebenarnya untuk semua model tulisan bahasa yang kita inginkan
Langsung saja tanpa panjang lebar saya berikan trik untuk menambah / memberikan tulisan bahasa arab tanpa instalasi ulang terutama bagi pengguna windows 7, bagi yang masih menggunakan windows XP tentu harus menggunakan CD Driver windows-nya untuk menambahkan tulisan / bahasanya.
Langkah Pertama, buka Control Panel lalu pilih Clock, Language, and Region terus Change keyboards or other input methods

Setelah itu, pada tab keyboards and languages pilih change keyboards
Aktifkan di tab General lalu klik add
Untuk bahasa arab pilih Arabic (Saudi Arabia) --> Keyboard --> Arabic (101) --> OK

Setelah kita klik OK perhatikan dan jika tampilannya sama dengan tampilan berikut berarti anda telah berhasil. Lihat di kolom Installed services ada tambahan menu bahasa arab, klik Apply lalu OK

Langkah terkhir jika kita ingin menggunakan tulisa bahasa arab pada pojok kanan bawah klik menu language bar (EN) dan aktifkan centang di bahasa yang kita inginkan.

Screenshot untuk keyboard bahasa arab adalah sebagai berikut :
Sekian.

Selanjutnya Bagaimana agar ketika kita  mengetik angka  di word 2007 atau 2010 bisa angka Arab? Baca di sini

Wednesday, January 7, 2015

Cara membuat menubar di blog

Cara membuat menubar di blog

Jika kita membuat blog dan ternyata di template blog yang kita buat belum ada menu-menunya. Cara membuat menubar di blog tidak sulit, berikut ini langkah-langkah pembuatannya:

1. Login pada blogger
2. masuk ke halaman Template
3. Edit HTML
4. Cari kode ]]></b:skin> (gunakan ctrl+f)
5. Pasang kode di bawah ini di atas kode ]]></b:skin> (kopi semua kode berikut ini):

#menubar{
width:900px;
height:32px;
background:#de360f;
margin: 0 auto;
}
#menubar ul{
float:left;
margin:0;
padding:0;
}
#menubar li{
float:left;
list-style:none;
margin:0;
padding:0;
}
#menubar li a, #menubar li a:link{
border-right:1px solid #F0512D;
float:left;
padding:8px 12px;
color:#fff;
text-decoration:none;
font-size:13px;
font-weight:bold;
}
#menubar li a:hover, #menubar li a:active, #menubar .current_page_item a  {
color:#ffa500;
text-decoration:underline;
}
#menubar li li a, #menubar li li a:link, #menubar li li a:visited{
font-size: 12px;
background: #de360f;
color: #fff;
text-decoration:none;
width: 150px;
padding: 0px 10px;
line-height:30px;
}
#menubar li li a:hover, #menubar li li a:active {
background: #F0512D;
color: #ffa500;
}
#menubar li ul{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin-top:32px;
border:1px solid ##F0512D;
}
#menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul{
left:auto
}
#menubar li:hover, #menubar li.sfhover{
position:static
}
6. Selanjutnya cari kode <div id="content-wrapper">
7. Pasang kode di bawah ini di Atas kode yang bercetak tebal pada no 6. Pengecualian untuk yang tidak ada kode pada no 6, sobat bisa menaruh dielemen div id lainnya. Biasanya template blog terdapat kode seperti <div id='header.... Jadi, bila tidak ada kita bisa menaruhnya di bawah kode yang mirip dengan <div id='header...

<div id='menubar'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://t4belajar-arabic.blogspot.com/'>Edit Disini</a></li>
<li><a href='http://t4belajar-arabic.blogspot.com/'>Edit
Disini</a></li>
<li><a href='http://t4belajar-arabic.blogspot.com/'>Edit
Disini</a>
<ul>
<li><a href='http://t4belajar-arabic.blogspot.com/'>Edit
Disini</a></li>
<li><a href='http://t4belajar-arabic.blogspot.com/'>Edit
Disini</a></li>
</ul></li>
</ul>
</div>
 Keterangan:

  • Ganti tulisan yang berwarna Merah dengan url link menubar yang diinginkan, misal: link postingan, link kategori, link halaman statis atau lainnya
  • Ganti tulisan berwarna Biru (Edit me) dengan tulisan judul menubar tersebut, seperti: About, Contact, Guest book atau lainnya
  • Untuk mengubah panjang menubar bisa sobat ganti tulisan 900px menjadi sesuai dengan keinginan kita

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More