Alternatif selain googlepages dan geocities?

Banyak berita yang beredar di internet kalau googlepages akan di gantikan dengan sites.google.com yang pada akhirnya file-file yang berektension js atau javascript dan CSS script tidak bisa di gunakan lagi apabila sebelumnya file tersebut tersimpan di googlepages begitupun juga geocities salah satu layanan dari yahoo yang juga akan menutup situs hostingan gratisan ini, yang pastinya akan membuat pusing saya sebagai pengguna dari googlepages di mana file-file pendukung untuk blog saya simpan di layanan google tersebut sehingga file-file yang berekstension js dan css pasti tidak bisa di gunakan yang pada akhirnya blog yang mengunakan script tersebut tidak bisa berjalan, alternative nya adalah memindahkan file-file tersebut ke tempat hostingan lain, yang notebene gratisan juga karena saya yakin sobat suka juga dengan layanan gratisan karena wajar sebagai bangsa Indonesia yang baik dan benar hehehehehehhe. Buat para profesional blogger pastinya tiak ada masalah dengan isu ini, tapi bagaimana dengan blogger nubie seperti saya ini, yang hanya mengandalkan layanan gratisan dari internet.

Solusinya adalah sebagai nubie sebaiknya sobat mendaftarkan diri di 000webhost.com, 110mb.com,  byethost.com atau situs hosting gratisan lainnya, pada prinsipnya proses penyimpanan filenya hampir sama hanya kali saya akan membahas dengan menggunakan metode transfer via ftp dengan hostingan via byethost.com.

Hal yang perlu dilakukan adalah :

1. Daftarkan diri ke byethost.com.com dan ikuti langkah-langkah registrasinya - username menjadi nama URL sobat ex : username : myblog maka urlnya mrnjadi : myblog.byethostX.com
   
2. Setelah terdaftar pastikan sobat menyimpan settingan dari byethost.com - sudah otomatis dalam bentuk file doc.pdf
   
3. Install Client ftp Filezilla, setelah selesai installasi kemudain jalankan program filezilla - sillahkan klik link ini untuk downloadn filezilla
   
4.  Kemudian masuk ke site manager

5. Klik new site dan tulis alamat URL sobat ex: subagya.byethost8.com , kemudian untuk host ambil ftp server yang ada dalam settingan pdf ex: ftp.byethost8.com , kemudian ganti Logontype menjadi Account, kemudian isi username dengan settingan dari byehost.com ex: b8_3813566 , terus isi juga password sesuai dengan settingan dari byethost.com, dan isi Accountnya sesuai dengan nama depan URL ex : subagya
6. Klik Connect , jika settingan ftp berhasil maka sobat akan bisa masuk kedalam directory web

7. Kemudian klik 2 kali folder htdocs yang berada di panel kanan terus klik kanan mouse pada panel tersebut pilih create directory
 
8. Buat nama folder baru terserah keinginan sobat ex: javascript , setelah selesai masuk ke directory javascript tersebut , kemudian mulai kita upload file javascript, panel bagian kiri merupakan panel computer kita (local site) sedang kan panel kanan adalah panel web kita (remote site), cara untuk upload file adalah cari file yang akan di upload pada bagian panel kiri setelah ketemu klik kanan dan pilih upload , jika proses ini berhasil maka file yang berada di local site akan berpindah ke remote site.
 
 
9. Langkah untuk upoad sudah selesai, sekarang bagaimana menggunakan file js tersebut untuk keperluan web atau blog kita, caranya adalah mengarahkan ke file tesebut. Contoh hasil tutor di atas adalah berikut : http://subagya.byethost8.com/javascript/RelatedPost.JS atau bisa di gambarkan dengan format seperti ini ex : http://myblog.byethostX.com/javascript/file.js

Semoga tutor ringan ini bisa membantu sobat dalam hal menyimpan file-file ke hostingan gratisan, karena sebagai nubie kita harus memanfaatkan layanan grtaisan ini hehehehhe.

Make your driver computer update without risk

