Featured Post (TOP)

Tampilkan postingan dengan label Posting Lama. Tampilkan semua postingan
Tampilkan postingan dengan label Posting Lama. Tampilkan semua postingan

24 Maret 2009

MEMBUAT FORM LOGIN BLOGGER.

Rashif.QS 06.15  , ,  7 comments
MEMBUAT FORM LOGIN BLOGGER.....

Apa itu form login blogger..???pasti ada yang tau ada yang enggak.....
iya kan, iya donk....??? :)

from login blogger itu adalah tempat kita untyk login ke blogger kamu bisa lihat di samping kiri atas blog saya, disana ada tempat untuk melogin ke blogger nah itu tu seperti itu contonya

Ok deh langsung aja ke caranya, mau tau caranya..?
berikut cara - caranya.....

1. Login ke blogger --> Tata Letak --> Elemen Halaman -> Add Gadget
2.Copy Paste kan Script dibawah ini ke dalam gadget tadi


</p><form id="start-login" action="https://www.google.com/accounts/ServiceLoginBoxAuth" name="login" onsubmit="onlogin()" method="post">
<input value="http://www.blogger.com/loginz?d=%2Fhome&amp;p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden">
<input value="blogger" name="service" type="hidden">
<input value="8" name="nui" type="hidden">
<input value="8" name="naui" type="hidden">
<input value="2" name="fpui" type="hidden">
<input value="3" name="uilel" type="hidden">
<input value="true" name="skipvpage" type="hidden">
<input value="false" name="rm" type="hidden">
<input value="true" name="alwf" type="hidden">
<input value="http://www.blogger.com/login.g" name="roeu" type="hidden">
<input value="0" name="alinsu" type="hidden">
<input value="WbQ8QiJfUvA" name="GA3T" type="hidden">
<div><label for="Email"> <span style="font-weight: bold;">Username ID:</span>

<input id="Email" tabindex="1" value="" name="Email" size="20" type="text">
</label></div>
<div><label for="Passwd"> Kode Rahasia: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>)

</label>
<input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"></div>

<input id="signin-btn-ns" tabindex="0" value="Masuk" class="ubtn ubtn-block" name="submit" type="submit">
</form></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;">


3. Ganti Tulisan USERNAME ID : dengan yang kamu inginkan
4. Ganti juga Tulisan KODE RAHASIA : dan MASUK dengan yang kamu inginkan
5. Klik SAVE
6. Coba lihat hasilnya..... ;)

SEMOGA SUKSES .... :)

21 Maret 2009

Cara Membuat TAG CLOUD di Blogger

Rashif.QS 01.28  , ,  12 comments
TAG CLOUD......
Ada yang sudah tau....?????Pasti diantara kalin yang baca artikel ini ada yang sudah tau apa itu TAG CLOUD....
saya akan terangkan sedikit Tentang Tag Cloud
TAG CLOUD adalah Label Animasi Jadi Kita dapat mengubah Lebel kita yang kuno ;) , menjadi lebih bagus kamu bisa liat contohnya di blog saya....

Ok deh jangan banyak basa basi langsung saja ke TKP
jika kamu tertarik kamu bisa mengikuti langkah langkah berikut :

1. Login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. KLik tab Edit HTML.
4. Klik tulisan Download Template Lengkap. silahkan backup dulu templatenya Anda
5. Cari kode yang mirip dengan kode di bawah ini :


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

6. Copy paste kode di bawah ini persis dibawah kode di atas.

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a>
and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a>
Distribute by <a href='http://bahauddin-amyasi.blogspot.com/'>Bahauddin Amyasi</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;,
&quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&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'/>
</div>
</b:includable>
</b:widget>


7. Lalu tekan Simpan Template

Catatan :

sebenarnya jika kamu mengerti tentang tag HTML kamu bisa saja mengubah warna backround, warna tulisan, ukuran / Anda bisa mengubah tulisan yang di cetak tebal dengan yang anda inginkan dll....

Selamat Mencoba ;)

14 Maret 2009

Cara Memasang Menu Dropdown

Rashif.QS 03.26  , ,  3 comments
Udah lama gak nulis Akhirnya aku punya lagi nih salah satu trik
mau tau apa........ :t ....?
yaitu trik memasang menu dropdown... hah..??? :o belum tau....? :o
itu tu yang kayak gini



