Blogging Tips N Trick

Cara Menambahkan Facebook Like button di blog

noreply@blogger.com (Ye.Lts.In) — Tue, 20 Mar 2012 11:34:00 +0000

Facebook menyediakan "Like" button yang memperbolehkan para pengunjung blog untuk memberi "like" pada blog tersebut dan juga men-"share" link blog ke profil akun facebook.
Tombol "like" ini gratis dan tidak panjang lebar lagi, langsung saja saya bagikan kodenya...

Tombol Like yang standar untuk blogger
Untuk menambahkan tombol like ini pada tiap postingan, maka:
1. Layout (Design) > Edit HTML > Centang "Expand Widget Tempelate"
2. Cari <data:post.body/> dan letakkan diatasnya jika kamu ingin tombol like ada diatas post, sebaliknya letakkan dibawahnya.

Tombol Like dengan Box Count

Tombol Like dengan Box Count ukutan kecil

Mungkin kamu ingin menambahkan like button untuk satu halaman saja, misalnya home page kamu.
Caranya, copykan kode ini sebagai kode html dimana kamu ingin letakkan tombol like nya.

Jangan lupa untuk ganti url-nya dengan url kamu yah.. :D

Selamat Mencoba :D

Menambahkan Badge pada Blog

noreply@blogger.com (yeltsin) — Sun, 18 Mar 2012 16:13:00 +0000

TNT.0001.12

Hai, para blogger semua... kalian pasti pernah melihat badge yang berisi foto dan data-data. Biasanya para blogger menempatkannya sebagai pengenal tuh...
Keren loooh.. kalo kalian semua punya id di forum kaskus pasti pengen punya satu donk..

Kalian cukup masukkan nomor id kaskus kalian di textboxnya lalu, kalian diberi dua pilihan, yaitu:
1. Vertical
2. Horizontal

Ini loh contohnya badge id kaskus aku yang vertikal...

Kalo yang horizontal itu seperti ini nih..

Cara buatnya ga sesesulit yang dibayangkan.. Cukup masukkan nomor id forum dan jadi deh.. :D
Oh iya, data-data yang ada di badge akan di update terus sesuai data yang di forum itu sendiri.. Jadi ga perlu gonta-ganti gambar dehhh.. Asyikk ya..
Sumber : http://www.kaskus-badge.com/

Selain badgenya kaskus, adalagi nih badge facebook... keren looh..
Pertama-tama, kita harus login ke facebook dulu nih..
trus buka url ini: http://www.facebook.com/badges/
Di website itu ada banyak pilihan badges, cuma yang aku maksud tuh yang profile badges..
Trus pilih data-data yang mau ditampilin, lalu jangan lupa di save..
Lalu pilih + Other dan dibawahnya akan muncul kode html yang tinggal di copy ke blog kamu..

Sumber : http://www.facebook.com/badges/

Selamat mencoba ya...

Menambahkan widget Google Translate

noreply@blogger.com (yeltsin) — Tue, 28 Apr 2009 16:07:00 +0000

Google translate, salah satu layanan yang disediakan oleh google Inc. untuk menjelaskan bagian dari text atau halaman web dari satu jenis bahasa ke jenis bahasa lain. Google Translate, seperti alat terjemahan otomatis lain, memiliki beberapa keterbatasan.

Meskipun dapat membantu pembaca untuk memahami isi umum dari teks bahasa asing, tetapi tidak memberikan terjemahan akurat.

Dengan menambahkan widget ini, pengunjung yang tidak mengerti isi halaman website dapat membaca halaman-halaman website lainnya.

Untuk mentranslate dari bahasa Indonesia, gunakan kode dibawah ini:

Bagi yang ingin di translate dari bahasa lain, silahkan klik link berikut Google Translate

selamat mencoba dan semoga berguna :)

Menambahkan URL ke Search Engine | Google | Bing | Yahoo

noreply@blogger.com (yeltsin) — Sun, 22 Mar 2009 06:02:00 +0000

T01.0016.BG

Tambahkan website atau blog kamu ke Mesin Pencari/Search Engine. Ini adalah cara untuk mempublikasikan isi dari website atau blog kamu secara luas. Hal ini juga dapat meningkatkan traffic di website, Khususnya yang sedang menjalankan Bisnis Online, PTC, dsb.

Tambah URL ke :
1. Bing

Persyaratan: Hanya memasukkan url dan kode verifikasi.
Direct Link : Bing