Do you have a laptop or computer to backup your job? If the answer is yes you must consider making your computer in optimal condition and with good performance system make your office job with this computer will done without risk lost of data. If you having trouble how to make your computer drivers update or you have missing driver and make your computer go slow down and unstable I suggest you must try the latest driver for your computer. It make you computer more stable and you don’t worry this drivers software will update you drivers computer such display drivers, video drivers and sound drivers automatically.
I will tell you how to make update driver so simple and safety. with Driver detective will help you just only three simple steps, with them over 9 million driver database make easy to find your driver in less then 5 minutes. You can download this drivers software on the fast driver web. Driver detective it is only download from official windows drivers for your computer safety because if you have wrong to update your computer drivers it is make your system computer crash and unstable. I had good experience with driver detective and I suggest you must try. Just go to fast-driver net and start download Driver Detective right now!

Membuat author gravatar pada blogspot

Banyak cara membuat modifikasi pada bagian komentar, seperti membuat mybloglog avatar, salah satu triknya suhu Jaloee dan lain-lain. Kali ini saya mencoba memberikan salah satu trik baru untuk modifikasi perwajahan bagian komentar dengan menampilkan author gravatar sehingga memberikan kesan seperti komentar themes wordpress. Trik ini memang ada beberapa kelemahan yaitu hanya owner blog yang bisa tampil beda sedangkan untuk komentar pengunjung gravatarnya sama semua.sedangkan keuntungannya adalah tidak memakai javascript sehingga loading pagenya cukup cepat.

Langkah-langkah yang perlu di siapkan adalah

