Belajar Ngeblog & Bisnis Internet » Trik Blogger http://belajarngeblog.kreasibiz.com Belajar Ngeblog dgn Blogspot dan Wordpress Sun, 06 Dec 2009 11:40:46 +0000 http://wordpress.org/?v=2.8 en hourly 1 Memasang Stripe-Ad Pada Blogger http://belajarngeblog.kreasibiz.com/memasang-stripe-ad-pada-blogger/ http://belajarngeblog.kreasibiz.com/memasang-stripe-ad-pada-blogger/#comments Sun, 22 Nov 2009 08:09:00 +0000 HeriJS http://belajarngeblog.kreasibiz.com/memasang-stripe-ad-pada-blogger/
Pada blog-blog dengan platform Wordpress tentu sering kita lihat adanya Stripe-Ad di sebelah atas blog mereka biasanya para pengguna Wordpress menggunakan plugin Stripe-Ad buatan MaxBlogPress yang memang mudah didapat, jika anda ingin tau tentang plugin tersebut silahkan anda kunjungi situs penyedia di http://www.maxblogpress.com/plugins/msa/

Bagaimana dengan pengguna patform Blogger? Nah.. postingan kali ini saya coba share cara Memasang Stripe-Ad Pada Blogger. Trik ini dapet dari googling eh ketemu blognya O-OM di http://www.o-om.com/2008/10/pasang-stripe-ad-ala-navbar-blogger.html trik ini memang agak sedikit berbeda di peletakan javascriptnya aja tuh…

Adapun langkah-langkah Memasang Stripe-Ad Pada Blogger sebagai berikut:

1. Taruh script di bawah ini diatas kode </head>

<script type=’text/javascript’>
//<![CDATA[
var mta_arr = new Array();
var mta_clear = new Array();
function mtaFloat(mta) {
mta_arr[mta_arr.length] = this;
var mtapointer = eval(mta_arr.length-1);
this.pagetop = 0;
this.cmode = (document.compatMode && document.compatMode!=”BackCompat”) ? document.documentElement : document.body;
this.mtasrc = document.all? document.all[mta] : document.getElementById(mta);
this.mtasrc.height = this.mtasrc.offsetHeight;
this.mtaheight = this.cmode.clientHeight;
this.mtaoffset = mtaGetOffsetY(mta_arr[mtapointer]);
var mtabar = ‘mta_clear['+mtapointer+'] = setInterval(”mtaFloatInit(mta_arr['+mtapointer+'])”,1);’;
mtabar = mtabar;
eval(mtabar);
}
function mtaGetOffsetY(mta) {
var mtaTotOffset = parseInt(mta.mtasrc.offsetTop);
var parentOffset = mta.mtasrc.offsetParent;
while ( parentOffset != null ) {
mtaTotOffset += parentOffset.offsetTop;
parentOffset = parentOffset.offsetParent;
}
return mtaTotOffset;
}
function mtaFloatInit(mta) {
mta.pagetop = mta.cmode.scrollTop;
mta.mtasrc.style.top = mta.pagetop – mta.mtaoffset + “px”;
}
function closeTopAds() {
document.getElementById(”mta_bar”).style.visibility = “hidden”;
}
//]]>
</script>

2. Copi-Paste kode CSS dibawah ini, letakan diatas kode ]]></b:skin> pada halaman Edit HTML di blogger.

/************************************************
* Stripe-Ad Blogger *
************************************************/
#mta_bar { background: #333357 url(http://i959.photobucket.com/albums/ae71/collection4u/kreasibiz/d_navbar-u2.jpg); border-bottom: 1px solid #ffffff; margin: 0 0 3px 0; padding: 4px 0; z-index: 100; top: 0; left: 0; width: 100%; overflow: auto; position: fixed; }
* html #mta_bar{ /*IE6 hack*/
position: absolute; width: expression(document.compatMode==”CSS1Compat”? document.documentElement.clientWidth+”px” : body.clientWidth+”px”); }
#mta_bar .left { float: left; text-align: center; font-family: Arial; font-size: 13px; font-weight: bold; font-style: normal; color: #94FF31; width:92%;}
#mta_bar .right {font-family: Arial, Helvetica, sans-serif; float: right; text-align: center; font-weight: normal; font-size: 10px;letter-spacing: 0; width: 30px; white-space: nowrap;}
#mta_bar .right a {font-size: 10px; color: #FFFFA6; text-decoration: none;}
#mta_bar .right a:hover {font-size: 10px; color: #FFFFA6; text-decoration: none;}
#left_bar a { text-decoration: none; color: #94FF31; }
#left_bar a:hover { text-decoration: none; color: #FFFFA6; }

