3 Membuat Fungsi Scrool Untuk Blogroll

Membuat Fungsi Scrool Untuk Blogroll mungkin ini adalah tutorial sederhana yang dapat membuat blog kamu terlihat indah dan rapi. Membuat Fungsi Scrool Untuk Blogroll maksudnya adalah, kita membuat blogroll khusus sebagai tempat meletakkan link teman, link exchange, ataupun blogroll pada umumnya. Dengan menggunakan fungsi scrool ini, maka link yang dipasang pun akan tersusun secara rapi menurut abjad. Untuk lebih jelasnya perhatikan demo dibawah ini :

[ A ]

Asli anak TKJ

[ B ]

Blogspot Tutorial

[ C ]

Catatan Hidup anak SMK

[ D ]

Download Software Gratis

Untuk cara pembuatannya sangat gampang,
1. Masuk ke dashboard blogger
2. Pilih Rancangan -> Klik Tambah Gadget -> Edit HTML/Javascrip
3. Salin kode dibawah ini didalamnya

<div style="border-bottom: rgb(153,153,153) 1px solid; border-left: rgb(153,153,153) 1px solid; border-right: rgb(153,153,153) 1px solid; border-top: rgb(153,153,153) 1px solid; height: 150px; overflow: auto; text-align: left; width: 180px;">

[ A ]
<li> <a href="http://www.tkj-corner.com" target="new">Asli anak TKJ</a></li>


[ B ]
<li> <a href="http://4-jie.blogspot.com/" target="_blank" title="Blog Tutorial - Blogger Tips">Blogspot Tutorial</a></li>

[ C ]
<li> <a href="http://www.fajrialhadi.com/" target="_blank" title="Catatan hidup anak SMK">Catatan Hidup anak SMK</a></li>

[ D ]
<li> <a href="http://www.d16pc.com/" target="_blank" title="Free Download Software">Download Software Gratis</a></li>

</div>

4.Simpan

Keterangan !
Height      : Tinggi fungsi scrool
Width       : Lebar fungsi scrool
text-align  : Rata teks, bisa diganti menjadi right, left, atau center

selengkapnya →

0 Beautiful Slide Out Navigation Horizontal Menu

Beautiful Slide Out Navigation Horizontal Menu atau kalau diartikan kedalam bahasa indonesia artinya adalah Menu Navigasi Horizontal cantik dengan efek slide out. Kalau kemarin 4-jie udah pernah bahas tentang cara membuat navigasi horizontal sub menu ala oom, namun kali ini 4-jie buat sedikti berbeda dari biasanya. Pastinya lebih keren, lebih waw, dan lebih lebih deh.

Beautiful Slide Out Navigation Horizontal Menu

Buat yang udah tidak sabar untuk membuat navigasi horizontal ini, silahkan ikuti panduan nya :

1. Masuk ke dashboard blogger
2. Pilih Rancangan --> Edit HTML
3. Cari kode ]]></b:skin> dan letakkan kode CSS berikut diatasnya

