Seperti biasa ...
Sebelum gw mulai pelajarannya gw mo cuap-cuap dulu sebentar.
Chat bar ini sepertinya penting yach ???
Kenapa ??? Karena tiap gw mampir di blog lo, kalian, ato mereka, pasti ada ... !!!
Dan kebetulan ada temen gw yang baru belajar juga sama kayak gw, nanyain cara pasang widget ini. Yawdah sekalian pasang, gw juga sekalian posting nih ...
Oke pertama :
Lo login pastinya, buka tab baru klik ja ini nih >>> shoutmix.com <<<
Kedua :
Lo klik "create shoutbox" di web tadi, terus lo isi data lo disitu, kalo udah centang kotak yang ada dipinggir teks ini >>> "I have read and agree to the Terms of Service"
Klik "continue"
Trus disitu lo utak-atik bentar dan copy code yang disediakan disitu.
Ketiga :
Balik lagi ke tab blogger, pilih page elements, klik add elements dan pilih HTML/Javascript.
Seperti yang sudah-sudah lo paste code tadi di bagian kolom konten.
Terakhir lo save dan . . .
SELESAI . . .!!!
Met mencoba ^_^
VISITOR COUNTER ... !!!
Yupz . . . Mesin penghitung, gunanya untuk menghitung berapa korban yang telah mampir ke blog kita.
Hahaha .... dikatain korban ??? Kasihan amat yang mampir ke blog ini ya...???
Lanjut . . .
Sekarang gw mo coba jelasin cara pasang counter tersebut. Caranya sangat mudah, kalo gak percaya ikutin ja trussssss
Pertama :
Lo klik dech ni LINK kemudian lo isi data-datanya, jangan lupa pilih juga modelnya, trus klik generated code . . . And then lo copy dech tuh codenya.
Kedua :
Lo buka seperti biasa, page elements, dan add elements, pilih HTML/Javascript
Mo dikasih judul ato nggak, terserah ... !!!
Terakhir paste code tadi di kolom content dan jangan lupa SAVE . . .!!!
Udah dech . . .
Met mencoba ^_^
PASANG VIDEO
Lupa . . .Sebenarnya sih pasang video udah lama, tapi baru inget kalo gw blom posting caranya.
Yawdah lansung ja yach . . .
Pertama :
Seperti biasa Lo buka dech tuh Design, terus page elements, selanjutnya add elements.
Pilih HTML/Javascript
Udah gitu . . .
Lo copy ni kode dibawah :
<!-- MC Media Player --><script type="text/javascript">playerFile = "http://www.mcmediaplayer.com/public/mcmp_0.5.swf";fpButtonOpacity = "25";fpFileURL = "http://www63.indowebster.com/f14105b3132279342f434b3d8f1d42c0.flv";fpPreviewImageURL = "http://sphotos.ak.fbcdn.net/hphotos-ak-snc4/hs232.snc4/38938_1234919213249_1837276326_450202_6752997_n.jpg";playerSize = "335x263";</script><script type="text/javascript" src="http://www.mcmediaplayer.com/public/mcmp_0.5.js"></script><!-- / MC Media Player -->Yang merah tuh tempat file videonya, lo ganti ja ma video favorit lo.
Dan seperti biasa . . . Selebihnya Lo pelajarin ja sendiri.
EXPLORER / DTREE
Gak tahu nih Hari ke berapa, coz lumayan lama kemaren vaccum.Oke dech, sekarang gw mo coba jelasin sekalian pasang juga.
Jelasin dan pasang apaan ???
D-Tree
Kalo gak tau D-Tree itu apa, mungkin lo bisa liat disamping kanan, yang mirip-mirip Explore gitu dech.
Sebenarnya sih gw dah pernah pake dan tadinya gak mo pake, tapi . . . berhubung temen gw tanya, yawdah gw pasang dech.
Let's do it ... !!!
Pertama :
Bikin dulu google sites (yg gw pake) ato apalah yg penting bisa buat nitip scrip lo.
Ato kalo pengen simple,
Copy ja nih kode dibawah ini, dan letakkan diatas kode </head>
<link href='https://sites.google.com/site/abozeskasep/home/sript/dtree.css' rel='StyleSheet' type='text/css'/>
<script src='https://sites.google.com/site/abozeskasep/home/sript/dtree.js' type='text/javascript'/>
Jangan lupa disave . . . !!!
Kemudian
Langkah kedua, lo buka design/rancangan/tata letak/edit layout ato apalah terserah, yg penting lo buka page elements, trus add elements dan pilih HTML/Javascript, isi judulnya (terserah lo mo ngasih nama apaan) dan paste kode dibawah ini
<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,'Indahnya Berbagi');
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>
Ni screenshot'y ...
Ganti link'y ma link punya lo.
dan selebihnya lo pelajarin ja sendiri...!!!
EDIT TEMPLATE Part 2
Customizing Panel
Customizing Panel
Kita mulai lagi ...
Sekarang gw mo bahas panel ...!!!
Coba lo geser pointer mouse lo ke tab BLOG (kiri atas noh), apa yang terjadi ...??? ada yang keluar kan ke bawah ... ???
Nah itu dia yang mo gw bahas, langsung ja ...
Pertama :
Gw anggap lo pada dah bisa buka EDIT HTML, kalo belom liat ja postingan gw yang kmaren"
Selanjutnya langkah ...
Kedua :
Cari ini nih <li><a href="PARENT-LINK-ADDRESS">PARENT TITLE</a></li>Teruuuus, kan banyak tuh dibawahnya, coba lo ganti "PARENT LINK ADDRESS" itu untuk target dan "PARENT TITLE" itu untuk Teks yang muncul di blog lo.
Misal :
<li><a href='PARENT-LINK-ADDRESS'>PARENT TITLE</a></li>Lo ganti jadi
<li><a href='PARENT-LINK-ADDRESS'>PARENT TITLE</a></li>
<li><a href='PARENT-LINK-ADDRESS'>PARENT TITLE</a></li>
<li><a href='PARENT-LINK-ADDRESS'>PARENT TITLE</a></li>
<li><a href='PARENT-LINK-ADDRESS'>PARENT TITLE</a></li>
<li><a href='http://sibozes.blogspot.com/search/label/Edit blog'>BLOG</a>Tuh punya Gw, Sorry kalo gak sama, coz masih underconstruction
<ul class='sf-menu'>
<li><a href='http://sibozes.blogspot.com/search/label/Apple'>Apple</a></li>
<li><a href='http://sibozes.blogspot.com/search/label/Microsoft'>Microsoft</a></li>
<li><a href='http://sibozes.blogspot.com/search/label/Windows'>Windows</a></li>
<li><a href='http://sibozes.blogspot.com/search/label/Vista'>Vista</a></li>
<li><a href='http://sibozes.blogspot.com/search/label/7'>7</a></li>
<li><a href='http://sibozes.blogspot.com/search/label/Microsoft%20Office'>Microsoft Office</a></li>
Kalo udah tinggal lo save dech kerjaan lo...
Udah... gw juga editnya baru segitu.
GANTI TEMPLATE
Huuufth............... (lelah ceritanya)
Persis seperti apa yang gw bayangkan, ditengah jalan pasti ganti template.
Oke dech ...
Gw mulai ceritanya
Pertamanya gw dikasih link (nih Link'y) ma Oom Ginanjar (FB'y), mo tukeran link getoo dech. Pas gw liat blog'y tuh rapih dan simple, (maklum lah dia kan dah lama blogging, sedangkan gw baru hari ke-3 nih) dari situ gw minta bimbingan dan templatenya, trus dia kasih dech. Ya udah, langsung gw ganti nih template.
Kali ja da yang masih bingung buat ganti template, disini gw akan terangin dikit, coz bisanya cuman dikit, kekurangannya bisa tanya mbah google.
Pertama :
Klik disini untuk download dan baca petunjuknya. Kemudian, setelah lo download templatenya, lo ekstrak ke tempat yang gampang lo inget.
Terus, buka Rancangan,Edit HTML dan klik browse. Cari folder tadi yang diekstrak dan pilih file ".xml"nya.
Setelah itu beres, klik upload. Tggu sebentar kira-kira 2 hari lah (wkwkwk sorry bcanda)
Jangan lupa save ... !!!
Udah dech, selamat mencoba ... ^_^
EFFECT GAMBAR + TEKS BERJALAN
Liat kan gambar Naruto diatas (diatas = Navbar namanya)???
Nah, sekarang gw mo ngebahas itu.
Mungkin dah banyak yang bisa dan dah banyak juga yang Posting mengenai hal ini.
Tapi gapapa yang penting postingan gw bukan copas dari blog milik orang lain.
Oke ... Kita mulai,
Pertama :
Lo harus punya gambar yang mo dijadiin object bergeraknya. Kalo gw sih jelas gambar Naruto dan Sasuke.
Kalo dah ada, Lo mulai langkah kedua
Kedua :
Lo harus punya storage online, apa yach istilahnya ... ???
Gini dech, gw bingung jelasinnya.
Situs di internet yang bisa kita gunakan untuk titip file gambar, yupz ... !!!
Contohnya : photobucket.com ato picassa.google.com ato GOOGLING AJA LAH... !!!
Tar disana (situs tadi), lo daftar/registrasi/sign up ato apalah intinya sama ja kok. GRATIS...!!!
Kalo udah beres pendaftaran, upload gambar lo yang mo di jadiin object bergerak tadi, trus copy direct link'nya (PAUSE, INGAT LANGKAH INI)
Ketiga :
Login ke blogger.com
Kemudian klik RANCANGAN (ato tata letak) trus klik EDIT HTML.
Kalo udah Copy dech script dibawah ini
Nah, yang warna merah itu tulisan yang muncul dan bergerak. Ganti sesuai keinginan lo.<marquee align='center' direction='left' height='20' scrollamount='3' width='100%'>
<img alt='' src='http://i999.photobucket.com/albums/af111/ABOZES/naruto3vr8.gif'/>
<font size='5'>SELAMAT DATANG ... !!!</font><img alt='' src='http://i999.photobucket.com/albums/af111/ABOZES/naruto-sasuke.gif'/><font size='5'>MARI BELAJAR ... !!!</font>
</marquee>
sedangkan yang warna biru muda itu tempat gw nyimpen (direct link) file naruto tadi, sasuke juga.
Ingat langkah yang dipause tadi diatas kan??? ganti ma direct link gambar lo.
Keempat :
Lo udah buka tab EDIT HTML kan ???
Nah sekarang paste dech script tadi yang dah lo copy, terserah mo dimana (yang penting dibawah <body> )
Udah dech ... !!!
Saran gw googling and blogwalk ... !!!
PASANG BACKSOUND
BACKSOUND ... ???Apaan tuh ... ???
Gw juga sebenernya baru tau pas gw buka blognya orang.
Pertama sih gw googling pake keyword "musik di blog" setelah jelajah sana-sini ternyata yang gw cari tuh istilahnya atau namanya adalah "backsound"
Yaitu : Musik yang autoplay (langsung main) ketika blog kita dibuka sama orang, dan juga ... gak ada display playernya.
Sebenarnya sih banyak macamnya, googling aja, pasti nongol ... Tapi yang gw suka, ya kayak gini.
(mudah-mudahan kedengeran lagunya...)
Langsung ke TKP ... !!!
Pertama ... :
Buka Dasbor, Kemudian buka lagi Rancangan (dulu mah tata letak), Terus buka lagi Elemen Laman
Kedua ... :
Klik Tambah Gadget,
Udah...???
Terus pilih HTML/Javascript (klik tanda plusnya...!!!)
kemudian Copy aja Script di bawah ini...
Kalo udah dicopy jangan lupa dikasih gula (wkwkwk mang mo ngopi???)<div align="left"><embed src="http://i39.photobucket.com/albums/e159/normanski/players/xplayexr.swf" width="0" height="0" type="application/x-shockwave-flash" allowfullscreen="false" flashvars="&file=URL file mp3 Lo&backcolor=0x1E0B02&frontcolor=0x49A3FF&lightcolor=0x87B6CD&height=0&width=0&showeq=true&autostart=true&repeat=true&shuffle=false&volume=100&menu=false&searchbar=false"></embed></div>
Maksut Gw trus paste di gadget tadi (judul kosongin aja).
Trus ganti deh tuh tulisan yang gw cetak merah. Pake URL FILE MP3 LO
Jangan Lupa SAVE...!!!
Udah dech
Selamat mencoba...?!
Assalamualaikum ... Wr ... Wb ...
Sebelumnya gw mo ngasih tau dulu bahwa posting artikel di blog itu gak mudah, tapi males atau gak mood bukannya susah (buktikan sendiri kalo gak percaya), salah-salah tar dibilang repost (copas) dari blog orang lain...?!
Gw juga sempat bingung mo nulis apaan ???
Secara gw tau gw gak bakat dalam hal tulis menulis, Ilmu belum cukup, Artikel udah banyak yang posting, nah trus gw mesti posting apaan coba ???
Gak bisa dipungkiri mungkin pertanyaan yang bercetak tebal diatas terlintas juga dipikiran Lo (tu juga bagi yang mikir, hehe....)
Karena alasan itulah gw bikin artikel ini, untuk permulaan dan judul blog gw.
Intinya disini gw akan nulis tentang apa aja yang telah dialami oleh blog gw ini. Sesuai judulnya "PERJALANAN BLOG INI"
Mohon maaf apabila dalam memberikan materi tidak sesuai dengan apa yang ada di blog ini.
Semua itu terjadi, mungkin karena banyaknya perubahan pada blog ini dan banyaknya postingan gw, jadi gw agak males nyesuai'in isi postingan ma perubahan blog ini.
Oke dech.... Udah dulu curhatnya udah pagi nih.
Mo bobo dulu, makasih yach udah mampir......!!!
Bye ... !!!