3. Letakan kode dibawah ini dibawah kode <body> dan rubah alamat link sesuai yang anda inginkan.

<div id=’mta_bar’>
<div id=’left_bar’><span class=’left’><a href=’http://www.kreasibiz.com’ target=’_blank’>Pilihan Cerdas Menghasilkan Uang Melimpah dari Internet</a></span></div>
<span class=’right’ onmouseout=’self.status=&apos;&apos;’ onmouseover=’self.status=&apos;o-om.com.com&apos;;return true;’> <img align=’absmiddle’ border=’0′ onClick=’closeTopAds();return false;’ src=’http://i839.photobucket.com/albums/zz314/kreasibiz/icon/close.png’ style=’cursor:hand;cursor:pointer;’/></span></div>

4. Selesai deh… Memasang Stripe-Ad Pada Blogger Selamat Mencoba

]]> http://belajarngeblog.kreasibiz.com/memasang-stripe-ad-pada-blogger/feed/ 0 Membuat Tombol Donasi PayPal http://belajarngeblog.kreasibiz.com/membuat-tombol-donasi-paypal/ http://belajarngeblog.kreasibiz.com/membuat-tombol-donasi-paypal/#comments Sat, 21 Nov 2009 04:00:00 +0000 HeriJS http://belajarngeblog.kreasibiz.com/membuat-tombol-donasi-paypal/

Sign up for PayPal and start accepting credit card payments instantly.

PayPal menyediakan beberapa fasilitas bagi anggotanya salah satu dari beberapa fitur yang cukup menarik adalah fitur donasi. Dengan fitur ini kita bisa menerima dan memberi donasi dengan Paypal.

Cara untuk menerima donasi dengan PayPal adalah donatur mengirimkan uang ke PayPal kita, dan untuk mempermudah proses donasi tersebut kita dapat membuat “tombol donasi” yang dapat kita letakkan pada website, blog, atau email kita.

Karena itu postingan kali ini saya akan membahas bagaimana Membuat Tombol Donasi PayPal untuk di letakan pada website, blog, atau email kita. Syaratnya tentu anda harus mempunyai akun paypal jika belum punya silahkan daftar melalui referral saya di: https://www.paypal.com/id/mrb/pal=XGJQ7Z53B46YN

Adapun langkah-langkahnya sebagai berikut:

1. Masuk ke akun PayPal Anda dan KLIK “Merchant Services”

2. Cari menu “Donations” pada halaman tersebut, letaknya di sebelah kanan pertengahan halaman tersebut.

3. Jika mau isi keterangan mengenai donasi tersebut pada kolom “Organization Name/Service” dan “Donation ID” jika tidak kosongkan saja.

4. Jika Anda ingin menentukan besarnya donasi, pilih “Donors contribute a fixed amount” dan isi nilainya pada kolom “Amount:”

5.Pilih “Plain text e-mail address:” untuk menentukan alamat email paypal anda, sebaiknya jangan mengunakan email utama demi keamanan account paypal anda.

6. Klik “Create Button” untuk mendapatkan kode HTML

7. Klik “Select Code” lalu copy-paste kode html pada situs/blog anda. Link untuk email juga di sediakan pada pilihan “Email”

