Widget Donasi Paypal Button

Panduan Cara Memasang Donasi Paypal Button di Blog

Pada posting kali ini saya akan menjelaskan bagaimana caranya memasang ataupun menambah Button Donasi Paypal pada halaman Blog. Bila anda telah memiliki account paypal maka anda sudah dapat memasukan atau menambahkan Button Donasi Paypal ke halaman Blog anda. jika anda belum memiliki account paypal maka anda harus daftar terlebih dulu. untuk mendaftar dan memiliki account paypal anda bisa klik disini. cara untuk menambahkan Button Donasi Paypal adalah sebagai berikut :

1. Login ke paypal dengan memasukan Email paypal anda.

2. Setelah itu anda klik 'Merchant Services' tab Pada bagian atas halaman seperti pada gambar dibawah berikut :

3.Gerakan mouse anda dan klik "Donation" pada tampilan menu disebelah kanan

4. Setelah anda klik donation maka akan melihat menu drop down yang isinya terdapat beberapa pilihan seperti product, servis, subcription & recurring billing, donations, dan gift certificates. anda cukup pilih saja yang donations.

5. Setelah itu anda klik create Button pada bagian bawah halaman.

6. Setelah anda klik create Button maka akan tampil halaman seperti pada gambar dibawah ini. dan yang anda harus lakukan yaitu cukup mengcopy semua code HTML nya.

7. Setelah mengcopy code HTML nya anda login ke Blogger dan tambahkan elemen halaman pada Blog anda dan paste semua kode tersebut.

8. Klik simpan/save dan selesai.

Buka blog anda untuk melihat hasilnya. semoga bermanfaat dan salam blogger mania.
Selamat Mencobanya!!!!

Tips Memasang Widget Shoutbox di Blog

Apa sih Shoutbox itu ? Shoutbox adalah sebuah widget yang mempunyai fungsi yang tidak jauh berbeda dengan chatting, dimana semua pengunjung ataupun pemilik blog itu sendiri.bisa saling mengirimkan pesan-pesan singkat seperti perkenalan, pemberitahuan dan lain sebagainya

Bila kita melihat blog ataupun website yang sudah memasang shoutbox, biasanya shoutbox ini terletak pada halaman depan blog ataupun website tersebut, karena dengan adanya Widget shoutbox ini sangat memudahkan bagi para pengunjung untuk berkomunikasi secara langsung dengan pemilik blog ataupun dengan pengunjung lainnya secara bersamaan

Untuk anda yang berminat memasang widget shoutbox ini pada Blog ataupun website anda. Caranya adalah sebagai berikut :

1. Buka situs http://www.shoutmix.com kemudian pada halaman website tersebut anda klik CREATE YOUR SHOUTBOX NOW. Seperti pada gambar dibawa ini.

2. Setelah itu anda akan dibawa ke halaman pendaftaran seperti dibawah ini, dimana pada halaman tersebut anda harus mengisi semua data yang diperlukan dengan benar.

3. setelah anda mengisi data-data anda pada halaman pendaftaran tadi, kemudian anda akan diminta untuk memilih style ataupun bentuk tampilan shoutbox yang akan anda pasang pada blog anda nantinya. Seperti pada gambar dibawah ini.

4. Setelah anda pilih salah satu style shoutbox seperti pada gambar di atas dan setelah anda mengisi kode verifikasinya juga maka proses pembuatan account shoutbox anda telah selesai. Dan anda sudah bisa memasang shoutbox dengan style yang anda pilih tadi pada blog anda

5. Untuk memasang shoutbox pada blog anda yaitu dengan cara, klik Go to my control panel now” setelah itu pada bagian menu Quick Start anda klik Get Codes untuk mendapatkan code widgetnya. seperti pada gambar seperti dibawah ini.

6. Setelah anda klik Get codes kemudian anda pilih Place Shoutbox on webpage. Terus Copy semua kode HTML yang ada dalam kotak Generated Codes.

7. Setelah anda copy semua kode tersebut anda bisa pastekan dulu kode tersebut untuk sementara ke notepad, microsoft word dsb.

8. Login ke blogger terus klik Layout dan klik page element untuk menambah widget baru pada blog anda dengan cara klik add a Gadget terus anda pilih yang HTML/JavaScript. Seperti pada gambar dibawah ini :

