Membuat menu D'tree

Membuat menu D'tree

Beberapa waktu yang lampau, saya pernah menulis artikel mengenai cara membuat menu yang menyerupai menu yang ada pada Windows explorer yaitu menu dtree, akan tetapi rupanya kemarin lusa ada laporan bahwa menu tersebut mendadak hilang entah kemana, untuk itu tulisan ini adalah sebagai referensi agar kejadian tersebut tidak terulang kembali.

Saran saya, apabila sobat memasang suatu script atau image yang bersumber dari milik orang lain, sebaiknya bersegeralah untuk menyimpannya pada account milik sobat, akan tetapi sebelum mengambilnya tentu sobat harus minta izin terlebih dahulu kepada pemilik script tersebut, etika nya seperti itu. Misalkan seperti ini, apabila saya menyuruh memasang script seperti ini :



pasanglah kode ini di atas kode </head> :

<script type='text/javascript' src='http://amen24.googlepages.com/Readmore.js' />

kode --> http://amen24.googlepages.com/Readmore.js berarti java script ini di simpan pada account milik saya. Tentu apabila sobat memasang kode ini tidak ada masalah, akan tetapi hal itu beresiko apabila saya iseng atau tidak sengaja atau juga terjadi suatu hal sehingga sumber dari script tersebut terhapus, walhasil sobat akan kehilangan fungsi dari script tersebut tanpa bisa berbuat apa-apa. Bagaimana cara mengatasinya? begini caranya : copy kode sumber script ini lalu paste pada address bar browser internet sobat :

http://amen24.googlepages.com/Readmore.js

Jangan lupa untuk klik Go untuk memanggilnya. Setelah itu nanti akan muncul sederetan script java. Langkah selanjutnya adalah klik file pada bar menu yang ada paling atas sebelah kiri, klik Save As lalu simpan di komputer sobat. Apabila kode tersebut sudah tersimpan di komputer sobat, uploadlah kode tersebut pada hosting yang biasa sobat gunakan, misalkan saya sering menyimpannya di Google Page Creator.Setelah di upload, copy alamat dari script yang baru di upload tadi, misalkan script ini mempunyai alamat :

http://juned.googlepages.com/Readmore.js

Nah, langkah terakhir adalah mengganti sumber script yang saya punyai dengan milik sobat, misal kode di atas seperti ini :

<script type='text/javascript' src='http://amen24.googlepages.com/Readmore.js' />



Gantilah sumber script di atas dengan yang sobat miliki, sehingga kodenya jadi seperti ini :

<script type='text/javascript' src='http://juned.googlepages.com/Readmore.js' />

Apabila sobat melakukan hal yang di atas, maka sobat tidak usah khawatir akan kehilangan dari fungsi script tersebut.

Langkah-langkah di atas merupakan langkah preventif saja bukan bermaksud mengajarkan sobat untuk mencuri kode milik orang lain.


Baiklah kita kembali pada topik pembahasan mengenai cara membuat menu dtree, karena pada pembahasan yang tempo hari agak menyulitkan pembaca, sehingga kali ini saya akan mencoba membahasnya lebih mendalam dengan maksud agar lebih mudah untuk di pahami.

1. Gudang Informasi
2. Traffic Search Engine
3. ArtikelKomputer Bisnis Internet Design Grafis
4. SettingPercetakan
5. Download Logo Gratis
6. fansclubartis
7. SEO Tutorial
8. blog dofollow
9. ilmu belajar komputer
0. download pc media terbaru
Untuk membuat menu dtree, sobat bisa mendownload pada situs resminya yaitu di http://www.destroydrop.com/, silahkan untuk mendownloadnya sendiri. Akan tetapi kode tersebut tidaklah merupakan suatu barang yang sudah jadi, dengan kata lain sobat harus memahaminya, oleh karena alasan tadi maka saya akan mencoba memberi sedikit gambaran agar supaya lebih mudah untuk di pahami.

Contoh dasar dari script menu dtree yang langsung dari situs http://www.destroydrop.com adalah sebagai berikut :

Kode ini di simpan di atas kode </head> :

<link rel="StyleSheet" href="dtree.css" type="text/css" />
<script type="text/javascript" src="dtree.js"></script>


Kode di bawah ini di simpan di bagian sidebar :

<h2>Example</h2>

<div class="dtree">

<p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p>

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

d = new dTree('d');

d.add(0,-1,'My example tree');
d.add(1,0,'Node 1','example01.html');
d.add(2,0,'Node 2','example01.html');
d.add(3,1,'Node 1.1','example01.html');
d.add(4,0,'Node 3','example01.html');
d.add(5,3,'Node 1.1.1','example01.html');
d.add(6,5,'Node 1.1.1.1','example01.html');
d.add(7,0,'Node 4','example01.html');
d.add(8,1,'Node 1.2','example01.html');
d.add(9,0,'My Pictures','example01.html','Pictures I\'ve taken over the years','','','img/imgfolder.gif');
d.add(10,9,'The trip to Iceland','example01.html','Pictures of Gullfoss and Geysir');
d.add(11,9,'Mom\'s birthday','example01.html');
d.add(12,0,'Recycle Bin','example01.html','','','img/trash.gif');

document.write(d);

//-->
</script>

</div>






Apabila sobat mempunyai intelegensi yang cukup lumayan bagus, maka saya yakin tidak usah saya terangkanpun akan memahami bagaimana untuk membuat menu dtree dari kode diatas sehingga link-link milik sobat dapat di pasang pada kode-kode di atas.

Dengan tidak ada maksud saya untuk merendahkan sobat yang masih belum mengerti, maka saya akan mencoba menerangkannya, akan tetapi untuk lebih memudahkan maka saya telah membuat sebuah menu dtree buatan saya yang telah saya sertakan link-link di dalamnya : source code dari menu yang saya buat seperti ini :



Kode ini di simpan di atas kode </head> :

<link rel="StyleSheet" href="http://amen24.googlepages.com/dtree.css" type="text/css" />
<script type="text/javascript" src="http://amen24.googlepages.com/dtree.js"></script>


Kode di bawah ini di simpan di bagian sidebar :

<div class="dtree">

<p><a href="javascript: d.openAll();"><img src="http://amen24.googlepages.com/plus.gif"><b>Open all</b></a> | <a href="javascript: d.closeAll();"><img src="http://amen24.googlepages.com/minus.gif"><b>Close all</b></a></p>

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

d = new dTree('d');

d.add(0,-1,'Home','http://kolom-tutorial.blogspot.com');


d.add(1,0,'Free template & navigation')