Selesai deh Membuat Tombol Donasi PayPal-nya, ayo.. siapa yang mo donate saya hehe…

]]> http://belajarngeblog.kreasibiz.com/membuat-tombol-donasi-paypal/feed/ 2 Tampilan Blogger Profesional 2 http://belajarngeblog.kreasibiz.com/tampilan-blogger-profesional-2/ http://belajarngeblog.kreasibiz.com/tampilan-blogger-profesional-2/#comments Tue, 10 Nov 2009 19:28:00 +0000 HeriJS http://belajarngeblog.kreasibiz.com/tampilan-blogger-profesional-2/ Postingan kali ini saya akan menulis tentang trik-trik seputar modifikasi template pada blogger agar tampilan blogger terlihat unik, menarik dan juga profesional. Biasanya kata kunci yang sering digunakan dalam pencarian di om google adalah “Trik Blogger” atau “Hack Blogger”.
Saya beri judul Tampilan Blogger Profesional 2 pada postingan kali ini karena kata kunci dari judul postingan pertama yaitu “Tampilan Blogger Profesional” masuk urutan 1 di www.google.co.id saat artikel ini di tulis dan kata kunci “Tampilan Blogger” “Blogger Profesional” masuk urutan 19 dan 21 jadi mo experiment lagi dengan kata kunci ini he..he..

Beberapa Trik yang saya gunakan agar tampilan blogger terlihat unik, menarik dan juga profesional antara lain:

  1. Hilangkan Navbar pada Blogger
  2. SEO Friendly Title dan Description
  3. Thumbnile + Readmore
  4. Menghapus Link Subsribe Post (atom) atau Berlangganan: Posting (atom)
  5. Buat Logo dengan software gratisan Logo Maker
  6. Google Search pada template Blogger
  7. Scrolling Sidebar
  8. Tambahkan beberapa gadget yang diperlukan
  9. Emoticon untuk komentar
  10. Icon-icon menarik lainnya
  11. Avatar blogger
  12. Beberapa trik blogger lainya

NB: Trik-trik tersebut di atas biasanya sebagian sudah tersedia pada template blogger yang sudah di modifikasi.

Untuk memodifikasi template blogger paling tidak kita harus mengerti CSS juga HTML, gak terlalu sukar kok.. klo kita mo belajar dan mencobanya di internet banyak artikel yang menuliskan mengenai hal tersebut. Silahkan googling deh…

]]> http://belajarngeblog.kreasibiz.com/tampilan-blogger-profesional-2/feed/ 0 Mengganti Template Standar Blogger Anda http://belajarngeblog.kreasibiz.com/mengganti-template-standar-blogger-anda/ http://belajarngeblog.kreasibiz.com/mengganti-template-standar-blogger-anda/#comments Sat, 07 Nov 2009 05:04:00 +0000 HeriJS http://belajarngeblog.kreasibiz.com/mengganti-template-standar-blogger-anda/ Agar tampilan blog pada blogspot anda unik dan profesional yang pertama anda harus mengganti template standar blogspot anda. Template-template tersebut dapat anda download pada situs-situs penyedia template blogger gratisan. Silakan cari di Mbah Google dengan keyword: “free blogger templates” atau pada postingan sebelumnya yang berjudul “Kumpulan Blogger Template Keren” bisa juga langsung ke Free Blogger Templates kebetulan ini blog saya juga.(sekalian promosi nih ye..he..he..)

Langkah-langkah Mengganti Template Standar Blogger Anda:

1. Download terlebih dahulu template yang anda suka di link-link yang saya sebutkan diatas. Biasanya ekstensi filenya zip atau rar jadi anda harus ekstrak dahulu file templatenya yang berekstensi XML.

2. Log in ke Blogger dashboard dan klik Layout > Edit HTML

3. Demi keamanan jika ada masalah saat mengganti template blogger anda, silahkan backup dahulu template sebelumnya dengan meng-klik link “download full template” lalu pilih “save file” klik ok untuk menyimpan file template tersebut pada hardisk.

4. Klik browse lalu cari lokasi penyimpanan file template berekstensi XML yang telah anda ekstrak dari file zip/rar


5. Lalu klik “upload” untuk menganti tamplate anda.

6. Template baru Anda sekarang telah di perbaharu dan akan terlihat tulisan seperti di bawah ini. Untuk melihat hasil perubahannya klik “View Blog”


