Man Jadda Wajada: Tutorial Blog

Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Cara Menghasilkan Uang Lewat Blog dari Komisi Gratis

Hai sobat blogger, kali ini saya akan memberikan informasi buat sobat blogger yang senang mencari uang di internet. Ya... lumayan lah sambil browsing, chatting, blogging, atau apapun itu kita bisa mendapatkan uang sampai Rp.277.000.000,- (kalau sobat serius) dengan modal niat dan usaha aja! Ya kalo pengen lebih berkah dibarengi do'a juga dong...!

Apa Sih Komisi Gratis Itu?

Cara kerja komisi gratis adalah sobat hanya perlu mengajak orang untuk bergabung di komisi gratis, dan sobat akan diberi KOMISI sebesar Rp.25,- untuk setiap orang yang sobat Rekrut, dan Rp.25,- lagi untuk setiap orang yang direkrut oleh jaringan sobat sampe 7 Level Dibawah sobat. Ya bisa di katakan seperti MLM lah tapi Bukan. Disini kita tidak disuruh menjual produk apapun, kita hanya disuruh mengajak orang untuk bergabung di komisi gratis secara gratis dan insya allah halal. Dan yang paling seru sobat akan mendapatkan :

Bonus langsung Berbagai EBOOK berkualitas tinggi
Sebuah Virual Office Pribadi ( Member Area )
Sebuah URL Pribadi
Fasilitas Penyebar Iklan Seperti VIRUS, klik disini
Informasi Bisnis Gratis & Sumber Uang lainnya

Kok kecil sih komisinya?

Ya memang kecil kalo cuma dapet satu downline (member yang daftar lewat link referal kita) dan si downline diem aja, tapi kalo sobat berhasil ngajak 10 orang aja dan masing-masing downline anda ngajak 10 orang lagi dan begitu seterusnya maka sobat bisa mendapat ratusan juta rupiah (inget kalo serius).

Gambaran komisi yang akan anda peroleh dengan Matrix System 10 X 7 Level sebagai berikut :

Kenapa Komisi Gratis Bersedia Membayar? Dari Mana Uangnya?

Sebagai perbandingan kita akan melihat facebook. Untuk menikmati layanan facebook kita tidak dipungut biaya apapun alias gratis, tapi perusahaan tersebut berhasil mendapatkan penghasilan samapi jutaan dolar pertahun bahkan lebih. Facebook juga pernah menolak tawaran yahoo untuk membeli sahamnya seharga 1 milyar dollar. Mengapa bisa begitu? Bukankah facebook sebuah layanan gratisan? Hal tersebut karena facebook sudah memiliki 300 juta pengguna aktif tiap harinya. Jadi di internet pengguna aktif (member) itu sangat penting dan ada yang bersedia membayar sangat tinggi untuk itu. Karena bisa di manfaatkan untuk tempat pemasangan iklan dan sebagainya. Maka jelas bukan, kenapa komisi gratis bersedia membayar untuk mendapatkan pengguna aktif tersebut?

Cara Cairin Uangnya Gimana?

Untuk mencairkan uang yang sobat peroleh bisa dilakukan setelah saldo sobat mencapai Rp. 50.000,- lewat bank-bank di Indonesia.

Cara Daftar Di Komisi Gratis Gimana?

Nah kalo sobat mau daftar atau masih bingung, silahkan kunjungi aja situs komisi gratis. Pendaftarannya sangat mudah kok jadi gak perlu saya jelaskan disini ya, sobat tinggal isi form pendaftaran kemudian submit dan veritifikasi. Nah kalo sobat udah daftar sobat harus upgrade akun sobat jadi akun Permium (TAPI GRATIS). Cara ngeupgradenya cuman dengan scan data pribadi (KTP/Kartu Pelajar/dsb) lalu dikirim ke Komisi Gratis. Atau kalo gak mau ribet scan KTP dan takut dibajak KTP-nya, kita bisa bayar Rp. 10.000,- aja, selanjutnya tinggal kerja deh. Nah mungkin dari saya segini aja cara mendapatkan uang dari internet untuk kali ini, kalo ada bisnis lain insyaallah saya share lagi.
Wassalammualaikum wr. wb.