nah udah tau kan....? mau tau cara masang nya.....?
ok deh langsung aja ni caranya :

Login ke blogger, trus masuk ke menu "Page Element" trus pilih Add page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di kotat "Content"


<select
onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>


Text yang berwarna merah adalah link. ganti text2 tersebut dengan link2 kamu.
Text yang berwarna biru adalah tulisan yang ditampilkan. Itu juga harus km ganti.

Contohnya seperti ini :


<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="http://rassiv123.blogspot.com/2009/03/ada-yang-pingin-buat-menu-horizontal.html"> Cara Membuat Menu Horizontal </option>
<option value="http://rassiv123.blogspot.com/2009/03/cara-memasang-kotak-pencarian-google.html"> Kotak Pencarian Google
</option>
</select>


maka hasilnya akan seperti ini

:

Link dalam dropdown menu di atas jika di klik akan membuka link di halaman yang sama. Ini cocok untuk Arsip dan link-link yang masih berhubungan dengan blog tsb.

Ada satu tipe lagi yang jika diklik linknya maka akan membuka window baru tanpa menutup blog kamu. Yang ini cocok untu Blogroll atau Friend link.
Cara mambuatnya seperti diatas tapi ganti kode berikut


<select onChange="document.location.href=this.options[this.selectedIndex].value;">

ganti dengan kode ini :

<select onchange="javascript:window.open(this.options[this.selectedIndex].value;">


hasilnya bisa kamu lihat sendiri

Semoga Sukses ;)

11 Maret 2009

Cara Menampilkan Status Yahoo

Rashif.QS 07.00  ,  1 comment
Pada Episode Kali ini Saya akan Membahas Tentang "Bagaimana Caranya Menampilkan Status Offline/Online Yahoo Messenger", Apa gunanya/fungsinya bagi kita...????gini, kalau misalnya ada penandanya, seperti itu kan nanti pengunjung blogmu akan bisa langsung berinteraksi langsung denganmu

Contohnya kaya Gini ni




trus jika kamu online maka iconya akan berubah seperti ini:



dan masih ada lagi yang lain......

Cara buatnya sangat gampang kamu tinggal copy script berikut ini trus kamu pasang di sidebar kamu, udah tahu kan cara pasanganya, itu lho seperti kalo kamu masang "elemen halaman", trus "Add a Gadget --> HTML/Javascript".
gb(0, 0, 0); font-weight: bold;"><a href="ymsgr:sendIM?rassiv"> <img src="http://opi.yahoo.com/online?u=rassiv&amp;m=g&amp;t=2&amp;l=us"/>

Ganti text yang warna merah (rassiv) dengan id YM kamu.
perhatikan angka "2", itu bisa kamu ganti dengan angka yang lain dan hasilnya gambar yang ditampilkan akan berbeda-beda.

Membuat Teks Berjalan Di Navbar Atas

Rashif.QS 06.48  ,  3 comments
Ketika Kamu Berziarah ke blog saya pasti kamu melihat teks berjalan seperti " Welcome to R@$$1V's Blog Silahkan Kirim Komentar Dan Saran Anda "
kamu ingin blog kamu seperti blog saya ini ok deh caranya gampang begini.....

