GooBlog: DUNIA BLOG

Tampilkan postingan dengan label DUNIA BLOG. Tampilkan semua postingan

Kamis, 02 Desember 2010

Membuat Kotak Chatting di blogspot

Membuat kotak chat di blogspot lebih mudah, disini saya menggunakan shoutmix :

Pertama

Login terlebih dahulu ke blog Anda

selanjutnya klik kustomisasi kemudian Tata Letak

cari dan Add fasilitas HTML/Javascript

Ketikkan judul : kotak chat (contoh)

Kedua

Anda akses http://www.shoutmix.com

klik create soutbox selanjutnya isikan biodata yang disediakan

*Agar lebih cepat shoutbox id gunakan Angka (ulangi lagi jika belum berhasil)

* jangan lupa contreng kotak I have …….

selanjutnya continue

get code ( Anda boleh atur pilihannya)

copy kode html yang ada pada kotak konten shoutmix tsb

paste di kotak java script pada blog Anda tadi dan save

selanjutnya reload blog Anda

Selasa, 30 November 2010

Cara Membuat Rating Lima Bintang di Posting

Ingin postingan kita di beri rating bintang? Pemberian rating ini penting juga karena kita jadi tahu penilaian pengunjung atas tulisan kita, malah untuk pembaca yang malas ngetik komentar kan lebih enak pake cara ini, tinggal klik saja tanda bintang nya atau tanda suka atau tidak suka. Caranya kita gunakan penyedia fasilitas rating di polldady, di situs http://polldaddy.com ini menyediakan fasilitas rating mulai dari bentuk(style), ukuran dan warna dari vote. Nah caranya adalah sebagai berikut :

1. Anda harus daftar dulu di polldaddy dan bisa klik di sini

2. Kalau sudah silakan anda pilih syle rating, warna dan lain-lainnya bisa di utak-atik sendiri

3. Copy code nya

4. Login ke blogger

5. Pilih Rancangan

6. Klik Tambah Gadget

7. Klik HTML/javascript

8. Paste code tadi

9. Simpan

Nah selain dengan cara tersebut diatas masih ada cara lain lagi yaitu menggunakan fasilitas yang disediakan oleh www.outbrain.com silakan anda mendaftar di situs tersebut untuk mendapatkan widgetnya...selamat mencoba...
http://lilismembuatbloggratis.blogspot.com

Kotak Text Area untuk Blogger

Dalam postingan yang sederhana ini, saya ingin berbagi dengan Anda tentang Cara Membuat Kotak Text Area untuk Blogger, namun ijinkan terlebih dahulu saya menjelaskan sedikit mengenai manfaat atau fungsi dari kotak text area, agar kita tidak hanya tahu mengenai cara memasangnya saja tetapi juga mengetahui tujuan dibuatnya text area tersebut.

Manfaat atau fungsi Kotak Text Area antara lain adalah dapat dijadikan sebagai tempat penyimpanan kode-kode HTML/Javascript baik untuk bertukar link (Link Exchange) sesama blogger maupun untuk tujuan lain. Kotak text area juga bisa digunakan untuk menaruh pesan kepada pengunjung blog atau kepada diri sendiri dengan menggunakan abjat biasa. Perhatikan contoh di bawah ini:

Contoh Kotak Text Area berisi Kode HTML/Javascript untuk Tukar Link:

<a target="_blank" href="http://www.serba-tersedia.blogspot.com">Blog Serba Tersedia</a>
Contoh Kotak Text Area berisi pesan dengan abjat biasa:
Saat ini Anda sedang belajar membuat Kotak Text Area, Terima kasih atas kepercayaan Anda

Dengan contoh di atas semoga Anda sudah mengerti tentang manfaat dan fungsi kotak text area, selanjutnya tinggal kreatifitas Anda dalam memanfaatkannya untuk tujuan dan keperluan yang diinginkan, dan perlu diketahui kotak text area ini bisa dipasang di sidebar dan dalam postingan.

Adapun kode untuk membuat Kotak Text Area tersebut adalah seperti di bawah ini:

A. Cara Pasang di SideBar Blog:

Login ke Blogger, kemudian pilih Tata Letak --> Element Halaman;
Klik Tambah Gadget lalu pilih HTML/Java Script;
Copy dan paste kode di atas pada tempat yang disediakan;
Sebelum disimpan Anda bisa mengatur ukuran kotak sesuai keinginan yaitu dengan merubah angka pada rows untuk tinggi kotak dan pada cols untuk lebar kotak.
Terakhir Simpan dan lihat hasilnya.

B. Cara Pasang di Postingan:

Cara memasang pada postingan itu sangat mudah, Anda cukup memasukan kode di atas sesuai keinginan Anda dan sebelum mempublish postingan Anda harus pastikan dahulu bahwa pada menu Post Option postingan pilih Tafsirkan HTML yang diketik, selanjutnya klik Publish, selesai.

Demikian yang dapat saya sampaikan, terima kasih atas kesediaan Anda mengunjungi blog ini, semoga bermanfaat.

www.serba-tersedia.co.cc

Minggu, 28 November 2010

Cara Membuat Halaman Menu Dropdown di Blog

Membuat Menu Drop down mungkin terdengar aneh di telinga kita, memang saya sendiri awalnya tidak tau harus membuat kata kunci apa yang umum di gunakan di Indonesia untuk mencari tutorial sejenis ini. awalnya mau cara pasang halaman li di blogspot, lalu coba cara buat navbar menu lebar ke bawah, dan akhirnya cara membuat halaman menu pada blogspot mudah-mudahan pada nyangkut ke sini hehe.

Seperti apa sih Menu Drop down itu langsung aja liat gambarnya biar saya ga sulit ngejelasinnya

Nah dah ngerti belum? menu dropdown adalah seperti gambar di atas, saat kita arahin kursor mouse salah satu menu di navbar, tiba-tiba mucul panjang kebawah (menu tambahan ke bawah) itulah yang di maksud dengan Dropdown Menu

Bagaimana cara buatnya?

1. Login ke Blogger.
2. Pilih Edit Tamplate
3. pilih Edit HTML

4. cari kode ]]>
5. Silakan anda copy kode di bawah ini :

/* ----- NAVBAR MENU ----- */
#NavbarMenu {

width: 780px;
height: 30px;
background:#99C9FF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiA1RuLYSMQ1GCzoRYdLOwhbz6EJhLN7UVU_bzYCsUSuS9uRwhZtsAUJu70e1sf0G4DXPNU9VpgvdGX6bGQgyU-3_Ua5ewa2SWyFYlY3zrDKQV9w1vPHcWOQgg5jI5clJviUYiOagtFkTP/s800/navbar.gif) repeat-x top;
color: #3D81EE
margin: 0 auto 0;
padding: 0;
font: bold 11px Arial, Tahoma, Verdana;
border-top: 1px solid #AFAFAF;
border-bottom: 1px solid #FFFFFF;
}
#NavbarMenuleft {
width: 680px;
float: left;
margin: 0;
padding: 0;
}
#nav {
margin: 0;
padding: 0;
}
#nav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#nav li {
list-style: none;
margin: 0;
padding: 0;
}
#nav li a, #nav li a:link, #nav li a:visited {
color: #3D81EE;
display: block;
text-transform: capitalize;
margin: 0;
padding: 9px 15px 8px;
font: normal 14px ARIAL;
}
#nav li a:hover, #nav li a:active {
background:#99C9FF;
color: #3D81EE;
margin: 0;
padding: 9px 15px 8px;
text-decoration: none;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #3D81EE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiA1RuLYSMQ1GCzoRYdLOwhbz6EJhLN7UVU_bzYCsUSuS9uRwhZtsAUJu70e1sf0G4DXPNU9VpgvdGX6bGQgyU-3_Ua5ewa2SWyFYlY3zrDKQV9w1vPHcWOQgg5jI5clJviUYiOagtFkTP/s800/navbar.gif) repeat-x top;
width: 150px;
color: #000;
text-transform: lowercase;
float: none;
margin: 0;
padding: 7px 10px;
border-bottom: 1px solid #99C9FF;
border-left: 1px solid #99C9FF;
border-right: 1px solid #99C9FF;
font: normal 15px,;
}