http://septia-mujizat.blogspot.com/2011/12/cara-mendapatkan-uang-lewat-blog-dengan_10.html

Read More . .

Menjadikan blog sumber penghasilan

Label: Tutorial Blog komentar (0)

Bagaimana menjadikan blog gratisan sebagai sumber penghasilan ANDA ?

Mencari uang diinternet, merupakan ativitas yang bisa dilakukan siapa saja. Pekerjaan mencari uang dengan cara ini, orang tidak perlu mempunyai gudang besar atau ruko besar yang berisi barang dagangan yang ratusan bahkan ribuan jumlahnya, Baiklah sobat pembaca …, jika sobat ingin membuka toko online kadang-kadang sobat butuh banyak stok yang akan didagangkan dan selain itu pasti membutuhkan modal lainnya yang akan dikeluarkan seperti membeli server hostingan, memasang iklan sobat pada situs-situs periklanan berbayar agar barang dagangan sobat memiliki banyak pembeli , Namun, kita sedang tidak akan bicara soal membuka toko online, kita akan berbicara mengenai teknik mencari uang diinternet yang tidak membutuhkan banyak modal , hanya membutuhkan sedikit waktu tapi fokus, sedikit kemampuan menulis artikel yang bermutu, dan akses internet.

Banyak orang yang menganggap bisnis online khususnya program situs PPC yang diikuti harus memakai domain hosting berbayar, Sebenarnya untuk memulai bisnis online tidak harus memakai domain hosting yang berbayar. Walaupun keutamaan dari domain hosting berbayar lebih meningkatkan kredibilitas blog Anda. Ada saja sebagian orang yang berfikir bisnis online hanya sekedar pekerjaan iseng saja …mereka beranggapan bisnis online ingin mencari uang bukan untuk membuang uang …., karena mereka berfikir ragu bahwa bisnis online belum tentu menghasilkan uang.., sehingga… mereka mengambil opsi gratisan dulu…walaupun gagal mereka tidak akan kecewa…untuk itu saya ingin berbagi tentang bagaimana caranya agar kita bisa mendapatkan penghasilan tambahan dari blog gratisan dengan mengikuti program bisnis online yang sangat terkenal bagi para netpreneur seperti PPC ?

Cukup banyak website/blog yang gratisan…seperti : Blogger, Blogspot, wordpress dan domain name gratisan sperti .tk, .co.cc, .co.cz, .co.110mb,.blogspot,.webs.com dan banyak sekali nama domain gratisan lainnya. Yang sangat direkomendasikan adalah blogger dengan nama domainnya blogspot.com. Mengapa…? Karena di blogger kita bisa memasang script iklan ppc sedangkan di blog lainnya semacam wordpress.com (gratis) kita tidak boleh menampilkan script ppc. Lain halnya bila blog wordpress berbayar (wordpress.org) kita boleh memakai untuk bisnis PPC.

Jadi kita akan membuat blog gratisan di blogspot.com (seperti blok punya saya ini). Nantinya blog kita ini akan disulap menjadi sumber penghasilan uang sekalian dijadikan tempatnya kita membuat kreativitas yang bermanfaat untuk ownernya kita sendiri bahkan berguna untuk orang lain…, pada blogger memiliki alamat URL : namapilihananda.blogspot.com. Misalnya anda mendaftar memakai nama bisnisonline…..maka nama alamat blog anda adalah bisnisonline.blogspot.com. Seperti contohnya blog gratisan saya ini blog-onlinebusiness.blogspot.com

