Cara Bikin Blogroll Di dalam Postingan

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

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

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 |
http://s3.buysellads.com/1250255/34358-1282199784.gif