Cara Membuat Border Di Dalam Postingan

Diposting oleh M. Rasyid Ridho on 21 Juli 2011 / Label: /
Bla.....Bla.....Bla.....
kali ini kita berlajar membuat bordera di dalam postingan......
langsung aja ya.....

Contoh Borderan 1
<div style="border: 1px #000000 solid; padding: 10px; background-color: #CEF6CE; text-align: left;">TULIS SCRIPT DISINI</div>

Contoh Berderan 2
<div style="border: 1px #000000 dotted; padding: 10px; background-color: #CEF6CE; text-align: left;">TULIS SCRIPT DISINI</div>


Contoh Borderan 3
<div style="border: 1px #000000 dashed; padding: 10px; background-color: #CEF6CE; text-align: left;">TULIS SCRIPT DISINI</div>


Cotoh Ke 4 ini Cie Bukan borderan tapi lebih ke blogroll ya......
Tapi di sampingnyakan ada berderan juga,ya terserah apa aja dch.....he...he...
<div style="border: 2px #000000 solid; padding: 10px; background-color: #CEF6CE; overflow: auto; height: 50px; width: 500px; text-align: left;">TULIS SCRIPT DISINI</div>

Keterangan :
nyang wana'na pink eno no, untuk huruf nyang mo kita borderin....
he...he.... kayanya lebih pinter,teman2 dech....di coba,,di coba,,
kalo mo nyoba2 modif boderan sendiri sch ya ga apa2,,n'tar kalonya gagal ya copy lagi aja di sini...
Share |

Cara Membuat Kotak Blogroll dan Marquee

Diposting oleh M. Rasyid Ridho / Label: /
Untuk trik kali ini, ada dua macam kotak blogroll yang akan kita buat, terserah kamu mo pilih yang mana. Kotak blogroll-nya yaitu:

1. Kotak Blogroll Model Textarea
Contohnya seperti kotak blog roll seperti ini

cara membuatnya :


copy code scrip di bawah:

<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">

<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
</div>

Paste'kan>kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)


2. Kotak Blogroll Model Marquee
Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yg diatas, karena kotak yang ini tidak memiliki rollbar (yg biasanya disebelah kanan trus ditarik keatas kebawah). Link-link ato isi didalam kotak ini akan bergerak/berjalan, bisa vertikal ato horizontal.

Contohnya seperti kotak blog roll seperti ini

copy Scrip Dibawah> Paste.....

MARQUEE align="center" direction="up" height="100" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" >
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
</marquee>

(Page Elements --> Add a Gadget --> HTML /Javascript)


Keterangan :

- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right
Jika kamu menggantinya dengan pergerakan horizontal/left/right) maka hilangkan kode <br />.
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.

Udah Selesai dulu aja ya.....

SELAMAT MENCOBA......
Share |

Cara Bikin Blogroll Di dalam Postingan

Diposting oleh M. Rasyid Ridho on 20 Juli 2011 / Label: /
Ga banyak ngomeng ya...
Langsung aja..............

pertama2 masuk ke posting>>Entri Baru, setelah itu Ada 2 pilihan>>Edit HTML & Compose
Pilih Aja Compose.....


Untuk Blogroll 1



Codenya:
<div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width: 150px; height: 200px; text-align: center; background:#FFFFF;">
<a href="http://URL-BLOG" target="_blank">Tekslink 01</a><br/>
<a href="http://URL-BLOG" target="_blank">Tekslink 02</a><br/>
Link lainnya
</div>


Untuk Blogroll 2


Codenya:
<div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width: 150px; height: 200px; text-align: center; background:#FFFFF;">
<a href="http://URL-BLOG" target="_blank">Tekslink 01</a><br/>
<a href="http://URL-BLOG" target="_blank">Tekslink 02</a><br/>
Link lainnya
</div>


Selesai.....

Semoga Bermanfaat eaaa.....
Share |

Mengganti Penampilan Cursor Lebih Menarik

Diposting oleh M. Rasyid Ridho / Label: /
ika anda sudah bosan melihat penampilan cursor anda yang hanya berupa garis panah, dan ingin menggantinya menjadi lebih menarik, saya akan berikan triknya. Silahkan anda ganti sesuka hati gambar apapun yang akan anda inginkan.

Mungkin trik ini sudah banyak para sobat yang tahu, tapi karena saya hanyalah pemain baru dalam design website, wajar rasanya saya meluangkan waktu untuk bisa berbagi untuk para sobat sekalian yang mungkin juga baru di dunia website ini. Dan untuk senior-senior design website yang membaca postingan ini, mohon beri masukkan kepada kami yang baru belajar dan pingin belajar.

Oke, kita kembali lagi ke cursor yang kita ganti, silahkan ikuti langkah-langkah berikut ini :
 

1. Login ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan anda cari di dalam template anda kode </head>
6.setelah kode tersebut Ditemukan, pastekan script di bawah ini Tepat Di Atasnya

<link href='http://www.funutilities.com/files/cursors/D/A9ED9E96B02ACB8E8737570AE67BD94/wait.gif' rel='shortcut icon'/>