2. Google Searh

Persyaratan: Hanya memasukkan url, komentar dan kode verifikasi.
komentar yang diisikan berupa hal-hal tentang isi dari url website yang didaftarkan.
Direct Link : Google Search

3. Yahoo Searh

Persyaratan: Hanya memasukkan url ,kode verifikasi dan memiliki Yahoo ID.
Bagi yang belum memiliki YAhoo ID, dapat mendaftarkannya disini Sign up Yahoo ID
Direct Link : Yahoo Seach

URL website atau Blog yang telah didaftarkan, tidak langsung ter-index oleh search engine. Kamu harus menunggu beberapa waktu.

Semoga Berguna bagi pembaca..

Memanfaatkan Picasa Web Album sebagai storage gambar | Picasa Web Google

noreply@blogger.com (yeltsin) — Wed, 18 Mar 2009 02:44:00 +0000

T01.0015.IS

Picasa merupakan perangkat lunak dan internet storage untuk menyimpan file berupa gambar. Picasa merupakan pelayanan sharing photo yang gratis dari Google.

1.Buatlah akun(account) google jika belum ada. Daftar sekarang
2.Buka picassa web album. Link
3.Picasa siap mengupload.

Pihak Picasa memberikan 1024 Mb space untuk mengupload gambar secara gratis.
Bagi yang membutuhkan space yang lebih besar juga dapat meng-upgrade hanya dengan $20.00 USD pertahun (untuk 10 GB space). Upgrade

Gambar langsung dapat diambil dengan menyalin (copy) inputbox sematkan gambar. Dan jangan lupa untuk mengatur ukuran gambar.

Semoga berguna

Cara Meningkatkan Page Rank | PR | Google Page Rank

noreply@blogger.com (yeltsin) — Tue, 17 Mar 2009 01:01:00 +0000

T01.0014.BG

PageRank adalah algoritma yang telah dipatenkan yang berfungsi menentukan situs web mana yang lebih penting/populer. PageRank merupakan salah satu fitur utama mesin pencari Google dan diciptakan oleh pendirinya, Larry Page dan Sergey Brin yang merupakan mahasiswa Ph.D. Universitas Stanford.

Apa sih untungnya memiliki page rank yang tinggi? Hal ini dapat mempengaruhi bisnis online yang bertipe Paid To Review (PTR) anda.

PageRank dihitung dengan skala 1-10.
Situs yang memiliki PageRank 6 akan lebih diutamakan dalam pencarian di search engine Google daripada situs yang memiliki PageRank 5.

Cara kerja dari pagerank ini adalah jika sebuat situs akan semakin populer jika banyak situs lain meletakkan link yang mengarah ke situsnya.

Penggunaan META Tags (Keyword dan Description), Isi Dokumen, Penekanan pada konten.
PageRank tidak hanya memperhatikan Inbound link maupun Outbound link, tetapi juga Link Popularity dari Inbound Link harus tinggi. Oleh karena itu, rangking dari halaman web ditentukan dari struktur link yang ada pada halaman web.

1. Outbound dan Inbound Link (Kalau Bisa dari Link situs yang terkenal)
2. Meta tags, content, keyword dan description.
3. Isi dokumen (Sering di Update).
4. Jangan ada Link yang rusak (Broken Link).
5. Jangan melakukan spam link.
6. Tidak Menaruh link yang berhubungan dengan konten yang tidak wajar.
7. Terdaftar dalam social bookmark.

Jadi yang harus dilakukan adalah menambahkan link dari situs lain yangm mengarah ke situs kamu. Jangan lupa mengupdate isi situs kamu.

Semoga berguna.

sumber: www.wikipedia.com

Cara Memeriksa Pagerank Website

noreply@blogger.com (yeltsin) — Sun, 15 Mar 2009 11:58:00 +0000

INF.0005.BG

Mengecek pagerank blog atau web kamu dengan memasukkan url blog dan kode verifikasi. Yakni dengan mengklik www.prchecker.info

1.Isikan URL blog yang ingin dicek pagerank-nya
2.Masukkan kode verifikasi
3.Generate

Selanjutnya kamu akan mendapatkan kode untuk ditambahkan ke blog kamu.

Klik di sini untuk mencoba. www.prchecker.info

Selamat mencoba.

Kode Warna dalam pemrograman HTML | berbasis web