Setelah Anda terdaftar di blogger , selanjutnya silahkan mengisinya dengan berbagai artikel yang menarik dan bermanfaat untuk banyak orang. Sehingga lambat laun blog anda akan memiliki jumlah kunjungan yang semakin banyak. Untuk trik agar blog dikunjungi banyak orang silahkan anda KLIK INI, Setelah kunjungan banyak…tugas anda berikutnya adalah mendaftar ke situs-situs iklan berbayar PPC semacam kliksaya.com, kumpulblogger.com, adsensecamp.com dan lain-lain penjual jasa iklan PPC lainnya.

Setelah Anda mendaftar di situs-situs PPC tersebut, selanjutnya yang harus anda lakukan adalah memasang script iklan yang terdiri dari code – code html yang sudah diberikan oleh situs PPC yang telah kita daftarkan sebelumnya dan masukan code script iklannya ke blog kita . Sehingga secara otomatis iklan yang ditampilkan di blog kita akan update terus dan setiap orang lain yang meng-klik iklan di blog kita , kita akan dibayar sekitar 200-300 rupiah. Sehingga semakin banyak klik iklan…penghasilan anda akan semakin meningkat. INGAT…!!! jangan di klik sendiri atau menyuruh teman untuk klik iklan di blog kita. Karena dengan kecurangan tersebut jika ketahuan anda bisa dikeluarkan dari bisnis PPC ini alias Anda akan di Banned oleh situs PPC yang anda ikuti.

Lebih baik anda tingkatkan jumlah kunjungan atau traffic blog anda dan letakkan iklan di tempat yang strategis seperti di bagian atas artikel postingan anda atau di samping nya pokoknya tempatkan iklan PPC ditempat dimana agar orang mudah melihat dan meng-klik nya. Dengan begitu penghasilan anda akan meningkat dari waktu ke waktu.

Selamat mencoba membuat blog gratisan (seperti punya saya ini) dan dapatkan duit pertama anda melalui situs PPC atau situs-situs bisnis online seperti PTC, PTSurv., bahkan dapatkanlah penghasilan tanpa batas dengan mempromosikan situs-situs broker FOREX yang dipaparkan dengan mudah , jelas , lengkap diblog saya ini.

http://bisnisonlinetop1.blogspot.com/2011/08/menjadikan-blog-sumber-penghasilan.html

Read More . .

Cara Membuat Spoiler Di Blog

Label: Tutorial Blog komentar (0)

Spoiler adalah cara untuk menyembunyikan seluruh atau sebagian isi dari konten blog kita. Spoiler juga bermanfaat agar konten yang berat seperti gambar dalam ukuran besar dan video tidak diload sebelum menekan tombol show. Dengan kata lain spoiler membantu kita mengurangi waktu load konten blog dan memberikan pilih kepada pembaca blog untuk membuka atau tidak isi spoiler.
Anda sudah sering lihat Spoiler di kaskus atau forum-forum untuk nyembunyikan gambar, link dan konten lainnya. Spoiler ada dua yaitu untuk forum misalnya kaskus dan satunya lagi untuk dipergunakan di blog/web. Keduanya memiliki kode yang berbeda.

• Spoiler Forum misalnya KASKUS:
[spoiler=judul spoiler]isi spoiler[/spoiler]

Ganti tulisan yang berwarna hijau sesuai judul dan isi spoiler yang anda kehendaki.

• Spoiler untuk blog/web:
Menyembunyikan konten tertentu dari sebuah halaman blog/website diperlukan untuk menghemat space. Ketika visitor ingin melihatnya mereka dapat dengan mudah menampilkannya. Begitupun dalam software forum semacam vBulletin, Spoiler pasti banyak digunakan.

Berikut kode yang bisa digunakan dalam membuat spoiler di blog :

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Tentang bla..bla.bla.. </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

isi spoiler...

</div></div></div></div>

Kode HTML diatas akan memberikan hasil seperti dibawah ini:

Kalau mengerti html silakan di costumize sendiri. Selamat mencoba :)

http://wahyusany.blogspot.com/2012/04/cara-membuat-spoiler-di-blog.html

Read More . .

Cara Memasang Facebook Like Box

Label: Tutorial Blog komentar (0)