/*----------------
Beautiful Slide Out Navigation
-------------------------------*/
.headerfixed
{
width:600px;
height:56px;
position:absolute;
top:50%;
left:10px;
background:#fff url(title.png) no-repeat top left;
}
ul#navixed {
position: fixed;
margin: 0px;
padding: 0px;
top: 0px;
right: 10px;
list-style: none;
z-index:999999;
width:721px;
}
ul#navixed li {
width: 103px;
display:inline;
float:left;
}
ul#navixed li a {
display: block;
float:left;
margin-top: -2px;
width: 100px;
height: 25px;
background-color:#000;
background-repeat:no-repeat;
background-position:50% 10px;
border:1px solid #BDDCEF;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-bottom-left-radius: 10px;
text-decoration:none;
text-align:center;
padding-top:80px;
opacity: 0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
ul#navixed li a:hover{
background-color:#000;
}
ul#navixed li a span{
letter-spacing:2px;
font-size:11px;
color:#FFF;

}
ul#navixed .home a{
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8byTZKD_VaSkZGNpVU-JJftcha8FK7a76fNxsuV37naStV5xS05-_KB60UOCYKkh1HNFODESoWQ2Gl37rIQvu8PCwiEGW84o8APkvk8dedHXwNtPQwsKREH5qk1AWaMrTJ-bzivb1Soc/s1600/home.png);
}
ul#navixed .about a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgALkXYWIZYPAZA-3SP7XiXkbHv5uKftYv0sfQVQnblet85xyjkFvvW0xni8k-_Er8CkcwV39o2MyO91VnMSxl0BWK3LKQIeZniXdNeQiuDbNFcIprfgz6ZwQr-m_4xnYHBK1na4DVWOBY/s1600/id_card.png);
}
ul#navixed .search a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0aNJoElYE76tvgbuP72r9RzoNVu-rX1P-4mp_7c3BLsT1s_GI7hRSuCcMHF6BodOYJKZDGtQBIwckbHNqGryHRQuCkH7iy6DQruYYiG5Yl3sRteMJh7GQMbOCJ_iyinjxDIkPtP4I88k/s1600/search.png);
}
ul#navixed .podcasts a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifRLhLY7Q2JHtWaUZ5y68KgLawqlQQTk6vuQOCAeZAY_2N8q8JSIQpznrOb34K5ba-dIS3T2O-Qt6h2pZeMM-fCBJuHlqIo2KAltA3dxd4Ah-4VLyCnTPDySBhvPTtozLqWxk8MjR-_CA/s1600/ipod.png);
}
ul#navixed .rssfeed a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWXC9XIuVqQoPSh9bf7NifcEdMsphpqkxcNVDlv9389ZFSQSHtZ1P64UDHaUKT5u_T4rp4hXzrTL1SX2VA7gSLwFC65QgUVsdxKse92sHi6xvg5Y69vV0uA7pXzI2N5ur8pBEWf9V3JNA/s1600/rss.png);
}
ul#navixed .photos a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgflP7XJ2OLXTxfv-XL_SbaNhgQnjcnVw1xCoceRe2bvOX_Raytf4IVNjbOBf0rQSCMZFHQxqmJwgwGIt0-msBkCax_bF3Gh8QtCpKFXxF-iX-fEQVtsVIX90iJwpwFCRqdsbeD4dM3Hb0/s1600/camera.png);
}
ul#navixed .contact a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJyc0E9_z4w_0PMcvvn3iCKbE5E-YZU5VQLkTEBjhPQdDwWuUsmp3MQ_2nYsTj_1S3APfRSiwyFSyKk6N4-w5KatSNCChBUsAuisAZkhO6T5Vp6K5ZHdo_fa6elgoRcTDASsgsdB9Hqq0/s1600/mail.png);
}

4. Jika sudah, cari lagi kode </head>, kemudian script berikut ini diatasnya

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'/>
<script src='http://kangdadang.googlecode.com/files/jcolor.js'/>
<script type='text/javascript'>
$(function() {
var d=300;
$(&#39;#navixed a&#39;).each(function(){
$(this).stop().animate({
&#39;marginTop&#39;:&#39;-80px&#39;
},d+=150);
});

$(&#39;#navixed &gt; li&#39;).hover(
function () {
$(&#39;a&#39;,$(this)).stop().animate({
&#39;marginTop&#39;:&#39;-2px&#39;
},200);
},
function () {
$(&#39;a&#39;,$(this)).stop().animate({
&#39;marginTop&#39;:&#39;-80px&#39;
},200);
}
);
});
</script>

5. Untuk menampilkan menu navigasi horizontalnya, simpan kode CSS berikut sebelum <body>

<ul id='navixed'>
<li class='home'><a href='#'><span>Home</span></a></li>
<li class='about'><a href='#'><span>About</span></a></li>
<li class='search'><a href='#'><span>Search</span></a></li>
<li class='photos'><a href='#'><span>Photos</span></a></li>
<li class='rssfeed'><a href='#'><span>Rss Feed</span></a></li>
<li class='podcasts'><a href='#'><span>Podcasts</span></a></li>
<li class='contact'><a href='#'><span>Contact</span></a></li>
</ul>

6. Selesai, jangan lupa simpan

Itulah tutorial membuat Beautiful Slide Out Navigation Horizontal Menu, silahkan dicoba and keep smile :)

selengkapnya →

2 Cara Membuat Cloudy Category

Kalau beberapa hari yang lalu 4-jie.blogspot.com lebih banyak share tentang foursquare, tetapi kali ini 4-jie.blogspot.com akan share tutorial blogspot yaitu "Cara Membuat Cloudy Category". Cloudy Category ini dapat berputar-putar, jadi cocok banget buat kamu yang suka muter-muter. Buat yang udah gag sabar bagaimana cara pembuatannya, silahkan ikutin tutorial yang 4-jie.blogspot.com buat ini :

1. Login ke blogger.com
2. Pilih Rancangan
3. Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Copy Code berikut :

