Tampilkan postingan dengan label Tips dan Trik Blogging. Tampilkan semua postingan
Tampilkan postingan dengan label Tips dan Trik Blogging. Tampilkan semua postingan

Sebenarnya banyak cara untuk meningkatkan trafik blogmu, salah satunya dengan ikut Paid Surf. Di sini aku akan fokus untuk membahas Hawaiian Hitz.
Kenapa pilih Hawaiian Hitz? Ya karena situs ini sangat cepat untuk menghasilkan duit melalui surfing. Selama 3 hari aku coba, masing2 sekitar 1/2 - 1 jam aja sudah dapat lebih dari $ 1. Apakah situs ini scam ato bukan, kayaknya patut dipercaya. Buktinya bisa dilihat di sini

Oke kita lanjut cara daftarnya.
Klik disini untuk daftar ato bisa klik banner dibawah ini.



Klik register di samping kiri anda

VALIDASI EMAIL
Nah Anda memerlukan validasi email anda, periksa inbox/spam anda,klik saja link validasi yang terdapat disana

CARA SURF DAN MULAI DULANG DOLAR DAN TRAFIK
Anda bisa memulai surf, baik dari halaman yang langsung muncul atau pada http://hawaiianhitz.com/index.php?_w=tools

Jika hitungan 10 detik berhenti anda dapat mengklik gambar gadis hawai yang sedang bergoyang atau menscroll saja roda mouse anda.

Anda perlu sejumlah minimum 30 kunjungan diatas untuk mengaktifkan akun anda dan memenuhi syarat mendapat hadiah, liat gambar di abwh untuk melihat apakah sudah aktif atau belum, pastikan tulisan No berubah menjadi YES dengan memenuhi kekurangan klik, dan teruslah klik linknya, ada ribuan hits yang tak akan pernah putus sehingga pendapatan dan bonus anda menjadi tak terbatas

MENDAPATKAN BONUS CASH DAN BONUS LAINNYA

Sekarang bagaimana cara dapat cash dan mendapatkan bonus lainnya, perhatikan di sudut kiri (kadang ada di atas atau header…kadang ada di bawah atau footer) ada Tulisan dalam bintang kuning bertulis “Wacth For Surprise Price Link Here” "Click Here For Surprise Prize"



Selain itu juga ada hadiah lainnya berupa kredit banner atau teks link yang dapat anda gunakan untuk mempromosikan web/blog anda maupun link referral ptc anda

Jumlah hadiah hadiah ini mencapai ribuan link, sehingga semakin banyak anda klik surf semakin cepat cash anda dan hadiah lain menumpuk, walaupun cashout $25 namun menurut perhitungan kasar anda dapat mencapai cashout jauh lebih cepat bahkan dari PTC yang Payout $2 sekalipun.

Ohya..kadang kala ada sejenis verifikasi klik, mungkin untuk menghindari aktifitas robot.

Nah seberapa besar yang anda dapat dalam sehari adalah masalh kerajinan dan banyaknya ada surf, karena bonus semakin banyak ditemukan. Semakin anda rajin semakin cepat dapat banyak cash dan bonus

JANGAN LUPA AGAR AKUN ANDA AKTIF SEPENUHNYA IKUTKAN JUGA WEB atau Link PTC KITA ato blog kita, tinggal add di bagian website, banner juga bisa..GRATIS KOK

Selain itu kalian juga bisa mencari refferal dan akan diganjar bonus yang tak terduga.

SELAMAT MENCOBA, SEMOGA BERHASIL DENGAN CEPAT, Klik disini untuk daftar ato bisa klik banner dibawah ini.




Read More......

Hari gini ga ikut nimbrung di facebook? Oalaaah.... Tapi ga masalah ding, itu hak masing-masing. Bagi kalian yang merupakan member facebook dan punya blog, dan pengen menampilkan bedge atau lencana facebookmu di blog seperti Tips PDA ini boleh ikuti langkah-langkah ini.
Nah, ini dia langkah-langkah cara pasang widget facebook di blog.

1. Login ke akun facebook anda.

2. Klik menu Profile/Nama anda (pada menu sebelah atas).

3. Selanjutnya geser kursor anda kebawah sebelah kiri, klik Buat Lencana Profile.

4. Klik Buat Lencana.

5. Lakukan pengaturan sesuai selera anda : Tata Letak (Mendatar atau Tegak), Format (Gambar atau Javascript), Isi (Foto Profil, Nama, Jaringan, Email, Nama Pengguna, Tanggal Lahir, Nomor Ponsel, Situs Web, Status Terbaru, Photo Terbaru Saya, Acara Akan Datang, Catatan Terakhir, Kiriman).

Anda bisa menambah Isi widget sesuai dengan cara mengklik tombol Tambah Item.

5. Jika sudah selesai klik tombol Simpan