1. Login ke blogspot kemudian Layout > Edit HTML
2. Taruh kode di bawah ini di atas ]]></b:skin> :
.commentlistdiv { margin-top: 10px;padding:10px; background: #FFF;border: 1px dotted #ddd;font-size: 0.75em;color: #666;} .commentlistdiv h1 {font-size: 1.3em; color: #366799;border-bottom: 1px solid #eee; line-height: 1.5em;} .commentlist li {background: #fff; border-bottom: 1px dotted #ddd;padding: 20px;} .commentlist li.alt {background: #fff;} .pane_l {float: left;display: inline; width: 160px;min-width: 160px;max-width: 160px; border-right: 1px dotted #ddd;padding-right: 20px;margin-right: 20px;} .pane_r {display: block;line-height: 1.5em;margin-left: 201px;} .c_author {font-size: 0.9em;font-weight: bold;margin: 0px 0px 7px 0px;} .gravatar {padding: 4px;float:right;border:2px solid #ccc;} .c_date {color: #aaa;font-size: 0.9em;margin: 0px 0px 7px 0px;} .c_approved {color: #aaa;font-size: 0.9em;} .comment-form { background:#EFEFEF; border:5px solid #cccccc; margin:0 10px 20px 10px; padding:10px 0 0 15px; } .owner-Body {display: block;line-height: 1.5em;margin-left: 201px;} .owner-Body p { font-size:100%; margin:0 0 .2em 0; color:#FF0000; text-decoration:bold; }
3. Kemudian save hasil pekerjaan sobat dan baru centang expand widget template
4. Cari kode  <dl id='comments-block'>  dan cari sampai tag pentupnya </dl>
   
Kemudian ganti dengan kode di bawah ini
<ol class='commentlist'> <b:loop values='data:post.comments' var='comment'> <li> <div class='' expr:id='data:comment.id'> <div class='pane_l'> <p class='comment-author' expr:id='&quot;comment-&quot; + data:comment.id'> <a expr:name='&quot;comment-&quot; + data:comment.id'/> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel=''><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <br/> Said </p> </div> <b:if cond='data:comment.author == data:post.author'> <div class='owner-Body'> <div class='gravatar'> <img alt='gravatar' class='avatar' height='55' src='YOUR URL PIC' width='55'/> </div> <p><data:comment.body/></p> <div class='c_date'><data:comment.timestamp/></div> <div class='c_approved'/> <b:include data='comment' name='commentDeleteIcon'/> </div> <b:else/> <div class='pane_r'> <div class='gravatar'> <img alt='gravatar' class='avatar' height='55' src='YOUR URL NOPIC ' width='55'/> </div> <p><data:comment.body/></p> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <div class='c_date'><data:comment.timestamp/></div> <b:include data='comment' name='commentDeleteIcon'/> </b:if> </div> </b:if></div> <div class=' clear'/></li> </b:loop> </ol>
NB : - ganti YOUR URL PIC dengan alamat images photo sobat ukuran photo width=55px dan height=55px - ganti YOUR URL NOPIC dengan alamat images photo pengunjung ukuran photo width=55px dan height=55px
5. Finally, simpan hasil pekerjaan sobat dan lihat hasilnya
   

Semoga trik sederhana ini bisa mempercantik bagian komentar sobat

Membuat S3slider images show

Tutorial ringan ini akan membahas bagaimana cara membuat s3slider image show yang diaplikasikan ke dalam template blog terutama blogspot, feature ini dapat di gunakan sebagai pelengkap tambahan untuk model template dengan magazine style, proses instalasi ke dalam blog sangat mudah dan simple, untuk melihat sumber s3slider image silahakan ke situs resminya, jika sobat ingin melihat demonya bisa klik di sini atau kalau sudah tidak sabar ingin mengaplikasikan feature ini hal yang pertama siapkan bahan-bahan untuk membuat s3lider, terutama scrpit jquery dan s3slider; bisa sobat download di bawah ini :

• Jquery JS
  
• S3slider JS

Kalau sudah sobat download saya sarankan simpan di tempat hostingan sobat sendiri, jika sudah menyimpan kita mulai langkah-langkahnya :

1. Login ke blogspot terlebih dahulu kemudian masuk ke blog sobat pilih Layout > Edit HTML
2. Kemudian masukan kode CSS di bawah ini sebelum kode ]]></b:skin>
/* Slider Control ----------------------------------------------- */ h2.slider { color: #000000; font-size: 14px; line-height: 14px; text-transform: uppercase; margin: 0px 0px 0px 0px; padding: 0px 0px 6px 0px; border-bottom: 1px solid #C0CCD3; } #s3slider { width: 570px; /* important to be same as image width */ height: 300px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ } html > body #s3sliderContent { width: 570px; /* important to be same as image width or wider */ position: absolute; /* important */ top: 0; /* important */ margin-left: -40px; /* important */ } #s3sliderContent { width: 570px; /* important to be same as image width or wider */ position: absolute; /* important */ top: 0; /* important */ margin-left: 0px; /* important */ margin-top:30px; } .s3sliderImage { float: left; /* important */ position: relative; /* important */ display: none; /* important */ } .s3sliderImage span { position: absolute; /* important */ left: 0; font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 570px;height:50px; background-color: #000; filter: alpha(opacity=70); /* here you can set the opacity of box with text */ -moz-opacity: 0.7; /* here you can set the opacity of box with text */ -khtml-opacity: 0.7; /* here you can set the opacity of box with text */ opacity: 0.7; /* here you can set the opacity of box with text */ color: #fff; display: none; /* important */ bottom: 0; /* if you put top: 0; -> the box with text will be shown at the top of the image if you put bottom: 0; -> the box with text will be shown at the bottom of the image */ }
3. Selanjutnya masukkan kode di bawah ini setelah kode ]]></b:skin>
<script src="http://subagya.googlepages.com/jquery.js" type="text/javascript"> <script src='http://betatemplates.co.cc/wp-content/project/js/s3Slider.js' type='text/javascript'/> <script type='text/javascript'>    $(document).ready(function() {    $(&#39;#s3slider&#39;).s3Slider({       timeOut: 4000    }); }); </script> 
Nb : mohon ganti URL alamat JS dengan punya anda sendiri untuk menghindari bandwith limit
4. Kemudian sobat masuk ke Layout > add page element > HTML/Javascript dan masukkan kode ini :
<h2 class="slider"> My Gallery</h2> <ul id="s3sliderContent"> <li class="s3sliderImage"> <img src="YOUR IMAGE URL" />YOUR TEXT... </li> <li class="s3sliderImage"> <img src="YOUR IMAGE URL" /> YOUR TEXT... </li> <div class="clear s3sliderImage"> </div> </ul>
5. Simpan dan lihat hasilnya

Contoh di atas adalah hanya 2 images show kalau sobat ingin menambah image slide shownya yang perlu dilakukan adalah menambahkan format ini :

<li class="s3sliderImage"> <img src="YOUR IMAGE URL" />YOUR TEXT... </li>

Semoga tutorial ringan ini bermanfaat buat sobat yang ingin menampilkan gaya magazine di template sobat.

Need drivers for your computers?

I have got experienced with my new computer, given from my brother. Actually my computer is the new product from popular brand and I am over excited because my computer specification is higher than mine before, it is only took less than a month before my computer was infected by the viruses, they made my computer became unstable, so that drivers are not able to updated again, like graphic display, modem, and sound driver. I’m so worried because I have no backup for these drivers, I have looked up on search engines for these drivers but the result is zero. I’m so desperate because my entire office job finished on that computer.
Luckily, I found Driver Access to solve my problem, with their over 1.5 million drivers database make it easily and effectively fixed and updated driver for my computer, because I found the right drivers for my Sound Drivers, Display Drivers, and Modem Drivers on Driver Access. All you have to do is just only download Driver Access and install it to your computer. Driver Access gives 100% free scan for you to update your old drivers, with the latest version driver of your computer or laptop, so that your computer would become optimized. So what are you waiting for, just go to Driver Access now!

Bandwidth googlepages exceeded

Beberapa pemakai template buatan saya mengirim email ke saya dan mengapa tampilan templatenya berantakan dan script tertentu tidak bekerja, hal ini di sebabkan karena akun googlepages saya telah over limit bandwidth yang artinya file-file yang saya simpan di sana tidak bisa muncul dan akan muncul dengan normal bila bandwidthnya memenuhi, dan kebanyakan template yang saya buat memakai hostingan gratisan dari google tersebut, ya solusinya adalah memindahkan file-file yang saya taruh di sana ke tempat hostingan lain dan biasanya ciri-ciri file yang saya taruh di googlepages mempunyai format http://subagya.googlepages.com/..... sekadar informasi kalau sobat mengalami hal yang sama bisa memindahkan file-file template ke tempat hostingan sobat sendiri, dan biasanya saya sudah warning terhadap masalah ini dan menaruhnya dalam readme.txt agar file-file yang berhubungan dengan template agar di simpan dengan hostingan sobat agar menghindari hal-hal yang di inginkan :d.

 

Semoga hal ini tidak terjadi dengan template sobat, dan pada postingan berikutnya saya akan berbagi pengalaman bagaimana mengantispasi hal ini terutama buat sobat yang memakai googlepages.com karena sebentar lagi layanan ini kan ditutup dan berpindah ke sites.google.com di mana ada beberapa format file yang tidak bisa di simpan layanan baru google ini.

Magzmo Black Template Release

Seperti yang saya sudah janjikan kalau mau luncurkan template dengan varian magazine style,kali ini template yang akan pertama saya luncurkan adalah Magzmo Black Template, dengan konsep layout magazine diharapkan dapat menambah peredaran free template blogspot dengan aliran magazine yang selama ini jarang di temukan gratis. Features dalam template ini lumayan banyak saya masukkan supaya lebih kerasa magazine stylenya, yang paling terutama adalah dengan menambahkan features S3slider images show yang kerebn abis - (menurut saya-red).

Magzmo Black template sudah bisa di download di Free Blogspot Themes dan saya sudah sertakan di dalamnya instruksi supaya tampilan blog menjadi sempurna, yang paling penting jika sobat blogger memakai template ini saya dengan rasa hormat "Please don't Remove Credit Link!".

Demo | Go To Magzmo Black Template download

Jika ada pertanyan mengenai template ini bisa kirim ke subagya1@gmail.com