<b:widget id='Label50' locked='false' title='Category' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <script src='http://h1.ripway.com/ozyw42/tagcloudcumulus-ozy.js' type='text/javascript'/> <div id='flashcontent'/> <script type='text/javascript'> var so = new SWFObject(&quot;http://www.fileden.com/files/2009/11/17/2654961//DADorichalcos.swf&quot;, &quot;tagcloud&quot;, &quot;185&quot;, &quot;185&quot;, &quot;7&quot;, &quot;#000000&quot;); // uncomment next line to enable transparency //so.addParam(&quot;wmode&quot;, &quot;transparent&quot;); so.addVariable(&quot;tcolor&quot;, &quot;0x80ff00&quot;); so.addVariable(&quot;hicolor&quot;, &quot;0xFFFFFF&quot;); so.addVariable(&quot;mode&quot;, &quot;tags&quot;); so.addVariable(&quot;distr&quot;, &quot;true&quot;); so.addVariable(&quot;tspeed&quot;, &quot;125&quot;); so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;); so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;); so.write(&quot;flashcontent&quot;); </script> <b:include name='quickedit'/> <script type='text/javascript'>document.write(unescape('%3C%63%65%6E%74%65%72%3E%3C%61%20%0A%68%72%65%66%3D%27%68%74%74%70%3A%2F%2F%6F%7A%79%2D%77%65%62%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%32%30%31%31%2F%30%35%2F%63%61%72%61%2D%6D%65%6D%62%75%61%74%2D%63%61%74%65%67%6F%72%79%2D%63%6C%6F%75%64%2D%61%6E%69%6D%61%73%69%2E%68%74%6D%6C%27%3E%4D%61%75%20%54%61%67%20%43%6C%6F%75%64%20%73%65%70%65%72%74%69%20%69%6E%69%3F%3C%2F%61%3E%3C%2F%63%65%6E%74%65%72%3E')); </script> </div> </b:includable> </b:widget>

6.  Jika sudah dicopy, letakkan kode diatas, dibawah kode ini 

<b:section class='sidebar' id='sidebar' preferred='yes'> atau

<b:section class='sidebar' id='sisiatas' preferred='yes'>

7. Save

Sekian Tutorial Blogspot yang bisa 4-jie.blogspot.com bagikan, semoga bermafaat :)

Keterangan Kode HTML :
185          = Lebar Widget dalam px
185          = Tinggi Widget dalam px
#000000  = Warna Background (Hitam)
0x80ff00  = Warna Huruf
12            = Ukuran Font
0xFFFFFF  = Warna Link

selengkapnya →

0 Privacy Policy 4-JIE

Web Site Terms and Conditions of Use
1. Terms
By accessing this web site, you are agreeing to be bound by these web site Terms and Conditions of Use, all applicable laws and regulations, and agree that you are responsible for compliance with any applicable local laws. If you do not agree with any of these terms, you are prohibited from using or accessing this site. The materials contained in this web site are protected by applicable copyright and trade mark law.

2. Use License
Permission is granted to temporarily download one copy of the materials (information or software) on 4-JIE's web site for personal, non-commercial transitory viewing only. This is the grant of a license, not a transfer of title, and under this license you may not:
modify or copy the materials;
use the materials for any commercial purpose, or for any public display (commercial or non-commercial);
attempt to decompile or reverse engineer any software contained on 4-JIE's web site;
remove any copyright or other proprietary notations from the materials; or
transfer the materials to another person or "mirror" the materials on any other server.
This license shall automatically terminate if you violate any of these restrictions and may be terminated by 4-JIE at any time. Upon terminating your viewing of these materials or upon the termination of this license, you must destroy any downloaded materials in your possession whether in electronic or printed format.

3. Disclaimer
The materials on 4-JIE's web site are provided "as is". 4-JIE makes no warranties, expressed or implied, and hereby disclaims and negates all other warranties, including without limitation, implied warranties or conditions of merchantability, fitness for a particular purpose, or non-infringement of intellectual property or other violation of rights. Further, 4-JIE does not warrant or make any representations concerning the accuracy, likely results, or reliability of the use of the materials on its Internet web site or otherwise relating to such materials or on any sites linked to this site.

4. Limitations
In no event shall 4-JIE or its suppliers be liable for any damages (including, without limitation, damages for loss of data or profit, or due to business interruption,) arising out of the use or inability to use the materials on 4-JIE's Internet site, even if 4-JIE or a 4-JIE authorized representative has been notified orally or in writing of the possibility of such damage. Because some jurisdictions do not allow limitations on implied warranties, or limitations of liability for consequential or incidental damages, these limitations may not apply to you.

5. Revisions and Errata
The materials appearing on 4-JIE's web site could include technical, typographical, or photographic errors. 4-JIE does not warrant that any of the materials on its web site are accurate, complete, or current. 4-JIE may make changes to the materials contained on its web site at any time without notice. 4-JIE does not, however, make any commitment to update the materials.

