About

Selamat Datang di Angga-Worlds sobat,

       Hai, nama saya sebenarnya Angga Anggriawan  tapi biasa di panggil Aang , saya hanya seorang pelajar smp. Saya membuat Angga Worlds untuk berbagi tentang pengalaman saya dalam hal blog. Saya mulai ngeblog pada tahun 2009 terutama karena saya ingin menyimpan catatan dari apa yang saya pelajari tentang blog di sekolah.

Anda dapat dengan cepat menemukan apa yang saya lakukan, menghubungi saya dan tetap up-to-date dengan update terbaru dengan berlangganan feed saya. Saya sangat menghargai jika anda dapat meninggalkan komentar yang relevan pada tulisan di Angga Worlds untuk membuat blog ini lebih baik lagi.Jangan ragu untuk berhubungan dengan saya di facebook atau di twitter jika anda memang aktif pada jaringan tersebut. Saya harap anda menikmati Angga Worlds ..

Twitter : autority
Facebook : angga_yes2009@yahoo.com
Customer Service : angga_world@yahoo.com

 Salam buat para blooger semoga dengan ini kita dapat bersilaturahmi...

read more

Contact Us

read more

AddThis - Get Your Button Code

AddThis - Get Your Button Code

read more

Cara Membuat Menu Log in Blog

1. Login ke akun Blogger Sobat

2. Klik menu "Layout"

3. Klik pada "Page Element"

4. Klik "Add a Gadget " Kemudian pilih atau klik HTML/Javascript".

5. Copy Paste Script yang ada di bawah ini :

 

Enter your username and password to enter your Blogger Dasboard <br /><br /><form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()"><input value="http://www.blogger.com/loginz?d=%2Fhome&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"> Username: <br /><input id="Email" tabindex="1" value="" name="Email" size="20" type="text" /></label></div><div><label for="Passwd"> Password: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>) <br /></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password" /></div><br /><input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit" /></form><span style="amp;percnt;">Widget by <a href="http://asksalman19.blogspot.com">Kang Salman </a></span>

6.Save deh

Source : http://asksalman19.blogspot.com

read more

Cara Membuat Menu Scroll Di Blog

1. Login ke akun Blog Anda

2. Klik menu "Layout"

3. Klik pada "Page Element"

4. Klik "Add a Gadget " Kemudian pilih atau klik HTML/Javascript".

5. Copy Paste Script yang ada di bawah ini :

 

 

<div 
style='overflow:auto;width:250px;height:250px;padding:10px;border:1px solid #eee'><ul><li><ahref='<li><a href='http://angga-worlds.blogspot.com/p/profile.html'>Profile</a></li>
<li><a href='<li><a href='www.cit-gates.com'>Point Blank</a></li> 
<li><a href='<li><a href='www.smpn2ciamis.co.cc'>My School</a></li>
<li><a href='<li><a href='http://www.angga-worlds.co.cc/p/about.html'>About</a></li>
</ul></div>

 

Nah ganti link berwarna merah dengan link punya blog kamu..hehehe

read more

Cara Pasang Widget Top Komentator

Seperti yang sudah saya tulis pada posting top komentator dofollow, widget ini akan menampilkan 10 komentator yang paling banyak berkomentar di blog anda (berupa link dofollow). Jadi, widget top komentator ini bisa menarik hati pengunjung untuk mau berkomentar lebih banyak lagi di website atau blog anda.

Script yang digunakan tidak terlalu panjang dan tidak berat saya rasa. Anda bisa memasangnya dalam waktu singkat. Bagi yang berminat silahkan dicoba!

1. Buka Design » Page Elements.
2. Klik Add a Gadget.
   
   
3. Pilih gadget HTML/JavaScript.
   
4. Isi judul gadget.
5. Copy-paste script di bawah ini ke dalam gadget tadi.

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul>');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=47909d73002419d14e697928bd9c4f24&url=http%3A%2F%2Fwww.namablog.com&num=10&filter=Nama Akun Blogger" type="text/javascript"></script>

6. Simpan gadget.

