CARA MENGHAPUS TULISAN DIBERDAYAKAN OLEH BLOGGER

Sobat blogger sekalian jika menggunakan template yan disediakan oleh blogger, pasti di bagian bawah blog sobat akan ada tulisan diberdayakan oleh blogger. Itu memang mengganggu. Jujur, saya sendiri pu merasa teranggu dengan hal itu. Nah, jika sobat ingin menghilangkan tersebut, lihat caranya di bawah ini:

1. Masuk ke blogger
2. Pilih Rancangan>Edit HTML
3. Cari kode  ]]></b:skin. Untuk memudahkan tekan Ctrl+F dari keyboard
4. Taruh kode di bawah tepat diatas kode  ]]></b:skin
#Attribution1 {
height:0px;
visibility:hidden;
display:none
}

5. klik simpan dan lihat hasilnya....!!!!!

Baca Selengkapnya...

Cara membuat teks dan tombol berkedip-kedip

Satu lagi trik yang membuat blog kita kelihatan menarik yaitu membuat tulisan dan link yang ada di blog kita bisa berkedip. Entah itu berkedipnya berkedip biasa maupun berkedip dengan pola warna-warni akan kita bahas bareng di postingan ini.

Copas aja kode script ini ke widget dan liat hasilnya

<blink>Dilarang main mata, nanti belekan lho...mau!</blink>

<blink><a href="http://tricksip.blogspot.com/">Dilarang main mata, nanti belekan lho...mau!</a></blink>

<blink><button>Dilarang main mata, nanti belekan lho...mau!</button></blink>

<a href="http://tricksip.blogspot.com/"><blink><button>Dilarang main mata, nanti belekan lho...mau!</button></blink></a>

Bagaimana teman-teman, keren kan? Mungkin ini aja dulu...

ket : ganti teks warna merah dengan teks yang diinginkan


MEMBUAT LINK BERKEDIP-KEDIP

Kalau begitu, untuk membuatnya cukup menerap pun langkah-langkah brikut:

1. Login ke Blogger >> Klik Tata Letak >> Klik Tambah Gadget/Add Gadget >> Pilih HTML/ Java Cript

2. Taruh kode berikut di dalamnya:

<script src='http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/kedip_rainbow.js
' type='text/javascript'/>

3. Simpan hasil kerjaan anda.


sumber :  http://tricksip.blogspot.com

Baca Selengkapnya...

Cara pasang widget translate di blog

Cara Pasang Google Translate Dengan Image Bendera

Setelah sebelumnya saya memposting artikel tentang Cara Pasang Google Translate dengan mentuk Drop Down .Kali ini saya akan memberikan tips tentang bagaimana Cara Pasang Google Translate Dengan Image Bendera. Translate dengan gambar bendera ini memang cukup menarik dilihat . selain itu gambar benderanya adalah gambar bendera masing-masing negara yang bahasanya ingin diterjemahkan. Dengan begitu Widget Google Translate Yang kita pasang akan lebih menarik.

Widget Google Translate yang berbentuk bendera yang akan kita pasang adalah seperti di bawah ini .silakan kamu sorot gambar benderanya maka nanti akan muncul nama negara dari pemilik bendera tersebut.



Buat kamu yang ingin memasang Widget Google Translate berbentuk bendera tersebut,silakan ikuti langkah-langkahnya berikut ini.


1.LOGIN ke Blogger dengan ID kamu.

2.Klik Tata Letak.

3.Klik tab Elemen Halaman.

4.Klik Tambah Gadget.

5.Kemudian Pilih HTML/Javascript.

6.Selanjutnya Copy Kode HTML berikut dan Paste di dalam kolom HTML/Javascript tadi.