9. Setelah itu anda paste kan semua kode shoutbox yang anda dapatkan sebelumnya seperti contoh pada gambar dibawah ini.

10. Klik save dan setelah itu maka proses pembuatan widget shoutbox anda telah selesai. Untuk melihat hasilnya anda tinggal klik view blog. Gampang kan hehehe….

Ok Cukup sekian dulu postingan Radar Blogs tentang cara membuat ataupun memasang shoutbox di blogger kali ini. Semoga bermanfaat dan salam blogger mania.

Cara Membuat Menu Tab View

gambar : 1

Untuk anda yang ingin membuat Menu Tab View seperti gambar di atas untuk halaman blog anda, caranya adalah sebagai berikut :

01. Save template anda terlebih dulu yaitu dengan mendownload full template anda. kemudian Buka menu edit template atau Layout, terus buka edit HTML. jangan lupa kasih tanda centang pada Expand widget template. setelah itu cari kode ]]></b:skin> pada halaman HTML dengan menekan ctrl+F dan paste kan ]]></b:skin> tersebut pada kotak find dan tekan enter contoh nya seperti pada gambar

berikut ini :

gambar : 2

2. Langkah berikutnya adalah copy semua kode dibawah ini terus paste kan tepat di atas ]]></b:skin>

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 98px;
text-align: center;
height: 24px;
padding-top: 3px;
vertical-align: middle;