Masukan Code Script ini di bawah Meta Conten Blog kamu atau di atas <b:skin><![CDATA[/*.

lalu......

1. Sigin ke Blogger dengan ID Sobat.
2. Klik Tata Letak, lalu Edit HTML.


3. cari kode <b:skin><![CDATA[/*.
4. Copi paste script berikut dan taruh di atasnya.

<script language='JavaScript'>
var txt=&quot;. . : : Welcome to rassiv 123'sTrik - Blog...Silahkan kirim komentar dan saran anda.... : : . .&quot;;
var kecepatan=60;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak();
</script>

5. Terus Save

Catatan: Kamutinggal merubah kalimat yang berwara biru (Welcome to rassiv 123'sTrik - Blog...Silahkan kirim komentar dan saran kamu.... ) dengan kalimat yang sobat sukai. Misalnya Welcome To My Blog...dll. serta frekuensi kecepatan dengan mengubah angka 60 dengan angka yang disukai.

Thank You For Visit My Blog, And Happy Blogging :)

Membuat Blog Lebih Berekspresi

Rashif.QS 06.27  ,  2 comments
Kamu Pengguna Blog????Mungkin kamu mau postingan kamu lebih berekspresi????
Ada satu cara supaya blog kamu bisa lebih berekspresi dengan icon - icon smiles, contohnya seperti ini jika kamu mengetikkan tanda ini :) maka yang muncul adalah gambar ini , kalo tanda ini :p maka yang muncul gambar ini dan lain-lain. Nah sudah taukan....?????kamu tertaruk ???? :o
mau tau caranya....? :o ok deh ni caranya :

1. Login ke blogger trus pilih Layout -->> Edit HTML
2. Beri tanda centang pada jawaban yang benar, eh, maksudnya pada Expand Widget Templates
3. Cari kode ini ]]></b:skin> (letaknya kira2 di bagian tengah posisi kiri)
4. Masukkan script di bawah ini persis dibawah kode ]]></b:skin>

<script src='http://kendhin.890m.com/smile/smile.js' type='text/javascript'/>


5

 terus Simpan/save dan cobalah lihat hasil nya, jika berhasil berarti kamu benar - benar membaca artikel ini dengan benar, tetapi kalau gagal berarti ada yang ketinggalan, coba kamu lihat lagi dengan seksama. :D


:) *Semoga Sukses dan Beruntung :D

Berikut ini adalah beberapa standar kode smile yang bisa digunakan :

:) -->
:D -->
:$ -->
:( -->
:p -->
;) -->
:k -->
:@ -->
:# -->
:x -->
:o -->
:L -->
:O -->
:r -->
:y -->
:t -->
:s -->
:~ -->
:v -->
:f -->
:d -->
:c -->
:z -->

06 Maret 2009

Cara Membuat Menu DTree

Rashif.QS 05.56  ,  2 comments
Kali ini saya akan menunjukan cara membuat menu Dtree belum tau ??????
yah :d masa belum tau itu tu yang kaya pohon bercabang cabang..


Menu Dtree ini sangat berguna jika kamu memiliki postingan yang buanyak, karena dengan menggunakan menu Dtree maka akan bisa menghemat space/ruang yang ada di blogmu. Nah kamu pingin tahu cara membuatnya?

Ok...langsung aja ke TKP :

1. Login to Blogger, trus pilih "Layout --> Edit HTML"
2. Taruh kode berikut ini diatas kode <head>

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

3. Trus Klik Tombol "Save

4. Setelah itu copy kode berikut ini dan pasang di sidebar kamu, udah tahu khan cara pasangnya? itu lho di menu "Page Element" trus klik "Add a Gadget --> HTML/Javascript". Itulah script yang harus kamu copy di sidebar kamu.


<div class="dtree">
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'My example tree');
d.add(1,0,'Node 1','link.html');
d.add(2,1,'Node 1.1','link.html');
d.add(3,2,'Node 1.1.1','link.html');
d.add(4,3,'Node 1.1.1.1','link.html');
d.add(5,0,'Node 2','link.html');
d.add(6,5,'Node 2.1','link.html');
d.add(7,5,'Node 2.2','link.html');
d.add(8,0,'Node 3','link.html');
d.add(9,0,'Node 5','link.html');
document.write(d);
//-->
</script>
</div>

berikut ini keteranganya:
- Ganti tulisan "link.html" dengan link kamu (judul posting kamu).
- Angka yang pertama harus unik tidak boleh ada yang sama
- Angka yang kedua merupakan cabang dari angka pertama (perhatikan angka-angka yang memiliki warna sama).

5. Trus klik save, dan coba lihat hasilnya

Pusing gak.... :D ? kalau pusing kasih komentar kamu.....!!!!

*selamat mencoba,.... dan happy blogging :z * ......ZZZZZ :s

05 Maret 2009

Menghilangkan Navbar (Navigation Bar) Blog

Rashif.QS 19.55  ,  No comments
:) Pada Episode kali ini saya akan membahas tentang menghilangkan navbar ( Navigation Bar)

Kata sebagian besar pengguna blogger navbar ini sangat mengganggu "blogspot banget " begitu katanya, sekarang saya akan beri tau bagai mana cara nya :o

Untuk menghilangkan navbar blogger, sobat tinggal menambahkan kode di bawah ini pada style sheet CSS :


* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}


Untuk templete klasik:

1. Sign in di blogger

2. Klik menu Template

3. Klik menu Edit HTML

4. Copy seluruh kode yang ada lalu save di komputer sobat sebagai backup data agar aman

5.Copy kode berikut lalu paste di atas kode </style>


/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}


6. Klik tombol Simpan Perubahan Template

7. Selesai.

Untuk templet Baru:

1. Sign in di blogger

2. Klik menu Layout

3. Klik menu Edit HTML

4. Klik link bertuliskan Download Template Seluruhnya, silahkan save dulu untuk backup data

5. Copy kode berikut lalu paste di atas kode ]]></b:skin>


/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}





6. Klik tombol Simpan Template

7. Selesai. Semoga Berhasil...... dan Good Luck ;)

Membuat Icon di Address Bar (Favicon)

Rashif.QS 19.27  ,  No comments
Waktu kalian berziarah :O ke blog atau website orang lain kalian sering melihat sebuah gambar/icon pada adrees bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :

kalau kamu belum puas, puasin aja...maksudnya kamu bisa ganti icon menjadi icon yang kamu inginkan contoh menjadi seperti gambar yang dibawah ini dan lain lain :r :r
caranya :

Langkah Pertama:

  1. Kunjungi situ tersebut di sini.











  1. Setelah selesai proses upload-nya, kita tinggal mendownloadnya. Kemudian di-extract lalu simpan di PC kita.








Langkah kedua :

  1. Gambar atau foto yang telah jadi ikon, silahkan di-upload di hosting gratis, seperti Photobucket.com, Yahoo Geocities.

  2. Ambil link hasil gambar yang telah di upload. Biasanya seperti ini


  1. http://i290.photobucket.com/albums/ll256/angkatan2006/jhk.gif">

    http://bima.ipb.ac.id/~anita/images/de-exe.gif http://bima.ipb.ac.id/~anita/images/de-exe.gif">


  2. Kita harus mengubah alamat URL favicon kita menjadi seperti ini :
    <link href="%27%3Cspan" style="color: rgb(0, 0, 0);">http://i290.photobucket.com/albums/ll256/angkatan2006/jhk.gif'rel='shortcut icon' type='image/x-icon'/>


  • Masuk ke blogger dengan ID kita, lalu klik Tata Letak-Edit HTML.
  • Cari kode <b:skin> atau biasanya bersatu jadi kelihatan seperti ini : <b:skin><![CDATA[/*

  • Simpan kode favicon anda persis di atas kode <b:skin>, contoh :

    <link href='http://i290.photobucket.com/albums/ll256/angkatan2006/jhk.gif'rel='shortcut icon' type='image/x-icon'/>

    <b:skin><![CDATA[/*



  • Kemudian SAVE TEMPLET
  • Ucapkan Terimakasih sama...... ( hehehe...)
  • kalau berhasil berarti kami pintar :D , dan kalau gagal berarti kamu...ya gitu dehhh... :p *selamat Mencoba* :)

    • Google Translate Bahasa Indonesia

    Rashif.QS 18.20  ,  2 comments
    Halo...... :)
    yang satu ini juga gak kalah dengan yang lainya...
    yaitu memasang google translate jadi kalau kamu pengen blog kamu di trans late pake bahasa inggris, jerman, turkish dll(11 BAHASA) gampang deh. Google translate ini bisa di bilang yang terbaik di dunia arena menggunakan pendekatan terjemah dengan pendekatan terjemahan manusia dengan menggunakan banyak jenis vocabulary dan grammar tentunya.

    agar hasil terjemahannya baik dan benar kita harus menggunakan bahasa indonesia yang baik dan benar. berikut adalah contoh gambarnya


    Atau jika anda ingin menerjemahkan blog ini ke bahasa lain anda bisa memilihnya di bagian sidebar, di kotak pencarian ada blogger translate widget... Pilih dan klik pada bendera yang melambangkan bahasa hasil terjemahan.... Anda pun bisa menambahkan widget tersebut secara gratis di blog anda sendiri.... Caranya cukup mudah tekan tombol dibawah ini untuk menambahkan blogger translator widget di blog anda.



    selamat mencoba......! ;)
    Langganan: Postingan (Atom)

     

    Subscribe to our Newsletter

    Contact our Support

    Email us: Support@templateism.com

    Our Team Memebers