#nav li li a:hover, #nav li li a:active {
background: #99C9FF;
color: #3D81EE;
padding: 7px 10px;
}
#nav li {
float: left;
padding: 0;
}
#nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0;
padding: 0;
}
#nav li ul a {
width: 140px;
}
#nav li ul ul {
margin: -32px 0 0 171px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav
li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav
li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover {
position: static;
}

6. Simpan di atas kode ]]>

catatan :

pada text yang berwarna hijau di atas sesuaikanlah dengan lebar tamplate yang anda gunakan
pada text yang berwarna orange di atas biarkan saja

7. Setelah itu silakan copy kode berikut ini :

8. Simpan di bawah

9. save.

Sehingga hasilnya seperti ini :

]]>

Kode
di atas adalah kode yang saya gunakan di salah satu blog saya. dan
mungkin akan sedikit berbeda posisinya dengan template anda. namun

standarnya seperti contoh di atas. lihat hasilnya disini

keterangan :
1. jika anda ingin menambah dropdown lagi tinggal tambahkan saja kode :

Tutorial

Catatan :
Yang berwarna ungu di atas adalah "tutorial" adalah menu yang akan di buat dropdown ke bawaholeh kita. jadi bila nanti anda ingin membuat dropdown tambahan, tambahkan saja kode pada kumpulan kode menu pada no.7

2. Di atas, saya banyak menuliskan link ke arah blog ini, ganti dengan link yang ingin anda tuju, bisa ke arah blog anda atau orang lain.

http://asksalman19.blogspot.com/2010/03/membuat-halaman-menu-pada-blogspot.html

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 ]]>
3. Kemudian masukkan kode berikut ini sebelum kode ]]> atau kedalam tag CSS.

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

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.

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

Senin, 15 November 2010

cara agar blog Tidak bisa di copy paste

Tips dan trik yang akan saya bahas kali ini yaitu tips agar blog tidak bisa di copy paste oleh orang lain. Wah bagi anda yang sudah merasa pusing kepada penjiplak-penjiplak itu yang seenaknya mengcopy tanpa merubah sedikit pun isi nya dan tidak memberikan link sumbernya sekarang kita kerjain dikit.
Walaupun cara ini bukan cara jitu untuk menghentikan penjiplakan tapi cara ini bisa lebih menyulitkan bagi penjiplak itu untuk mengcopy paste isi blog kita. Jadi jika para penjiplak itu ingin membuat isi blog seperti yang kita punya harus mengedit sendiri..
Apakah anda tertarik dengan mengikuti trik ini?
Ikuti langkah-langkah berikut ini:

Login dulu ke blogger
Kemudian pilih Rancangan, edit HTML
Beri tanda centang di Expand Template Widget
Copy script di bawah ini kemudian letakan script nya diatas

kemudian simpan
by.http://nesmejia.blogspot.com/2010/06/tidak-bisa-di-copy-paste.html

Kamis, 11 November 2010

Membuat Navigasi Halaman Bernomor

Jika anda perhatikan, ada yang baru di blog ini.

Yaitu navigasi halaman bernomor (letaknya di bagian bawah) atau paging seperti banyak terdapat di blog-blog berbasis wordpress. Selain blog tampak lebih cantik seperti Nadia Saphira, adanya navigasi halaman bernomor membuat blog lebih user friendly. Bagaimana cara membuat paging? 1. Login ke blog anda.
2. Klik 'Layout/Tata Letak'
3. Klik 'Tambah Widget'
4. Pilih 'HTML/Java Script'.
5. Masukkan kode HTML di bawah ini.

6. Letakkan di bawah ''posting blog'.

7. Simpan.
Ket: anda bisa ganti tulisan warna merah sesuai keinginan.
Misalnya Home diganti Awal, Next diganti Berikutnya, dll. Untuk pengaturan warna silakan dikreasi sendiri. Selamat mencoba.
http://wawanwae.blogspot.com/2009/01/membuat-navigasi-halaman-bernomorpaging.html