Cat.
- Ganti nama di atas dengan nama atau alamat blog anda.
- Ubah nama pada tulisan yang ditandai di atas untuk mem-filter (tidak menampilkan) nama tersebut.

Cukup sampai di sini cara memasang widget top komentator. Selanjutnya widget ini akan menampilkan komentator yang paling banyak berkomentar di blog anda secara otomatis.

Semoga berhasil!

read more

Cara Membuat Menu Dropdown

Login ke blogger, trus masuk ke menu "Page Element" trus pilih Add page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di kocat "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://trik-tips.blogspot.com/2008/01/membuat-menu-horizontal.html"> Cara Membuat Menu Horizontal </option>
<option value="http://trik-tips.blogspot.com/2007/12/cara-membuat-search-engine.html"> Cara Membuat Search Engine </option>
</select>

untuk menambahkan menu lagi, tambahkan kode seperti ini :

<option value="Links 2">Text 2</option>

sebelum kode </select>

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);">

read more

Aplikasi Sms Di Blog

Cara Buat Sms Gratis Gampang Sob!!!


Copas aja kode ini

<iframe
name="I2" src="http://sms-online.web.id/widget"style="border: 1px solid
rgb(255, 255, 255);" frameborder="0" height="264" scrolling="no"
width="84%"> not support</iframe><br
/><small><center><a
href='http://asksalman19.blogspot.com/2010/06/cara-membuat-widget-sms-gratis-di-blog.html'
rel='nofollow'>Make
Widget</a></center></small><br />

Lalu add gadget deh

read more

Cara Mengganti Logo Blog

Lihat contoh berikut ini :

Yang sebelah kiri adalah favicon default di blogspot dan yang sebelah kanan adalah favicon modifikasiku. Bikinnya gampang kok. Saya akan tunjukkan kepada anda sekalian bagaimana mengganti favicon blogspot:

1. Persiapkan gambar untuk favicon. Anda bisa menggunakan editor gambar kesukaan untuk berkreasi. Saya menggunakan Adobe Photoshop.
2. Ukuran icon yang saya buat adalah 27 x 20 pixel. Menurut saya ukuran maksimal untuk tinggi icon agar terlihat proporsional adalah 30 pixel.
3. Simpan dengan ekstensi gif (File, Save As, File Type : gif). Ekstensi untuk favicon sebenarnya bisa dibuat dalam ekstensi gif, ico dan png. Saya pilih gif karena lebih mudah pembuatannya dan ukurannya relatif kecil, juga bisa dibuat beranimasi (tidak saya bahas sekarang)
4. Upload gambar ke ImageShack (gratis) dan dapatkan link direct downloadnya. Contoh yang saya pakai ada di http://img691.imageshack.us/img691/2631/icon2a.gif.
5. Login ke Dashboard blogspot anda, masuk ke menu Layout, Edit HTML
6. Tekan CTRL+F, masukkan kata: </head>, letakkan kursor anda sebelum tanda </head> tersebut
7. Selipkan syntax berikut :
   <link href='http://img691.imageshack.us/img691/2631/icon2a.gif' rel='shortcut icon'/> (NB: Ganti alamat http://img691.imageshack.us/img691/2631/icon2a.gif sesuai alamat icon anda di ImageShack)
8. Save Template dan lihat perubahan yang terjadi (View Blog) - Selesai

Silahkan dicoba. Beri tahu saya hasil yang anda buat.

--------------------- Update (10 Feb 2010) --------------------

Untuk memaksa browser menampilkan favicon diatas, anda dapat menambahkan kode:

<link href='http://img691.imageshack.us/img691/2631/icon2a.gif' type='image/gif' rel='icon' />

Tepat dibawah kode point no. 7.

read more

Cara Membuat Subscribe Di Blog

Untuk membuat kotak subscribe agar kita dapt mendapat pesan up to date dari blg kita caranya gampang!!!

Login Blogger anda - masuk ke pangaturan - terus pilih Feed situs

 

Kemudian anda akan masuk ke feedburner.com yang terdirect oleh google kembali, anda tinggal mengisi pasword blogger anda.Lihat gambar :

Maka akan menuju halaman berikutnya. Isikan alamat feed anda (lihat gbr)

 bagi yang belum tahu alamat feed blog anda, silahkan lihat sebentar postingan Mengetahui alamat Feed RSS secara Gampang
Setalah itu akan tampil gambar berikut. Ganti alamat feed yang akan dihasilkan. atau dibiarkan saja. kemudian klik Next (liat gbr)

Akan muncul ucapan selamat feed anda sudah jadi.

Lanjut gambar berikut:

lanjut lagi, pilih publicize

Karena topik kita kali ini adalah membuat kotak email berlangganan, maka pilihlah Email Subscriptions

Kemudian aktifkan (lihat gbr)

 akan muncul gambar dibawah ini yang merupakan hasil kode yang akan kita pasang di blog kita. kopi paste kode yang ada dalam kotak. Anda juga bisa menggunakan bantuan pemasangan widget di bawah kotak kode. Lihat gambr.

 Pembuatan kotak berlangganan email sudah selesai, dari sini anda seharusnya sudah bisa memasangnya. Silahkan anda coba menu yang lain dalam Publicize. Disitu banyak konten yang bagus untuk blog kita, misal Headline Animator, BuzzBoost, FeedCount dan lain-lain. Silahkan aktifkan semua kalau mau. Lihat gbr terakhir.

Semoga Membantu

read more

Pasang Widget Statistik Blog

Sebelum posting, dan walaupun agak telat..hehehe...saya pribadi ingin mengucapkan Minal Aidzin Wal fa izin ya....buat temen2 semua. Saya mohon maaf apabila ada salah kata, tingkah laku, atau apa saja yang sangat tidak berkenan di hati kalian semua.

Kali ini saya akan memberikan sebuah widget, yang memang sangat simple tapi mempunyai makna yang besar yaitu widget Statistik Blog. Yupz...widget ini akan menampilkan statistik blog kita masing - masing, sehingga para pengunjung blog akan tahu bagaimana statistik blog qta. Berikut screenshoot nya :

Nah...dengan adanya statistik blog seperti gambar diatas, para visitor bisa tau berapa banyak artikel dan berapa banyak komentar yang masuk di blog.

Nah....jika ingin pasang widget ini, caranya gampang banget..

1. Login di blogger

2. Masuk ke menu layout / tata letak

3. Pada menu Elemen Halaman, klik pada kata Tambah Gadget, untuk menambah widget baru.

4. Kemudian pilih Html / Javascript, lalu copy paste kode dibawah ini :

<script style="text/javascript">

function numberOfPosts(json) {
document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}

function numberOfComments(json) {
document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}

</script>

<ul><li><script src="http://www.angga-worlds.co.cc/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></li>

<li><script src="http://www.angga-worlds.co.cc/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></li></ul>
<span ><a href="http://kursus-blog.blogspot.com/2008/10/pasang-widget-statistik-blog.html" target="_blank">Widgets for Blogger</a></span>

Jangan lupa untuk ganti kata www.angga-worlds.co.cc dengan nama blog kalian

5. Save kemudian lihat hasilnya...

read more

Lindungi Isi Blog Dari Tukang Copas

Ada dua cara untuk menyalin artikel dari blog seseorang, yang pertama dengan cara manual (copy-paste), yang kedua dengan cara mengunduh melalui fasilitas RSS (Really Simple Syndication) dari blog tersebut, dan cara yang kedua inilah yang cukup susah untuk mengatasinya.

Untuk mengatasi cara pertama, kita bisa menggunakan javascript anti klik kanan (anti copy-paste), saya yakin teman-teman blogger sudah pernah mencoba.

Sekarang kita bahas cara mengatasi unduh artikel melalui RSS.


Langkah-langkahnya :

1. Login ke Dashboard blog, pilih Setting;

2. Pada menu Setting pilih Site Feed;

 3. Selanjutnya pada menu Allow Blog Feed pilih Short;

4. Save Setting

Dengan 4 langkah di atas, kita bisa meminimalkan pengunduhan artikel/konten blog kita melalui RSS, sehingga si-tukang-kopas hanya dapat header dari konten kita.

Anda juga bisa pilih none (tidak mengaktifkan RSS), namun langkah ini kita lakukan jika memang sangat tidak memerlukan RSS.

Selamat mencoba, semoga bermanfaat.

Tips dan Trik Blog By Angga-worlds

read more

Cara Memasang Page Rank Di Blog

Bagi teman-teman blogger pemula, untuk memantau perkembangan Page Rank pada blog, kita bisa memanfaatkan Google Pagerank Button dari www.mypagerank.net

Untuk setting di mypagerank.net adalah sebagai berikut :

1. Buka www.mypagerank.com

2.Klik menu Google Pagerank Button

3.Untuk mengecek Page Rank blog Anda, masukkan alamat URL blog pada menu site URL yang disediakan:

4.Untuk menempatkan Google Pagerank Button, silahkan copy code javascript yang tersedia ke blog Anda (bagian HTML/Javascript), code seperti di bawah ini :

<script src="http://www.mypagerank.net/services/pagerankbutton/servicepr_js.php"></script>

Selanjutnya

1. Login ke Dashboard blog Anda, klik menu Layout;

2. Pada Layout klik Add a Gadget

 

3. Selanjutnya pilih HTML/Javascript;

 4. Paste Code yang telah Anda copy dari mypagerank;

 5. Selesai, SAVE.

Silahkan lihat hasilnya, sekarang anda bisa memantau perkembangan Page Rank blog Anda.

Semoga bermanfaat. :-)