<center><a style="cursor: pointer;" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cen&amp;hl=en'); return false;"><img border="0" alt="English" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/inggris.gif" height="20" title="English" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cfr&amp;hl=en'); return false;"><img border="0" alt="French" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/francis.gif" height="20" title="French" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cde&amp;hl=en'); return false;"><img border="0" alt="German" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/jerman.gif" height="20" title="German" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Ces&amp;hl=en'); return false;"><img border="0" alt="Spain" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/spnyol.gif" height="20" title="Spain" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cit&amp;hl=en'); return false;"><img border="0" alt="Italian" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/italia.gif" height="20" title="Italian" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cnl&amp;hl=en'); return false;"><img border="0" alt="Dutch" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/belanda.gif" height="20" title="Dutch" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cru&amp;hl=en'); return false;"><img border="0" alt="Russian" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/rusia.gif" height="20" title="Russian" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cpt&amp;hl=en'); return false;"><img border="0" alt="Portuguese" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/brazilia.gif" height="20" title="Portuguese" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cja&amp;hl=en'); return false;"><img border="0" alt="Japanese" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/jepang.gif" height="20" title="Japanese" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cko&amp;hl=en'); return false;"><img border="0" alt="Korean" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/koreautara.gif" height="20" title="Korean" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Car&amp;hl=en'); return false;"><img border="0" alt="Arabic" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/saudiarabia.gif" height="20" title="Arabic" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Czh-CN&amp;hl=en'); return false;"><img border="0" alt="Chinese Simplified" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/cina.gif" height="20" title="Chinese Simplified" align="absbottom"/></a></center><br/>

7.Setelah itu Klik tombol SIMPAN

Baca Selengkapnya...

Cara menghilangkan tulisan langganan entri atom di blog

Cara Menghilangkan Link Berlangganan Entri Atom di Blog

Haii sob ada postingan baru nich .hehehe di malam yang sunyi ini saya mau menjelaskan bagaimana Cara Menghilangkan Link Berlangganan Entri Atom di Blog.Kamu tentunya pernah melihat tulisan seperti ini kan Langgan: Poskan Komentar (Atom) ?yupzz tulisan ini biasanya ada di bawah postingan blog kita. bagi sebagian orang tulisan ini mungkin membuat risih,atau ga enak aja buat dipandang .hehehehe bagaimana cara menghilangkanya ? yuupzz..Cara Menghilangkan Link Berlangganan Entri Atom di Blog ini Cukup mudah.Caranya tinggal ikuti aja langkah-langkah Menghilangkan Link Berlangganan Entri Atom Berikut Ini.

1.Login Ke blogger Dengan ID kamu.

2.Klik Tata Letak Kemudian Klik Edit HTML.

3.Selanjutnya Cari Kode ]]></b:skin> .Atau biar lebih gampang gunakan tombol CTRL+F.

4.Kalo Udah ketemu copy dan paste kode berikut diatasnya.

.feed-links{
display:none;
}

5.Kalo Udah selesai jangan lupa klik Simpan Template.

6.Tinggal kamu lihat hasilnya dech .pasti itu link udah ilang.hehehe

Baca Selengkapnya...

Cara Membuat label atau tag clouds

Membuat Label atau Tag Clouds

dalam postingan yang begitu singkat ini.klinik-it akan sedikit memberi tips tentang Membuat Label atau Tag Clouds.Apa itu Tag Clouds ? Tag Clouds adalah sebuah Label yang hurufnya tidak rata dan jika Tag yang hurufnya rata itu biasanya adalah tag yang populer di blog kamu dan jika jika kecil berarti tag tersebut kurang populer.Dan buat kamu yang tertarik untuk membuatnya.Silakan ikuti tutorial Membuat Label atau Tag Clouds berikut ini.

1.LOGIN ke Blogger.

2.Klik Tata Letak kemudian klik lagi Edit HTML.

3.Selanjutnya cari kode ]]></b:skin>.Lalu copy dan paste kode berikut di bawahnya.

/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}

4.Cari lagi kode <head> . kemudian copy paste berikut tepat di bawahnya.

<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>

5.Cari lagi kode berikut ini.

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

6.Hapus kode tersebut.lalu ganti dengan kode berikut ini.

<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>

<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>

// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a&gt;b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}


var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = &quot;<data:label.name/>&quot;;
ts[theName] = <data:label.count/>;
</b:loop>