7. Enjoy n happy blogging!

]]> http://belajarngeblog.kreasibiz.com/mengganti-template-standar-blogger-anda/feed/ 0 Tampilan Blogger Profesional http://belajarngeblog.kreasibiz.com/tampilan-blogger-profesional/ http://belajarngeblog.kreasibiz.com/tampilan-blogger-profesional/#comments Fri, 06 Nov 2009 08:13:00 +0000 HeriJS http://belajarngeblog.kreasibiz.com/tampilan-blogger-profesional/ Judul Postingan “Tampilan Blogger Profesional” ini sebenarnya termasuk postingan perdana saya karena postingan sebelumnya hanya sebatas percobaan dan persiapan yang cukup memusingkan bagi newbi seperti saya dalam pembuatan blog pribadiku ini.

Sejujurnya agak sulit juga bagi saya yang hampir gak pernah menulis artikel tetapi sekarang mau gak mau harus belajar membuat tulisan. yah.. mau tidak mau harus dicoba karena para master blogger bilang “Conten is the King” tul.. gak yah istilahnya.

Nah topik perdana beberapa minggu or bulan ini saya coba tulis tentang pengalaman saya dalam membuat blog dengan tampilan profesional ini. (profesional menurut-ku loh.he..he )

Beberapa tema postingan yang akan saya tulis beberapa hari kedepan antara lain:

1. Membuat account gmail atau google

2. Membuat blog di blogger

3. Memodifikasi template blogger agar eye-catching

4. Pernak-pernik gadget blogger

Mungkin rekan blogger berpikir wah… tema postingan seputar belajar membuat blog mah.. udah bejibun tuh her.. di internet, yah namanya juga belajar posting he..he happy blogging bro..

]]> http://belajarngeblog.kreasibiz.com/tampilan-blogger-profesional/feed/ 0 6 Step Membuat Blog di Blogger http://belajarngeblog.kreasibiz.com/6-step-membuat-blog-di-blogger/ http://belajarngeblog.kreasibiz.com/6-step-membuat-blog-di-blogger/#comments Mon, 02 Nov 2009 18:18:00 +0000 HeriJS http://belajarngeblog.kreasibiz.com/6-step-membuat-blog-di-blogger/ Setelah postingan pertama saya tentang tentang perlunya mempunyai account gmail/google, maka selanjutnya kita akan belajar membuat blog dengan platform blogger. Mengapa Blogger? Menurut saya ada beberapa alasan/keuntungan menggunakan blogger, salah satunya adalah akan memudahkan kita nantinya saat membuat google adsense yang akan menjadi salah satu penghasil dolar. Pengalaman saya tiga kali saya mendaftar adsense melalui blog blogger sederhana dengan hanya 7 postingan semuanya di approve tuh… he..he. kebetulan kali yah…
Sebenarnya membuat blog di blogger sangatlah mudah, apalagi sekarang blogger sudah di lengkapi dengan bahasa Indonesia sehingga akan memudahkan bagi para pemula seperti saya dalam pembuatannya.

Nah.. ada 6 langkah membuat blog di blogger yang coba saya jabarkan antara lain:

1. Masuk ke situs Blogger dgn alamat URL http://www.blogger.com, lalu klik “Create an Account”. kebetulan saat saya mendaftar mengunakan tampilan bahasa Inggris jadi screenshot-nya dalam bahasa Inggris. Anda dapat merubah tampilannya dengan bahasa Indonesia pada kolom kanan atas situs blogger.

2. Anda akan di bawa ke halaman “Create a Google Accout” jika anda sudah memiliki account google langsung klik saja “sign in first” jika belum anda bisa sekalian mendaftar google account pada halaman ini.

3. Pada halaman Sign in Blogger isi nama emai dan password account google anda. Catatan: Langkah no 2 & 3 tidak diperlukan jika sebelumnya anda sudah login di account google.

4. Isi nama blog yang anda inginkan didalam kolom yang telah disediakan, pastikan nama blog yang anda masukkan masih tersedia, dengan cara meng-klik check availability, kemudian klik “Continue” untuk melanjutkan.

5. Selanjutnya pilih desain template yang telah disediakan oleh blogger, kemudian klik “Continue”

6. Selesai..”Your blog has been created” mudah kan membuat blog dengan blogger..

Selanjutnya anda tinggal mempelajari menu-menu yang ada pada blogger dari halaman dashboard, posting, setting, dsb

Sukses Selalu, anda pasti Biza.a.a…

]]> http://belajarngeblog.kreasibiz.com/6-step-membuat-blog-di-blogger/feed/ 0