Tips dan trik blog by Angga-worlds

read more

Cara membuat Kotak Iklan Melayang

Banyak cara  membuat iklan melayang, Salah satunya bila ada yang ingin mencoba membuat kotak iklan atau gambar melayang, info melayang dll bisa mengikuti langkah2 yan saya berikan sebagai berikut :


1. Log in pada Blogger,
2. Klik Layout,
3. Klik Edit Html.

Copy paste kode berikut di atas kode </head>
<script src='http://sites.google.com/site/anasprod/adse.js' type='text/javascript'/>
Taruh kode berikut ini di atas ]]></b:skin>
#topbar{
position:absolute;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
width: 620px;
visibility: hidden;
z-index: 100;
}
4. Save.
Langkah berikutnya Dan masuk pada bagian "Layout -> Page Elements"

Pilih tempat Gadget yang di inginkan (terserah karena box ini akan melayang) dan klik "Add a gadget" Masukkan code dibawah ini :
<div id="topbar">
MASUKKAN CODE SCRIPT ADS / LAINYA DISINI 
<a href="" onclick="closebar(); return false"><img src="http://sites.google.com/site/anasprod/close.gif" border="0" /></a>

</div>
  Litlle Note ; Ganti kode warna merah ya bro?

Terakhir terbitkan entri deh ....




 www.angga-worlds.co.cc

read more

Cara Pasang radio Streaming

Setelah saya posting mengenai cara membuat radio streaming beberapa waktu lalu, akhirnya traffic dari search engine pun bertambah. Ada yang bertanya mengenai cara membuat, detailnya, bahkan ada juga yang mengajak kerjasama untuk menyediakan layanan streaming dengan menggunakan server Indonesia. Chatting malam-malampun masih saya layani untuk membantu Anda membuat radio streaming bagi Radio Anda sendiri ataupun untuk sekedar menyalurkan hobi bermusik atau siaran.

Silahkan kopi kode di bawah ini :

<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="25" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="wmode" value="transparent" /><param name="src" value="http://www.ustream.tv/flash/live/3084664" /><embed type="application/x-shockwave-flash" width="400" height="25" src="http://www.ustream.tv/flash/live/3084664" wmode="transparent"></embed></object>


Lalu paste kode tersebut di sidebar blog Anda. Sesuaikan dengan ukuran widgetnya sendiri. Anda juga bisa mengatur ukuran widgetnya dengan mengubah angka yang saya beri warna merah di kode tersebut.
Kode tersebut adalah kode widget radio streaming Kencana FM Malang Jawa Timur. Anda bisa lihat webnya di www.kencanafm.com
Anda bisa mendapatkan informasi lowongan kerja, bisnis, usaha dan tentunya hiburan musik yang 100% dari dalam negeri.  Silahkan dengarkan via online streaming di http://kencanafm.com/radio-streaming

