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