6. Copy paste kode HTML/ Javascript ke blog kamu (klo ini udah banyak bloger yang udah bisa. Ato bisa juga langsung dari facebook. Pilih hosting blogmu (blogger, myspace, typepad) terus anda diminta log in.

7. Klik MENAMBAH WIDGET dan secara otomatis anda akan dibawa ke menu dashbor blogger/Tata Letak. Lakukan pengaturan posisi widget facebook dan langkah terakhir klik tombol Simpan.

Profil
Profil Facebook Angga Ardian
Buat Lencana Anda

Read More......

Capture halaman web

Diposting oleh Street Spirit | 12.40

Bagi yang terbiasa membuat artikel tutorial bergambar, plugin ini pasti bermanfaat. Selain gratis, langsung terintegrasi dengan firefox. Pada fiturnya, ada tiga pilihan capture yang bisa kita gunakan, yaitu: capture satu halaman web, tampilan yang terlihat, atau yang kita seleksi. Namun, karena ini merupakan sebuah plugin untuk firefox, sehingga hanya bisa digunakan untuk browser firefox dan hanya tampilan halaman web yang bisa dicapture, tidak termasuk browsernya.

Jika Anda memerlukannya, silakan download dan install screen grab DISINI
Setelah diinstal, restart Firefox. Anda bisa melakukan cature halaman web sebagai berikut.


Mengcapture satu halaman web

Fitur ini memungkinkan mengcapture satu halaman web secara penuh, tanpa terpengaruh scroll. Hal ini sangat berguna, sehingga kita tidak perlu berkali-kali capture lalu menyatukannya di photoshop yang memerlukan banyak waktu. Cara menggunakannya sebagai berikut.

- Klik kanan pada halaman web yang akan dicapture lalu pilih ScreenGrab! > Save (untuk menyimpan) > Complete Page/Frame.
- Simpan di lokasi yang Anda inginkan.

Mengcapture tampilan yang terlihat

Dengan fitur ini, kita bisa mengcapture halaman web yang terlihat di browser. selain itu, tidak dicapture. Cara menggunakannya sebagai berikut.

- Klik kanan pada halaman web yang akan dicapture lalu pilih ScreenGrab! > Save (untuk menyimpan) > Visible Portion.
- Simpan di lokasi yang Anda inginkan.

Mengcapture bagian yang kita seleksi

Dengan fitur ini, kita bisa mengcapture bagian tertentu yang kita pilih. Hal ini sangat berguna untuk lebih menunjukkan pada satu bagian saja. Cara menggunakannya sebagai berikut.

- Klik kanan pada halaman web yang akan dicapture lalu pilih ScreenGrab! > Save (untuk menyimpan) > Selection.
- Simpan di lokasi yang Anda inginkan.


Sumber : http://www.sudarma.info/2009/01/meng-capture-halaman-web-dengan-mudah.html

Read More......

Ada beberapa blogger yang ga bisa pasang kotak komentar dari blogger yang baru. Seperti i punya blog ini. Blog ini ga bisa di pasangin kotak komentar apapun baik dari standar blogger, kotak komentar blogger yang baru, dari haloscan dan modifikasi jackbook setelah ganti template. Hal ini mungkin dipengaruhi oleh templatenya. Aku dah minta bantuan juga dengan bos Kendhin tapi hasilnya masih nihil. Sebenere aku dah pasang kotak komentar dari intense debate sebelumnya tapi saya ganti dengan haloscan.
Bagi yang mengalami hal yang sama denganku dan juga malas ganti template karena merasa template yang digunakan sekarang disukai dan bagus kamu bisa pasang aplikasi dari Intensedebate. Ok, yang mau pasang silakan ikuti langkah-langkah berikut ini :

1. Pertama-tama buka situs IntenseDebate.
2. Klik link "Sign Up" di pojok kanan atas.
3. Isi semua kolom yang disediakan dengan data Anda. Klik tombol "Create Account".
4. Selanjutnya Anda akan dibawa ke halaman "Users" atau "Profile".
5. Cari link "Add Intense Debate to a Blog" atau tombol "Put Intense Debate on Your Blog”di bagian pojok kanan atas. Klik.
6. Di halaman baru Anda akan diminta memasukkan alamat blog. Isi dengan benar dan klik tombol "Get Intense Debate".
7. Ada 4 pilihan yang akan ditampilkan IntenseDebate, yakni untuk Blogger, TypePad, WordPress atau dalam bentuk javascript snippet. Karena saya membahas Blogger, maka klik tombol berlogo Blogger.
8. Saatnya memasukkan IntenseDebate ke dalam blog. Pilihan yang diberikan ada 2, yakni berupa widget atau template. Opsi widget jauh lebih simpel dan cepat, tapi terkadang tidak dapat bekerja dengan baik di blog yang terlalu banyak kustomisasi di blog, misal banya pasang page element. Lebih baik kita pilih opsi template saja. Untuk itu Anda harus masuk ke account blogger kamu dan mendownload template blog Anda lalu menyimpannya di komputer. Bagian yang ini dah bisa kan? Klo bisa tapi lupa ok dijelasin. Setelah login blogger,pilih lay out > edit html > download tempate lengkap.
9. Setelah template blog disimpan, upload ke IntenseDebate. Lalu atur apakah kolom komentar IntenseDebate akan muncul di semua posting atau hanya di posting yang belum mempunyai komentar. Pilihan terserah Anda, tapi pilihan kedua dapat menghilangkan/menutupi semua komentar yang pernah ada di blog Anda.
10. Klik tombol "Upload and Continue" di bagian paling bawah.
11. Selanjutnya yang perlu Anda lakukan hanyalah mengganti template blog Anda dengan template baru hasil kreasi IntenseDebate. Caranya dengan melakukannya sendiri dengan mengkopi paste kode HTML yang telah dimodifikasi Intensedebate atau biarkan Intensedebate yang melakukannya dengan menekan tombol instal (klo ga salah). Tapi lebih baik dilakukan sendiri mumpung buka blogger. Kamu tinggal copi paste kode yang telah dimodif ke edit template, tapi ingat Expand template widget
JANGAN dicentang.
12. Tekan "simpan template".
13. Selese dech. Lihat kotak komentarmu yang baru. Jangan khawatir, IntenseDebate hanya menambahkan kotak komentarnya saja, so pengaturan dan page element yang kamu buat sebelumnya tidak akan hilang.

Tapi namanya fasilitas dari pihak ketiga, tentu saja ada kelemahannya. Antara lain, klo ada yang komentar di blogmu tidak akan tersimpan di database blog karena yang menyimpan IntenseDebate. Program IntenseDebate memang sejatinya menutup fasilitas komentar asli Blogger, jadi semua komentar yang dibuat pengunjung masuknya ke account IntenseDebate.
Ada informasi yang mengatakan bahwa menambah aplikasi ini akan mempengaruhi SEO dan dikhawatirkan akan melanggar ToS Blogger. Semuanya terserah kamu ya?

Read More......

Label pada blogger biasanya menampilkan jumlah dari banyaknya posting dalam satu kategori, tanda ini biasanya ditandai dengan tanda kurung ( ). Contoh bisa kamu lihat di samping di mana jumlahnya sudah saya hapus. Jika anda ingin mencoba mengubah atau menghapus angka dalam label (Label Count) ikuti caranya dibawah ini:

1. Masuk pada menu Edit HTML
2. Jangan lupa beri tanda centang pada Expand Template Widget
3. Kemudian cari kode seperti dibawah ini

(<data:label.count/>)

4.Silahkan anda ganti tanda ( ).
Misalnya saja seperti contoh di bawah ini:

[<data:label.count/>]

{<data:label.count/>}

5. Jika kamu tidak ingin menampilkan jumlah postingan maka tinggal hapus aja kode tersebut.
6. Ok's, tinggal kamu simpan de....

Read More......

Sebuah blog/web tak akan berarti tanpa trafik, ya nggak? Apalagi yang pengen cari uang dengan cara ngeblog. Ada banyak cara untuk meningkatkan trafik, bisa dengan berpromosi melalui iklan link exchange dan blogwalking. Tetapi ada cara yang lain untuk meningkatkan trafik blogmu di mana hal ini bukanlah sistem MLM, referral, bukan trafik exchange, no toolbar, no email, no credits, nomembership,absolutely FREE alias GRATIS.

Yaitu dengan bantuan pihak ketiga ato ke berapalah yang biasa disebut software. Karena ini gratis maka sering disebut freeware. Dan yang pasti ini gratis. Klo ada yang gratis tak bisa dipungkiri kalian pasti mau kan? he...he...
Kalian bisa download software dan tuturialnya di sini atau klo ga bisa lewat sini saja.
Inga', di file download yang berbentuk rar ini udah ada Tutorialnya, so kalian bisa ikuti caranya setelah download.

Read More......

Tadi pagi berkunjung ke beberapa blog dan nemuin sesuatu yang menarik di blognya o-om. Yaitu bagaimana memasang random banner di mana beberapa banner akan bergantian muncul jika ada pengunjung yang melakukan reload atau refrezzz. Hal ini bertujuan untuk memanajemen beberapa iklan (dalam hal ini banner yang berupa gambar) dalam satu area. Contoh bisa kalian lihat di sini.
Ok, bagi yang tertarik bisa ikutan buat. Langsung aja ya ke bagian add page element > html/javascript. Kemudian taruh code dibawah.

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var jumlah_iklan = 3;
var waktu_sekarang = new Date()
var detik = waktu_sekarang.getSeconds()
var pasang_iklan = detik % jumlah_iklan;
pasang_iklan +=1;
if (pasang_iklan==1) {
txt="Tulis Title";
url="Alamat URL";
alt="Alamat URL";
banner="Alamat URL Gambar";
width="468";
height="60";
}
if (pasang_iklan==2) {
txt="Tulis Title";
url="Alamat URL";
alt="Alamat URL";
banner="Alamat URL Gambar";
width="468";
height="60";

}
if (pasang_iklan==3) {
txt="Tulis Title";
url="Alamat URL";
alt="Alamat URL";
banner="Alamat URL Gambar";
width="468";
height="60";

}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_top\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</SCRIPT>


Tulis tittle sesuai keinginan, alamat URL diisi alamat web/blog, banner diisi dengan alamat url gambar kalian. Kalo ukuran banner biasanya ya segitu.
Ok? Selamat berjuang.

Sumber : www.o-om.com

Read More......

Jika kamu pengen buat kolom untuk tukeran link tapi yang beda, yang bisa pasang link langsung di blog yang mau pasang linkmu (khusus blogspot.com ya) maka kamu harus coba yang satu ini. Contoh bisa kamu lihat di bawah ini. Dengan mengklik link to me maka ostosmastis, eh otomatis linkmu terpasang di blog pemasang linkmu.

This button image will display on your site :





Caranya seperti biasa login dulu di blogger > lay out > add page element > html/javascript. Terus kopi paste kode berikut ini.


<form action="http://beta.blogger.com/add-widget" method="post"><input value="FAVOURITE" name="widget.title" type="hidden"/><textarea style="display: none;" name="widget.content"><a href="http://tipsblogging.co.cc"><img alt="Tips dan Trik Blogging" src="http://anggaardian.googlepages.com/blogtips.gif"/></a></textarea><input value="http://buzz.blogger.com" name="infoUrl" type="hidden"/><input value="http://www.blogger.com/img/icon_logo32.gif" name="logoUrl" type="hidden"/><input value="LINK TO ME" name="go" type="submit"/></form><p>This button image will display on your site :</p>

<img src="http://anggaardian.googlepages.com/blogtips.gif"/>
</div>

Keterangan :
warna biru kamu ganti dengan alamat blogmu.
warna ungu ganti dengan judul blogmu.
warna hijau ganti dengan alamat gambarmu.
warna hitam bisa kamu ganti ato tidak terserah kamu.

Ok, selamat mencoba.

Sumber : http://www.bella-cell.blogspot.com/






Read More......

Sebenere aku pengen banget masang "Recent Posts" dan "Recent Comments" dalam satu paket. Tapi setelah tak pikir-pikir pasang yang "Recent Posts" aja karena blogku masih jarang dikomentari, he..he.. Tapi bagi kalian yang pengen pasang keduanya silakan saja.
Sejatinya setiap pengunjung tidak selalu ingin membaca artikel kita. Mereka yang menemukan artikel kita melalui browsing sangat mungkin ingin mendapatkan bacaan lengkap yang sesuai dengan kebutuhan mereka. Maka untuk mereka yang seperti ini, artikel kita mungkin akan dibaca dan klo mungkin lagi akan dikomentari.

Kok dikomentari? Eh jangan salah, komentar itu penting lho, misal klo ada yang ngritik bisa kita gunakan sebagai cambuk untuk berbuat sesuatu yang lebih baik lagi. Ya to? Tapi jika yang berkunjung ke blog kita hanya mungkin sekedar untuk meningkatkan traffic, mungkin mereka tidak membaca seluruh artikel kita. Mereka hanya lihat-lihat judul postingan kita. Jika kita menyediakan elemen daftar judul postingan kita yang terbaru, mereka bisa langsung melihatnya. Dan kalau tertarik baru mereka akan baca artikel kita. Disinilah fungsi elemen "Recent Posts".
Sedangkan elemen "Recent Comments" memudahkan bagi kita untuk mengetahui apakah ada komentar terbaru dan anda tidak harus melihat satu per satu postingan, karena pengunjung bisa saja mengomentari banyak postingan. Blog yang tidak sigap dalam merespon komentar para pengunjungnya, maka jangan heran jika sang pengunjung tidak akan balik lagi. Ya seperti blog saya ini. Gimana mo balik, wong komentar saja enggak....he...he....
Nah jika anda tertarik untuk memasangnya baik keduanya ato salah satu saja, silahkan copy code dibawah ini, tapi jangan lupa baca keterangan dulu. Lantas tambahkan pada elemen blog anda. Sudah tahu caranya kan. Bagi yang belum, nih caranya.
1. Silahkan login ke blogger. Kemudian klik Layout.
2. Kemudian klik "add page element" di sidebar.
3. Pilih "html/java script". Nah kemudian pastekan kode dibawah ini.
4. Simpan perubahan. Selesai.

<h3> Recent Posts</h3>

<script src="http://www.geocities.com/uddin_81/recent-post.js"></script>

<script>var numposts = 5; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>

<script src="http://tipsblogging.co.cc/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">

</script>

<h3> Recent Comments </h3>

<script style="text/javascript" src="http://amen24.googlepages.com/showrecentcomments.js"></script><script style="text/javascript">var numcomments = 5;var showcommentdate = false;var showposttitle = true;var numchars = 50;var standardstyling = true;</script><script src="http://tipsblogging.co.cc/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Keterangan :
1. Silahkan ganti alamat url yang berwarna biru diatas dengan alamat url blog anda
2. Silahkan ganti angka warna biru diatas dengan jumlah post/komentar yang ingin ditampilkan
3. Showcommentdate dan showpostdate untuk menampilkan tanggal. Jika "false" tidak ditampilkan, "true" ditampilkan. Pilih sesuka anda. Juga untuk shoepostsummary, showposttitle dan standarstyling.
4. Var numchars untuk menentukan jumlah huruf/karakter yang ditampilkan
5. Anda bisa memasang keduanya secara langsung maupun sendiri. Up to you!!
Selamat mencoba !

Read More......

Blogmu belum punya banner statistik? Ato sudah punya tapi pengen banner statistik yang cakep dan keren bin lengkap? Dengan status mbah Google Pagerank, alexa rank, berapa jumlah blog/web yang nge-link ke blogmu? Klo pengen masang yang seperti itu, kalian harus coba dari popuri.us yang ini......!!!!! Contoh seperti pada banner statsitik blogku disamping. Gimana, keren ga? Klo kamu bilang keren, coba kamu pasang di blogmu!

Caranya? Ikuti langkah saya!!!

Pertama buka blogger, pilih layout, tekan add page element, pilih javascript/html.
Langkah kedua CoPas kode bawah ini di content.

<a href="http://popuri.us"><img alt="My Popularity (by popuri.us)" src="http://popuri.us/widgets/?type=light"/></a>

Terdapat 2 warna yang menarik, silver (light) dan Black. Jika pengen yang warna hitam ganti Light dengan Black.

Tekan simpan perubahan.
Langkah ketiga tekan simpan.
Langkah keempat makan, maksudnya sudah slese jadi trus makan dech.....

Read More......

Blog anda sudah mengaplikasi Read More dan anda ingin membuat variasinya? Read more Yahoo! style ini mengacu pada tulisan "read more"-nya ala Yahoo. - yang posisinya di samping kanan. Variasi ini kelihatannya belum banyak yang mengaplikasikan. Anda mau mencoba? Ok, ikuti langkah-langkahnya ya?!

1. Memasukan kode
Login ke blogger, pilih layout, buka halaman Edit Html kemudian centang tulisan Expand Template Widget.
Setelah itu taruh kode ini di bawah ]]></b:skin>