noreply@blogger.com (yeltsin) — Sat, 14 Mar 2009 15:22:00 +0000

T01.0013.BG

Kode warna HTML didefinisikan sebagai bilangan heksadesimal (singkat: hex) dari nilai kombinasi warna merah, hijau dan biru (RGB). Nilai dari warna tersebut yang paling kecil adalah 0 (hex: 00) dan tertinggi adalah 255 (hex: FF). Jadi hanya dengan 3(tiga) warna dasar tersebut, didapatkan 256x256x256 warna. Jika dihitung maka ada 16.777.216 warna yang dihasilkan dari 3 warna dasar tersebut.

Warna adalah salah satu komponen penting dalam menentukan penampilan web. Kode tersebut tidak perlu dihapalkan.

Berikut saya bagikan program untuk men-generate kode warna HTML .Download HTML color.exe sekarang juga.

Semoga berguna.

sumber: www.w3schools.com

Menambahkan Logo Title Blog

noreply@blogger.com (yeltsin) — Sun, 08 Mar 2009 17:40:00 +0000

T01.0012.BG

Memiliki Logo Blog menjadi kelebihan tersendiri dibandingkan blog biasa, karena mungkin merasa bosan dengan logo standar yang diberikan oleh pihak Blogger. Pada post ini, saya akan membagi cara menambahkan logo kepada pembaca.

Copy-pastekan kode berikut pada bagian Head { } :

Kemudian ganti URL Gambar dengan url gambar tempat kamu mengupload gambar.

Beberapa Logo yang saya cari dari image.google.com :

URL gambar : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoyh30D030ppE3Xasg7rMYWtQXBCpthosRZjDC1qAXiC08h00wuU4O50v-r16OmetMZhtdFnTgOJqicHF8l68r4VbObx0pQzKb-qfDc_x7V8H9FQYTYvfYxKHdi19mXaQzRyunas-mn_Wb/s144/Logo3.jpg

URL gambar : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBcyjOdc4aEjPHszXrJw79pok2EvDZ5FoNBpBqVm5H7MzKZd28Q_JKkkHa2KufPZu5i0Cp5ygCj-iUdi5hNRfYY4Ti8EDChbcYhMZc45snJFRFvrM_YQrkGJ9FaQt1Ams-o8EdFIzue2Ah/s144/Logo2.png

URL gambar : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisbw9FJtzRZC64fscai_G4OPOSp8Y3FBh0HKDQw8IYncJQ8_xboH1BnAvsk3LOcKa1Q6VdraJWWVh-DZt0JcC_1T-5YKJLizuNq_PcNTfhs_a5P0Li1zWTk0Aex9UrFqobttHBsmjWiadl/s144/Logo1.png

Ternyata mudah sekali bukan? Hanya menambahkan beberapa kode saja

Selamat mencoba :D

Mengukur Kecepatan Blog via Stopwatch

noreply@blogger.com (yeltsin) — Sun, 08 Mar 2009 10:43:00 +0000

INF.0004.BG

Kecepatan dalam menampilkan blog juga mempengaruhi tingkat kepuasan pengunjung blog. Kecepatan dalam menampilkan blog dipengaruhi oleh beberapa faktor, antara lain :

1. Jumlah posting yang ditampilkan, untuk blogger dapat di atur pada Setting > Format.

2. Javascript Pihak ketiga
Menambahkan javascript akan memperlambat aksi blog dalam menampilkan konten. Dari pihak Google/Blogger sendiri menyarankan untuk menggunakan Widget dan javascript yang disediakan blogger. Jika tetap ingin menggunakan Javascript dari tempat lain, sebaiknya javascript diletakkan dibagian bawah dikarenakan browser membaca kode halaman dari atas menuju ke bawah.

3.Gambar-gambar dan Media
Kurangi gambar-gambar yang tidak penting. Jika ingin menampilkan dihalaman depan, gunakan gambar dengan ekstensi yang lebih kecil agar dapat di unduh lebih cepat.
Google juga menyarankan menyimpan gambar didalam database google,yakni picassa.

4.CSS
Jika anda menggunakan CSS, pastikan anda menaruhnya dibagian atas.

Untuk mengukur kecepatan blog anda, klik disini untuk melakukan pengukuran

Selamat Mencoba :p

Do Follow pada komentar blog

noreply@blogger.com (yeltsin) — Sun, 08 Mar 2009 05:09:00 +0000

T01.0011.BG