border-top: 1px solid #d9e3ff;
border-left: 1px solid #d9e3ff;
border-right: 1px solid #d9e3ff;
border-bottom: 1px solid #d9e3ff;
font-family: "verdana", Serif;
font-weight: 900;
color: #ffffff; /* Warna text menu tab */
background-color: #ca0a0a; /* Warna background menu tab */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #1200ff; /* Warna background menu tab yang active */
}
div.TabView div.Pages
{
clear: both;
border-left: 1px solid #d9e3ff;
border-right: 1px solid #d9e3ff;
border-bottom: 1px solid #d9e3ff;
overflow: hidden;
background-color: #ffffff; /* Warna background menu halaman */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

Catatan : semua kode warna yang saya tandai pada kode diatas bisa anda rubah sesuai keinginan anda. contoh anda ganti dengan kode #ffffff untuk warna putih ataupun dengan kode warna lainnya.

3. Setelah anda mamasukan semua kode di atas kemudian anda cari kode setelah itu copy kode </head>berikut ini dan paste tepat di atas kode </head> .

<script src='http://www.geocities.com/damn_lunchix/tabview.js' type='text/javascript'/>

4. Klik simpan atau save template anda.

5. Setelah anda selesai mengcopy dan mempastekan semua kode-kode diatas pada halaman HTML template anda. langkah selanjutnya anda buka menu elemen halaman dan klik add a Gadget dan pilih seperti pada gambar berikut ini :

gambar : 3

gambar : 4

gambar :5

6. Kemudian Copy dan paste semua code berikut ini pada gadget HTML tersebut seperti contoh pada gambar 5 diatas.

<form action="tabview.html" method="get">

<div id="TabView" class="TabView">

<div style="width: 300px;" class="Tabs">

<a class="Active" href="javascript:tabview_switch('TabView',%201);">Recent Post</a>

<a class="" href="javascript:tabview_switch('TabView',%202);">Most Popular</a>

<a class="" href="javascript:tabview_switch('TabView',%203);">Wallpaper</a>

</div>

<div style="width: 298px; height: 150px;" class="Pages">

<div style="overflow: auto; height: 150px; display: block;" class="Page">

<div class="Pad">

</ol>

<li><a href="Masukan Link yang di tuju disini">judul posting disini</a></li>
<li><a href="Masukan Link yang di tuju disini">judul posting disini</a></li>
<li><a href="Masukan Link yang di tuju disini">judul posting disini</a></li>

</ol>

</div>

</div>

<div style="overflow: auto; height: 150px; display: none;" class="Page">

<div class="Pad">

<ol>

<li><a href="Masukan Link yang di tuju disini">judul posting disini</a></li>
<li><a href="Masukan Link yang di tuju disini">judul posting disini</a></li>
<li><a href="Masukan Link yang di tuju disini">judul posting disini</a></li>
</ol>

</div>

</div>

<div style="overflow: auto; height: 150px; display: none;" class="Page">

<div class="Pad">

<ol>

<li><a href="Masukan Link yang di tuju disini">judul posting disini</a></li>
<li><a href="Masukan Link yang di tuju disini">judul posting disini</a></li>
<li><a href="Masukan Link yang di tuju disini">judul posting disini</a></li>
<ol>

</div>

</div>

</div>

</div></form>

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

Catatan : Untuk kode yang diberi warna kuning diatas bisa anda rubah sesuai keinginan anda contoh,

298px; height: 150px;" class="Pages"> . 298px adalah ukuran lebar gadget tersebut

sedangkan 150px adalah ukuran tinggi gadget tersebut.contoh berikutnya adalah tentang

<li><a href="Masukan Link yang di tuju disini">judul posting disini</a></li>ini juga anda rubah sesuai dengan yang anda iningkan. Masukan Link yang di tuju disini yaitu masukan link yang anda tuju misalnya link untuk alamat posting anda ataupun link alamat yang lain. judul posting disini myaitu untuk judul postingan anda ataupun yang lainnya. Bila anda ingin memperbanyak tampilan daftar judul posting ataupun yang lainnya. anda cukup mengcopy dan memperbanyak kode :

<li><a href="Masukan Link yang di tuju disini">judul posting disini</a></li>

seperti contoh yang saya berikan pada kode diatas yaitu untuk 3 judul content untuk tiap halaman.

7. Selesai dan anda lihat blog anda untuk melihat hasilnya.

Ok saya rasa cukup sampai disini postingan saya tentang bagaiman caranya membuat menu tab view.
Semoga bermanfaat dan salam blogger mania.

Teks Area dengan Tombol Select All

Mungkin anda pernah berkunjung ke suatu blog ataupun website dimana pada halaman blog ataupun dalam postingan mereka terdapat sebuah text area dengan tombol select all.

Sekarang pertanyaannya adalah bagaimana kita bisa membuat kotak Teks area seperti itu, untuk membuat Teks Area dengan Tombol Select All tersebut caranya adalah seperti keterangan berikut ini.

Text area adalah sebuah perintah HTML yang berfungsi untuk membuat sebuah kotak ataupun bidang dimana dalam kotak tersebut bisa kita masukan beberapa text yang kita inginkan,

Kotak ini biasa kita gunakan untuk mengisi beberapa kata, kode-kode pada postingan maupun untuk membuat kotak link exchange. bagi anda yang ingin membuat sebuah kotak seperti tersebut caranya sangatlah mudah. Anda cukup copy kode dibawah ini lalu letakkan ke blog ataupun postingan anda.Kotak ini biasa kita gunakan untuk mengisi beberapa kata, kode-kode pada postingan maupun untuk membuat kotak link exchange. bagi anda yang ingin membuat sebuah kotak seperti tersebut caranya sangatlah mudah. Anda cukup copy kode dibawah ini lalu letakkan ke blog ataupun postingan anda.

<div style="text-align: center;"><textarea style="width: 300px; height: 40px; padding:3px">Tulis text ataupun kode yang ingin anda tampilkan disini</textarea></div>

Keterangan :

- Teks yang berwarna biru merupakan teks yang nantinya muncul pada kotak tersebut. Silahkan anda ganti dengan teks atau kode yang ingin anda tampilkankan dalam kotak tersebut.

- center yaitu menunjukkan posisi text dalam kotak tersebut di posisi tengah. Bila anda ingin meletakkan text tersebut dikanan. Anda cukup menggantinya dengan right dan Left bila anda ingin meletakkannya diposisi sebelah kiri.

- Width yaitu untuk ukuran lebar kotak dan Height untuk ukuran tinggi kotak. Silahkan anda ganti sesuai keinginan keinginan anda.

Membuat kotak teks/text area dengan tombol Select All

Tadi yang kita bahas adlah tentang cara membuat text area. Nah sekarang kita akan membahas tentang kelanjutannya yaitu text area dengan tombol select all. Tombol select all adalah sebuah tombol yang digunakan untuk menghighlight seluruh teks yang berada didalam text area tersebut, sehingga kita atau pengunjung bisa lebih mudah untuk mengcopy seluruh teks atau kode yang berada dalam text area tersebut. Contohnya seperti dibawah ini, coba anda tekan tombol select all yang ada dibawah ini.maka semua teks yang ada dalam kotak tersebut akan terhighlight atau terblok semua dengan mudah.


Untuk membuat teks area dengan tombol select all seperti diatas caranyan adalah seperti berikut, copy semua kode dibawah ini ke blog ataupun postingan anda.

<form name="copy"><div align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></div><p style="text-align: Center;"><textarea style="padding: 3px; Width: 300px; Height: 50px;" name="txt">Tulis text ataupun kode yang ingin anda tampilkan disini</textarea></p></form>

Catatan :
- Teks yang dicetak tebal dan berwarna kuning adalah teks yang muncul pada tombol. Silahkan anda bisa menggantinya dengan nama lain, misalnya pilih semua, copy semua ataupun yang lainnya.
- Teks berwarna biru adalah teks muncul didalam kotak. Silahkan anda ganti dengan teks ataupun kode yang ingin anda tampilkan dalm kotak tersebut.
- Teks yang di cetak tebal dan berwarna hitam seperti Center, Width dan Height. silahkan anda ganti juga sesuai keinginan anda.

Ok mungkin cukup sampai disini dulu postingan Radar Blogs mengenai cara membuat kotak teks area dengan tombol select all ini. semoga bermanfaat dan salam blogger mania.
Selamat Mencobanya!!!!

Free Widget Music Player for Blogger

Widget Music Player ini mungkin akan sangat bermanfaat sekali bagi anda yang gemar mendengarkan musik. khususnya bagi para blogger mania yang pecinta musik. mungkin orang- orang sudah terbiasa mendengarkan musik melalui radio, Hp, tape dan lain sebagainya. sekarang bagaimana bila kita mendengarkan musik tersebut melalui blog kita sendiri, bisa jadi juga dengan adanya widget music player pada blog anda ini. akan membuat pengunjung blog anda menjadi betah karena merasa terhibur.Untuk anda yang berminat memasang widget music player ini pada blog anda. caranya adalah sebagai berikut.

1. Anda buka website http://musik-live.net/ Setelah itu anda klik menu skin Music player. yaitu untuk memilih terlebih dulu bentuk tampilan dari Music player tersebut. seperti pada gambar dibawah ini.

Gambar 01

Gambar 2

2. Pada gambar 01 diatas, yaitu halaman depan dari website tersebut. silahkan anda klik menu skin Mp3 player yang terdapat pada menu bar paling atas. kemudian pada gambar 02. yaitu halaman website setelah anda mengklik menu skin mp3 Player tersebut. pada halaman ini, ana bisa memilih bentuk tampilan dari Music player yang akan anda pasang nantinya. untuk melihat tampilan mp3 player tersebut anda tinggal mengklik preview skin. setelah anda klik maka akan keluar tampilan gambar dari bentuk skin Music player yang anda klik.

3. Bila anda merasa telah menemukan bentuk tampilan skin mp3 yang sesuai dengan keinginan anda. langkah selanjutnya yaitu, anda copy kode Html yang terdapat kotak, dibawah tulisan preview skin yang anda pilih.

4. Setelah anda copy kode tersebut, selanjutnya anda login ke Blogger. terus anda masuk ke menu tata letak kemudian anda tambahkan gadget baru.dengan memilih gadget Html/javascript. setelah itu anda paste semua kode Music player yang anda copy sebelumnya pada gadget Html tersebut.

5. Klik simpan/save.

6. Selesai. Untuk lebih jelasnya silahkan anda lihat blog anda untuk melihat hasilnya.

Catatan : Bila ukuran dari Music player tersebut kurang sesuai. silahkan anda ganti ukurannya sendiri. yaitu dengan merubah ukuran Width sama High nya saja, silahkan mencoba.

Ok saya rasa cukup sekian dulu postingan tentang cara memasang Widget Music Player dari Radar Blogs kali ini. semoga beramnfaat dan salam blogger mania.
Selamat Mencobanya!!!!