.more {
bottom:5px;
font-family:verdana;
font-size:80%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
padding-right:10px;
text-align:right;
white-space:nowrap;
}

2. Memasukan tag <p class='more'>..</p> pada elemen Html.

Cari tulisan "Read More" atau ”Selengkapnya” atawa ”Baca Selengkapnya”! Kamu bisa gunakan kotak pencarian browser ( Ctrl + F ).
Can you find it? Good…

<a expr:href='data:post.url'>Read More......</a>

Tambahkan tag <p class='more'>&#187; ..</p> seperti tulisan di bawah.

<a expr:href='data:post.url'> <p class='more'>&#187; Read More.... </p></a>

Silahkan berimprovisasi sendiri pada tulisan " Read More " misalkan diganti dengan “Baca Selanjutnya", “Seterusnya”, “teruskan bacanya ya?!…” dll. Up to you dech!!!
Ok beres. Simpan Perubahan.

3. Menambah Gambar.

Anda pun bisa menambahkan dengan gambar.

Tambahkan saja properti Background:url (alamat gambarmu) no-repeat right; di bawah kode more {

.more {
background:none;url(http://i120.photobucket.com/albums/o190/jaloewig/blogger/reedmore-bg.gif) no-repeat right;
bottom:5px;
font-family:verdana;
font-size:80%;

Penjelasan.
.more {
bottom:5px;
font-family:verdana;
font-size:80%; = ukuran teks bisa juga pake satuan pixel misal 10px.
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold; = ukuran tebal teks lawannya Normal
line-height:normal;
padding-right:10px;
text-align:right; = posisi teks di samping kanan lawanya left or center
white-space:nowrap;
}
Hoi bro, coba donk. Jangan Cuma baca and duduk-duduk…..

Read More......

Yang Baru untuk status yahoo! Messengermu. Untuk menampilkan icon status online yahoo ! messenger, sekarang kita bisa memilih banyak pilihan icon statusnya..Tercatat sebanyak 15 pilihan baru yang lebih keren,catchy dan atraktif. Yakni style id 0 sampe id 1 4. Apa perbedaan dari style id baru ini? Perbedaannya adalah ukuran dari icon dan tampilan gambar yang berbeda beda , untuk melihat perbedaan style id, silahkan sobat perhatikan gambar berikut; dan bisa pilih salah satu.

















<a href="ymsgr:sendIM?YaMesmu"> <img src="http://opi.yahoo.com/online?u=YaMesmu&m=g&t=14&l=us"/></a>

YaMesmu = diganti dengan account yahoo messenger mu
14 = Ganti dengan nomor pilahanmu. Pilih angka dari 0-14

Sumber : www.tanpatinta.blogspot.com

Read More......

Artikel ini saya dapat dari Mas Kendhin.
Lho? maksudnya apa? gini lho kalo read more yang lama, yang sudah pernah dibahas kita bahas dulu (udah baca belum?, kalo belum baca dulu gih), kan kalo kita ng-klik tulisan read more atau Baca Selengkapnya itu kita akan membuka halaman baru sehingga akan meloading lagi halaman web kita, ya tho?. Nha Read more yang ini, yang akan kita bahas ini nggak gitu cara kerjanya, cara kerjanya yaitu berangkat jam 08.00 pagi pulang jam 16.00 WIB (emangnya PNS) Gini lho cara kerjanya :
Di trik Read more yang baru ini, kita akan membuat link Read more yang jika kita meng-klik link tersebut, maka keseluruhan artikel akan terpampang dibawahnya, jadi tidak perlu meload ke halaman yang lain. Piye? uenak tho? bagi yang sudah kebelet ingin menyimak trik ini silahkan langsung ikuti trik berikut ini (langsung loncat dua baris ke bawah). Dan bagi yang kebelet mo pipis silahkan ke kamar mandi dulu, he...he..

Berikut ini langkah-langkahnya:

1. Login ke Blogger
2. Pilih Setting --> Template --> Edit HTML
3. Kamu mau memback-up template kamu dulu nggak?, kalo iya kilik tulisan Download Template lalu simpan.
4. Beri tanda centang pada kotak yang bertuliskan Expand Template Widget
5. Kopi kode berikut ini dan taruh tepat diatas kode </head>

<script src='http://www.geocities.com/kendhin_x/blog/Readmore.js'
type='text/javascript'/>

6. Sudah? sudah belum? ditanya kok diam aja gimana sih ?
7. Kalo sudah cari kode dibawah ini

<div class='post-header-line-1'/>

8. Nha dibawahnya kan ada kode gini <div class='post-body entry-content'> Nha ganti kode tersebut menjadi seperti ini:

<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>

9.Terus dibawahnya kan kan ada kode gini <p><data:post.body/></p>
10. Tembahkan kode ini dibawahnya.

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

11. jadi seluruh kodenya akan menjadi seperti ini :

<div class='post-header-line-1'/>
<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

12. Tulisan 'Selengkapnya' dan 'Ringkasan' bisa diganti dengan apa aja kata yang kamu suka.
13. Lalu simpan template.
14. Pilih menu Setting -->> Formatting
15. Di bagian bawah ada kotak yang disampingnya ada tulisan "Post Template", dan isikan kode dibawah ini ke dalamnya lalu simpan setting.

<span id="fullpost">


</span

Ohya, kalo memposting pilih yang "Edit Html", letakkan abstraksi posting yg akan ditampilkan di halaman muka di atas kode <span id="fullpost"> sementara sisanya letakkan di antara kode <span id="fullpost"> dan </span
Trus bagaimana bagi yang sudah pakai 'read more' yang lama dan pingin ganti dengan 'read more' yang baru ini?
gini caranya:

'Read more' yang lama kan kodenya seperti ini :

<div class='post-header-line-1'/>
<div class='post-body entry-conten'>
<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>
<a expr:href='data:post.url'>Read More......</a>
</b:if>

hapus text yang berwarna biru, lalu ikuti langkah-langkah diatas.
oh ya jangan lupa ikuti langkah berikut ini
1. Pilih menu Setting -->> Formatting
2. Di bagian bawah ada kotak yang disampingnya ada tulisan "Post Template", dan isikan kode dibawah ini ke dalamnya lalu simpan setting.

<span id="fullpost">


</span

bedanya apa sama read more yang dulu? perhatikan text yang berwarna merah, kalo dulu kan tulisannya "class" sekarang ganti menjadi "id".

Gimana? Sudah bisa belum?
Pinter.... anak siapa siiihhh??? duh lutunya
Sumber: Kendhin (www.trik-tips.blogspot.com)


Read More......

Sering saat kita memposting artikel baru, maka postingan tersebut akan ditampilkan di halaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan memenuhi halaman utama yang notabenenya akan membuat blog kamu terlihat sangat panjang. Jika ingin supaya postingan kamu yang ditampilkan di halaman utama cuma abstraksinya atau sebagian yang biasanya adalah bagian atas saja (satu ato dua paragraf)kemudian di bawahnya ada sebuah link Read More / Baca Selengkapnya untuk melihat keseluruhan posting maka kamu perlu cara ini dengan mengikuti langkah-langkah berikut :

1. Buka menu Template kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

<div class='post-body entry-content'>

<p><data:post.body/></p>

Kamu bisa mencarinya dengan menekan control+F pada keyboard trus masukkan kode diatas.

4. Kalau sudah ketemu, Ganti kode tersebut menjadi seperti ini :

<div class='post-body entry-content'>

<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>

<a expr:href='data:post.url'>Read More......</a>
</b:if>

Tulisan "Read More....." itu bisa kamu ubah semaumu, misalnya jadi “Selengkapnya” atau "Baca Selengkapnya".

5. Tekan simpan template.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">


</span>

8. Kemudian Simpan.
9. Ketika memposting artikel baru, pilih EDIT HTML. Maka secara ostosmastis alaah.....otomatis akan tampak kode di atas.
10. Letakkan abstraksi posting atau artikel yang ingin kamu di halamam utama (sebelum tulisan "Readmore") diatas kode ini :<span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>

Read More......

Form ini berfungsi untuk mempermudah para pembaca blog kita agar bisa berlangganan atau mendapatkan info terbaru posting kita melalui alamat email mereka. Jadi setiap kita memposting artikel baru maka para pelanggan/pembaca yang sudah memasukkan email mereka melalui form tersebut akan secara otomatis mendapatkan kiriman email yang berisi postingan terbaru kita. Dengan begitu para pelanggan tidak perlu susah-susah untuk membaca artikel lewat blog dan tidak perlu setiap hari mengecek apakah blog kita sudah ada artikel yang baru atau belum. Hal seperti ini mempermudah pelanggan membaca artikel baru, lha wong tinggal buka email mereka doank kok!

Begini cara membuat form "Email Subscriber" tersebut :

  1. Kunjungi situs ini : http://www.feedburner.com
  2. Saat pertama kali datang kamu akan langsung disodori kotak untuk mengisikan alamat feed blogmu yang akan diburn.
  3. Biasanya alamat feed blog kamu seperti ini http://NAMABLOGMU.blogspot.com/feeds/posts/default , ganti tulisan NAMABLOGMU dengan nama alamat blogmu.
  4. Isikan nama feed blogmu tadi dalam kotak yang disodorkan tersebut, jika blogmu itu isinya hanya video2 maka beri tanda centang pada kotak "I am a podcaster", jika tidak ya gak usah dicentang. Kemudian klik tombol "next"
  5. Setelah itu kamu akan disodori form pendaftaran, isikan data yang perlu diisikan disana, trus klik tombol "Activate Feed"
  6. Kalo berhasil nanti akan ada informasi "Congrats! your ......".
  7. Dibawahnya akan ada tombol "Next" dan link "Skip directly to feed management" kali ini pilih yang link "Skip directly to feed management", sebenarnya lewat tombol "next" bisa sih.
  8. Kemudian nanti akan ada beberapa menu, kali ini pilih menu "Publicize"
  9. Setelah itu disebelah kiri akan muncul beberapa menu. PIlih menu "Email Subscriptions".
  10. Kemudian klik tombol "Activate"
  11. Nha setelah itu nanti akan ada beberapa kotak yang berisi kode2. Nha kalo km pinginnya yang berbentuk form maka pilih kode yang ada di kotak "Subsciption Form Code".
  12. Copy kode yang ada dalam kotak tadi, trus klik tombol "Save" untuk mengaktifkan layanan tersebut.
  13. Cara pasangnya, Login ke blogger, pilih http://www.feedburner.com> nha paste deh kode yang sudah kamu copy di situ.

Read More......

Dalam trik ini kita akan mencoba cara untuk menampilkan status Offline/Online Yahoo Messenger. Hal ini berfungsi untuk mengetahui klo kamu online atau offline. Tapi bagi yang belum punya Account Yahoo ya buat dulu lah, tapi aku yakin klo kalian pasti dah pada punya. Dengan tanda seperti itu kan nanti pengunjung blogmu akan bisa langsung berinteraksi langsung denganmu, dengan begitu kan nanti para penggemar setia dan pengunjung blogmu jadi tambah sayang kamu. Tak kenal maka tak sayang, he..he..
Contohnya seperti ini, jika status kamu offline maka gambarnya akan seperti ini :



Jika kamu sedang online, maka gambar akan berganti seperti ini




Cara buatnya sangat gampang kamu tinggal copy script berikut ini trus kamu pasang di sidebar kam
u, udah tahu kan cara pasanganya, itu lho seperti kalo km masang "page element", Masuk ke "Page Element" trus "Add page elements --> HTML/Javascript".

<a href="ymsgr:sendIM?YaMesmu"> <img src="http://opi.yahoo.com/online?u=YaMesmu&amp;m=g&amp;t=2&amp;l=us"/>
</a>


Ganti text yang warna merah (Yamesmu) dengan id YM kamu. Misal, YaMesku street_spirit_11, ya isi dengan itu. Terus perhatikan angka "2", itu bisa kamu ganti dengan angka yang lain dan hasilnya gambar yang ditampilkan akan berbeda-beda.

Gimana bro, sip kan? Siiiip........
Oke deh, klo gitu kita bersulang dulu





Read More......

Kalo kamu hanya punya tempat yang kecil alias sempit atawa cuilik buat menamung banyak link temen kamu maka kotak ini bisa menjadi solusinya. Karena kotak yang bernama “marquee” ini mampu menampung banyak link dalam tempat yang sempit. Kotak blog roll ini tidak memiliki rollbar. Itu lho…..yg biasanya disebelah kanan trus bisa ditarik ulur sampe mulur ke atas dan ke bawah. Link-link ato isi didalam kotak ini akan bergerak/berjalan, bisa vertikal ato horizontal. Nah gini nih cara buatnya:
Pasang code berikut ini di kedalam element kamu (Page Element --> Add Page Element --> HTML /Javascript)

<MARQUEE align="center" direction="up" height="200" scrollamount= "2"

onmouseover='this.stop()' onmouseout='this.start()' width="95%" >

#link1 <br />
#link2 <br />
#link3 <br />
#link...<br />

</marquee>

Gimana sampe sini donk to? Klo donk, tarik maaaaaaaaaaaaang……
Keterangan :
- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right sesuai dengan keinginan mu.
- Jika kamu memilih untuk bergerak horizontal (left ato right) maka hilangkan kode.
- Angka "200" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.

Dah jadi, sekarang liat blogmu….. Gimana? Ok kan? Asyek……..





Read More......

Langsung aja ya? Nha begini cara membuatnya :
Pasang code berikut ini di kedalam element kamu (Page Element --> Add Page Element --> HTML /Javascript)

<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">

#link1 <br />
#link2 <br />
#link3 <br />
#link seterusnya...... <br />

</div>


keterangan:
- Kode width: 200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, kamu bisa merubahnya dan menyesuaikanya dengan ukuran yg kamu suka.
- Ganti tulisan "#link1,#link2, #link3 dst" dengan daftar link-link kamu, oh ya itu juga bisa diisi dengan banner link.
- Jika kamu pingin daftar link-linknya berjajar, maka hilangkan kode <br />


Read More......

Biasanya nulis script di blog hasilnya justru adalah bahasa atau aslinya, bukan scriptnya. Sebenarnya ada beberapa cara untuk menaruh script di blog, tapi itu yang bisa bahasa program. Klo seperti aku ini yang ga bisa bahasa pemograman, cari cara yang paling mudah.

Berikut cara yang paling mudah.
Buka situs ini
http://centricle.com/tools/html-entities, trus isikan kode-kode (script) kamu ke dalam kotak yang disediakan, bisa dengan copy pasta eh paste. Nah kalo sudah, tekan tombol "Encode", maka kamu akan mendapatkan script baru untuk diposting di blog kamu.
Setelah itu, copy paste deh script baru itu ke blog kamu, bisa lewat compose atau edit html di postingan kamu.
Gampang bangets to????
So ikutin aja cara ini, klo yang ga mo repot!!!!






Read More......

X-Change Link

Diposting oleh Street Spirit | 14.14

Kamu belum bisa masang banner link exchange? Apa itu banner link exchange? Kalo kita mau tukeran link biasanya ada kotak seperti ini :



Lha itu banner exchange link.
Nha trus gimana cara buat kotak tersebut?
begini, kita duduk sambil ngeteh dulu. Dah pesen es teh belum,pesen dulu gih!!
pertama Login ke blogger trus pilih Setting --> Template
trus klik Add Page Element lalup pilih HTML/Java Script
trus kopi kode berikut ini di tempat yang disediakan.


<textarea name="textarea" cols="20"><a href="http://tipsdantrikblogging.blogspot.com"><img src="http://anggaardian.googlepages.com/tip-trik.gif" width="90" height="17" border="0" /></a></textarea>

Angka 20 menunjukkan lebar kotak, kamu bisa mengaturnya sesuai dengan blogmu. Tipsdantrikblogging adalah link, ganti text tersebut dengan alamat blogmu,
sedangkan text anggaardian.googlepages.com/tip-trik.gif adalah alamat gambar beserta ukurannya, ganti text tsb dengan alamat gambar kamu.
terus simpan templatenya.

Hasilnya akan seperti kotak diatas, trus gambarnya mana?, gini didalam kotak tersebut kan ada textnya tuh, nha kalo textnya itu dicopy terus di paste di blog, maka hasilnya akan menjadi gambar dan juga ada linknya. Kisi kotak diatas kalo dicopy dan paste jadinya akan seperti ini:



Untuk membuat gambar sederhana diatas (chiklet), u bisa baca postingan i sebelumnya, OK'S?
Gampil mboten? Just that easy......



Read More......