Selasa, 09 November 2010

Cara Mengubah Tampilan Kursor Blog

Secara default, tampilan cursor pada blog adalah berbentuk panah namun bagi anda yang merasa bosan dengan tampilan tersebut atau ingin memberi decak kagum bagi pengunjung. Anda bisa menggantinya dengan icon gambar sehingga jika ada pengunjung yang datang ke blog anda, tampilan kursornya akan berubah sesuai dengan icon yang anda gunakan. Agar lebih jelas anda bisa lihat disini.

Untuk mengubah tampilan kursor menjadi icon gambar, caranya sangat mudah. Berikut langkah-langkahnya:

1. Login ke Blogger. Masuk ke menu Design->Edit HTML
2. Cari kode
3. Letakkan kode css berikut diatasnya

Keterangan:
Teks yang berwarna merah adalah alamat url kursor. Silahkan ganti dengan alamat url kursor yang ingin anda gunakan.

4. Setelah itu, simpan template anda. Selesai

Jika anda tidak memiliki icon kursor, coba kunjungi http://www.totallyfreecursors.com. Situs tersebut menyediakan ratusan hingga ribuan icon kursor menarik yang bisa anda pilih sesuai selera.

Selamat mengkreasi blog anda :)

Membuat Text Berjalan

Membuat blog lebih atraktif tentunya dambaan setiap blogger, karna demi memanjakan pengunjung yang dateng dan agar mereka ngga bosen buat balik lagi ke blog kita. buat bikin blog kita lebih atraktif untuk diliat, salah satu cara yang bisa kita gunakan adalah dengan membuat text berjalan ini atau biasanya sering disebut marquee..

Marquee ini sering banget kita liat apalagi di situs2 bisnis..biasanya klo di sits bisnis marquee dipake dengan kalimat “selamat datang…” yang bergerak dari kiri ke kanan atau sebaliknya. Misalnya kalimat ini :

"Selamat Datang..."

Untuk membuatnya, kalian cukup menyisipkan kode di bawah ini pada kalimat yang akan kalian buat bergerak :

"Selamat Datang..."

Kata yang berwarna merah "Selamat Darang" bisa kamu ganti pake TEXT, LINK, atau GAMBAR yang pengen kalian buat bergerak...

Keterangan :

1. Direction "Left" ---> text akan bergerak ke kiri, kamu bisa ganti "right(klo pengen gerak ke kanan)", "up(Gerak ke Atas)" atau "Down(Gerak ke bawah)"
2. scrollamount="3" ---> Kecepatan geraknya, bisa km ganti juga..
3. width ---> Batas horizontal marquee
4. Height ----> Batas vertikal marqueenya...

Buat cara pasangnya y seperti biasa :

Masuk "Layout"---->"Add Gadget"---->"HTML / JavaScript"----> Simpan..

nah, dah bisa kan sekarang buat kalimat bergerak...he3..

trik-yuwie.blogspot.com

Senin, 08 November 2010

cara menghilangkan tanda obeng pada blog

Mudah sekali bukan? atau masih bingung. Ok deh, ini dia cara lengkapnya :

Login ke blogger dengan ID anda tentunya.
Klik Tata Letak.
Klik tab Edit HTML.
Cari kode seperti ini :
]]>
Copy paste kode berikut persis di atas kode yang tadi :

.quickedit{
display:none;
}
Klik tombol Simpan template.
Selesai.

Cara Membuat Like Box (Fans Box) Facebook di Blog Self Hosted

Apakah anda ingin menampilkan seberapa banyak fans blog anda di facebook? Saat ini facebook menyediakan berbagai macam aplikasi dan widget yang dapat anda gunakan di website atau blog anda. Tapi kali ini saya akan membahas bagaimana cara membuat like box (dulu disebut fan box) dan menampilkannya di blog anda.

Like box adalah sebuah widget yang dapat anda tampilkan di blog atau website anda, berupa kotak yang berisi foto-foto dari profile facebook yang menyukai, atau meng-like blog kita dengan mengklik tombol like yang terdapat di kotak tersebut. Like box dahulu bernama fan box dan tombol like di dalam kotak itu dulu ditulis become a fan. Gak tahu kenapa facebook menggantinya dengan like, namun memang sih, menurut saya kata-kata become a fan agak sedikit terlalu berlebihan, tidak seperti kata like yang lebih familiar dan lebih ringan didengar.