Fasilitas Facebook Like Box tentunya sangat membantu blogger untuk berinteraksi sekaligus membangun jaringan viral dengan pembacanya. Facebook Like Box akan menampilkan foto-foto teman si pembaca yang sudah lebih dulu me-like blog kita, sehingga diharapkan muncul ketertarikan secara emosional antara pembaca dengan blog kita.

Facebook Like Box dapat dengan mudah di integrasikan ke dalam website dengan pilihan menggunakan JavaScript atau IFRAME. Namun pengaturan standar dari facebook hanya memberikan opsi untuk merubah warna border, tinggi dan lebar box.
Sehingga kita akan sulit merubah facebook like box untuk disesuaikan dengan desain website kita. Misalnya kita ingin merubah warna background atau menghilangkan logo facebook dibawah like box.
Berikut ini ada cara mudah merubah tampilan like box dengan sedikit merubah pengaturan CSS nya.
Copy code dibawah ini dan paste kan ke bagian mana kamu ingin meletakkan facebook like box di template websitemu.

.facebookOuter {

background-color:#F4F4F4;

width:250px;

padding:10px 0 10px 10px;

height:250px;

border:1px solid #CCCCCC;

}

.facebookInner {

height:250px;

overflow:hidden;

}

</style>

<div class="fb-like-box"

data-width="245"

data-height="290"

data-href="http://www.facebook.com/websitemu"

data-border-color="#F4F4F4"

data-show-faces="true"

data-stream="false"

data-header="false"></div>

</div>

<![CDATA[

(function(d, s, id)

{ var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) return;

js = d.createElement(s); js.id = id;

js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }

(document, 'script', 'facebook-jssdk'));

// ]]></script>

Ganti kode yang berwarna merah sesuai dengan keinginan sobat. Ganti kode yang berwarna hijau dengan link Facebook Page sobat. Untuk kode yang berwarna ungu untuk mengubah warna Facebook Like Box sesuai keinginan sobat.

Selamat mencoba :)

Read More . .

Menghilangkan Tulisan "Langganan : Entri (Atom)"

Label: Tutorial Blog komentar (0)

Kadang blog kita ingin terlihat rapi, tentu saja begitu bukan? Ada yang merasa kerapian blog kita terganggu dengan adanya tulisan di "Langganan: Entri (Atom)"? Mungkin itu yang pernah kita alami, dengan tulisan itu yang menurut kita tidak penting adan tempatnya juga kurang sesuai, maka kita bisa hilangkan atau kita ganti tempatnya gar lebih rapi.

Blog yang rapi, dengan tampilan yang sederhana, tidak terlau banyak tulisan atau lebar, mungkin sampai ke bawah banget :( Kita akan belajar bagaimana cara menghilangkan tulisan "Langganan : Entri (Atom)". Sehingga blog kita diharapkan bisa lebih rapi lagi, dan menarik pengunjung untuk berlama-lama di blog kita.

Cara Menghilangkan Tulisan "Langganan : Entri (Atom)"
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini

6. Hapus (delete) kode tersebut.
7. Simpan template jika sudah selesai.

Read More . .

Cara Membuat Navigasi Nomer Halaman Blog

Label: Tutorial Blog komentar (0)

Navigasi Nomor Halaman pada Blog, yap.. itu yang akan Kamu Klik share pada postingan kali ini.
Navigasi Nomor Halaman pada Blog atau yang biasa yang disebut Page Number adalah urutan nomor-nomor halaman pada blog kita. Tampilan Page number yang bakal Kamu Klik share seperti ini sob:

Gimana tampilannya ? Tentunya navigasi halaman bernomer atau page number ini terlihat lebih elegant dan profesional dengan menampilkan juga total page yang ada.
Buat kamu yang sudah bisa edit css, bisa langsung edit sendiri tampilannya. Tapi tanpa di edit sudah bagus kok, terlihat lebih profesional dari pada tampilan "Older Post" atau "Posting Sebelumnya" dll.
Bagaimana cara membuat navigasi nomer halaman blog di blogger?

Yuk langsung saja ikuti tutorialnya dibawah ini:

Login ke blog kamu kemudian menuju halaman Design dan Edit HTML, jangan lupa di back up dulu templatenya untuk keamanan kalo terjadi error gitu, tapi yaa gak bakal koq.
Cari kode ]]></b:skin> lalu paste Css di bawah ini tepat di atas kode ]]></b:skin>

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