6. Links
4-JIE has not reviewed all of the sites linked to its Internet web site and is not responsible for the contents of any such linked site. The inclusion of any link does not imply endorsement by 4-JIE of the site. Use of any such linked web site is at the user's own risk.

7. Site Terms of Use Modifications
4-JIE may revise these terms of use for its web site at any time without notice. By using this web site you are agreeing to be bound by the then current version of these Terms and Conditions of Use.

8. Governing Law
Any claim relating to 4-JIE's web site shall be governed by the laws of the State of Indonesia without regard to its conflict of law provisions.
General Terms and Conditions applicable to Use of a Web Site.

Privacy Policy
Your privacy is very important to us. Accordingly, we have developed this Policy in order for you to understand how we collect, use, communicate and disclose and make use of personal information. The following outlines our privacy policy.

Before or at the time of collecting personal information, we will identify the purposes for which information is being collected.
We will collect and use of personal information solely with the objective of fulfilling those purposes specified by us and for other compatible purposes, unless we obtain the consent of the individual concerned or as required by law.
We will only retain personal information as long as necessary for the fulfillment of those purposes.
We will collect personal information by lawful and fair means and, where appropriate, with the knowledge or consent of the individual concerned.
Personal data should be relevant to the purposes for which it is to be used, and, to the extent necessary for those purposes, should be accurate, complete, and up-to-date.
We will protect personal information by reasonable security safeguards against loss or theft, as well as unauthorized access, disclosure, copying, use or modification.
We will make readily available to customers information about our policies and practices relating to the management of personal information.
We are committed to conducting our business in accordance with these principles in order to ensure that the confidentiality of personal information is protected and maintained.

selengkapnya →

2 Tag Scanner Editing Tag Koleksi File Musik

Bagi sahabat 4-jie yang suka mendengarkan musik di komputer menggunakan music player, pasti tidak asing dengan Tag info atau yang sering disebut ID tag. Ada bermacam-macam jenis ID tag, antara lain ID3v1, ID3v2, Vorbis comments, APEv2, WindowsMedia dan MP4 (iTunes) tag. Detail ID tag inilah yang akan ditampilkan di music player mu.

Mengubah ID Tag Koleksi Musik sobat dengan TagScanner. Terlihat ada beberapa detail yang bisa disimpan di ID tag, seperti track, title, artist, album, year, dll. Dengan adanya ID tag yang lengkap, maka kamu bisa lebih mudah menemukan lagu yang kamu inginkan. Hal ini karena rata-rata yang ditampilkan di music player adalah ID tag nya dan bukan nama file nya.

Sebenarnya, hampir semua music player memiliki fitur tag editor dimana kamu bisa mengubah tag file musik kamu. Namun sayangnya, tag editor bawaan music player ini sebagian besar mengharuskan kamu mengubah tagnya satu per satu. Jika koleksi musik kamu sangat banyak, tentu saja hal ini akan sangat melelahkan.

Beruntung ada sebuah software yang bisa kamu gunakan untuk mengubah dan mengedit ID tag banyak file musik kamu sekaligus dengan mudah. Software ini adalah TagScanner.

TagScanner merupakan software multifungsi yang bisa kamu gunakan untuk mengorganisir dan memanage koleksi musik kamu. Dengan berbagai fitur dan kemudahan yang ada di TagScanner, kamu bisa mengubah dan mengedit ID tag dengan jauh lebih mudah dan cepat daripada ketika kamu menggunakan tag editor bawaan dari music player kamu.

Beberapa hal yang bisa dilakukan oleh TagScanner antara lain:
1. Memanage dan mengorganisir koleksi musik kamu dengan mudah.
2. Mengedit dan mengubah tag file musik kamu.
3. Merename file secara otomatis berdasarkan informasi yang ada di ID Tag.
4. Merename file berdasarkan ID tag nya.
5. Mentransformasi data yang ada di tag maupun file name.
6. Mendapatkan data album info dari online music database seperti Freedb dan Amazon.
7. Bisa mengedit banyak Tag musik sekaligus.
8. Memiliki fitur playlist maker untuk membuat dan mengekspor playlist ke file HTML atau Excel.
9. Mendukung berbagai macam format audio populer seperti MP3, OGG, Musepack, Monkey’s Audio, FLAC, AAC, OptimFROG, SPEEX, WavePack, TrueAudio, WMA, MP4 dan lain-lain.
10. mendukung berbagai macam jenis ID tag seperti ID3 1.0/1.1/2.2/2.3/2.4 tags, APE v1 and v2 tags, Vorbis Comments, WMA tags dan MP4(iTunes) metadata.
11. bisa mengedit dan menambahkan cover art dan lirik pada file musik.