Ada banyak keuntungan menggunakan like box, disamping dapat mendatangkan traffic dari facebook, akan ada kepuasan tersendiri jika banyak yang menyukai blog kita. Tentu saja untuk menampilkan sebuah like box kita harus membuat page di facebook. Page adalah fasilitas dari facebook, penggunaannya sama seperti halnya profil pribadi facebook kita, kita dapat menuliskan status, dan sharing apapun disana. Hanya saja di page ini tidak fasilitas add friend request atau approve friend request. Yang ada hanya tombol like itu tadi. Dan jika kita sudah meng-like sebuah page di facebook, kita tidak perlu menunggu di-approve oleh sang empunya page.

Lalu bagaimana cara membuat page di facebook?

Setelah login, klik link ini Create Facebook Page
Pilih yang dibagian Official Page
Di section Brand, Products or Organization pilih Website
Kemudian isi Pagename sesuai dengan nama page yang anda inginkan.
Setelah selesai klik Create Official Page
Dan Official Page anda telah selesai dibuat.
Selanjutnya anda dapat menambahkan foto atau mengedit profil sesuai dengan keinginan anda.

Cara Membuat Like Box

Setelah selesai membuat Official Page pribadi anda di facebook, langkah selanjutnya adalah membuat Like Box.
Klik Edit page.
Lalu klik Promote with a Like Box
Pada Facebook Page ID isikan dengan Facebook Page ID anda
ID ini dapat anda temukan di address bar browser Anda.
Maka akan Like Box anda akan muncul. Anda tinggal mengatur saja Width, Height, Connections, Stream, Header nya.
Width : lebar dari like box, Height : tinggi dari like box, Connections : Jumlah orang yang meng-like page anda (sesuaikan dengan header dan width), Stream : aktivitas live terbaru dari page anda, Header : opsi untuk menampilkan Find us on Facebook atau tidak.
Setelah selesai anda setting, klik Get Code
Dan akan muncul 2 macam code yang dapat anda pilih.
Saya menyarankan anda gunakan XFBML, karena kelebihan dari XFBML adalah lebih flexible dibandingkan dengan iframe.
Kelebihan lain dari XFBML adalah Like Box yang anda pasang nanti tidak akan menghalangi loading element lain di blog anda. Berbeda dengan iframes, contoh : like box anda taruh di sidebar bagian atas, jika loading like box ini belum complete, maka widget atau elemen lain di bawah like box tersebut tidak akan di-load sebelum like box anda di-load secara utuh.
Namun ada code yang harus anda tambahkan agar anda dapat menambahkan code XFBML ini. Masukkan kode dibawah ini di header.php anda setelah . Atau buka link ini dan copy Javascript SDK code yang ada di halaman tersebut.

<div id="fb-root">div>
 <script>
 window.fbAsyncInit = function() {
 FB.init({appId: 'your app id', status: true, cookie: true,
 xfbml: true});
 };
 (function() {
 var e = document.createElement('script'); e.async = true;
 e.src = document.location.protocol +
 '//connect.facebook.net/en_US/all.js';
 document.getElementById('fb-root').appendChild(e);
 }());

Setelah itu anda tinggal memasukkan kode XFBML tadi di widget atau di manapun yang Anda mau.

Minggu, 07 November 2010

cara menambahkan label di side bar

Agar pengunjung bisa mengakses label tersebut, kita perlu menempatkan element label pada Layout Blog. Jika kamu belum mengetahui cara menempatkan element label di layout, berikut penjelasannya. Masuk kehalaman Template, lalu pada bagian sidebar (samping) klik pada link yang bertuliskan Add Page Element.

Lalu pada layar Choose New Page Element pilih element Label, dengan cara mengklik pada Tulisan ADD TO BLOG.