Langkah selanjutnya kamu cari kode </body> , kalau sudah ketemu paste kode berikut ini tepat di atas kode </body>


<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=6;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
</b:if>


Keterangan: Kamu bebas mengubah tulisan yang saya kasih warna merah, angka 6 adalah jumlah posting yang tampil tiap halaman sedangkan yang 5 adalah tombol navigasi yang tampil. Next adalah text untuk ke halaman selanjutnya, sebalikanya Previous untuk kembali kehalaman sebelumnya.
Simpan template dan lihat hasilnya :).

Gampang banget kan ? Naah sekian tutor blog cara membuat Navigasi
Nomor Halaman pada Blog ini.

http://wahyusany.blogspot.com/2012/03/cara-membuat-navigasi-nomer-halamn-blog.html

Read More . .

Cara Membuat Judul Postingan Bold, Italic atau Underline di Blogspot

Label: Tutorial Blog komentar (0)

Cara Membuat Judul Postingan Blod,Italic atau Underline di Blogspot - Ada kalanya kita ingin mempertegas kata-kata dalam sebuah judul postingan blog dengan huruf ditebalkan (bold), atau karena ada kata atau kalimat berbahasa asing sehingga perlu dimiringkan (italic), atau ingin digaris bawahi (underline).

Di Blogspot, untuk membuat tulisan di judul postingan dibuat bold, italic atau underline, caranya sama seperti pada isi postingan , yaitu menggunakan kode standar html, yang dapat dibaca oleh semua browser, Google Chrome, Internet explorer, Mozilla firefox,, Safari dll.

<b> untuk Bold, < i> untuk italic, dan <u> untuk underline. yang diakhiri dengan kode penutupnya </b>, </i>, atau </u>.

Seperti pada judul postingan yang sedang anda baca ini, yaitu :

Membuat Tulisan Judul Postingan Bold, Italic atau Underline di Blogspot

Untuk menuliskan judul posting tersebut supaya tulisan 'bold' menjadi tebal, tulisan 'italic' menjadi miring dan tulisan 'underline' ada garis bawahnya, maka saya menuliskannya seperti ini di kolom judul:

Cara Membuat Judul Postingan <b>Bold</b>, <i>Italic</i> atau <u>Underline</u> di Blogspot

Read More . .

Cara Memasang Widget Alexa Traffic Rank, Traffic Graph, Atau Site Stats Button Di Blog Seluler

Label: Tutorial Blog komentar (0)

Bisa jadi kita sudah tidak asing lagi dengan Alexa Widgets yang umumnya dapat dijumpai terpasang pada halaman depan sebuah situs atau blog, yang salah satu manfaatnya adalah agar kita atau pengunjung dapat dengan mudah mengetahui tingkat popularitas sebuah situs atau blog yang sedang dikunjungi. Termasuk diantaranya untuk mengetahui traffic kunjungan dan juga jumlah tautan yang terhubung dengan situs yang dimaksud. Namun bila umumnya widget tersebut dipasang di halaman situs versi web atau halaman yang dikhususkan untuk dibuka dengan menggunakan komputer, maka untuk pemasangan Alexa Widget dalam pembahasan artikel ini bisa jadi belum lazim digunakan oleh pengelola blog, karena pemasangan widget dilakukan untuk halaman blog versi seluler yang dikhususkan untuk dibuka dengan memakai perangkat mobile atau telepon seluler.