d.add(3,1,'free template','');
d.add(10,3,'Scribe 3 kolom','http://template-unik.blogspot.com/2007/07/scribe-3-column-xml.html');
d.add(20,3,'Minima 3 ckolom','http://template-unik.blogspot.com/2007/07/white-minima-3-column-xml.html');
d.add(30,3,'1st template unik','http://template-unik.blogspot.com/2007/07/1st-template-unik.html');
d.add(40,3,'Denim 3 kolom','http://template-unik.blogspot.com/2007/07/denim-3-column-xml.html');
d.add(50,3,'Blue lover 3 kolom','http://template-unik.blogspot.com/2007/08/blue-lover-template-xml.html');
d.add(60,3,'Gray lover 3 kolom','http://template-unik.blogspot.com/2007/08/gray-lover-template.html');
d.add(70,3,'UniQue template R 1.1','http://template-unik.blogspot.com/2007/09/unique-template-r-11.html');
d.add(80,3,'UniQue template R 1.2','http://template-unik.blogspot.com/2007/09/unique-template-r-12_16.html');
d.add(90,3,'UniQue template R 1.3','http://template-unik.blogspot.com/2007/09/unique-template-r-13.html');
d.add(100,3,'template klasik');
d.add(110,3,'Minima 3 kolom','http://template-unik.blogspot.com/2007/07/white-minima-3-column.html');
d.add(120,3,'Scribe 3 kolom','http://template-unik.blogspot.com/2007/07/scribe-3-column-classic.html');

d.add(5,1,'Free css menu navigation');
d.add(10,5,'Horizontal blue menu','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu.html');
d.add(20,5,'Horizontal blue menu (2)','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu-2.html');
d.add(30,5,'Horizontal double line menu','http://css-lybrary.blogspot.com/2007/09/horizontal-double-line-menu.html');
d.add(40,5,'Horizontal flip menu','http://css-lybrary.blogspot.com/2007/09/horizontal-flip-menu.html');
d.add(50,5,'Vertical green menu','http://css-lybrary.blogspot.com/2007/09/vertical-green-menu.html');
d.add(60,5,'Vertical transparent','http://css-lybrary.blogspot.com/2007/09/vertical-transparent-menu.html');
d.add(70,5,'Vertical blue menu','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu.html');
d.add(80,5,'Vertical Yellow menu','http://css-lybrary.blogspot.com/2007/09/yellow-vertical-menu.html');
d.add(90,5,'Vertical red menu','http://css-lybrary.blogspot.com/2007/09/red-vertical-menu.html');