Kemudian akan muncul jendela yang menampilkan konfigurasi Label. Isikanlah Kotak Title dengan kata apapun yang diinginkan, misalnya kategori. Dan pilih jenis penyortiran yang diinginkan, apakah berdasarkan Huruf (Alphabetically) atau banyaknya artikel (By Frequency).

Sampai disini label yang dibuat tadi sudah siap digunakan, kita bisa melihat hasilnya dengan cara lihat blog

cara menghilangkan tanda obeng pada blog

langsung aja kita ke TKP

1. masuk atau login ke blogger kamu
2. masuk ke tata letak --> edit html --> centang kolom expand widget template
3. temukan kode ini

]]>

4. copy n paste kode dibawah ini tepat diatas kode nomer 3 tersebut

.quickedit{
display:none;
}

5. save dan ucapkan alhamdulillahh .. terus liad eng ing eng..

Selasa, 31 Agustus 2010

Cara Membuat Scroll Box Berwarna di Blog

This Post is dedicated to one of my friends... :D
Buat yang lain yang belum tau boleh dah di praktekin, tapi kalau udah, ya ga usah di baca.. :v Langsung saja dah:

1. Loggin ke Bogger

2. pilih: Layout

3. Add a Gadget, pilih HTML/Javascript, Lalu copy>paste code di bawah ini kedalamnya:

255, 102, 0); padding: 5px; overflow: auto; width: 140px; height: 80px; background-color: rgb(204, 204, 255);">Tambahkan link blog anda disini

KETERANGAN:

Angka-angka yang berwarna biru adalah ukuran kotak nya. Anda bisa ganti dan sesuaikan dengan yang anda mau.

[ background-color: rgb(204, 204, 255) ] yang ini adalah code warna bacground nya.

rgb(255, 102, 0) yang ini adalah code warna bingkai nya.

Anda bisa mengganti warnanya sesuai dengan yang anda suka. Untuk code warnanya, anda bisa melihat DISINI

Cara mengganti warnaya:

Cara Membuat Scroll Box Berwarna di Blog

Cotohnya jika anda memilih warna hijau seperti yang terlihat di gambar, maka anda masukan code nya seperti ini:
rgb(162, 255, 122)

Jika anda tidak ingin menggantinya, default warna scoll box tersebut seperti yang terlihat diatas.

Cara memasukan link nya, anda lihat tulisan: (Tambahkan link blog anda disini ) disitulah anda akan memasukan link nya.

Cara memasang link nya:

http://Tipspack.blogspot.com/">Tipspack

* Ganti URL: yang berwarna merah dengan link blog yang anda pasang.
* Ganti Tulisan yang berwarna hijau, dengan judul/nama blog nya.

SELESAI.

sunber :http://www.tipspack.com/2010/07/cara-membuat-scroll-box-berwarna-di.html

Kamis, 05 Agustus 2010

cara mengetahui siapa yang melihat blog kita

Kita juga bisa menentukan posisi dimana letak widget itu akan terlihat di blog kita, bisa di bawah, diatas, disamping kanan atau di samping kiri. Caranya adalah sebagai berikut:
1. Klik www.whos.amung.us
2. Pilih jenis tampilan yang akan kita tampilkan.
3. Klik pada tab showcase, kemudian pilih widget yang sesuai keinginan kita
4. Copy kode HTML-nya, dan pastekan pada blog anda.
Selamat mendapatkan widget baru, sehingga anda sekarang dapat mengetahui status jumlah pengunjung online di blog anda…

cara membuat link download

bagi kalian yang ingin menapilkan file download di blog
gini caranya walaupun dah lama nyarinya ya.... ternyata uwak google juga yang jawab...
heheh makaseehhh...
dagh ngak sah banyak cingcong...

Setelah beberapa kali mendapat pertanyaan tentang bagaimana cara membuat link download, akhirnya aku posting artikel ini.
Ok langsung aja, caranya sebenarnya sangat mudah, pertama taruh/upload file yang akan di download di webhosting, misalnya ,geocities trus kamu buat script seperti ini:
geocities,
download

text yang dicetak tebal adalah alamat file tempat kamu menyimpannya, ganti text tersebut dengan alamat tempat file kamu.