Seperti halnya dengan pemasangan Alexa Widget di halaman situs atau blog versi web, tujuan dari pemasangan widget tersebut di halaman blog versi seluler secara prinsip adalah sama, yaitu untuk mempermudah kita atau pengunjung mengetahui tingkat popularitas situs berdasarkan perhitungan dan analisa yang dilakukan oleh Alexa. Namun demikian dari segi pemasangannya sangatlah berbeda. Bila pemasangan untuk halaman blog versi web dapat dilakukan langsung dengan menggunakan gadget ‘HTML/Java Script’ yang telah disediakan oleh Blogger, maka untuk memasangnya di halaman blog versi seluler hanya dapat dilakukan dengan cara memasang script untuk widget tersebut ke dalam template blog yang dipakai.

Akan tetapi bila Anda belum memahami tata cara pemasangan widget untuk halaman blog versi seluler, maka Anda tidak usah khawatir karena dapat membuka artikel yang berjudul “Cara Memasang Gadget Pada Template Blogspot Versi Seluler” untuk mempelajarinya agar dapat memahami tata cara pemasangan widget pada template untuk halaman blog versi seluler.

Sementara itu untuk pemasangan Alexa Widgets sendiri adalah serupa dengan cara memasang kotak penggemar (like box) pada blog seluler. Dimana nantinya widget ini akan kita letakkan di bawah bidang posting, dengan tujuan agar tampilan widget tidak mengganggu ‘pemandangan’ pengunjung yang membuka blog yang kita kelola, karena tujuan utama pengunjung membuka halaman blog kita tentunya adalah untuk melihat dan membaca konten artikel yang ada. Dan selanjutnya bila Anda ingin memasang Alexa Widget di halaman blog untuk tampilan mobile, maka Anda dapat mengerjakan langkah-langkah di bawah ini.

Buka http://www.alexa.com/siteowners/widgets untuk mendapatkan kode widget sesuai dengan jenis widget yang akan Anda pasang. Misalnya Alexa Site Stats Button, Alexa Traffic Rank Button, ataukah Alexa Traffic Graph.
Bila Anda sudah mendapatkan kode untuk widget yang akan dipasang, maka login ke akun Blogger Anda.
Pada ‘Dasbor Blogger’ klik nama blog Anda dan kemudian klik menu ‘Template’.
Klik tombol ‘Edit HTML’ kemudian klik tombol ‘Lanjutkan’.
Centang pilihan ‘Expand Template Widget’.

Cari kode <b:includable id='mobile-main' var='top'>, dan kemudian sisipkan tepat di atas kode </div> yang terletak diantara kode <b:includable id='mobile-main' var='top'> dan </b:includable> seperti pada contoh di bawah ini.

<b:includable id='mobile-main' var='top'>
    <!-- posts -->
    <div class='blog-posts hfeed'>

      <b:include data='top' name='status-message'/>

      <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>

      <a href="http://www.alexa.com/siteinfo/www.eltelu.blogspot.com"><script type='text/javascript' language='javascript' src='http://xslt.alexa.com/site_stats/js/s/a?url=www.eltelu.blogspot.com'></script></a>

    </div>

   <b:include name='mobile-nextprev'/>
</b:includable>

Simpan template Anda.

Namun demikian bila Anda ingin ‘mempercantik’ tampilan widget, maka Anda dapat menambahkan bingkai diantara kode Alexa Widgets tersebut. Sebagai contoh perhatikan rangkaian kode di bawah ini.

<b:includable id='mobile-main' var='top'>
    <!-- posts -->
    <div class='blog-posts hfeed'>

      <b:include data='top' name='status-message'/>

      <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>

      <div style="-moz-border-radius: 7px 7px 7px 7px; background-color: inherit; border: 1px solid rgb(33, 33, 33); height: auto; margin: 0px; overflow: auto; padding: 0px; text-align: center; width: auto;" >

         <a href="http://www.alexa.com/siteinfo/www.eltelu.blogspot.com"><script type='text/javascript' language='javascript' src='http://xslt.alexa.com/site_stats/js/s/a?url=www.eltelu.blogspot.com'></script></a>

      </div>

    </div>

   <b:include name='mobile-nextprev'/>