read more

Wiget Indonesia

Sebagai warga negara indonesia yang baik kita sudah seharusnya pasang widget yang satu ini.......

Caranya gampang tinggal ke Tata letak > tambah gadget > tambahkan HTML/Javascript > Copas kode di bawah,tanpa judul ok.


<script language="JavaScript" src="http://adabisnis.com/js/widget.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://img38.imageshack.us/img38/8584/iluvindonesia.png")</script>

read more

Cara Pasang Yahoo Messanger (YM)

Saya punya blog di Blogspot. Saya ingin pengunjung blog saya bisa chatting dengan saya lewat Yahoo! Messenger. Mungkinkah?

Untuk keperluan itu kita bisa memanfaatkan fitur Pingbox yang disediakan Yahoo!. Lewat Pingbox, kita akan mendapatkan kode yang harus kita pasang di blog, profil Friendster, atau website kita.

Berikut ini cara membuat Pingbox:

1. Klik http://messenger.yahoo.com/pingbox/studio/ untuk menuju ke halaman seperti pada gambar di bawah ini:

2. Pilih Background Theme sesuai dengan preferensi kita;
3. Di kolom Display name, masukkan nama yang akan kita tampilkan. Contrenglah opsi Show Yahoo! Messenger display image jika kita ingin menampilkan gambar yang sekarang muncul di YM kita.
4. Pilihlah salah satu ucapan selamat datang di kolom Online Greeting, atau pilih Enter custom message jika kita ingin membuat sendiri ucapan itu.
5. Pilihlah salah satu pesan bahwa kita sedang tidak online di kolom Offline message, atau pilih Enter custom message jika kita ingin membuat sendiri ucapan itu.
6. Contrenglah opsi Require visitors to enter Nickname to send IM agar setiap orang yang mengirim pesan ke kita diwajibkan mengisikan nama aliasnya (nick name);
7. Pada kolom Save Pingbox as, tulislah nama Pingbox kita. Misal, jika pingbox yang kita bikin sekarang ini akan dipasang di blog, berilah nama Pingbox Blogger atau sesuka anda.
8. Tekan tombol Save;
9. Akan muncul windows bar. Masukanlah Yahoo! ID dan passwordnya, lalu tekan tombol Sign In. Windows itu akan menutup sendiri.
10. Akan muncul kotak berisikan kode yang harus kita pasang. Untuk mendapatkan kode yang pas sesuai peruntukannya, pilihlah jenis blog atau website kita. Misal, jika kita ingin mendpatkan kode untuk Blogger maka kliklah logo dan tulisan Blogger yang tersedia.
11. Tentukan ukuran kotak yang kita inginkan. Sangat disarankan untuk memilih opsi Recommended.
12. Tekan tombol Copy to clippboard.

Tahapan selanjutnya Cara Pasang Yahoo Messenger (YM) di Blogger, langkah-langkahnya sebagai berikut:

1. Login ke Blogspot Anda => klik Rancangan/Design => Tambah/Add Gadget => pilih HTML/JavaScript atau baca Cara Pasang dan Hapus Widget Blog di Blogspot;
2. Setelah terbuka halaman baru, pada kolom Judul, tulislah Judul yang kita mau, misal: CHATBOX.
3. Pada kolom Konten masukan kode Pingbox yang telah dicopy sebelumnya, caranya letakkan Crusor ke dalam kolom Konten, lalu klik kanan dengan mouse dan pilih paste atau tekan Ctrl + V pada keyboard;
4. Klik Simpan, selesai.
   
   
   
                                      >>>>>>>>>> Selamat Mencoba Bro <<<<<<<<<<<

read more

Cara Memberi Efek Stabilo Buat Blog

Pada posting kali ini membahas cara memberi efek stabilo pada tulisan, yaitu memblok tulisan tertentu dengan warna. Seperti halnya dengan cetak tebal, cetak miring dan garis bawah pada tulisan yang menunjukan tulisan tersebut stabilo memberi block dengan warna tertentu pada kalimat yang anda anggap penting, stabilo memberi block dengan warna tertentu pada kalimat yang anda anggap penting dan anda juga bisa mengkombinasikan dengan cetak tebal, miring dan garis bawah.