Do Follow adalah salah satu cara untuk meningkatkan page rank di internet dengan cara membuat search engine membaca backlink dari komentar. Karena page rank juga amat penting bagi para blogger,dapat meningkatkan persentase dalam pencarian. Gunakan tips berikut untuk menaikkan page rank anda. Dilain sisi do follow juga sebagai bentuk penghargaan bagi pembaca yang memberi komentar.

Dengan "Do Follow", komentar akan ditemukan pada pencarian Search Engine

Cara:
klik Dashbor
pilih Layout/Tata Letak
buka Edit HTML

Lalu cari:

Dan kode ini

ganti nofollow dengan dofollow.

Jangan lupa untuk menyimpan Tempelate.

Tambahkan banner ini ke blog anda.

Selamat mencoba. :D

Link Exchange | Tukar Link

noreply@blogger.com (yeltsin) — Sat, 07 Mar 2009 14:40:00 +0000

INF.0003.BG

Link exchange / tukar link adalah salah satu cara untuk meningkatkan rank dipencarian indeks google. Dipersilahkan meninggalkan comment untuk menukar link.

Jika anda kebingungan dalam menulis kode html, silahkan gunakan kode dibawah :

<a href="www.blogging-TNT.blogspot.com">Blogging TNT</a>

Silahkan tinggalkan link dengan memberi komentar..

Terima Kasih :)

Membuat link satu halaman, back to top

noreply@blogger.com (yeltsin) — Sun, 22 Feb 2009 08:56:00 +0000

T01.0010.BG

Ayo pasang link "back to top". Link ini akan berguna sekali jika isi dari postingan sangat panjang. Jadi ketika pembaca sudah lelah membaca postingan, dan ingin mencari link yang ada di bagian paling atas halaman web, pembaca cukup menekan link back to top. Link ini dapat dibuat dalam dua bentuk, tulisan maupun gambar.

Untuk memasang link dalam bentuk tulisan:

<a href='#' title="Back to top">kembali ke atas</a>

Untuk memasang link dalam bentuk gambar:

Jadi bagaimana memasang link yang merujuk pada pertengahan posting?
caranya:
1.Sisipkan anchor di pertengahan

<a name="NAMA">Bagian 1</a>

2.Tambahkan Link yang merujuk ke anchor

<a href="#NAMA" title="Kembali">Ke Bagian 1</a>

Selamat Mencoba ya..
Happy blogging

Membuat Huruf Besar yang unik

noreply@blogger.com (yeltsin) — Sat, 21 Feb 2009 16:50:00 +0000

T01.0009.BG

Huruf besar unik ini dapat menarik pengunjung untuk membaca postingan yang telah anda tulis. Huruf besar yang unik ini dapat anda buat dengan sangat mudah, hanya dengan memberi tag pada kata yang ingin di buat besar, tetapi anda harus menyisipkan beberapa kode pada Edit HTML Caranya:

salinkan kode yang ada di bawah ini, lalu letakkan setelah kode #main{}

.post big {
float:left;
color:black;
font-size:70px;
line-height:50px;
}

Setiap kali anda ingin membuat kata tersebut menjadi besar, gunakan tag berikut:

Selamat Mencoba..
Happy Blogging

Contact Us

noreply@blogger.com (yeltsin) — Sat, 29 Nov 2008 14:08:00 +0000

Dilarang mengirimkan pesan yang mengandung SARA !

Atau dapat juga dengan mengirim pesan ke alamat yeltsin91@gmail.com

Cara membuat link, menghilangkan garis bawah / underline link, membuat link gambar

noreply@blogger.com (yeltsin) — Sat, 22 Nov 2008 00:55:00 +0000

T01.0008.BG

Link(inggris)/Tautan adalah sebuah cara untuk berpindah dari suatu direktori ke direktori lain. Dalam hal ini link yang dimaksud adalah bukan hardlink, tetapi soft link. Belum bisa membuat link? Lanjutkan membaca artikel ini.
Pola perintah link:

<a href="WEBSITE YANG AKAN DI LINK" >
OBJECT LINK
</a>

Ganti "WEBSITE YANG AKAN DI LINK" dengan tujuan link kamu, dan
"OBJECT LINK" dapat diganti dengan text atau gambar.

Jika ingin diganti dengan gambar maka ganti dengan kode berikut:

"ALAMAT GAMBAR" ganti dengan url tempat gambar kamu upload.
Width dan height adalah ukuran dari gambar yang akan kamu masukkan, dengan satuan px(pixel).

Menghilangkan garis bawah untuk link yang berupa text, caranya:
-Buka Dasbor
-Tata letak
-Edit HTML
Pada bagian Edit Tempelate, cari kode berikut :

a {
color: $linkcolor;
font-weight: bold;
text-decoration: none;
}
a:visited {
color: $visitedlinkcolor;
}
a:hover {
text-decoration: underline;
color: #FD0570;
}

Untuk menghilangkan garis bawah / underline, ganti text-decoration : underline; dengan:

text-decoration : none;

Tidak sulit kan?
Coba saja...

Happy Blogging

Marquee, tulisan berjalan di website

noreply@blogger.com (yeltsin) — Sun, 09 Nov 2008 01:06:00 +0000

T01.0005.BG

Membuat tulisan bergerak di website dapat dilakukan dengan memasukkan kode :

<Marquee>Kata yang mau di gerakkan</marquee>
ntar hasil nya seperti ini nih..
Kata yang mau di gerakkan
Tapi dimana sih harus diletakkan kode tsb?

kode tsb diletakkan di bagian Edit HTML, ataupun bagian koding widget di bagian tata letak.

kalau arahnya mau dirubah, kodenya seperti ini :
<Marquee direction="right">Kata</Marquee>
direction nya bisa kamu ganti arahnya,
kalau: left = kiri
right = kanan
up = atas
down = bawah

wah arahnya bisa diganti juga,ada lagi nih propertinya
contohnya:
<Marquee direction="right" behavior="alternate">Kata-kata</marquee>
Kata-kata
behavior bisa diganti dengan:
alternate = seperti memantul
scroll = standar/ mengikuti arah
slide = bergerak sampai ke ujung,lalu berhenti.

Coba sendiri deh yah..

Happy blogging..

Ayo nge-Blog !

noreply@blogger.com (yeltsin) — Sat, 08 Nov 2008 05:40:00 +0000

T01.0001.BG

Blog adalah sebuah situs web yang bisa kamu miliki dan sangat mudah untuk digunakan. Bisa digunakan untuk memuat artikel, berita, foto, video, dijadikan buku harian dan masih banyak lagi... Blog juga bisa dibuka lewat mobile phone kamu!

Nga ngerti blogging?
Biar ngerti coba aja daftar.
GRATIS koq...
Jadi, tunggu apa lagi ! Daftarkan blog kamu sekarang juga..

Daftar Account google kamu di sini
dan Klik disini untuk blogging.

Happy blogging..

Mengubah ukuran dan letak widget

noreply@blogger.com (yeltsin) — Sat, 08 Nov 2008 05:14:00 +0000

T01.0002.BG

Hi.. Blogger mania..!

Ingin mengubah letak widget kamu?
caranya mudah saja kok...

klik Dashbor
pilih Layout/Tata Letak
buka Edit HTML

Cari kode :
#Main wrapper (Elemen Posting-nya)
float nya diubah menjadi $endside

#Sidebar (Elemen widget-nya)
float nya diubah jadi $startside

kalo lebarnya ganti nilai width nya aja..
Oh iya..
Kalau mau lebarin layar dasar, ganti dari outer-wrapper
nilai width-nya diganti ajah..

Semoga membantu...

Menambahkan "Read more..." pada postingan

noreply@blogger.com (yeltsin) — Sat, 08 Nov 2008 01:24:00 +0000

T01.0003.BG

Fungsi read more ini adalah untuk memperpendek postingan sehingga dapat menghemat tempat pada tampilan post. Hal ini dapat dilakukan dengan cara sebagai berikut.
Cara :

Klik Dasbor yang terletak di bagian kanan atas browser.
Lalu, pilih Layout / Tata Letak dan klik Edit HTML
Aktifkan Expand Tempelate Widget

Cari kode :

<data:post.body/>

Lalu hapus dan diganti kode dengan warna merah diatas dibawah ini:

<b:if cond='data:blog.pageType == "item"'>

<b:else/> <style>.fullpost{display:none;}</style>

<p><data:post.body/><a expr:href='data:post.url'><strong>Baca Selengkapnya...</strong></a></p>

</b:if>

Lalu simpan template.

Untuk menampilkan secara ringkas pada postingan, penulisan postingan dalam bentuk:

Ringkasan postingan

postingan lengkap

</span>