Langsung klik saja link download sesuai dengan versi yang kamu inginkan (Installer atau portable)

Dengan menggunakan TagScanner ini, maka mengubah ID tag koleksi musik kamu menjadi lebih mudah dan cepat. kamu bisa mengubah ID tag banyak file musik koleksi kamu sekaligus. Selamat mencoba

TagScanner ini bisa kamu dapatkan secara gratis dengan mendownloadnya disini:

http://www.mediafire.com/?vbb47bs66s5gb3b

selengkapnya →

2 Mempercepat Browsing Dengan Namebench

Mempercepat Browsing Dengan Namebench - Buat para netter pasti 1 hal yang paling diinginkan dalam browsing atau mengakses internet adalah memiliki koneksi tinggi. Sama seperti saya, yang namanya LAMBAT Lola pasti bikin jengkel. Kali ini 4-jie.blogspot.com akan berbagi trik Mempercepat Browsing Dengan Namebench. Software ini merupakan proyek Google yang memungkinkan pengguna internet untuk mendapatkan koneksi lebih cepat dengan cara mengubah setting DNS sesuai dengan rekomendasi yang telah didapatkan, rekomendasi ini melalui test yang dijalankan.

Caranya Gampang banget, cukup ikuti tutorial berikut ini :

  1. Buka program Namebench.
  2. Langsung aja tekan "Start Benchmark".
  3. Proses ini memakan waktu sekitar 12 sampai 30 menit.
  4. Setelah selesai Namebench akan memberikan server DNS terbaik bagi komputer anda.
  5. Ganti server DNS anda
  6. Restart koneksi.

Untuk Win 7 (Sometimes better than Namebench & XP users can use it either)- :
  1. Run program DNS Benchmark.
  2. Pilih tab 'Nameservers" - Click "Run Benchmark" (Prosesnya memang agak lama).
  3. Lalu pilih tab "Conclusion"(Semuanya dijelaskan disini).
  4. Baru ganti DNS anda sesuai rekomendas DNS Benchmark.

Hasil dari eksperimen ini :
OS : Win 7 Ultimate 32 bit,
Browser : Mozilla Firefox ,
Internet Access : Speedy
Hasil Yang didapat :

 

Download Here :
Untuk WindowsXP/Mac/Linux- :http://code.google.com/p/namebench/
Untuk Windows 7 (Program beda. Fungsi sama)- :https://www.grc.com/dev/DNSBench.exe

selengkapnya →

2 Apa Itu PageRank dan SERP

Antara PageRank dan SERP

Apa itu Pagerank dan SERP ?

Mungkin bagi yang sudah lama terjun dan ikut serta dalam dunia blogging pasti tau apa itu PageRank dan SERP. Tetapi, gag ada salahnya dong kan kalau 4-jie.blogspot.com bagi kepada sahabat blogger yang belum tau apa itu PageRank dan SERP

Apa Itu Page Rank?

Bicara Google, tidak terlepas dari PageRank (PR). Page Rank adalah satuan untuk mengukur kualitas halaman web. Walaupun untuk hasil pencarian peran PR tidak terlalu signifikan, tapi PR cukup diperhitungkan dalam bisnis online. Sebuah web yang memiliki PR tinggi memiliki nilai jual yang tinggi pula. PageRank dimulai dari PageRank 1 - 10. PageRank tertinggi adalah PageRank 10. PR ini dimiliki oleh facebook, situs jejarin terbesar didunia.

Apa Itu SERP?

Singkatan Search Engine Result Page. SERP merupakan halaman yang muncul sebagai hasil dari pencarian yang dilakukan di search engine. Dalam sekali pencarian, Google bisa menemukan puluhan hingga milyaran hasil pencarian yang terbagi-bagi menjadi beberapa halaman. Tiap halaman hanya memunculkan 10 website saja. Google mengurutkan hasil pencarian menggunakan rumus tertentu yang hingga saat ini belum dipublikasikan. Hanya saja, beberapa pebisnis online dan pengamat search engine telah melakukan serangkaian ujicoba dan mempublikasikan temuan mereka. Jika website kita tampil di halaman pertama, besar kemungkinan pencari akan mengunjungi website kita. Ini tentu akan meningkatkan traffic web dan tinggal kreativitas kita saja mengubah kunjungan ini menjadi peluang bisnis. Maka target kita adalah tampil di halaman pertama. Dan fokus kita adalah peringkat pertama. So, mari tetap bersemangat untuk ngeblog

selengkapnya →