7. Silahkan anda ganti tulisan yang berwarna merah dengan alamat URL gambar pilihan anda
8. Untuk mendapatkan alamat URL tersebut, silahkan surfing di sini cursors.funutilities
9. Cara mendapatkan URLnya, silahkan anda klik kanan pada cursor yang anda inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location
10. Klik Pratinjau untuk melihat hasil kerja anda
11. Klik Simpan Template jika sudah sesuai dengan keinginan anda
 
Selesai........
Share |

Cara Membuat MENU Dtree

Diposting oleh M. Rasyid Ridho / Label: /
Menu Dtree adalah menu yang mirip dengan menu explore, Dan menu ini dapat kita tampilkan di WEB/BLOG kita. teman2 pasti sudah tau bagaimana bentuk menu explore? ya udah di bantu ya..di bantu ya..BIM SALABIM JADI APA PAK..PAK..PAK..wkwkwkwkwkw jadi ngaur nih....

Screensoot


ya udah kita langsung mulai saja ya....

Untuk Memulai memasang menu tersebut, seperti biasa,
Login dulu ke blogger, klik tata letak >>> klik Edit HTML


Cari Kode </head> Kalo Sudah Ketemu
Copy script berikut di atas kode tag </head> Yang Tadi
<link rel="StyleSheet" href="http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/dtree.css" type="text/css" />
<script type="text/javascript" src="http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/createdtree.js"></script>
Simpan template.


Selanjutnya yang harus teman2 lakukan adalah menaruh kode HTML dTree ke dalam gadget sidebar blognya teman2. Caranya klik Tata Letak >> Tambah Gadget HTML dan Copy HTML berikut ini Dan Paste:
<h2>Menu Blog Ini</h2>

<div class="dtree">

<p><a href="javascript: d.openAll();">Buka Semua</a> | <a href="javascript: d.closeAll();">Tutup Semua</a></p>

<script type="text/javascript">
<!--

d = new dTree('d');

d.add(0,-1,'Berbagi Info');
d.add(1,0,'Folder 01','#.html');
d.add(2,1,'Sub Folder 01',' #.html');
d.add(3,2,'Sub/file Sub Folder 01',' link anda.html');
d.add(4,0,'Folder 02',' #.html');
d.add(5,4,'Sub Folder 02',' #.html');
d.add(6,5,'Sub/file Sub folder 02',' link anda.html');
d.add(7,0,'Folder 03',' #.html');
d.add(8,7,'Sub Folder 03',' #.html');
d.add(9,8,'Sub/file Sub folder 03',' link anda.html','Pictures I\'ve taken over the years','','','img/imgfolder.gif');
d.add(10,0,'File[non-folder]',' link anda.html');
d.add(11,0,'File[non-folder]',' link anda.html');
d.add(12,0,'File Single',' link anda.html','','','img/trash.gif');

document.write(d);

//-->
</script>

</div>

Klik Simpan
Lihat Hasil Kerja'an Kamu......

Selesai
Moga Bermanfa'at........
Tapi Jangan Lupa Komentarnya ea....

Sumber Artikel Dari: t4belajarblogger
Share |

Tips Untuk windows 7

Diposting oleh M. Rasyid Ridho on 13 Juli 2011 / Label: , / Comments: (0)
Ingin Windows Anda lebih kencang dengan cara yang tidak ribet? Gampang, siapkan saja sebuah USB Flash Disk untuk dimanfaatkan oleh ReadyBoost. Readyboost adalah fitur di Windows Vista dan Windows 7 yang bertujuan untuk menyulap USB Flash Disk Anda menjadi memory tambahan. Tentu saja cara ini sangat praktis dan ekonomis, karena kita tahu bahwa harga USB Flash Disk sekarang sudah sangat murah.
Cara ini bisa menjadi alternatif jika anda belum memiliki dana yang lebih untuk membeli memory internal dari laptop atau PC. Langkah kerjannya bisa dibaca di bawah ini.

  • Colokkan USB Flash Disk Anda. Biasanya akan muncul windows Autoplay seperti berikut. Klik Speed up my system.



  • Apabila setelah mencolokkan USB Flash Disk window Autoplay seperti di atas tidak muncul maka buka Windows Explorer, lalu klik kanan pada Drive USB Flash Disk Anda dan klik Properties.
 


  • Di tab ReadyBoost, pilih Use this device, lalu klik Apply. Jika sudah klik OK.
 

  • USB Flash Disk Anda pun sudah siap untuk berfungsi sebagai memory tambahan.
Khusus bagi pengguna Windows 7, Anda bisa mencolokkan bahkan sampai 8 USB Flash Disk sekaligus untuk digunakan ReadyBoost (up to 256G additional memory). Saya sendiri menggunakan USB Flash Disk 4G untuk keperluan ini dan hasilnya sangat terasa khususnya ketika menjalankan aplikasi-aplikasi berat seperti Photoshop, Lightroom, ataupun games.
Share |
http://s3.buysellads.com/1250255/34358-1282199784.gif