for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
if(ts[t] &lt; cloudMin){
continue;
}
for (var i=0;3 &gt; i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';
li.style.lineHeight = '1';
a = document.createElement('a');
a.title = ts[t]+' Posts in '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = '/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>

<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>

</b:includable>
</b:widget>

7.Selanjutnya klik SIMPAN TEMPLATE

8.Selesai dech.. trus tinggal kamu lihat hasilnya.

Baca Selengkapnya...

Cara Pasang Tuker Link Otomatis Di Blog

Tukeran Link dikalangan blogger itu sudah biasa dan malahan jadi budaya. tujuan dari Tukeran Link tersebut itu tentunya adalah untuk menaikan pagerank blog,atau untuk sekedar bersilahturahmi kepada sesama blogger. namun tukeran link secara manual dirasa sangat merepotkan, dan Tukeran Link secara otomatis adalah solusinya .Dalam postingan saya yang ini saya akam menjelaskan bagaimana CARA PASANG TUKER LINK OTOMATIS DI BLOG.Cara kerja script Tukeran Link otomatis ini juga cukup mudah. misalnya ada blogger yang ingin Tukeran Link dengan blog kamu,dia cuma cukup memasukan nama dan link URL blog miliknya kemudian klik enter maka secara otomatis link blog URL milik dia akan secara otomatis terpasang diblog kita. Pengen Pasang Kode Tuker Link Otomatis ? silakan ikuti langkah-langkah CARA PASANG TUKER LINK OTOMATIS DI BLOG berikut ini :

1.Klik http://blenza.com/linkies/.

2.Klik Register Lalu isi Formulir pendaftaran dengan lengkap.

3.Setelah itu kamu diminta untuk memasukkan kode konfirmasi yang dikirimkan melalui email.


4.Setelah itu silakan LOGIN dengan akun blenza yang udah kamu buat.

5.Selanjutnya klik wizard

6.Pilih servernya Blogger dan widgetnya Original Auto-Linkies, lalu klik Generate code.

7.Setelah kamu mendapatkan Kode HTML nya silakan Copy kode tersebut lalu :

8.Login ke blogger lalu klik Tata Letak lalu klik Tambah Gadget lalu pilih HTML/javascript atau kamu juga bisa mempastenya di dalam postingan tuker link di blog kamu.

9.Copy kode berikut lalu paste di bawah Kode <head> .Caranya Login Ke blogger Lalu Klik Tata Letak Terus Klik Edit HTML Cari dech <head> nya.

<script src='http://www.blenza.com/linkies/header.js' type='text/javascript'/>

10.Kalo udah jangan Lupa Klik Save template

Baca Selengkapnya...

Cara Buat Link Download

Apa Itu link download ? Link download adalah seuatu teks atau gambar yang bisa di klik untuk mengarahkan link ke sebuah hosting untuk mendownload sebuah file . Bagaimana Cara membuatnya ? caranya begini Copy kode berikut lalu paste di blog kalian :

<a href="http://www.zuwamma.blogspot.com">Download</a>

Keterangan : Teks yang berwarna biru adalah Link tujuan ketika teks Yang berwarna Merah Di Klik . Teks Yang Berwarna merah juga Bisa anda ganti Dengan kata lain misalnya saja "Klik Disini"Ataupun yang lainya !

Ada banyak Fariasi untuk membuat link download,diantarannya dengan cara membuat linknya berhuruf besar,Miring tebal atau dengan menggunakan gambar . Contohnya sebagaiberikut :

Copy paste kode berikut untuk membuat teks link download menjadi tebal :
<a href="klinik-it.blogspot.com"><b>Download</b></a>

Untuk membuat teks tersebut miring silakan ganti kode <b>dan</b> Dengan <i>dan</i> .

Dan untuk membuat link tersebut Berukuran kecil sampe besar ganti kode yang saya hijaukan dengan kode <h1> dan </h1> . ganti angka tersebut dengan angka 1 - 6 jika ingin menyesuaikan ukuran besar link

Baca Selengkapnya...

Cara membuat judul blog bergerak dan berganti-ganti

 Ingin judul blognya bergerak?? yowes lagi males ngetik lansung aja ya  Gini Caranya :
1. Log in Blogger
2. Buka Rancangan
3. Buka Elemen Laman
4. Klik Tambah Gadget
5. Pilih HTML/Javascript
6. Copy Paste Code ini

<script language="JavaScript">
<!--
/*****JUDUL BERJALAN *****/

function tb5_makeArray(n){
this.length = n;
return this.length;
}

tb5_messages = new tb5_makeArray(6);
tb5_messages[0] = "HELLO BRO !!!";
tb5_messages[1] = "WELCOME TO....";
tb5_messages[2] = "YASIR'S BLOG";
tb5_messages[3] = "Jangan Lupa Komentar lho.";
tb5_messages[4] = "Tips Trik Ini semuanya Gratis ya..";
tb5_messages[5] = "Silahkan Copaz Sesuka Hati !!";
tb5_rptType = 'infinite';
tb5_rptNbr = 10;
tb5_speed = 50;
tb5_delay = 2000;
var tb5_counter=1;
var tb5_currMsg=0;
var tb5_stsmsg="";
function tb5_shuffle(arr){
var k;
for (i=0; i<arr.length; i++){
k = Math.round(Math.random() * (arr.length - i - 1)) + i;
temp = arr[i];arr[i]=arr[k];arr[k]=temp;
}
return arr;
}
tb5_arr = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
tb5_sts = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
for (var i=0; i<tb5_messages[tb5_currMsg].length; i++){
tb5_arr[i] = i;
tb5_sts[i] = "_";
}
tb5_arr = tb5_shuffle(tb5_arr);
function tb5_init(n){
var k;
if (n == tb5_arr.length){
if (tb5_currMsg == tb5_messages.length-1){
if ((tb5_rptType == 'finite') && (tb5_counter==tb5_rptNbr)){
clearTimeout(tb5_timerID);
return;
}
tb5_counter++;
tb5_currMsg=0;
}
else{
tb5_currMsg++;
}
n=0;
tb5_arr = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
tb5_sts = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
for (var i=0; i<tb5_messages[tb5_currMsg].length; i++){
tb5_arr[i] = i;
tb5_sts[i] = "_";
}
tb5_arr = tb5_shuffle(tb5_arr);
tb5_sp=tb5_delay;
}
else{
tb5_sp=tb5_speed;
k = tb5_arr[n];
tb5_sts[k] = tb5_messages[tb5_currMsg].charAt(k);
tb5_stsmsg = "";
for (var i=0; i<tb5_sts.length; i++)
tb5_stsmsg += tb5_sts[i];
document.title = tb5_stsmsg;
n++;
}
tb5_timerID = setTimeout("tb5_init("+n+")", tb5_sp);
}
function tb5_randomizetitle(){
tb5_init(0);
}
tb5_randomizetitle();

//-->
</script>

7. Save Lalu Lihat Blognya

Baca Selengkapnya...

Cara membuat scrollbar didalam posting

 

 

Cara membuat scrollbar didalam posting ada berbagai macam caranya

diantaranya sebagai berikut :

cara 1.

<div style="overflow: auto;background-color:#C7DFB5; margin: 0px auto; padding: 5px; height: 200px;width: 94%;text-align: left;">
HTML, URL, TEXT, SCRIPT DSB </div>

cara 2.

<p align="center"><textarea name="code" rows="5" cols="40"> Tulis text ataupun kode html yang anda inginkan </textarea></p>

Untuk warna biru dapat kawan-kawan ganti sesuai keinginannya, silakan ganti dengan text, url dan lain nya yang ingin ada dalam tampilan scrollbox tersebut, kode diatas dapat di copas ke dalam posting blog, atau side bar anda".

 

 Untuk Tinggi lebar kotak dapat diatur di Width dan Height

 

Semoga bermanfaat...

Oiya untuk cara kedua rows dan cols bisa kamu rubah sesuai keinginan kamu.

Semoga bermanfaat.

Baca Selengkapnya...

Cara membuat jejaring sosial sendiri

Anda ingin membuat jejaring sosial tapi pengetahuan tentang web design, HTML, dan php sangat minim? Anda ingin seperti Mark Zuckerberg yang mempunyai uang banyak karena jejaring sosial Facebooknya terkenal seantero jagad raya maya? Waah sudah jangan banyak mengkhayal! Khayalan hanya membuat Anda tidak mau berfikir. Khayalan akan hanya membuat Anda malas bekerja.

Itu kata orang dulu. Sekarang? Tentu beda! Segalanya dapat kita lakukan asalkan ada usaha dan keterampilan. Seperti cara membuat "Facebook" versi Anda sendiri. Asal ada kemauan untuk membuat dan ada keterampilan memegang mouse serta keyboard (berkomputer, red) pasti Anda bisa membuat jejaring sosial online seperti Mark Zuckerberg itu!

Dan kabar baiknya, kini untuk membuat jejaring sosial seperti Facebook tidak usah membutuhkan kemampuan pemograman yang mahir. Cukup klak-klik saja selama kurang lebih 30 menit, "Facebook" Anda pun sudah jadi! Fitur-fiturnya pun hampir sama persis seperti Facebook. Bisa update status, upload foto/video, komentar status/foto/video teman, kirim antardinding, dan chatting. Nanti ketika JerSos (jejaring sosial, red) Anda sudah jadi, JerSos Anda dapat dijadikan sebagai web directory. Kenapa? Karena di sana terdapat fitur blog submitter. Jadi sekali Anda mensubmit alamat blog Anda ke dalamnya, maka selamanya postingan-postingan blog Anda akan terbagi secara otomatis ke dalam database JerSos itu. Asal Anda tahu saja, ketika pertama kali saya membuat JerSos versi saya, ranking Alexa langsung melejit menjadi 5000-an dan rank pencarian di Google pun semakin mantap.
Tetapi dibalik kelebihan-kelebihan itu ada kekurangan yang tersimpan. Yaitu, di belakang nama JerSos Anda terdapat embel-embel si web pembuat JerSos aslinya.


Emm penjelasannya segitu udah cukup kan? Ntar mulut saya berbusa lagi. Oke udah tertarik untuk membuatnya belum? Gak dibutuhin kepandaian dalam bahasa pemograman looh. (gila promosi abis!) Ya udah kita lompat gaya kodok ke paragraf selanjutnya.

Cara-cara membuatnya:
1. Klik di sini untuk menuju ke web pembuat JerSos gratisan,
2. Pada kolom Your Social Network Address isikan dengan alamat yang hendak Anda jadikan alamat JerSos Anda lalu klik Create Network,

3. Lalu pada halaman Basic Settings atau pengaturan dasar isikan kolom-kolom seperti contoh berikut:


* Site Title: Isikan dengan judul JerSos Anda.
* Site Tagline: Isikan dengan subjudul dari JerSos Anda.
* Site Tags: Isikan dengan kata kunci demi kepopularitasan di mata mesin pencari. Semakin banyak semakin baik tetapi jangan mengetikkan dengan kata kunci yang melenceng dari keterangan JerSos Anda karena akan dianggap sebagai spam.
* Site Description: Isikan dengan deskripsi atau gambaran dari JerSos yang akan dibuat.
* Membership: Pilih Free untuk membuat JerSos Anda bebas untuk menerima anggota. Sedangkan yang Moderated dan Invite only adalah apabila ada yang hendak bergabung ke dalam JerSos, si pendaftar akan meminta izin untuk bergabung dan Anda hanya mendapatkan anggota baru jika Anda mengundangnya untuk bergabung. Saya rekomendasikan untuk pilih yang Free.
* Privacy: Pilih Public dan konten-konten yang ada di dalam JerSos tersebut akan dapat terlihat oleh calon pengguna. Sedangkan Private adalah pilihan jika konten-konten yang ada di dalam JerSos bersifat rahasia dan tidak ingin disebarluaskan.
* Content Addition: Sama seperti Privacy.
* Languange: Pilih English.

4. Klik Continue,
5. Pada halaman template, pilih template sesuai keinginan Anda. Klik save kalau sudah memilih template,
6. Pada halaman Template Wizard bagian Body, atur background, jenis font, warna font dan link, dan letak background. Begitu juga pada bagian Group, Header Style, Operations Box, Navigation, Info Bar, dan Content atur sendiri sesuai keinginan Anda. Kalau sudah diatur klik Save And Continue,
7. Pada step ke-4, buat pertanyaan-pertanyaan yang menjadi syarat agar dapat bergabung dalam JerSos Anda. Pada Answer Type, tentukan macam jawaban dari pertanyaan di atas. Pilih One line answer untuk membuat jawaban menjadi satu baris jawaban. Pilih Longer Answer untuk jawaban yang kira-kira panjang seperti Anda menanyakan tentang data diri. Pilih Multiple Choices untuk jawaban yang lebih dari satu. Misal untuk menanyakan warna apa yang pendaftar sukai. Pilih Date untuk jawaban berupa tanggal/bulan/tahun lahir. Pilih Website Address untuk jawaban berupa alamat website pengguna. Untuk menambahkan pertanyaan, klik Add Question.
8. Sebelum melangkah ke step berikutnya, sebaiknya Anda login ke akun Facebook Anda terlebih dahulu untuk mengundang teman-teman agar bergabung di JerSos Anda,
9. Klik Continue. Lalu undang dua belas teman Facebook Anda dengan mengklik profil teman lalu klik Kirim Undangan ... (titik-titik adalah nama JerSos Anda),
10. Pada step ke-6, isikan dengan data profil Anda sebagai admin,
11. Klik Finish. Langkah terakhir Anda disarankan untuk melihat sekilas video tutorial. Dan klik Done.

Ya akhirnya selesai juga! Silahkan diutak-atik sendiri JerSosnya. Untuk tutorial-tutorial merombak tampilan dari JerSos mungkin akan saya bahas di kemudian hari. Daaah selamat menjadi admin!

Baca Selengkapnya...

Cara Mengganti Gambar Kursor di Blog

Cara Mengganti Gambar Kursor di Blog  -  Gara-gara kepingin sekali mengganti gambar kursor di blog ini, akhirnya setelah googling kesana kemari nemu juga sebuah situs yang menyediakan banyak gambar-gambar kursor pilihan. Gambar kursor yang disediakan situs penyedia gambar ini http://www.totallyfreecursors.com/ banyak sekali, jadi kita tinggal memilih sesuai selera aja. Untuk cara memasang gambar kursor ini di blog, kita harus menambahkan sedikit saja kode CSS supaya bisa dipasang pada template. Dibawah ini ada beberapa sample gambar untuk kursor yang saya ambil berikut URL alamat kursor tersebut.

              URL : http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif

                URL : http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif

                URL : http://downloads.totallyfreecursors.com/thumbnails/tail2.gif

                URL : http://downloads.totallyfreecursors.com/thumbnails/banana1.gif

                URL : http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif

               

Cara mengganti gambar kursor di blog :

1.    Login ke dashboard blogger anda.

2.    Pilih Rancangan > Edit HTML, centang Expand widget template.

3.    Carilah kode </head> pada template anda dengan menggunakan Ctrl F.

4.    Copy kode CSS dibawah ini dan letakkan tepat diatas kode </head> .

<style type='text/css'> HTML,BODY{cursor: url(&quot;http://downloads.totallyfreecursors.com/thumbnails/sweden.gif&quot;), auto;} </style>

5.    Simpan template anda dan lihat perubahan pada gambar kursor

6.    Jika sobat ingin mengganti gambar kursor dengan gambar yang lain, sobat tinggal ganti URL gambar yang berwarna merah dengan URL gambar pada sample diatas atau sobat bisa langsung browsing sendiri ke TKP di http://www.totallyfreecursors.com/ .

Baca Selengkapnya...

Cara mengganti tulisan powered by blogger pada template blog

Dengan pilihan template dari www.blogger.com yang baru,pasti sobat sudah tak asing dengan link tulisan powered by blogger yang secara default sudah tak dapat kita utak-atik kembali.Lain halnya dengan template lama yang justru kita ditekankan untuk membuat footer sendiri.

Nah,screenshotnya kurang lebih seperti ini:



Untuk mengubah / mengganti tulisan powered by blogger tersebut sobat dapat ikuti langkah berikut:

Pertama sobat pilih pada Dashboard blog sobat tab Design / Rancangan (gb1),lalu pilih tab Edit HTML (gb2) dan kemudian contreng tulisan Expand Widget Templates (gb3)


gb1


gb2


gb3

Setelah itu,sobat cari kode berikut ini(Gunakan Ctrl+F) ya

<!-- outside of the include in order to lock Attribution widget -->

Nah,jika sudah sobat ketemukan,untuk template aslinya nanti tepat dibawah kode tersebut ada barisan kode berikut:

<b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
<b:includable id='main'>
<b:if cond='data:feedbackSurveyLink'>
<div class='mobile-survey-link' style='text-align: center;'>
<data:feedbackSurveyLink/>
</div>
</b:if>

<div class='widget-content' style='text-align: center;'>
<b:if cond='data:attribution != &quot;&quot;'>
<data:attribution/>
</b:if>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>

Lihat gambar4 ya sob:


gb4

Hapus kode tersebut sob lalu simpan Templates,nanti akan keluar warning seperti berikut:


gb4

Sobat klik aja tombol Delete Widgets dan lihat blog sobat sekarang :D
Untuk menggantinya sobat bisa ekspresikan sendiri dengan menambahkan widget baru HTML/Javascript.Mudah khan sob,moga berhasil ya

Baca Selengkapnya...

Cara membuat label cloud di blog

 

Cara Membuat Label Cloud. Blogger kembali meluncurkan fitur terbaru yaitu label cloud. Sesuai info yang diperoleh dari Blogger Buzz, saat ini pengguna blogspot sudah bisa memasang label cloud tanpa harus memodifikasi script yang ada pada template blogger. 

Langkah2 membuat label cloud di blogspot

1. Login ke account blog anda

2. Klik menu Tata Letak pada blog yang akan dipasang label cloud (Jika memiliki lebih dari 1 blog)

3. Klik Tambah Gadget (sidebar / footer)

4. Klik pada gambar atau label atau tanda plus (+)

5. Pada bagian display, pilih yg cloud

6. Save, selesai lalu liat hasilnya

Selain dengan cara diatas, anda juga bisa menentukan label blog mana saja yang akan ditampilkan. Caranya, setelah langkah ke-5, pada bagian show pilih selected labels kemudian klik edit. 

Disana anda bisa mengorganisir sendiri label mana saja yang akan ditampilkan di blog anda dengan menghilangkan tanda checklist pada bagian label yang tidak ingin anda tampilkan. Kemudian klik save dan silahkan anda liat sendiri hasilnya.

Baca Selengkapnya...

Cara memasang tool convert HTML CODE di blog

Ngeblog tentu saja tidak akan jauh-jauh dengan yang namanya kode kode dan kode, baik itu HTML, CSS ataupun Javascript. Nah, kali ini saya akan memposting kepada teman-teman semua sebuah TOOL gadget yang saya rasa Penting ada di dalam blog (ini buat yang senang otak atik blog) yaitu HTML CONVERTER

Seperti yang kita tahu dan yang selama ini kita lakukan, ketika kita akan memposting suatu kode HTML/Javascript ataupun mengedit kode CSS templates tentu saja ada beberapa kode yang HARUS di phrase atau di convert terlebih dahulu agar kode tersebut bisa terlihat atau berjalan dengan baik, misal kode script Iklan PPC (apabila ingin dipasang di dalam postingan).

Nah daripada kita bolak balik membuka situs yang menyediakan jasa Encode Decode (Convert) ini alangkah lebih baiknya kita pasang sendiri Tool ini di dalam blog kita pribadi.

Ok, tool gadget ini adalah buatan Google dan setelah saya pasang di blog saya sendiri ternyata tidak membuat load blog menjadi lama, jadi jangan khawatir apabila teman-teman ingin memasang tool ini di dalam blognya.

1. Silahkan teman-teman menuju ke link berikut ini: [gmodules.com]

2. Lalu editlah beberapa option untuk merubah tampilan gadgetnya sesuai dengan selera teman-teman,

Lihat Gambar

3. Ambil kode tool nya dengan klik "Dapatkan Kode",

4. Jika sudah, maka tool ini bisa teman-teman taruh di dalam postingan (buat postingan baru/halaman baru) atau bisa taruh di sidebar widget.

Baca Selengkapnya...

Cara memasang binatang peliharaan di blog

Pets atau Binatang ini hanya berupa vritual yang nantinya akan ditanamkan pada gadget. Selain sebagai sarana memperindah blog juga membuat blog kelihatan hidup dengan adanya binatang yang "terpelihara" diblog

1. Buka halaman http://bunnyherolabs.com/adopt,

2. Selanjutnya, atur tampilan binatang peliharaan yang akan anda pasng dengan menggunakan tool yang sudah disediakan:

• Give your new pet a name, isi dengan binatang peliharaan

• Type your name here, isi dengan nama atau nickname Anda.

• Your pet can be any colour you like, utk mengatur warna dari binatang peliharaan

3. Akhiri dengan klik tombol Finish.
4. Berhubung binatang tersebut akan dipelihara diblogger , maka klik navigasi Other sites dan pilih Blogger

CARA PEMASANGAN PELIHARAAN DIBLOGGER

1. Pertama login terlebih dahulu ke Blog anda tentunya
2. kemudian klik rancangan
3. lalu klik Tambah gadget
4. dan pilih gadget HTML/JavaScript
5. Masukan Kode Script Tadi
6. Lalu klik Simpan

Baca Selengkapnya...

Cara membuat formulir pendaftaran online di blog

 

Pada post sebelumnya saya telah memberikan tutorial Membuat Form dan kali ini pasa saya akan memberikan tutorial tentang membuat form dengan menggunakan Google Docs, dengan menggunakan fasilitas ini banyak sekali manfaat yang kita terima seperti :

• Kita tidak perlu membuka satu-satu email yang kita terima dan membuatnya menjadi database, karena data yang diterima dengan fasilitas ini berupa database yang berbentuk format excel.
• Database yang terhimpun bisa kita sharing ke orang-orang yang membutuhkan data tersebut, atau hanya kita saja yang mengetahuinya.

Sebelum memulai membuat form dengan Google Docs anda harus sudah mempunyai akun gmail, jika belum silahkan daftar Disini (saya sudah menganggap anda bisa membuat akun gmail).

MEMBUAT FORM

Berikut langkah yang harus anda lakukan adalah :

1.  Login di Docs.Google.com dengan akun anda.

2. Setelah anda login maka anda akan masuk ke beranda dokumen.

3. Untuk membuat form Anda Klik Create New

 

4. Selanjutnya anda akan masuk kelembar kerja untuk membuat judul dan keterangan form, kemudian anda mendesain filed.

 

Berikut keterangan untuk mengatur filed-filed tersebut :

Question Title : Judul Filed

Help Text : Teks pembantu untuk menerangkan judul filed

Question Type : Type filed yang tediri dari : Question Title, Help Text, Question Type, Text, Paragraph text, Checkboxes, Choose from a list Skala dan Grid (lihat tampilan outputnya disini ).

Pada beri tanda centang Make this a required question apabila filed yang anda buat harus dijawab, biarkan kalau tidak

Setelah selesai membuat filed seperti yang anda inginkan kemudian klik Done untuk selesai.

Keterangan pada gambar dibawah adalah : edit untuk mengedit filed, duplikat untuk mengcopy filed atau menggandakan filed dan delete untuk menghapus.

5. Setelah anda selesai membuat form langkah selanjutnya adalah membuat thema form dengan cara mengklik Theme: Urban Landscape dan kemudian anda pilih tema yang diinginkan, setelah anda menemukan theme yang anda inginkan maka Klik lah theme tersebut.

 

Setelah tampil privew tampilan form anda klik untuk menerapkannya

MEMASANG PADA BLOG KITA.

1. Klik More action – Embed 

2. Copy Embed yang diberikan

3. Selanjutnya tempatkan embed tersebut pada  blog kita.

MELIHAT HASIL INPUT

Untuk melihat database hasil input dari form yang telah kita pasang pada blog kita, langkah yang harus dilakukan adalah :

1.  Login di Docs.Google.com dengan akun anda.
2. Setelah anda login maka anda akan masuk ke beranda dokumen.
3. Selanjutnya Klik Form yang pernah kita buat.



4. Maka jendela baru akan muncul berisi database berbentuk format excel.
CONTOH TAMPILAN DATABASE YANG TETLAH TERKUMPUL :

Baca Selengkapnya...