Mendaftar Dan Meng-upload Gambar di Photobucket

Bagi Anda yang sering menggunakan internet untuk mengirim data maupun gambar. Anda pasti memerlukan sebuah file hosting atau image hosting untuk menyimpan file Anda didunia maya. Salah satu website yang menyediakan layanan ini yaitu Photobucket.

Photobucket adalah sebuah layanan yang memperbolehkan kita untuk mengupload gambar dan video secara gratis. Tidak tanggung-tanggung kapasitas yang diberikan mencapai 1GB. Dengan kapasitas sebesar itu, kita bisa menyimpan banyak koleksi gambar dan video kedalam photobucket.

Jika tidak cukup, bisa diupgrade ke Pro untuk mendapatkan kapasitas yang lebih besar. Tapi jelas untuk mengupgrade akun tidaklah gratis. Anda harus membayar sejumlah uang untuk mendapatkan manfaat tersebut.

Untuk mengupload gambar di photobucket. Anda harus memiliki account terlebih dahulu. Jika belum punya ikuti cara berikut untuk mendaftar

1. Buka situs http://photobucket.com

2. Klik Join Now kemudian masukkan username dan password yang ingin Anda gunakan. klik Next Step
3. Kemudian Anda akan dibawa kehalaman berikutnya. Isi semua data dengan benar. lalu klik I accept. Sign me up!


4. Selesai. sekarang Anda sudah memiliki akun di photobucket.


Cara Meng-upload gambar di photobucket

1. Disini Anda bisa mengload gambar dari komputer, web url, handphone dan email. Jika gambarnya disimpan pada komputer, beri centang pada "my computer" lalu klik Choose Files.


2. Pilih gambar yang mau diupload (format gambar yang diterima adalah .gif, .jpg dan .bmp). Sebaiknya menggunakan gambar dalam format .gif karena kualitasnya lebih bagus dan ukurannya juga tidak terlalu besar, lalu klik Open

3. Tunggu beberapa saat hingga proses upload selesai. Klik Save and continue

4. Selesai. Sekarang gambar Anda sudah tersimpan di photobucket

Keterangan:
Untuk menampilkan gambar pada photobucket via email gunakan email & IMUntuk memasang favicon gunakan direct link sebagai alamat URLnya.
Untuk memasang gambar pada artikel gunakan HTML code
Untuk memasang gambar pada forum gunakan IMG code

Semoga bermanfaat

Read More

Memposting Kode HTML Pada Artikel

Untuk memposting kode HTML pada artikel, anda harus menggunakan tool untuk mengkonversi atau mengubah kode HTML menjadi kode yang dapat dibaca pada artikel.

Jika tidak, setiap kali kita memposting. Kode HTML-nya tidak akan muncul pada artikel. Misalnya kode < harus diganti dengan < dan kode < harus diganti dengan &lt;

Berikut adalah cara untuk mengubah kode HTML menjadi kode yang dapat dibaca pada artikel:

1. Buka http://centricle.com/tools/html-entities/

2. Masukkan kode HTML yang mau ditampilkan pada artikel dalam kotak Centricle. Misalnya kode <div id='outer-wrapper'>.

3. Klik Encode. Kemudian akan muncul kode baru seperti pada gambar dibawah ini.

4. Gunakan kode baru tersebut untuk diposting pada artikel

Semoga bermanfaat..!!

Read More

Cara Menambahkan Yahoo Emoticons Pada Blogger Post Editor

Bagi para blogger maupun chatter di internet pasti sudah tidak asing lagi dengan emoticons. Yaitu icon mungil yang menampilkan bentuk ekspresi wajah seperti ini


Untuk pengguna wordpress, layanan ini sudah bisa dinikmati. Namun untuk pengguna blogger, layanan ini masih belum tersedia. Tapi sekarang Anda bisa menambahkannya sendiri dengan memanfaatkan add-ons dari Firefox yaitu Grease monkey.


Grease monkey adalah add-ons dari Firefox yang memungkinkan kita untuk menambahkan java script kedalam website. Berikut adalah cara untuk menambahkannya:


Catatan:
Anda harus menggunakan Firefox untuk bisa menikmati layanan ini. Kalau belum punya, silahkan download dulu disini.




1. Buka Firefox. Kemudian klik disini untuk mendownload grease monkey


2. Klik Add to Firefox lalu klik install. Tunggu beberapa saat hingga proses instalasi selesai


3. Restart Firefox lalu klik disini untuk menginstall scriptnya.


4. Setelah itu, login ke blog Anda. Klik menu Layout lalu klik Edit HTML.


5. Cari kode ]]></b:skin>


6. Letakkan kode dibawah ini diatas ]]></b:skin> lalu klik Save Template

img.emoticon {
padding: 0;
margin: 0;
border: 0;
}