download dibayar

Bagi kamu yang punya web/blog khususnya tentang download-download file seperti Mp3, Video, Ebook dan lain-lain, tentunya membutuhkan layanan hosting untuk menaruh file-file tersebut, dan pastinya pingin yang gratis kan? Nha untuk layanan yang gratis biasanya akan ada kendala2 yang dihadapi, Misalnya :
- Kapasitas penyimpanan yang terbatas.
- Batasan ukuran file yang kecil (biasanya maksimal 5MB).
- Batasan Traffic maksimum
- dll.

Nha sekarang ini ada sebuah layanan yang bisa mengatasi masalah2 tersebut dan tentunya dengan gratis, yaitu ziddu. Apa aja yang didapat dari ziddu tersebut?
- Kapasitas penyimpanan yang tak terbatas. (kamu bisa upload file km sebanyak-banyaknya).
- Batasan ukuran file yang lumayan besar (200 MB).
- Tanpa ada batasan traffic.
- Kamu akan dibayar jika ada yang mendownload file tersebut.
Untuk poin yang terakhir tentunya pada bingung, apa bener kita akan dibayar jika ada yang mendownload file-file kita tersebut? Sekali lagi aku jawab "BENER-BENER DIBAYAR", walaupun sedikit sih yaitu $0.001 per unik download, Tapi lumayan kan, udah gratis malah dibayar lagi. Ini juga bisa menjadi alternatif baru bagi yang pingin mendapatkan dollar lewat blog.

cara mengupload file ke blog

sebenarnya meng upload file di blogger tidak bisa di lakukan, tapi kita harus meng upload nya lewat website yang mempunyai layanan untuk upload seperti ziddu, rapidshare, 4sherd dan yang lainnya
dalam hal ini saya memilih ziddu buat upload file saya karena ziddu mempunyai layanan yang oke buat saya, dia baik, bagus, kita juga bisa dapet receh di sana dan memiliki layanan yang memuaskan bagi pelanggannya
ah sudah lah muji-mujinya, gini caranya kamu harus daftar dulu di sini

sudah ? mudah kan daftarnya?
nah kalo udah tinggal upload aja file mu ke ziddu caranya login dulu terus upload file
nah pilih lokasi filemu di mana, kita bisa juga dengan menggunakan multiupload biar cepet untuk mengupload banyak file
udah belon? kalo udah menguploadnya akan keluar link-link.

lalu copykan linknya ke blog kamu dengan cara misalkan kamu ingin menambah linknya di kata "di sini" kamu blok kata disini lalu klik hyperlink
kalo berhasil akan ada garis bawahnya tapi kalo blom bisa pindah dulu dari tulis ke html nah cari kata "di sini" lalu blok dan tambahkan linknya
dah taukan caranya?
selamet mencoba yaa

GooBlog

Kamis, 02 Desember 2010

Membuat Kotak Chatting di blogspot

Selasa, 30 November 2010

Cara Membuat Rating Lima Bintang di Posting

Kotak Text Area untuk Blogger

Minggu, 28 November 2010

Cara Membuat Halaman Menu Dropdown di Blog

Cara Membuat Menu Tab View

Senin, 15 November 2010

cara agar blog Tidak bisa di copy paste

Kamis, 11 November 2010

Membuat Navigasi Halaman Bernomor

Selasa, 09 November 2010

Cara Mengubah Tampilan Kursor Blog

Membuat Text Berjalan

Senin, 08 November 2010

cara menghilangkan tanda obeng pada blog

Cara Membuat Like Box (Fans Box) Facebook di Blog Self Hosted

Lalu bagaimana cara membuat page di facebook?

Cara Membuat Like Box

Minggu, 07 November 2010

cara menambahkan label di side bar

cara menghilangkan tanda obeng pada blog

Selasa, 31 Agustus 2010

Cara Membuat Scroll Box Berwarna di Blog

Kamis, 05 Agustus 2010

cara mengetahui siapa yang melihat blog kita

cara membuat link download

download dibayar

cara mengupload file ke blog

Entri Populer

Flag Counter

map