</b:includable>

Sehingga hasilnya bila halaman blog dibuka dengan memakai perangkat seluler, maka sebagai contohnya adalah seperti yang tampak pada gambar di bawah ini.

Screenshot: eltelu.blogspot.com

Sebagai catatan, bila warna garis dan latar untuk bingkai belum sesuai dengan keinginan Anda, maka warna garis dapat disesuaikan dengan mengganti kode rgb(33, 33, 33); dan warna latar dapat diubah dengan cara mengganti inherit; dengan kode kode warna yang tepat.

Kata kunci: widget alexa, gadget alexa, alexa traffic rank, alexa site info

Perihal: Cara Memasang Widget Alexa Traffic Rank, Traffic Graph, Atau Site Stats Button Di Blog Seluler

Sumber: http://eltelu.blogspot.com/2012/04/cara-memasang-widget-alexa-traffic-rank.html#ixzz20vbjcWbt

Read More . .

Cara Mengganti Icon Pada Address Bar

Label: Tutorial Blog komentar (0)

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :

Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu .....
masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>

<link href='http://kendhin.890m.com/sonictrik.gif' rel='SHORTCUT ICON'/>

ganti huruf yang dicetak tebal dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di 000webhost atau bisa juga di photobucket dan juga di imageshack atau kalo kamu tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.

http://img87.imageshack.us/img87/5862/image1an1.gif

http://img110.imageshack.us/img110/6218/image2ie0.gif

http://img98.imageshack.us/img98/9617/image3cr0.gif

http://img134.imageshack.us/img134/633/image4hx4.gif

http://img139.imageshack.us/img139/83/image5oa7.gif

http://img509.imageshack.us/img509/6449/image6fu0.gif

http://img527.imageshack.us/img527/6543/image7go9.gif

http://img507.imageshack.us/img507/5774/image8wn8.gif

http://img150.imageshack.us/img150/5784/image9qo1.gif

http://img404.imageshack.us/img404/1214/image10vr1.gif

http://img412.imageshack.us/img412/3808/image11pc0.gif

http://img100.imageshack.us/img100/4658/image12du2.gif

http://img132.imageshack.us/img132/4733/image13lj1.gif

http://img145.imageshack.us/img145/7793/image14zg9.gif

http://img412.imageshack.us/img412/4403/image15jc7.gif

http://img264.imageshack.us/img264/7575/image16kn8.gif

http://trik-tips.blogspot.com/2007/12/cara-mengganti-icon-pada-address-bar.html

Read More . .

Highlight Author Comment

Label: Tutorial Blog komentar (0)

Highlight Author Comment fungsinya adalah supaya komentar author (pemilik blog) berbeda dengan komentar orang lain . Contohnya bisa dilihat di blog ini. Untuk komentar pemilik blog akan ada bordernya dan ada efek lainnya. Nha berikut ini akan aku beberkan cara untuk membuat Highlight Author Comment ini. Dah siap semuanya ? OK lets dance togather :D

1. Login ke blogger trus ke menu "Layout --> Edit HTML"
2. Beri tanda centang pada kotak "Expand Widget Templates"
3. Copy script berikut ini sebelum kode ]]></b:skin> atau copy ke dalam kode CSS.

.comment-body-author {
background: #E6E6E6; /* Warna Background */
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px;
}

4. Kemudian cari kode2 seperti berikut. Mungkin kode yg ada di HTML kamu akan beda, tp walaupun beda usahakan semirip mungkin dengan kode berikut ini :

5. Kode yang berwarna merah adalah kode yang harus kamu tambahkan di HTML kamu. Posisinya harus benar, ingat itu.
6. Kalo sudah terus disave template kamu.

Comment author ini berdasarkan profil dari pemilik blog tsb. Jadi supaya efeknya muncul sebelum memberi komentar kamu harus login dulu di blogger. OK.
Oh ya ini bukan untuk komentar dari haloscan lho. Tapi hanya untuk kotak komentar yg dari blogger murni

Read More . .