Setelah itu klik menu Posting lalu klik Create. Pada menu Compose, Anda akan melihat icon-icon lucu muncul di kotak posting Anda.


Selamat mencoba..

Read More

Apa Fungsi Labels

Bagi para blogger yang masih pemula. Mungkin masih asing dengan kata ini. Dan akan bertanya apa sih gunanya labels? Secara singkat labels itu adalah kategori yang befungsi untuk mengelompokkan artikel atau postingan yang berhubungan.

Nah tujuannya adalah supaya pengunjung bisa lebih mudah untuk menemukan artikel yang ingin dicari. selain itu, labels juga bisa berfungsi untuk memudahkan mesin pencari mengindeks artikel kita lho.. So berilah labels pada setiap artikel Anda.

Untuk memberi labels atau kategori pada artikel caranya sangat mudah. Cukup ketikkan labels atau kategori pada kotak "Label for this post" lalu klik Publish Post. Selesai.

Sebagai contoh, saya memberi labels atau kategori untuk artikel ini dengan Dasar Blogger. Maka setiap kali Anda mengklik kata Dasar Blogger pada menu Kategori blog saya. Artikel ini akan ditampilkan.

Cara menampilkan menu Labels atau kategori pada blog:
Secara umum, menu labels ini akan muncul pada menu Sidebar blog Anda setelah anda memberi label pada postingan Anda. Jika tidak muncul, kemungkinan blog anda belum dipasangi widget Labels. Anda memasang widget labels pada blog anda dengan cara berikut:

1. Klik Layout -> Page Elements
2. klik Add a Gadget
3. Klik pada tulisan Labels
4. Beri judul pada title. Misalnya Kategori, Daftar Isi atau lainnya. Kemudian klik Save.
5. Klik View Blog untuk melihat tampilannya

Read More

Memasang Foto di Profile Blogger

Menampilkan foto di website atau blog merupakan suatu cara untuk menunjukkan identitas kita kepada pengunjung. Tujuannya supaya semakin banyak yang mengenal kita. Semakin banyak yang mengenal kita semakin mudah bagi kita untuk memasarkan suatu produk maupun jasa kepada mereka.


Jika Anda mempunyai wajah yang cantik atau ganteng jangan sungkan-sungkan untuk menampilkan foto Anda di blog Anda. Siapa tahu dipilih sebagai "The Next Indonesian Idol".

Untuk memasang foto di profile. Caranya sangat mudah:

1. Login ke Blogger. Lalu klik Edit Photo
2. Cari tulisan Photograph, kalau sudah ketemu. Klik Browse pada "from your computer". Pilih foto yang ingin Anda tampilkan lalu klik Open. Tunggu beberapa saat hingga proses upload selesai.

3. Klik Save Profile. Kemudian akan muncul "Your settings have been saved". Klik View Updated Profile untuk melihat foto imut Anda.

Read More

Cara Membuat Dan Memasang Shoutbox Pada Blogger

Shoutbox adalah sebuah widget yang berfungsi untuk mengirim pesan-pesan singkat seperti ucapan selamat, perkenalan, pemberitahuan dan lain-lain kepada pemilik blog atau pengunjung lainnya.

Shoutbox ini biasanya diletak dihalaman depan blog atau website. Dengan shoutbox, pengunjung bisa dengan mudah memberikan komentar dan berkomunikasi secara langsung dengan pemilik maupun pengunjung lain secara bersamaan.

Shoutbox adalah sebuah layanan yang sangat interaktif yang dapat menjalin hubungan antar sesama blogger. Jika Anda tertarik untuk memilikinya. Silahkan ikuti cara-cara dibawah ini:

1. Buka situs http://www.shoutmix.com kemudian klik CREATE YOUR SHOUTBOX NOW.

2. Kemudian akan muncul halaman seperti pada gambar dibawah ini. Isi semua data-data yang diperlukan dengan benar. Beri tanda centang pada "I have read and agree to the Terms of Service". Kemudian klik Continue.

3. Selanjutnya Anda akan dibawa kehalaman seperti gambar dibawah ini.

4. Pilihlah salah satu style diatas, kemudian isi kode verifikasi yang terdapat pada sisi kanannya. Lalu klik Continue. Anda akan dibawa ke halaman konfirmasi bahwa account Anda telah berhasil dibuat.Cara Memasang Shoutbox pada Blogger1. Klik Go to my control panel now. Pada bagian Quick Start terdapat tulisan Get Codes, klik tulisan tersebut untuk mendapatkan kodenya.

2. Pilih Place Shoutbox on webpage. Copy semua kode HTML yang ada dalam kotak Generated Codes.

3. Login ke Blogger, klik menu Design -> Page Elements klik Add a Gadget. Maka akan muncul halaman baru. Klik HTML/JavaScript.