Silahkan masuk ke admin WordPress anda dan buat posting baru ‘Post’ –> ‘Add New’. Silahkan tulis dahulu posting anda sampai selesai. memulai membuat efek stabilo, memulai membuat efek stabilo, masukan kode dibawah diantara kalimat yang akan anda beri efek warna pada kalimat anda…

<span style=”background-color:#FFC1E0;”>kalimat anda…</span>

read more

Membuat Gambar Berada Di Pojok

Pasti pada bingung nih, apa maksudnya dan kenapa judulnya begitu, sebenarnya aku sendiri juga bingung mau ngasih judul apa untuk trik yang berikut ini. Setelah aku pikir-pikir :t eee.. nggak nemu-nemu juga judul yang cocok, ya udah deh aku asal aja kasih judul gitu. Trus apa maksudnya dari judul tersebut dan trik apa yang akan dibahas?
Gini, untunya itu gini :D trik nyoba ngebahas gimana cara membuat "ANU" itu selalu berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan. Trus maksudnya "ANU" itu apa? "ANU" itu maksudnya bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Kalo untuk di blog ini aku pasang gambar sonic yg sedang lari-lari (pojok kiri bawah). Nha udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

<div style="padding: 10px; background: #DFC1F9; no-repeat; text-align:justify;">#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }</div>

3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

<div style="padding: 10px; background: #DFC1F9; no-repeat; text-align:justify;"><div id="trik_pojok"><a href="http://trik-tips.blogspot.com">
<img src="http://kendhin.890m.com/soniclari.gif" border="0" /></a></div></div>

"http://trik-tips.blogspot.com" adalah link. ganti dengan link kamu.
"http://kendhin.890m.com/soniclari.gif" adalh lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.  

read more

Cara Membuat Menu Tab View

Karena sering ditanya tentang bagaimana caranya membuat Tab VIew (Biasanya nanyanya gini: "Mas cara membuat menu yg kayak punya mas gmn? yg ada "Tips & Trik", "Lain-lain", "Terbaru", "Komentar" itu lho). Ya kan? hayo ngaku... Tabview itu sangat berguna sekali, karena dengan ukuran kotak yang relatif kecil tapi bisa memuat isi yang buanyak. Sebenarnya dah dari dulu pingin posting tentang itu, tp karena yg dulu cara pasanganya sulit jadi belum bisa aku jelaskan. Trus akhirnya aku menemukan metode baru dalam pembuatannya. Cara yang ini mungkin mirip dengan punyanya o-om, tp scriptnya agak beda. Dan aku dapet script ini juga bukan dari o-om lho :D
Tab view itu contohnya seperti ini :

Beginilah cara untuk membuat menu tab view tersebut

1. Login ke blogger trus pilih menu "Layout --> Edit HTML"
2. Kemudian cari kode ini ]]></b:skin>
3. Kemudian masukkan kode berikut ini sebelum kode :

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

4. Perhatikan text-text yang berwarna merah, itu adalah keterangan untuk pengaturan Tab View. Ada ukuran warna dll. Untuk mengetahui kode2 warna silahkan lihat DISINI
5. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode </head>

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

6. Kemudian "Di save"
7. Lalu pergi ke menu "Page Elements"
8. Trus PIlih "Add a Gadget" --> "HTML/Javascript" di tempat yg akan km letakkan Manu Tab View ini.
9. Inilah script yg harus kamu pasang :

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>

Keterangan :
- Angka2 atau text yang berwarna biru (350px) adalah ukuran tinggi dan lebar tabview.
- Kode yang berwarna Hijau Adalah text yang di Menu utama (Menu Atas).
- Kode yang berwarna merah adalah isi dari tabvie tsb. Kamu bisa mengisinya dengan link, gambar, banner, script dll.
- Untuk menmbahkan jumlah menu maka perhatikanlah text yang berkedip2. tambahkan menu tersebut dibawahnya.


source : http://trik-tips.blogspot.com/2008/07/cara-membuat-menu-tab-view_31.html   

read more