d.add(2,0,'Blogroll','','','','http://amen24.googlepages.com/globe.gif','http://amen24.googlepages.com/globe.gif');
d.add(10,2,'UniQue template','http://template-unik.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(20,2,'Css Library','http://css-library.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(20,2,'Terune sasaQ','http://terune-sasaq.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(30,2,'Bang dhika','http://bangdhika.blogspot.com/','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(40,2,'Rubrik Elektronik','http://rubrik-elektronik.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(50,2,'Tukeran link','http://tukeran-link.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(60,2,'Pasar Info','http://pasar-info.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');

d.add(4,0,'Software super murah disini!','http://www.obralplus.com/?id=rohman','menjual berbagai software serta ebook dengan harga super murah, klik di sini!','','http://amen24.googlepages.com/action_save.gif');
d.add(6,0,'Belajar website di sini!','http://www.resepbisnis.com/?id=rohman','belajar membuat website itu sangatlah mudah, temukan caranya.klik di sini!','','http://amen24.googlepages.com/cd.gif');
d.add(7,0,'My friendster!','http://amn_tea.blogs.friendster.com/my_blog/','my friendster','','http://amen24.googlepages.com/friendsterku.gif');
d.add(8,0,'Recycle Bin','http://kolom-tutorial.blogspot.com/index.html','Recycle bin','','http://amen24.googlepages.com/trash.gif');


document.write(d);

//-->
</script>

</div>

Baiklah, saya akan mencoba mengulasnya agar lebih mudah untuk di pahami :

Jika sobat perhatikan dari kode di atas, akan terlihat beberapa ciri yang mudah untuk di kenali, antara lain :

d.add(1,0
d.add(2,0
d.add(4,0
d.add(6,0
d.add(7,0

Kode angka yang bergandengan dengan angka 0 (nol) akan selalu menjadi induk dari menu dtree, jadi jika sobat menginginkan menu yang di simpan menjadi induk, sobat harus menuliskan angka yang berbeda kemudian di belakang koma harus di susul dengan angka nol.

d.add(3,1
d.add(5,1
Kode angka yang bergandengan dengan angka 1 (satu) akan menjadi cabang dari induk yang pertama. Akan tetapi angka di depan angka 1 (satu) adalah angka penentu bahwa menu ini akan menjadi cabang dari kode --> d.add(1,0


d.add(10,5
d.add(20,5
d.add(30,5
d.add(40,5
d.add(50,5
d.add(60,5

Terlihat bahwa angka yang bergandengan dengan angka 5 (lima) akan menjadi cabang dari menu --> d.add(5,1
begitupun angka yang bergandengan dengan angka 3 (tiga) akan menjadi cabang dari menu --> d.add(3,1


Ciri selanjutnya adalah tulisan yang tertera di samping icon selalu di dalam tanda petik (''), formasinya misal seperti ini :

d.add(10,3,'','','','','');

Jika di jabarkan denga isi menu, seperti ini :

d.add(10,3,'isi ke 1','isi ke 2','isi ke 3','isi ke 4','isi ke 5''isi ke 6');



isi ke 1 = adalah tulisan yang akan muncul terlihat langsung
isi ke 2 = adalah alamat yang di tuju apabila di klik tulisan dari isi ke 1
isi ke 3 = adalah judul atau titel atau tulisan yang akan muncul ketika mouse menyorot pada isi ke 1, akan tetapi ini berlaku bagi induk yang tidak mempunyai cabang, misal menu : my frienster.
isi ke 4 = terus terang saya tidak tahu pasti, tapi ada kemungkinan untuk alamat image
isi ke 5 = adalah untuk alamat image icon yang mau di munculkan
isi ke 6 = adalah untuk alamat image icon yang akan menggantikan icon isi ke 5


Misal :

d.add(2,0,'Blogroll','','','','http://amen24.googlepages.com/globe.gif','http://amen24.googlepages.com/globe.gif');
Blogroll = tulisan yang kan muncul pada menu induk
http://amen24.googlepages.com/globe.gif (isi ke 5) = icon yang mau dunculkan di samping tulisan Blogroll
http://amen24.googlepages.com/globe.gif (isi ke 6) = icon yang mau dunculkan ketika tulisan Blogroll di klik (akan tetapi dalam hal ini alamatnya sama, maka gambar icon seolah tidak mengalami perubahan)


dan masih banyak ciri-ciri lainnya yang dapat memudahkan sobat untuk mengnalinya.


Bagaimana sudah jelaskah? atau masih tetap bingung? biar tidak terlalu bingung mending langsung bikin menu dtree nya, silahkan ikuti langkah-langkah berikut ini, akan tetapi jangan lupa untuk membuat Backup data dari template sobat:

· Untuk template Klasik

1. Sign in di blogger

2. Klik menu Template

3. Klik menu Edit HTML

4. Copy seluruh kode HTML yang ada, lalu save untuk back up

5. Simpan kode berikut di bawah kode <title><$BlogPageTitle$></title> :

<link rel="StyleSheet" href="http://amen24.googlepages.com/dtree.css" type="text/css" />
<script type="text/javascript" src="http://amen24.googlepages.com/dtree.js"></script>



6. Copy kode berikut, lalu paste pada kode sidebar sobat (link nya harus di ganti dengan milik sobat):

<div class="dtree">

<p><a href="javascript: d.openAll();"><img src="http://amen24.googlepages.com/plus.gif"><b>Open all</b></a> | <a href="javascript: d.closeAll();"><img src="http://amen24.googlepages.com/minus.gif"><b>Close all</b></a></p>

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

d = new dTree('d');

d.add(0,-1,'Home','http://kolom-tutorial.blogspot.com');


d.add(1,0,'Free template & navigation')

d.add(3,1,'free template','');
d.add(10,3,'Scribe 3 kolom','http://template-unik.blogspot.com/2007/07/scribe-3-column-xml.html');
d.add(20,3,'Minima 3 ckolom','http://template-unik.blogspot.com/2007/07/white-minima-3-column-xml.html');
d.add(30,3,'1st template unik','http://template-unik.blogspot.com/2007/07/1st-template-unik.html');
d.add(40,3,'Denim 3 kolom','http://template-unik.blogspot.com/2007/07/denim-3-column-xml.html');
d.add(50,3,'Blue lover 3 kolom','http://template-unik.blogspot.com/2007/08/blue-lover-template-xml.html');
d.add(60,3,'Gray lover 3 kolom','http://template-unik.blogspot.com/2007/08/gray-lover-template.html');
d.add(70,3,'UniQue template R 1.1','http://template-unik.blogspot.com/2007/09/unique-template-r-11.html');
d.add(80,3,'UniQue template R 1.2','http://template-unik.blogspot.com/2007/09/unique-template-r-12_16.html');
d.add(90,3,'UniQue template R 1.3','http://template-unik.blogspot.com/2007/09/unique-template-r-13.html');
d.add(100,3,'template klasik');
d.add(110,3,'Minima 3 kolom','http://template-unik.blogspot.com/2007/07/white-minima-3-column.html');
d.add(120,3,'Scribe 3 kolom','http://template-unik.blogspot.com/2007/07/scribe-3-column-classic.html');

d.add(5,1,'Free css menu navigation');
d.add(10,5,'Horizontal blue menu','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu.html');
d.add(20,5,'Horizontal blue menu (2)','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu-2.html');
d.add(30,5,'Horizontal double line menu','http://css-lybrary.blogspot.com/2007/09/horizontal-double-line-menu.html');
d.add(40,5,'Horizontal flip menu','http://css-lybrary.blogspot.com/2007/09/horizontal-flip-menu.html');
d.add(50,5,'Vertical green menu','http://css-lybrary.blogspot.com/2007/09/vertical-green-menu.html');
d.add(60,5,'Vertical transparent','http://css-lybrary.blogspot.com/2007/09/vertical-transparent-menu.html');
d.add(70,5,'Vertical blue menu','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu.html');
d.add(80,5,'Vertical Yellow menu','http://css-lybrary.blogspot.com/2007/09/yellow-vertical-menu.html');
d.add(90,5,'Vertical red menu','http://css-lybrary.blogspot.com/2007/09/red-vertical-menu.html');

d.add(2,0,'Blogroll','','','','http://amen24.googlepages.com/globe.gif','http://amen24.googlepages.com/globe.gif');
d.add(10,2,'UniQue template','http://template-unik.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(20,2,'Css Library','http://css-library.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(20,2,'Terune sasaQ','http://terune-sasaq.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(30,2,'Bang dhika','http://bangdhika.blogspot.com/','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(40,2,'Rubrik Elektronik','http://rubrik-elektronik.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(50,2,'Tukeran link','http://tukeran-link.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(60,2,'Pasar Info','http://pasar-info.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');

d.add(4,0,'Software super murah disini!','http://www.obralplus.com/?id=rohman','menjual berbagai software serta ebook dengan harga super murah, klik di sini!','','http://amen24.googlepages.com/action_save.gif');
d.add(6,0,'Belajar website di sini!','http://www.resepbisnis.com/?id=rohman','belajar membuat website itu sangatlah mudah, temukan caranya.klik di sini!','','http://amen24.googlepages.com/cd.gif');
d.add(7,0,'My friendster!','http://amn_tea.blogs.friendster.com/my_blog/','my friendster','','http://amen24.googlepages.com/friendsterku.gif');
d.add(8,0,'Recycle Bin','http://kolom-tutorial.blogspot.com/index.html','Recycle bin','','http://amen24.googlepages.com/trash.gif');


document.write(d);

//-->
</script>

</div>



7. Klik tombol Simpan Perubahan Template

8. Selesai.





· Untuk Template Baru

1. Sign in di blogger

2. Klik menu Layout

3. Klik menu Edit HTML

4. Klik tulisan Download Template Lengkap, save dulu untuk backup data biar aman

5. Copy paste kode berikut di atas kode </head>

<link rel="StyleSheet" href="http://amen24.googlepages.com/dtree.css" type="text/css" />
<script type="text/javascript" src="http://amen24.googlepages.com/dtree.js"></script>



6. Klik tombol Simpan Template

7. Klik menu Elemen Halaman yang ada di sebelah atas monitor

8. Klik tulisan Tambahkan sebuah Elemen Halaman

9. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript

10. Copy paste kode berikut pada kotak yang muncul (ganti link nya dengan milik sobat)

<div class="dtree">

<p><a href="javascript: d.openAll();"><img src="http://amen24.googlepages.com/plus.gif"><b>Open all</b></a> | <a href="javascript: d.closeAll();"><img src="http://amen24.googlepages.com/minus.gif"><b>Close all</b></a></p>

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

d = new dTree('d');

d.add(0,-1,'Home','http://kolom-tutorial.blogspot.com');


d.add(1,0,'Free template & navigation')

d.add(3,1,'free template','');
d.add(10,3,'Scribe 3 kolom','http://template-unik.blogspot.com/2007/07/scribe-3-column-xml.html');
d.add(20,3,'Minima 3 ckolom','http://template-unik.blogspot.com/2007/07/white-minima-3-column-xml.html');
d.add(30,3,'1st template unik','http://template-unik.blogspot.com/2007/07/1st-template-unik.html');
d.add(40,3,'Denim 3 kolom','http://template-unik.blogspot.com/2007/07/denim-3-column-xml.html');
d.add(50,3,'Blue lover 3 kolom','http://template-unik.blogspot.com/2007/08/blue-lover-template-xml.html');
d.add(60,3,'Gray lover 3 kolom','http://template-unik.blogspot.com/2007/08/gray-lover-template.html');
d.add(70,3,'UniQue template R 1.1','http://template-unik.blogspot.com/2007/09/unique-template-r-11.html');
d.add(80,3,'UniQue template R 1.2','http://template-unik.blogspot.com/2007/09/unique-template-r-12_16.html');
d.add(90,3,'UniQue template R 1.3','http://template-unik.blogspot.com/2007/09/unique-template-r-13.html');
d.add(100,3,'template klasik');
d.add(110,3,'Minima 3 kolom','http://template-unik.blogspot.com/2007/07/white-minima-3-column.html');
d.add(120,3,'Scribe 3 kolom','http://template-unik.blogspot.com/2007/07/scribe-3-column-classic.html');

d.add(5,1,'Free css menu navigation');
d.add(10,5,'Horizontal blue menu','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu.html');
d.add(20,5,'Horizontal blue menu (2)','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu-2.html');
d.add(30,5,'Horizontal double line menu','http://css-lybrary.blogspot.com/2007/09/horizontal-double-line-menu.html');
d.add(40,5,'Horizontal flip menu','http://css-lybrary.blogspot.com/2007/09/horizontal-flip-menu.html');
d.add(50,5,'Vertical green menu','http://css-lybrary.blogspot.com/2007/09/vertical-green-menu.html');
d.add(60,5,'Vertical transparent','http://css-lybrary.blogspot.com/2007/09/vertical-transparent-menu.html');
d.add(70,5,'Vertical blue menu','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu.html');
d.add(80,5,'Vertical Yellow menu','http://css-lybrary.blogspot.com/2007/09/yellow-vertical-menu.html');
d.add(90,5,'Vertical red menu','http://css-lybrary.blogspot.com/2007/09/red-vertical-menu.html');

d.add(2,0,'Blogroll','','','','http://amen24.googlepages.com/globe.gif','http://amen24.googlepages.com/globe.gif');
d.add(10,2,'UniQue template','http://template-unik.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(20,2,'Css Library','http://css-library.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(20,2,'Terune sasaQ','http://terune-sasaq.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(30,2,'Bang dhika','http://bangdhika.blogspot.com/','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(40,2,'Rubrik Elektronik','http://rubrik-elektronik.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(50,2,'Tukeran link','http://tukeran-link.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(60,2,'Pasar Info','http://pasar-info.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');

d.add(4,0,'Software super murah disini!','http://www.obralplus.com/?id=rohman','menjual berbagai software serta ebook dengan harga super murah, klik di sini!','','http://amen24.googlepages.com/action_save.gif');
d.add(6,0,'Belajar website di sini!','http://www.resepbisnis.com/?id=rohman','belajar membuat website itu sangatlah mudah, temukan caranya.klik di sini!','','http://amen24.googlepages.com/cd.gif');
d.add(7,0,'My friendster!','http://amn_tea.blogs.friendster.com/my_blog/','my friendster','','http://amen24.googlepages.com/friendsterku.gif');
d.add(8,0,'Recycle Bin','http://kolom-tutorial.blogspot.com/index.html','Recycle bin','','http://amen24.googlepages.com/trash.gif');


document.write(d);

//-->
</script>

</div>



11. Klik tombol Simpan

12. Klik pada elemen yang barusan di buat, tahan lalu geser pada tempat yang di inginkan (di drag & drop)

13. Klik tombol Simpan yang berada di sebelah atas

14. Selesai. Silahkan lihat hasilnya




Huuuuuhhh..... cape uy nulis tutorial ini, dua malem baru deh kelar..... tapi alhamdulillah, akhirnya bisa juga di posting.

Selamat mencoba !

Continue reading...

Manfaat - Manfaat Bergabung di Mybloglog

Manfaat - Manfaat Bergabung di Mybloglog


Perlu kita ketahui banyak fasilitas yang menyediakan untuk meningkatkan pagerank pada blog kita. seperti: webmaster, technorati dan masih banyak tentang cara meningkatkan pagerank blog kita ke dalam search enggine, akan tetapi kali ini kita akan membahas bukan tentang cara meningkatkan pagerank blog kita agar terpampang di search enggine top 10. Yang akan kita bahas pada postingan kali ini adalah tentang manfaat bergabung di mybloglog. Binguuung yaaa.......! yaa saya juga bingung... apa yang seharusnya di posting. heee......?$%
1. Gudang Informasi

2. Traffic Search Engine

3. ArtikelKomputer Bisnis Internet Design Grafis

4. SettingPercetakan

5. Download Logo Gratis

6. fansclubartis

7. SEO Tutorial

8. blog dofollow

9. ilmu belajar komputer

0. download pc media terbaru

Namun, kamu jangan salah sangka pembahasan di paragraf pertama memang ada sangkut pautnya dengan mybloglog. dan kamu harus tahu my bloglog juga ternyata bisa meningkatkan pagerank. kenapa saya berani mengatakan begitu karena di dalamnya ada sesuatu yang dapat membuat blog kita menjadi lebih berarti di mata google selain di mata para blog-blog milik orang lain. Masih bingung......!!!   beginiiiii......!!!!!!


Kita simak dulu apa manfaat-manfaat dari mendaftar mybloglog itu:


1. Untuk menambah traffic ke blog kita
Dengan adanya photo kita terpampang di blog orang lain, maka ada kemungkinan banyak yang akan berkunjung ke blog milik kita. dan blog kita pun menjadi lebih tenar seperti artis yang baru naik daun.

2. Mengetahui link mana yang banyak di klik
Di mybloglog ada fasilitas tracking untuk memberi peringkat terhadap link-link yang kita pasang, link mana yang banyak di klik pengunjung, maka peringkat link itu semakin baik.

3. Mempererat tali silaturahmi antar pemilik blog
Tak bisa di pungkiri dengan adanya otomatisasi photo kita terpampang tanpa harus menuliskan pesan seperti halnya buku tamu, ini tentunya akan lebih memungkinkan saling kunjung mengunjungi antar pemilik blog.


Naahh dari pernyataan diatas seharusnya kita tahu bahwa dengan banyaknya link-link kita di blog orang lain maka akan menambah traffic ke blog kita. dan akhirnya Google juga lebih memperhatikan blog kita karena google telah menyangka bahwa blog kita sudah dia anggap bagus di mata para pengunjung karena terlalu banyaknya yang melihat blog kita.


Sooo berlomba-lombalah dalam mempererat silaturahmi karena di dalam silaturahmi terdapat kebahagiaan yang hakiki....    amiiinn...!!!

Continue reading...

Trik Memasang Gambar dan Photo di Judul Posting

Trik Memasang Gambar dan Photo di Judul Posting

Kadangkala ketika kita melihat judul posting kita merasa bosan karena tampilannya kurang enak di lihat atau sangat membosankan. naaahhh bagi kamu yang tampilan postingannya seperti itu maka kamu jangan khawatir karna sekarang saya mau memberi tahu cara-cara nya untuk memasang gambar dan foto tersebut.

Yang harus kamu lakukan adalah siapkan sebuah gambar, gambar animasi atau foto. lalu kamu setting dulu sebagus mungkiin.... agar terlihat menarik di mata kamu dan pengunjung.
1. Gudang Informasi

2. Traffic Search Engine

3. ArtikelKomputer Bisnis Internet Design Grafis

4. SettingPercetakan

5. Download Logo Gratis

6. fansclubartis

7. SEO Tutorial

8. blog dofollow

9. ilmu belajar komputer

0. download pc media terbaru
Apabila sudah di setting dan di persiapkan gambarnya maka anda tinggal memasukkan gambar tersebut dan mulai memasang kode-kode html yang akan di jadikan kode membuat gambar posting tersebut.


naaahhh.... gini nih caranya....Trik Memasang Gambar dan Photo di Judul Posting
Cara Pertama :

1. Login To BloGGeR/Login ke BloGGeR : Tulis "User Name/AlamatEmail" dan "Password/Sandi".

2. Dasboard/Dasbor : Setelah login dan sampeyan masuk di halaman "Dasbor" silahkan KLIK link "Layout/Tata Letak/Rancangan".

3. Layout/Tata Letak : Setelah melewati halaman "dasbor" sampeyan akan memasuki halaman baru "Page Element/Elemen Laman" yang masih termasuk halaman "Tata Letak". KLIK link "Edit HTML".

4. Backup/Restore Template : Back-up Template/Amankan Template dengan cara KLIK link "Download Full Template/Download Template Lengkap".



5. Cari Kode : Cari "CSS code/kode CSS" di bawah ini (contoh ini aku ambilkan dari template Minima BloGGeR) : Gunakan Ctrl+F (keyboard) saat mencari kode dalam template supaya lebih cepat ditemukan.


.post h3 a, .post h3 a:visited, .post h3 strong {


display:block;


text-decoration:none;


color:$titlecolor;


font-weight:bold;


}




atau,




.post h3 a {


display:block;


text-decoration:none;


color:$titlecolor;


font-weight:bold;


}

Change Code/Ganti Kode : Ganti kode CSS di atas dengan "Kode CSS di bawah ini" :


post h3 a, .post h3 a:visited, .post h3 strong {


display:block;


text-decoration:none;


color:$titlecolor;

font-weight:bold;

padding-left:30px;

background:url( kamu isi dengan alamat gambar yang kamu inginkan ) no-repeat left center;

background-position:0 50%;


}


atau gunakan yang ini :


.post h3 a {

display:block;

text-decoration:none;

color:$titlecolor;

font-weight:bold;

padding-left:30px;

background:url(kamu isi dengan alamat gambar yang kamu inginkan ) no-repeat left center;

background-position:0 50%;

}


Save Template/Simpan Template : Cermati sekali lagi untuk memeriksa setiap kode. Setelah tidak ada kesalahan pemasangan kode, silahkan KLIK "Save Template/Simpan Template".

Buka Blog : Buka blog untuk melihat hasilnya.

Cara Kedua :Trik Memasang Gambar dan Photo di Judul Posting

1. Gunakan langkah 1 s/d 4 di atas : kemudian ikuti langkah berikut :

2. Expand Template Widget : KLIK "Expand Template Widget"

3. Cari Kode HTML : Cari kode html di bawah ini :


<div class='post hentry uncustomized-post-template'>

4. Gunakan kode HTML berikut. Ganti kode HTML di atas dengan kode HTML baru di bawah ini :


<div class='post hentry uncustomized-post-template'>
<img src='htstyle='float:left;border:none;height:18px;'/>

5. Simpan Template
6. Buka Blog : Buka blog sampeyan untuk melihat hasilnya.

Catatan :
Trik Memasang Gambar dan Photo di Judul Posting

Gunakan image/gambar dengan ukuran tinggi sekitar 18px!

Continue reading...

Trik Membuat pesan pembuka dan penutup pada blog

Trik Membuat pesan pembuka dan penutup pada blog

Pada postingan kali ini saya akan memberikan trik untuk membuat pesan pembuka dan penutup pada blog kita. Artinya, apabila ada pengunjung yang masuk dan keluar dari blog kita, maka akan terbuka sebuah pesan yang isinya misalnya “Selamat datang di blog saya, jangan lupa komentarnya ya..”

Dan trik kali ini memang patut untuk di coba karena biasanya dengan pesan tersebut para pengunjung akan berfikir untuk untuk memikirkan apa yang telah di baca dari tampilan pertamanya. Apalagi tampilan pesannya untuk memberi sebuah komentar, maka para pengunjung akan memberikan sebuah komentar sehingga blog kita pun akan merasa lebih di perhatikan oleh para pengunjung.
1. Gudang Informasi

2. Traffic Search Engine

3. ArtikelKomputer Bisnis Internet Design Grafis

4. SettingPercetakan

5. Download Logo Gratis

6. fansclubartis

7. SEO Tutorial

8. blog dofollow

9. ilmu belajar komputer

0. download pc media terbaru Berikut cara-cara yang akan kita pakai untuuk Trik Membuat pesan pembuka dan penutup pada blog :

 - Masuk ke akun Blogger anda,

- Pilih dasbord


- Pilih Rancangan
- Pilih Edit HTML
- Cari kode <head>dan masukan script berikut ini dibawahnya ; agar mudah mencarinya maka kamu tinggal pencet ctrl + f, maka akan tampil sebuah search kotak yang berada di atas atau di bawah dasbord. Lalu kamu tinggal ketik kode <head>, maka akan muncul.



- Masuk ke akun Blogger anda,

- Layout-Edit HTML

- Pada bagian atas cari kode <head>dan masukan script berikut ini dibawahnya ;


<script type='text/javascript'>

alert("Selamat datang di blog saya, jangan lupa komentarnya ya..")

</script>

Sedangkan untuk ucapan selamat tinggal apabila pengunjung akan keluar dari blog kita adalah ;



Letakkan script dibawah ini tepat dibawah kode <head> atau tepat dibawah kode ‘selamat datang’ yang dipasang pertama tadi.




<script type='text/javascript'>

// goodbye alert

function goodbye(){

alert(Terima kasih ataas kunjungannya);

}

parent.window.onunload=goodbye;

</script>



Teks ucapan yang tertera diatas dapat kamu ganti dengan kata-kata nyang kamu inginkan.


Semoga Bermanfaat....

Continue reading...

Trik Membuat Kalimat Berkedip

Trik Membuat Kalimat Berkedip

<blink>(Kata yang ingin anda kelap kelipkan)</blink>
contoh kalimat yg mau kita kelap kelipkan :
"mengkelap-kelipkan kalimat "
caranya kita tinggal sisipkan aja kode HTML diantara kalimat tersebut menjadi :
<blink>"mengkelap-kelipkan kalimat"</blink>
maka hasilnya akan seperti ini :
"mengkelap-kelipkan kalimat"
Mudah Kan..
1. Gudang Informasi
2. Traffic Search Engine
3. ArtikelKomputer Bisnis Internet Design Grafis
4. SettingPercetakan
5. Download Logo Gratis
6. fansclubartis
7. SEO Tutorial
8. blog dofollow
9. ilmu belajar komputer
0. download pc media terbaru

Trik kali ini kita akan membuat kalimat yang berkelap-kelip yang mana tampilan kalimat tersebut jika dilihat akan menjadi lebih menarik, dan bagi kamu yang belum bisa dan bingung untuk membuatnya, maka pakailah cara ini.

kamu tinggal menyisipkan kode html di dalam kalimat tersebut yang akan kamu kelap-kelipkan

kode HTML nya seperti ini.....Jangan lupa, trik ini cuma bisa kita pake buat yang mendukung HTML aja, contohnya klo di blogger, masuk ke "ADD GADGET"---->"HTML/ Java Script". klo yang ngga ngedukung HTML sih jangan digunakan. karena tidak semua HTML bisa di pasang ke dalam java script karena tidak cocok.

Continue reading...

Trik Membuat Gradient Background dengan CSS3

Trik Membuat Gradient Background dengan CSS3

Hallo teman-teman blogger, mohon maaf blog ini sempat mati suri akibat dari kesibukan saya yang tidak bisa saya tinggalkan. Pada kesempatan ini saya juga akan mengevaluasi komentar teman-teman dan Insya Allah saya akan datang berkunjung juga, disamping mempererat tali silaturahmi sekaligus saling memberikan Backlink agar blog-blog kita tetap hidup.


yup langsung aja kita lihat kode dasar CSS 3 untuk Gradient berikut ini :

Kode Dasar CSS 3 untuk Gradient

Support Browser Firefox :
background-image: -moz-linear-gradient( point, warna1, warna2);

Repeat Gradient Support Browser Firefox :
background-image: -moz-repeating-linear-gradient( point, warna1, warna2);

Support Browser Safari :
background-image: -webkit-gradient( linear, point1, point2, from(warna1), to(warna2) );

Repeat Gradient Support Browser Safari :
background-image: -webkit-gradient( linear, point1, point2, from(warna1), to(warna2) ); -webkit-background-size: ukuran dalam persen;
1. Gudang Informasi
2. Traffic Search Engine
3. ArtikelKomputer Bisnis Internet Design Grafis
4. SettingPercetakan
5. Download Logo Gratis
6. fansclubartis
7. SEO Tutorial
8. blog dofollow
9. ilmu belajar komputer
0. download pc media terbaru
Bisa dilihat dari kode dasar gradient diatas bahwa untuk membuat suatu background dengan gradarasi warna ( perpaduan antara dua warna ) ditentukan oleh titik awal ( point1 ) ke titik akhir ( point2 ) dan warna awal:mulai ( warna1 ) ke warna akhir:selesai ( warna2 ). Gunakan kedua kode Support Browser tersebut untuk mendukung beberapa Browser. Untuk lebih jelasnya perhatikan contoh kode berikut ini : [ untuk mau ngeliat kode warna mending kesini aja ]


Contoh kode Gradient 2 Warna


background-image: -moz-linear-gradient(top, #000, #CCC);
background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#CCC));



background-image: -moz-linear-gradient(100% 100% 90deg, #000, #FF0000);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#FF0000));


Contoh kode Gradient banyak warna (Pelangi)


background-image: -moz-linear-gradient( left top, right bottom ,
from(red),
color-stop(16%, orange),
color-stop(32%, yellow),
color-stop(48%, green),
color-stop(60%, blue),
color-stop(76%, indigo),
to(violet));

background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0.00, red),
color-stop(16%, orange),
color-stop(32%, yellow),
color-stop(48%, green),
color-stop(60%, blue),
color-stop(76%, indigo),
color-stop(1.00, violet));


Contoh kode Gradient Repeat


background-image: -moz-repeating-linear-gradient(100% 100% 90deg, #000, #FF0000);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#FF0000));-webkit-background-size: 10% 100%;



Selipkan kode CSS 3 tersebut pada tag Body { TaroDisini; .... ; .... ; } yang berada dibawah kode <b:skin><![CDATA[ atau kalian bisa selipkan dimana saja sesuka hati dan kreasi anda [ :) be unique ] contoh penerapan kode sebagai berikut :


body{color:#ffff; background-image: -moz-linear-gradient(top, #000, #CCC);
background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#CCC)); font-family:"Tahoma",Georgia,Serif; font-size:12px;background-attachment: fixed}

Continue reading...

Memasang Gambar di Header Blog

Memasang Gambar di Header Blog

Apabila kamu  ingin mengganti judul blog dengan gambar kesukaan anda caranya cukup simple yaitu dengan cara mengganti  kode-kode html yang standar dengan kode-kode yang khusus untuk membuat judul/header.  Anda bisa mencari kode tersebut di dalam kode html

1. Gudang Informasi
2. Traffic Search Engine
3. ArtikelKomputer Bisnis Internet Design Grafis
4. SettingPercetakan
5. Download Logo Gratis
6. fansclubartis
7. SEO Tutorial
8. blog dofollow
9. ilmu belajar komputer
0. download pc media terbaru

Kadang kala template standar dari blogger.com tidak menyertakan fasilitas Add Widged pada bagian headernya sehingga kita kesulitan untuk memasang gambar atau widged lainya di bagian atas blog atau biasa di sebut Header. kalau masih bingung tentang Header, itu tuh yang ada tulisan judul blog dan deskripsi tentang blog, contohnya kalau punya saya di bagian yang ada tulisanya Tips Mempercantik Blog.Nah begini caranya pertama cari kode berikut ini:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='YOUR LIKE (Header)' type='Header'/>
</b:section>
</div>
Ganti kode yang berwarna biru sehingga menjadi seperti ini:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='YOUR LIKE (Header)' type='Header'/>
</b:section>
</div>
Setelah itu simpan. Untuk maxwidgets nya juga bisa anda ganti menjadi dua atau lebih Widged nya, nah setelah itu seperti biasa masuk ke Tata Letak--->Add Gadged--->HTML/javascript anda posting dahulu gambar di www.photobucket.com lalu copy HTML code nya, lalu paste di HTML/javascript pada bagian content. atau bisa juga anda langsung upload foto dari komputer anda, caranya masuk ke Tata Letak--->Add Gadged--->Gambar lalu upload gambar anda yang ada di komputer anda oke deh, selamat mencoba.

Continue reading...

Cara Membuat Halaman Beranda / Home di Blogspot

Cara Membuat Halaman Beranda / Home di Blogspot




Bagaimana caranya membuat halaman Beranda / Home di blogspot? Pertanyaan itu yang saya sering lontarkan pada diriku sendiri sejak memulai berkenalan dengan blog. Setelah beberapa lama mencari di om google, akhirnya pertanyaan tersebut dapat terjawab.

1. Gudang Informasi
2. Traffic Search Engine
3. ArtikelKomputer Bisnis Internet Design Grafis
4. SettingPercetakan
5. Download Logo Gratis
6. fansclubartis
7. SEO Tutorial
8. blog dofollow
9. ilmu belajar komputer
0. download pc media terbaru
Sebenarnya, ada beberapa cara membuat halaman beranda / home di blogspot, namun yang saya posting kali ini adalah trik paling mudah dan yang saya terapkan di blog ini dan beberapa blog sobat yang pernah kuedit (editor kacangan). Bagaimana saya membuat halaman beranda atau homepage di blog ini?

Secara garis besar, ada 3 (tiga) hal yang harus dilakukan:

1. Membuat postingan yang umum, yang menjelaskan garis besar isi blog.
2. Merubah format tanggal penerbitan postingan umum tersebut.
3. Merubah jumlah postingan yang muncul pada halaman utama/beranda/homepage.

Berikut Penjelasannya:

1. Membuat postingan yang umum, yang menjelaskan garis besar isi blog.

Pada saat kita melihat (membuka) sebuah website yang memiliki hosting sendiri dan mengklik halaman berandanya, yang muncul adalah halaman index yang berisikan sambutan atau penjelasan secara umum isi website tersebut. Saya berpikir untuk membuat hal yang sama dengan website berbayar itu, padahal hosting blogku di blogger. Apakah ini bisa di lakukan? Jawabnya bisa, sebagai langkah awal adalah membuat postingan yang umum, yang menjelaskan garis besar isi blog (Lihat contohnya di blog ini, silahkan klik "home" menu di atas). Meskipun pada contoh blog ini masih amburadul, tapi untuk memperbaikinya tinggal melakukan 'edit entri'.

2. Merubah format tanggal penerbitan postingan umum tersebut.

Setelah membuat postingan seperti langkah nomor 1 di atas, segera terbitkan kemudian edit kembali. Lihat gambar berikut:



Setelah masuk pada halaman 'edit entri', pilih "postingan umum" tersebut (postingan yang akan dijadikan homepage).



Selanjutnya, jika sudah masuk pada halaman pengeditan, silahkan langsung mengklik "Opsi Entri" atau "Post Options".




Rubah Format tanggal penerbitannya, usahakan di rubah pada tanggal terbaru.



Pada gambar di atas, entri ini diterbitkan pada tanggal 30 bulan 11 tahun 2009. Jika sekarang adalah tanggal 20 bulan 9 tahun 2010, berarti postingan ini akan berada di urutan belakang (jika ada postingan yang lebih baru). Tapi jika format tanggal tersebut dirubah menjadi tanggal 30 bulan 11 tahun 2012, maka tulisan atau entri tersebut akan selalu berada di depan (ingat, pada pengaturan default blogger, postingan terbaru selalu berada di atas).
Nah, jika ingin menjadikan "postingan umum" (yang telah dibuat pada langkah nomor 1) selalu muncul pada halaman beranda atau home, ubahlah tanggalnya "semuda mungkin" (di blog saya ini, saya merubahnya menjadi tanggal 17 Juli 2012 dengan format penulisan "12/07/17"). Untuk melihat hasilnya, perhatikan gambar berikut:

Continue reading...

Cara Mendaftarkan URL Blog di Search Engine (Google, Yahoo, MSN)

Cara Mendaftarkan URL Blog di Search Engine (Google, Yahoo, MSN)

1. Gudang Informasi
2. Traffic Search Engine
3. ArtikelKomputer Bisnis Internet Design Grafis
4. SettingPercetakan
5. Download Logo Gratis
6. fansclubartis
7. SEO Tutorial
8. blog dofollow
9. ilmu belajar komputer
0. download pc media terbaru

Agar blog anda dapat diakses dan dikunjungi oleh banyak pengguna internet, perlu dilakukan upaya publikasi secara intensif. Salah satunya dengan mendaftarkan blog anda ke mesin pencari atau search engine, Berikut ini cara mendaftarkan blog ke search engine besar, seperti Google, Yahoo dan MSN :

1. Medaftarkan URL Blog Di Google.

·         Klik www.google.com/addurl/

·         Pada jendela ‘Add your URL to Google’ terdapat :

1.      URL : http://qirax.wordpress.com/ (ganti URL blog anda).

2.      Comments : wordpress crack, info wordpress, catatan pribadi (ganti dengan hal-hal yang terkait dengan isi blog anda, jika lebih dari satu pisahkan dengan tanda koma).

3.      Optional : isikan kode angka/huruf seperti yang tertera dibawahnya.

·         Jika Sudah terisi semuanya, klik tobol ‘Add URL’.

·         Kemudian jika pendaftaran berhasil muncul jendela konfirmasi pertanda bahwa blog anda telah masuk ke database Google.com.

2. Mendaftarkan URL Blog Di Yahoo.

·         Klik http://siteexplorer.search.yahoo.com/submit

·         Pada halaman Site Explorer masukkan alamat blog anda pada kotak ‘Submit a Website or Webpage’.

·         Tulislah secara lengkap alamat blog anda, contoh : http://qirax.wordpress.com/

3. Mendaftarkan URL Blog Di MSN.

·         Klik http://search.msn.com/docs/submit.aspx?FORM=WSDD2

·         Kemudian masukkan kode anti spam yang telah disediakan di atasnya pada kotak ‘Characters’.

·         Pada jendela ‘Live Search’, masukkan alamat lengkap blog anda seperti contoh berikut ini http://qirax.wordpress.com/ pada kotak ‘Type the URL of your homepage’.

·  Kemudian klik tombol ‘Submit URL’.

·  Kemudian klik tombol ‘Submit URL’.

·  Periksalah hasilnya dengan cara mengetikkan alamat blog anda di dalam kotak search engine setelah 3 – 5 hari kedepan.

Continue reading...

Trik dan Tips Mendaftar Mybloglog

Trik dan Tips Mendaftar Mybloglog


Mybloglog adalah suatu situs yang menyediakan layanan untuk melacak (tracking) para pengunjung blog/website dimana apabila pengunjung tersebut merupakan anggota situs mybloglog maka dapat secara otomatis terdeteksi dan di cantumkan dalam menu Recent Reader nya (pembaca terbaru).

1. Gudang Informasi
2. Traffic Search Engine
3. ArtikelKomputer Bisnis Internet Design Grafis
4. SettingPercetakan
5. Download Logo Gratis
6. fansclubartis
7. SEO Tutorial
8. blog dofollow
9. ilmu belajar komputer
0. download pc media terbaru
Cra mendaftar mybloglog adalah sebagai berikut:


1. Silahkan buka situs http://www.mybloglog.com

2. Isi form yang telah di sediakan di bawah tulisan Sign Up Now

3. Screen name --> Isi dengan nama yang ingin di tampilkan. Contoh : steven85

4. Email --> Isi dengan email sobat ( yang valid)

5. Password --> Isi dengan password yang di inginkan. Contoh : gayuspenjahatbesar

6. Blog/Site URL --> Isi dengan alamat blog sobat.

7. Klik Tombol Register

8. Terlihat beberapa form yang harus diisi lagi

9. Blog/Site Title --> Isi dengan judul blog sobat

10. Blog platporm --> pilih blogspot.com

11. Dibagian bawah ada dua radio button, silahkan pilih yang sobat sukai

12. Klik tombol yang bertuliskan Complete Registration

13. Klik tulisan Go to Your page

14. Klik tombol yang bertuliskan Edit profile yang berada di sebelah kanan atas

15. Isi semua data diri sobat (tidak saya sebutkan satu2 karena terlalu banyak)

16. Jika sudah selesai di isi semua, klik tombol bertuliskan Update my profile

17. Klik tulisam MY HOME untuk kembali ke home

18. Klik tombol yang bertuliskan Get Widget

19. Klik kotak di samping tulisan c_color_heading_bg kemudian pilih warna yg di sukai pada panel warna untuk
merubah warna background heading

20. Klik kotak di samping tulisan c_color_heading kemudian pilih warna yg di sukai pada panel warna untuk
merubah warna tulisan heading

21. Klik kotak di samping tulisan c_color_link_bg kemudian pilih warna yg di sukai pada panel warna untuk merubah
warna backround link

22. Klik kotak di samping tulisan c_color_link kemudian pilih warna yg di sukai pada panel warna untuk merubah warna tulisan link

23. Klik kotak di samping tulisan c_color_link kemudian pilih warna yg di sukai pada panel warna untuk merubah warna backround bottom

24. Tulis ukuran lebar yang sesuai dengan sidebar blog sobat (kalau mau di tempatkan di sidebar) contoh : 160

25. Di samping tulisan Show Screen Names ada dua radio button, sebaiknya pilih yes, pilih No juga boleh

26. Di samping tulisan Image Size ada dua radio button, sebaiknya pilih Full-Size, pilih half-Size juga boleh

27. Disamping tulisan Rows, pilih berapa baris yang ingin muncul (terserah)

28. Disamping tulisan Title, tulis kata yang sobat suka. contoh : pembaca terbaru, yang mampir, tamu blog ini, atau apa saja

29. Di bagian bawah, ada tulisan Stat Tracking Script, copy kode script yang di berikan lalu paste pada program notepad, silahkan save terlebih dahulu

30. Kembali ke bagian atas

31. Klik tombol bertuliskan Preview and Get Code

32. Copy seluruh kode yang berada di bawah tulisan Recent Readers Widget Display & Code, lalu paste ke dalam notepad

33. Silahkan klik tulisan Logout yang berada di bagian atas untuk keluar dari account sobat

34. Silahkan close window situs tersebut.

Langkah selanjutnya adalah memasukan kode yang sudah di copy pada notepad tadi kedalam blog kita.

Selamat Mencobaa . . . ! ! ! dan semoga bermanfaat.......!!!

Continue reading...

Trik manjur mengatasi Lupa Password

1. Gudang Informasi
2. Mapasanda
3. Traffic Search Engine
4. ArtikelKomputer Bisnis Internet Design Grafis
5. SettingPercetakan
6. Download Logo Gratis
7. fansclubartis
8. SEO Tutorial
9. blog dofollow
0. ilmu belajar komputer
Trik manjur mengatasi  Lupa Password

Bagi kamu yang lupa dengan password kamu ketika ingin masuk ke blog maka ada cara lain untuk menagani hal tersebut.
Trik manjur mengatasi  Lupa Password
1. Silahkan login ke ke http://www.blogger.com/forgot.g
2. Disana ada dua pilihan untuk mendapatkan password dan username yang kelupaan tadi. sebaiknya kamu menggunakan cara dengan isian alamat url blogger/blogspot.
3. Kamu tinggal mengikuti langkah-langkah yang diminta, caranya sangat mudah karena intruksi disampaikan dengan bahasa Indonesia.

Langkah selanjutnya informasi yang akan disampaikan oleh tim blogger akan dikirim ke alamat Email kamu. Jadi bukalah alamat Email kamu yang pertama kali kamu mendaftarkan blog kamu. Apabila tidak ada dalam pesan masuk, maka bukalah didaftar Spam.
Pada Email yang kamu terima ada beberapa informasi yang disampaikan diantaranya apabila kamu kembali kelupaan akan kata sandi atau name user kamu tinggal me-riset saja. Keterangan ini akan disampaikan dalam bahasa Indonesia, jadi sangat mudah untuk menjalankannya.
sampe begitu aja Trik manjur mengatasi  Lupa Password semoga trik ini bener-bener manjur buat kamu.

Continue reading...

Tips/Trik Cara Mengganti Alamat Situs Web di Blog

1. Gudang Informasi
2. Mapasanda
3. Traffic Search Engine
4. ArtikelKomputer Bisnis Internet Design Grafis
5. SettingPercetakan
6. Download Logo Gratis
7. fansclubartis
8. SEO Tutorial
9. blog dofollow
0. ilmu belajar komputer
*Tips/Trik* Cara *Mengganti* Alamat* Situs *Web* di* Blog*

Apabila anda sudah bosan dengan alamat situs web blog yang anda punya maka cukup mudah untuk merubahnya. Berikut tat caranya:

1. Pada area Dashboard klik Post pilih Publikasikan / Publishing

2. Muncul Halaman pengeditan alamat situs URL web kita

- Klik simpan perubahan
- Alamat URL blog sudah terganti
Cuma begitu doang kok Tips/Trik Cara Mengganti Alamat Situs Web di Blog. semoga tips ini bener-bener manjur buat kamu-kamu.

Continue reading...