4. Isi nama pada kotak Title. Lalu paste kode HTML tadi ke dalam kotak Content seperti contoh dibawah ini.5. Kalau sudah, klik Save untuk menyimpannya. Jika muncul "Page element added". Berarti proses pemasangan Shoutbox berhasil. Silahkan klik View Blog untuk melihat hasilnya.

Selamat Mencoba...

Read More

Cara Membuat Read More/ Baca Selengkapnya Pada Blogger Post

Pembuatan link 'Read more' atau 'Baca selengkapnya' merupakan teknik untuk menyembunyikan sebagian isi artikel pada halaman depan blog agar halaman blog tidak terlalu panjang.

Dengan demikian pengunjung akan lebih mudah untuk mengeksplorasi halaman blog anda dan bila ada pengunjung yang tertarik untuk membaca lebih lanjut artikel anda dapat dengan menekan link 'Read more' atau 'baca selengkapnya'.

Teknik ini banyak disukai oleh pemilik blog karena selain membuat blog terlihat lebih profesional, cara ini juga mempercepat loading blog.

Bagi anda yang ingin memasang link read more pada blog anda, silahkan ikuti langkah-langkah berikut:

1. Login ke Blogger. Klik menu Design-> Edit HTML.

2. Beri tanda centang pada "Expand Widget Templates".

3. Agar lebih aman, back-up terlebih dahulu template Anda dengan cara klik pada Download Full Template.

4. Setelah itu, cari kode </head> pada template Anda. Supaya lebih mudah untuk mencarinya, tekan Ctrl+F lalu masukkan kode </head> trus klik Next.

5. Jika sudah ketemu, letakkan kode dibawah ini diatas kode </head>

Catatan:
Bagi para blogger yang sudah pernah memasang kode read more harus dihapus terlebih dahulu kodenya sebelum memasang kode ini.

<b:if cond='data:blog.pageType != &quot;item&quot;'> <script type='text/javascript'>

var fade = false;
function showFull(id) { var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i &lt; spans.length; i++) { if (spans[i].id == &quot;fullpost&quot;) { if (fade) { spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == &quot;showlink&quot;) spans[i].style.display = 'none';
if (spans[i].id == &quot;hidelink&quot;)
spans[i].style.display = 'inline';
} }


function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i &lt; spans.length; i++) { if (spans[i].id == &quot;fullpost&quot;) {
if (fade) { spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = 'none';
} if (spans[i].id == &quot;showlink&quot;)
spans[i].style.display = 'inline'; if (spans[i].id == &quot;hidelink&quot;) spans[i].style.display = 'none';
} post.scrollIntoView(true);
}
function checkFull(id) { var post = document.getElementById(id);
var spans = post.getElementsByTagName('span'); var found = 0; for (var i = 0; i &lt; spans.length; i++) { if (spans[i].id == &quot;fullpost&quot;) { spans[i].style.display = 'none'; found = 1; } if ((spans[i].id == &quot;showlink&quot;) &amp;&amp; (found == 0)) spans[i].style.display = 'none';
} }

</script>
</b:if>

6. Kemudian cari kode berikut

<div class='post-body'>
<p><data:post.body/></p>

atau

<div class='post-body entry-content'>
<p><data:post.body/></p>

7. Kalau sudah ketemu, hapus kode tersebut dan ganti dengan kode dibawah ini:

<div class='post-body' expr:id='"post-" + data:post.id' >
<b:if cond='data:blog.pageType == "item"'>
<style>#fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost{display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<a expr:href='data:post.url'><b>Read More...</b></a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>

Catatan:
Kata Read More yang dicetak tebal diatas bisa anda ganti dengan kata lain misalnya, Baca Selengkapnya, Selanjutnya, Lanjut membaca, dan lain-lain.

8. Jika sudah, simpan template anda

Sampai disini proses pengeditan template telah berhasil. Namun fungsi read more masih belum bekerja. Untuk mengaktifkan fungsi read more pada artikel, anda harus menyelipkan dua baris kode diantara artikel yang mau disembunyikan.

1. Klik menu Posting -> Edit Post. Buka artikel yang mau dipasang read more. (Cara ini juga berlaku untuk artikel yang akan dipublikasi).

2. Pilih mode Edit HTML



3. Masukkan kode <span id="fullpost"> diatas artikel yang mau disembunyikan dan kode </span> di akhir artikel. Sehingga posisinya menjadi seperti ini

Isi artikel yang ditampilkan
<span id="fullpost">
Isi artikel yang mau disembunyikan
</span>

4. Agar lebih jelas perhatikan gambar dibawah ini



5. Kalau sudah, klik tombol Publish Post dan lihat hasilnya.

Selamat mencoba dan semoga berhasil

Read More