Selasa, 20 Desember 2011

Cara Membuat Related Post / Artikel Terkait Dengan Gambar Thumbnail


Realated Post atau Artikel Terkait adalah widget yang akan menampilkan Beberapa Artikel Yang Berhubungan pada setiap akhir artikel atau pada setiap ahrir postingan blog. Kadang, ada juga sobat BLOGGER yang menganggap widget tersebut sebagai Widget Recent Post Thumbnail atau Artikel terakhir Denagn Gambar yang berbentuk horisontal.

Berbeda dengan Related Post Biasa, Related Post dengan Thumbnail / gambar memiliki tampilan yang lebih menarik dan dinamis. Adapun gambar yang di tampilkan berrbeda - beda sesuai dengan gambar yang ada pada setiap artikel. Apabila dalama sebuah artikel memiliki banyak gambar, Widget Related Post With Thumbnail biasanya menampilkan gambar pertama. Jika artikel tidak memiliki gambar, maka Related Post dengan Thumbnail akan menampilkan gambar yang sudah di atur pada kode widget Related Post Thumbnailnya.

Sayangnya jika menampilkan terlalu banyak Related Post, maka tampilannya akan jadi kurang menarik. Karena itu, seorang Blogger Blogspot biasanya hanya menampilkan beberapa Artikel pada Widget Related Post Thumbnail ini. jumlahnya berbeda tergantung dari si pemilik BLOG dengan menyesuaikan lebar kotak postingan blognya. Ada yang menampilkan 6, 5, dan ada juga yang hanya menampilkan 4 Artikel Lain Yang Berhubungan pada widget Artikel Terkait ini karena lebar kotak postingan yang sempit. Berbeda dengan Related Post Biasa yang dilengkapi dengan fungsi scroll sehingga mampu menampilkan banyak Artikel Lain yang berhubungan berdasarkan label Artikelnya.
Berikut adalah gambar screenshoot Related Post dengan 5 Artikel Lain yang berhungan.



Oce bro... mari kita lanjutkan....

Seperti biasa, kamu hanya lemparkan senyum silahkan masuk ke akun blog anda di www.blogger.com dengan menggunkan USERNAME dan PASSWORD Blog anda. Lalu pergi begitu saja bagai pesawat tempur anda akan berada pada halaman DASBOR BLOG. Pada halaman tersebut, klik Tombol RANCANGAN.
Selanjutnya, pada halaman RANCANGAN, klik Tab EDIT HTML.
Beri tanda Checklist / Centang / Contreng  atau terserah anda menyebutnya apa pada kotak kecil yang ada di depan tulisan EXPAND TEMPLATE WIDGET. Di bawah tulisan tersebut membentang sempit sebuah kotak yang berisi KODE HTML TEMPLATE BLOG yang bikin pusing kepala.
Cari kode </head> pada kotak HTML tersebut.  Lakukan pencarian cepat dengan menggunakan tombol CTRL + (plus) huruf F pada keyboard anda lalu tekan ENTER yang akan menampilkan kotak FINE pada sudut kiri bawah browser anda. Selanjutnya ketik </head> pada kotak tersebut. Sudah dapat kodenya ?
Copy kode HTML berikut ini :

<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script src='https://sites.google.com/site/bloggerbugis/js/relatedthumbsbloggerbugis4U.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

Letakkan / Paste di atas kode </head> template blog anda.
Selanjutnya cari kode  <div class='post-footer-line post-footer-line-1'>  pada kode template blog anda. Kalau anda tidak menemukan kode tersebut pada template blog anda, cari kode ini : <p class='post-footer-line post-footer-line-1'>
Letakkan/Copas kode di bawah ini DI BAWAH salah satu kode tersebut di atas. Berikut kodenya :

<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

Simpan Template Anda
Selesai........
Widget Related Post / Artikel Terkait dengan Gambar / Thumbnail akan menampilkan 5 Artikel terkait berdasarkan label artikel. Jika ingin menambah atau mengurangi jumlah Related Post yang di tampilkan, silahlkan ganti angka 5 (Lima) pada kode var maxresults=5; menjadi lebih banyak atau lebih sedikit.

Jika ingin mengganti tulisan Related Post dengan kata / kalimat lain, silahkan ganti tlisan Related Post ( jangan menghapus tanda petiknya) pada kode var relatedpoststitle="Related Posts";

Oke selesai deh..

happy blogging..


Source : blogger-bugis.blogspot.com

Recent Post Thumbnail/Gambar Bergerak Ke Bawah Efek Marquee

TUTORIAL INI BELUM BISA DI TERAPKAN DI BLOG ANDA. SILAHKAN BACA KOMENTAR UNTUK INFORMASI LEBIH LANJUT. SILAHKAN BACA ARTIKEL YANG LAIN

Recent Post Marquee / Animasi
Recent Post adalah widget yang akan menampilkan beberapa artikel / postingan terakhir blog. Adapun jumlah portingan yang di tampilkan bisa diatur sesuai keinginan kita dengan mengacak - acak kode HTMLnya. Dengan widget recent post ini, pengunjung akan dengan mudah melihat beberapa artikel terakhir yang diposting di blog. Dengan sekali klik, pengunjung akan langsung menuju ke artikel yang masih fresh. 

Di artikel sebelumnya saya sudah menulis tutorial membuat Recent Post / Artikel Terakhir dengan Thumbnail. Dengan fungsi thumbnail, Widget Recent Post akan menampilkan Gambar yang ada di dalam artikel seperti yang biasa kita jumpai pada Widget Related Post / Artikel Terkait yang dipasang di akhir artikel / postingan blog.

Secara tidak sengaja, saya menghapus JavaScript Recent Post Thumbnail BLOGGERBUGIS yang tersimpan di sites google. Karena malas upload kembali JSnya, sekalian saja saya memasang Widget Recent Post Thumbnail yang baru yang telah di tambahkan efek MARQUEE / Berjalan. Dengan efek marquee, Widget Recent Post Thumbnail BB jadi tampak lebih menarik. Related Post Thumbnail akan BERGERAK turun dengan teratur. Hasilnya, jadilah Widget Recent Post Thumbnail Animasi hehehe....
Belum puas dengan animasinya, sekalian saja saya tambahkan bingkai yang tidak bisa di gunakan untuk foto dinding. Hasilnya... silhkan lihat sendiri pada sidebar blog BLOGGERBUGIS ini (kalau belum diganti dengan yang lebih canggih hehe...).

Mau tahu cara memasang Widget Related Post Tumbnail Animasi yang bergerak turun dan dilengkapi dengan bingkai yang tidak bisa digunakan untuk foto dinding di rumah pada blog anda ? (Kalau kalimatnya terlalu panjang, silahkan ambil nafas dulu. Bernafas melalui hidung... lalu keluarkan melalui bokong hehehehe......).

Copy kode HTML berikut :

<center><table border="2" cellpadding="7"><tbody><tr><td><center><style type="text/css">
#rp_plus_img{height:280px;overflow:hidden;border:solid 0px #000000;padding:6px 10px 14px 5px;background-color:transparent;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:85px;padding:0px;list-style:none;}
#rp_plus_img a{color: #000000;}
#rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#000000;text-align:left;}
#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#DF0101;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #DF0101;width:95px;height:55px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="https://sites.google.com/site/bloggerbugis/js/RergerakBB4U%282%29.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 1000;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 20;
var numchars = 45;
</script> <script src="http://ridho-tif.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script> </ul>
</center></td></tr></tbody></table></center>


Paste di NOTEPAD atau Microsoft Office Word.
Ganti kode yang berwarna BIRU dengan url blog anda.
Selanjutnya.....................

Jika ingin mengedit kode yang lain, silahkan edit kode HTML Recent Postnya yang di beri warna MERAH sesuai petunjuk berikut :

height:280px; Adalah tinggi Kotak Recent Post. Silahkan ganti angka 280 menjadi angka yang lebih banyak jika ingin membut kotak yang lebih panjang atau sebaliknya.

 font-size:14px;font-weight:bold !important;color:#000000; Adalah kode untuk Besar huruf dan warna Judul artikel. Ganti angka 14 menjadi lebih besar jika ingin membuat Teks Judul menjadi lebih besar dan sebaliknya. Kode #000000 adalah kode warna hitam. Silahkan diganti dengan kode warna anda jika anda menginginkan warna lain pada judul artikel yang akan ditampilkan Related Post. 

font-size:12px;font-weight:normal !important;color:#DF0101; Adalah kode untuk tulisan yang ada di bawah gambar thumbnail yang merupakan kalimat pertama artikel. Cara mengedit kodenya sama seperti cara mengedit judul artikel di atas.

var speed = 1000;
var pause = 3500; Adalah kecepatan Gambar bergerak Turun dan Lama Gambar Terdiam sebelum bergerak. Ganti angka 1000 jika ingin membuat gambarnya bergerak turun lebih cepat dan sebaliknya.  Begitu juga dengan angka 3500 jika ingin membuat gambar terdiam lebih lama dan sebaliknya, sebelum gambar bergerak turun.

var numposts = 20; adalah jumlah judul postingan / artikel yang akan di tampilkan secara bergantian. Silahkan ganti angka 20 menjadi lebih besar jika ingin menampilkan lebih banyak judul artikel pada widget recent postnya, atau sebaliknya.

Jika anda masih ingin mengedit kode yang lain, silahkan saja. Kalau widgetnya hancur baru tau rasa 


Oce bro.. semoga Tutorialnya bermanfaat... Salam Blogger...


Source : blogger-bugis.blogspot.com

Sabtu, 17 Desember 2011

AMAZON SEARCH BOX

Jumat, 16 Desember 2011

Ipanel terbukti Membayar Member Nya..







nah,  bagi agan-agan yang baru pengen memulai bisnis di dunia internet, ane ada satu program neh. yang bisa ngebayar agan-agan hanya dengan ikutan survey dari ipanel. Pada awal nya sih, ane juga sempat ragu dengan neh situs. tapi sekarang ane yakin neh situs bener-bener ngebayar member nya.
buktinya aja dalam kurun beberapa hari aja ane udah bisa cashout 100.000idr..
 bagi agan-agan yang pengen deftar atau bergabung dengan ipanelonline siliahkah daftar disini, tapi ingat agan-agan harus teliti dan jujur menjawab survey dari ipanel,,  boleh sih gak jujur atau curang, tapi akibat nya akun agan bakal di blokir dari ipanel.. gak bisa dapat duit lagi deh...
gimana? pengen daftar? kalo berminat dapat untung gede silahkan daftar disini...
 plus di ipanelonline ini agan-agan juga bisa nambah pengetahuan agan dari survey yang diikuti oleh banyak orang dan dari kalangan yang berbeda-beda, plus juga bisa ngebantu kita jika ada tugas yang berkaitan dengan survey, jadi tinggal searching aja deh jenis survey yang kita butuhkan tanpa perlu survey lagi.. hemat waktu kan..?
pokok nya gak nyesal deh kalo jadi anggota ipanelonline..



ne saya ada bukti pembayaran yang dilakukan ipanel :
pembayaran pertama :


pembayaran kedua :






good luck..

Hanya butuh waktu 1 Menit Daftar Blog ke 12 Mesin Pencari dengan SubmitStart


Pada artikel sebelumnya tentang cara mendaftarkan blog di MESIN PENCARI, saya hanya membahas 3 Mesin Pencari. Tutorialnya panjang dan butuh waktu yang lumayan lama mendaftarkan blog jika dibandingkan dengan tutorial kali ini. Mendaftarkan Blog di Mesin Pencari adalah suatu keharusan jika anda ingin Blog anda cepat terindeks / terdeteksi mesin pencari. Tujuannya agar Blog tampil di halaman depan hasil pencarian yang ujung�nya akan meningkatkan Traffic Blog.

Lakukan tutorial berikut ini, maka dengan beberapa kali klik, secara otomatis blog akan langsung terdaftar di 12 Mesin Pencari terbesar saat ini yaitu :



  • Google
  • Bing
  • Yahoo
  • AOL
  • Excite
  • Entireweb
  • Gigablast
  • Dogpile
  • WebCrawler
  • ExactSeek
  • ixQuick
  • Mamma

Silahkan hitung sendiri. Jumlahnya 12 kan ??? hehehe...
Ga' usah tunggu lama�. Langsung Submite / Daftar blog anda dengan klik DISINI.

Saya yakin anda sudah tahu langkah selanjutnya hehehe....
Tapi untuk memastikan, silahkan isi kolom yang tersedia dengan URL Blog / Link Blog anda dan alamat Email anda. Setelah itu, langsung klik tombol SUBMITE
Jika anda melihat tampilan seperti gambar di bawah ini, Klik tulisan yang berwarna ORANGE (Click here to complete your submission to Bing)  


Pada halaman BING yang terbuka di tab baru, isi kotak kecil dengan URL blog anda, ketik kode chaptcha, lalu Klik tombol Submite URL
Selanjutnya klik Tulisan orange yang kedua (Click here to complete your submission to Yahoo!) 
Di halaman Yahoo, klik tombol / Tulisan Submit a Website or Webpage 
Masukkan URL blog anda, lalu Klik SUBMITE URL

Selesai.........

Blog anda sudah terdaftar di 12 Mesin Pencari. Semoga traffic blog anda meningkat dengan pengunjung blog yang semakin ramai dari seluruh belahan dunia maya hehehe....

Semoga artikelnya bermanfaat,
Happy blogging.........

Sumber : blogger-bugis.blogspot.com


Cara Membuat Recent Post Bergerak Ke Bawah


Cara Membuat Recent Post Bergerak Ke Bawah yah itulah Tips Dan Trik Tutorial Blogspot tentang Membuat Recent Post Bergerak Ke Bawah or hanya keyword google Cara Membuat Recent Post + Thumbnail dengan Jquery
Recent Post adalah widget Blog yang akan menampilkan beberapa artikel / postingan terakhir blog. Adapun jumlah portingan yang di tampilkan bisa diatur sesuai keinginan kita dengan mengacak - acak kode HTMLnya. Cara Membuat Recent Post Bergerak Ke Bawah Dengan widget recent post ini, pengunjung akan dengan mudah melihat beberapa artikel terakhir yang diposting di blog. Dengan sekali klik, pengunjung akan langsung menuju ke artikel yang masih fresh.

Cara Membuat Recent Post Bergerak ,Di artikel sebelumnya saya sudah menulis tutorial membuat Recent Post / Artikel Terakhir dengan Thumbnail. Dengan fungsi thumbnail, Widget Recent Post akan menampilkan Gambar yang ada di dalam artikel seperti yang biasa kita jumpai pada Widget Related Post / Artikel Terkait yang dipasang di akhir artikel / postingan blog.

Secara tidak sengaja, saya menghapus JavaScript Recent Post Thumbnail BLOGGERBUGIS yang tersimpan di sites google. Karena malas upload kembali JSnya, sekalian saja saya memasang Widget Recent Post Thumbnail yang baru yang telah di tambahkan efek MARQUEE / Berjalan. Dengan efek marquee, Widget Recent Post Thumbnail BB jadi tampak lebih menarik. Related Post Thumbnail akan BERGERAK turun dengan teratur. Hasilnya, jadilah Widget Recent Post Thumbnail Animasi hehehe....
Belum puas dengan animasinya, sekalian saja saya tambahkan bingkai yang tidak bisa di gunakan untuk foto dinding. Hasilnya... silhkan lihat sendiri pada sidebar blog BLOGGERBUGIS ini (kalau belum diganti dengan yang lebih canggih hehe...).

Cara Membuat Recent Post Bergerak, Mau tahu cara memasang Widget Related Post Tumbnail Animasi yang bergerak turun dan dilengkapi dengan bingkai yang tidak bisa digunakan untuk foto dinding di rumah pada blog anda ? (Kalau kalimatnya terlalu panjang, silahkan ambil nafas dulu. Bernafas melalui hidung... lalu keluarkan melalui bokong hehehehe......).


Copy kode HTML berikut :

<center><table border="2" cellpadding="7"><tbody><tr><td><center><style type="text/css">
#rp_plus_img{height:280px;overflow:hidden;border:solid 0px #000000;padding:6px 10px 14px 5px;background-color:transparent;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:85px;padding:0px;list-style:none;}
#rp_plus_img a{color: #000000;}
#rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#000000;text-align:left;}
#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#DF0101;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #DF0101;width:95px;height:55px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="https://sites.google.com/site/bloggerbugis/js/RergerakBB4U%282%29.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 1000;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 20;
var numchars = 45;
</script> <script src="http://ridho-tif.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script> </ul>
</center></td></tr></tbody></table></center>



Paste di NOTEPAD atau Microsoft Office Word.

Ganti kode yang berwarna MERAH dengan url blog anda.

Selanjutnya....................

Tambahkan gadget baru pada blog anda dengan memilih kotak HTML/JavaScript lau paste kode Related Post yang telah anda ganti dengan URL BLOGANDA sendiri lalu simpan. Jika anda belum tahu cara menambahkan gadget baru pada BLOG BLOGSPOT. silahkan baca A. MENAMBAHKAN WIDGET DISINI

Selesai........


Jika ingin mengedit kode yang lain, silahkan edit kode HTML Recent Postnya yang di beri warna MERAH sesuai petunjuk berikut :

height:280px; Adalah tinggi Kotak Recent Post. Silahkan ganti angka 280 menjadi angka yang lebih banyak jika ingin membut kotak yang lebih panjang atau sebaliknya.

font-size:14px;font-weight:bold !important;color:#000000; Adalah kode untuk Besar huruf dan warna Judul artikel. Ganti angka 14 menjadi lebih besar jika ingin membuat Teks Judul menjadi lebih besar dan sebaliknya. Kode #000000 adalah kode warna hitam. Silahkan diganti dengan kode warna anda jika anda menginginkan warna lain pada judul artikel yang akan ditampilkan Related Post.

font-size:12px;font-weight:normal !important;color:#DF0101; Adalah kode untuk tulisan yang ada di bawah gambar thumbnail yang merupakan kalimat pertama artikel. Cara mengedit kodenya sama seperti cara mengedit judul artikel di atas.

var speed = 1000;
var pause = 3500; Adalah kecepatan Gambar bergerak Turun dan Lama Gambar Terdiam sebelum bergerak. Ganti angka 1000 jika ingin membuat gambarnya bergerak turun lebih cepat dan sebaliknya. Begitu juga dengan angka 3500 jika ingin membuat gambar terdiam lebih lama dan sebaliknya, sebelum gambar bergerak turun.

var numposts = 20; adalah jumlah judul postingan / artikel yang akan di tampilkan secara bergantian. Silahkan ganti angka 20 menjadi lebih besar jika ingin menampilkan lebih banyak judul artikel pada widget recent postnya, atau sebaliknya.

Jika anda masih ingin mengedit kode yang lain, silahkan saja. Kalau widgetnya hancur baru tau rasa, Oce bro.. semoga Tutorialnya Cara Membuat Recent Post Bergerak bermanfaat... Salam Blogger...

Sumber : OjelHTC.blogspot.com


Cara Membuat Blog Menjadi Dofollow


Cara Membuat Blog Menjadi Dofollow yah Tutorial Blogspot lagi dah rencana incar visitor yang lebih banyak lagi :v, Blog Dofollow sudah merajarela dimana-mana, dan telah tersebar hingga seluruh dunia. Menanggapi request dari sahabat Deny maka Deny akan menuliskan artikel cara membuat blog menjadi dofollow.

Banyak sobat blogger yang membuat blog menjadi dofollow hanya untuk mendapatkan komentar yang banyak. Selain itu menurut mereka blog dofollow akan menghasilkan pengunjung yang banyak dan terus setia berkunjung dan bahkan berkomentar di blognya (baca: tips mendapatkan pengunjung setia). Cara Membuat Blog Menjadi Dofollow

Jika menurut saya, blog dofollow dan nofollow (baca: apakah dofollow dan nofollow itu?) itu hampir sama saja, namun yang membedakan blog dofollow memberikan backlink yang lebih banyak saat berkomentar daripada blog nofollow, maka itulah yang menimbulkan minat pengunjung untuk berkomentar di blog dofollow.


Apakah anda sudah yakin ingin merubah blog anda menjadi dofollow? Jika anda berminat silakan ikuti tutorial berikut di bawah ini: Cara Membuat Blog Menjadi Dofollow.
1. Login ke akun blogger sobat.
2. Pergi ke tab rancangan, lalu pilih edit html.
3. Centang expand template widget, lalu cari kode berikut:

<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

4. Hapus kode yang berwarna merah di atas, sehingga kodenya akan menjadi seperti ini:

<a expr:href='data:comment.authorUrl'><data:comment.author/></a>

5. Lalu cari kode berikut ini:

<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>

6. Kemudian hapus kode yang berwarna merah di atas, sehingga kodenya akan menjadi seperti ini:
<a expr:href='data:backlink.url'><data:backlink.title/></a>

7. Simpan template.

Selamat anda sudah selesai merubah/membuat blog anda menjadi dofollow. Saya tekankan tidak semua blog dofollow memiliki komentar banyak, terkecuali bagi mereka yang blognya bertraffic tinggi, rajin blogwalking (promosi), ataupun yang memiliki pengunjung setia. Dan tidak mesti juga blog nofollow memiliki komentar sedikit, semua itu tergantung dari blogwalking tadi (berkomentar), kualitas artikel, dan traffic yang lumayan tinggi juga.

Silakan tentukan pilihan anda, apakah anda yakin ingin membuat blog menjadi dofollow? Itu dipilihan anda masing-masing.

Sumber : OjelHTC.blogspot.com

Disable Klik Kanan Pada Blog


Cara Mendisable Klik Kanan Pada Blogspot atau bisa juga dengan keyword Cara Menonaktifkan/Mematikan Klik Kanan Pada Blog yah itulah Tips Dan Trik Blogspot HTC kali ini, Terkadang kita ada kalanya kepingin halaman blog kita tidak bisa di klik kanan oleh orang lain, mungkin karena ada sesuatu hal yang membuat kita terpaksa membuatnya.

Mungkin saja karena kita ingin melindungi semua rahasia-rahasia yang ada di balik klik kanan tersebut. Terlepas dari hal itu, entah anda pingin atau tidak, saya coba membantu cara praktis membuat klik kanan di halaman blog anda agar didisable oleh system.

Untuk itu silahkan ikuti langkah-langkah berikut ini tentang Cara Disable Klik Kanan Pada Blog.

1. Masuk ke Blog anda
2. Klik Tata Letak
3. Klik Tambah Gadget
4. Klik pilihan menu HTML/JavaScript
5. Pastekan script di bawah ini ke dalam kolom konten tersebut


<script>
var message="Maaf, Klik Kanan Saat Ini Saya Disable ";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")
</script>



6. Silahkan ganti script yang berwarna biru dengan kalimat pilihan anda
7. Klik Simpan
8. Selesai dan Selamat Mencoba  ^_^

Sumber : OjelHTC.blogspot.com


Cara Buat Tukeran Link Otomatis


Bagi kawan yang belum tahu caranya membuat dan ingin juga memasang, maka silahkan ikuti langkah dibawah ini:

Daftar dulu disini, gratis kok, proses pendaftaran sama dengan pendaftaran layanan lainnya, dan lakukan sampai melakukan konfirmasi dari email yang diterima. Saya tidak akan menjelaskan detil untuk hal ini, karena jika anda sudah bisa mendaftar sebagai blogger maka tidak akan sukar melakukan pendaftaran ini. setelah anda mendaftar anda akan mendapatkan kode html..  lalu sisipkan kode html tersebut di Rancangan > tambah gadget > HTML/Java Script..

contoh script yang didapatkan: <div dir="ltr" style="text-align: left;" trbidi="on">
<script src="http://www.blenza.com/linkies/autolink.php?owner=ridho1991&amp;postid=22Oct2011a" type="text/javascript">
</script></div>


berikut hasil nya jika sudah selesai terpasang  :



Selamat Mencoba...

Pasang Info Cuaca Di Blog


Info Cuaca adalah salah satu aksesoris yang cukup menarik untuk dipasang diblog. Tujuanya adalah ya untuk mengetahui ramalan cuaca,walaupun Info Cuaca ini hanya mewakili kota tempat tinggal sang pemilik blog .namun Info Cuaca ini cukup menarik untuk dipasang di blog kamu .berikut adalah gimana cara dapatin kode html untuk Info cuaca tersebut:

1.Klik http://www.wanderground.com.

2.Masukan nama kota tempat kamu tinggal,lalu klik tanda Search disampingnya.

3.Setelah muncul Info Cuaca kota kamu silakan klik Get Your Wheater Sticker yang ada dibawah.

4.Silakan pilih banner Info Cuaca yang kamu inginkan.

5.Setelah kamu memilih banner yang kamu inginkan,nanti akan tampil kode HTML dari banner tersebut.

6.Copy Kode HTML banner yang kamu pilih.

7.Selanjutnya LOGIN ke blogger kemudian klik Tata Letak Lalu klik Tambah Gadget dan Pilih HTML/javascript lalu paste kode tadi kedalamnya. jangan lupa klik save.

8.Selesai.. Tinggal kamu lihat hasilnya.

Meta Tag Generator Lulus Uji Coba

Pusing nentuin Meta Tag yang baik buat blog ? ga usah pusing-pusing hehehe .kerana dalam postingan kali ini saya akan membahas mengenai Cara Buat Meta Tag Dengan Meta Tag Generator .menentukan Meta Tag memang perlu sekali untuk SEO, karena Meta Tag akan menjelaskan keyword blog kita kepada Search Engine. Pada dasarnya dari beberapa jenis Meta Tag kegunaanya adalah sama namun yang membedakan adalah senruhan SEO sendiri.  ne ane ada meat tag yang ampuh banget untuk SEO dan lulus uji coba..  Meta Tag ini ane dapatin dari salah satu mastah blogger..  :D  ne ane share meta tag nya..


<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName' name='Keywords'/>
<meta expr:content='data:blog.pageName' name='subject'/>
<meta expr:content='data:blog.pageName' name='Abstract'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<meta content='ridho blog - teknologi dan informasi - Information System Solution' name='description'/>
<meta content='business online,tutorial blog,sports,cara dan tips instal komputer,google adsense,wordpress,windows xp,windows 7,free software,template,joomla,seo friendly,linux,download' name='keywords'/>
</b:if>

letakin meta tag diatas dibawah kode <head> di perancangan edit HTML.

selamat mencoba..

Cara Buat Template Blogspot


Dalam postingan kali ini saya akan membahas bagaimana Cara Membuat Template Blogspot. Yaitu dengan menggunakan template generator .Sekarang ini sudah banyak sekali pengguna blog dan pengguna template yang sama ,jika ingin tampilan blog anda terlihat beda Caranya adalah dengan membuat sendiri template untuk blog anda .Tanpa basa-basi langsung saja kita praktek bagaimana cara membuat template blog.
Buat anda yang pemula jangan khawatir pembuatan template yang saya bahas tidak menggunakan bahasa pemrograman .

Ikuti lankah2 berikut untuk membuat template

1.Klik Link http://e-infotainment.com/trixapps/trixtg/trixtgv2/application.php Atau  Klik Disini

2.Setelah anda membuka situs tersebut terdapat 2 window/jendela. Window yang di depan adalah window untuk mengatur setingan template .Dan window yang dibelakangnya adalah adalah preview/hasil sementara dari hasil hasil settingan dari window yang di depan.

3.Di dalam window yang di depan terdapat 9 menu utama untuk mengatur template .Yaitu General settings,load/save template,choose layout,extra settings,body settings,outer wrapper,content wrapper,main wrapper,HTML Code.

4.Selanjutnya Buka menu load/save template .setelah anda klik akan terdapat beberapa menu . selanjutnya pilih menu category dengan trix designs .setelah memilih category selanjutnya memilih template .Ada 7 template yang siap anda buat , yaitu BG Styles,bubble,digital diary,notebook,orkut simple,puffy, dan vista. silakan pilih salah satu dengan selera. lalu klik menu load template yang ada disampingnya .dan lihat previewnya yang ada di jendela belakang.

5.Lalu Klik Menu Choose Layout ,dan beri tanda centang untuk bagian blog yang anda ingin tampilkan pada template.dan memilih tipe sidebar.

6.Selanjutnya klik menu Body Settings ada beberapa menu dan bagian yang bisa anda setting, yaitu background,Text,Dimensions,More Styles dan Link silakan atur sendiri menurut selera anda.

7.Berikutnya klik menu Outer Wrapper, sam aseperti body settings ada beberapa menu juga yang dapat di atur menurut selera anda seperti Background,Text,Dimensions dan More Styles silakan setting sendiri menurut selera anda.

8.Klik menu Header Wrapper,Pada menu header wrapper terdapat menu setting yang lebih banyak di antaranya Title,Description,Menu Wrapper,dan Menu Link yang di dalamnya masih terdapat menu stting lagi . silakan setting menurut selera anda .

9.Selanjutnya klik menu Content Wrapper ,Di dalam menu ini juga terdapat menu setting yang hampir sama pada menu setting sebelumnya . silakan setting menurut sera anda .

10.Setelah itu Klik menu Crosscol Wrapper , Dalam menu ini juga terdapat sedit lebih banyak menu setiing yang sama seperti menu setting header wrapper yang didalam menu tersebut masih ada beberapa menu setting lagi.

11.Selanjutnya Klik Menu Main Wrapper, Di dalam menu ini juga terdapat lebih banyak menu setting diantaranya Single Post,Date Header,Post Title,Post Content,Post Footer,Dan Block .dan masih ada menu setting lagi di dalam menu tersebut . silakan setting menurut selera anda.

12.Setelah itu klik menu Sidebar Wrapper , Lalu klik Menu setting satu per satu dan setting menurut selera anda.

13.Lalu Klik menu Footer Wrapper , dalam menu ini juga sama terdapat beberapa menu setting seperti menu setting sebelumnya .silakan seting menurut selera anda.

14.Inilah tahapan menu terakhir yaitu menu HTML Code .menu ini akan menampilkan Kode HTML dari hasil settingan template yang tadi anda setting . Klik Menu HTML Code Lalu klik Blogger dan akan tampil kode html dari hasil settinagn tadi .Selanjutnya blok semua kode tersebut untuk di paste ke blog anda.

15.Selanjutnya sig in ke blogger .klik tata letak Lalu klik edit html . Blok semua kode html tersebut yang anda di blog anda dan hapus semua kode tersebut.Lalu paste kode hasil pembuatan tamplate tadi ke blog anda. Selanjutnya klik save template . dan lihat hasilnya ?



Selamat mencoba  .^_^.

Cara Buat Status YM di Blog


Dalam postingan yang singkat kali ini saya akan membahas bagaimana Cara Buat Status Yahoo Messenger di Blog.Punya Yahoo Messenger atau YM ?Pasti kamu yang suka chatting punya yang namanya YM atau Yahoo Messenger.Yahoo Messenger bisa kita aplikasikan loh kedalam blog kita ? ya sekedar buat chatting kepada pengunjung blog kita atau bisa juga buat tanya jawab tentang blog kita .coba lihat Status Yahoo Messenger yang sedang online di bawah ini :

dan coba lihat Status Yahoo Messenger yang sedang offline dibawah ini :

kamu bisa memasang Status Yahoo Messenger kaya di atas dengan mudah, silakan ikuti langkah-langkah Cara Buat Status Yahoo Messenger di Blog dibawah ini :

1.Login ke Blogger.com

2.kemudian klik Tata Letak dan klik lagi Elemen Halaman kemudian pilih Tambah Gadget

3.Setelah muncul jendela baru silakan pilih HTML/Javascript,Lalu copy dan paste kode berikut ini kedalam kolom HTML/Javascript Tersebut.

<center><a href="http://messenger.yahoo.com/edit/send/?.target=ID-YM"><img src="http://opi.yahoo.com/yahooonline/u=ridho.hilmawan/m=g/t=14/l=us/opi.jpg" alt="Status YM" border="0" /></a></center>

4.Ganti tulisan ID-YM yang berwarna biru dengan ID Yahoo Messenger Kamu.selain itu kamu juga bisa mengganti tampilan Status Yahoo Messenger kamu dengan merubah angka 14 yang berwarna hijau dengan angka 1-14 menurut tampilan icon YM yg kamu inginkan .silakan dicoba.

selesai selamat mencoba Cara Buat Status Yahoo Messenger di Blog.

Cara Daftar Google Adsense


Google Adsense adalah program periklanan milik google yang membayar penerbit iklan dari sponsornya dengan sistem pembayaran PPC (Pay Per Click).Apakah kamu pernah di tolak mendaftar Google Adsense ?kalo pernah pasti kamu pasrah .hehehe tapi jangan pasrah gitu dong, kali ini saya punya tips nich gimana CARA MUDAH DAFTAR GOOGLE ADSENSE dan kemungkinan diterimanya sekitar 80%,dan yang menyenangkannya lagi script atau kode iklan dari Google Adsense ini bisa dipasang di blog kita yang lain dan yang berbahasa indonesia.jadi ketakutan kita saat mencoba atau mendaftar baru di Google Adsense jadi berkurang dech .hehehe

Apa sebabnya para blogger ngebet banget pengen cepet-cepet di terima Google Adsense ? ya.. mungkin karena bayaranya yang cukup lumayan .hehehe apalagi kalo trafik blog kita bagus,makin banyak dech dollar yang masuk ke kantong kita .sedikit informasi ada sebuah website yang menjadi penerbit iklan dari Google Adsense dan website tersebut sekarang menjadi penerbit iklan dari Google Adsense dengan penghasilan terbesar yaitu sekitar 10.000 dollar sebulan. coba kamu rupiahkan jumlah tersebut.

Apa yang menyebabkan kamu ditolak mendaftar google adsense ?ya.. kemungkinan terbesar pendaftaran Google Adsense adalah dari bahasa utama yang digunakan blog itu sendiri.dan biasanya kalo kita mendaftar Google Adsense dengan blog berbahasa indonesia pasti slalu ditolak .karena bahasa indonesia belum didukung oleh Google Adsense . dan berikut ini ada tips CARA MUDAH DAFTAR GOOGLE ADSENSE dan script atau kode iklanya juga bisa dipake bi blog kita yang lain malahan yang berbahasa indonesia . silakan ikuti langkah-langkah berikut untuk daftar google adsense:
CARA MUDAH DAFTAR GOOGLE ADSENSE
1.Kalo kamu sudah punya blog berbahasa indonesia silakan buat blog baru dengan menggunakan bahasa inggris sebagai bahasa utama.

2.Setelah blog jadi isikan dengan minimal 5 postingan dengan menggunakan B.inggris .kalo kamu kuarang mengerti B.inggris silakan gunakan google translate.

3.Setelah kamu memiliki 5 postingan yang kamu lakukan sekarang adalah mendaftar google adsense langsung dari blog kamu .Caranya kamu klik layout pada dashboard lalu kamu klik add a apge element nah tinggal kamu pilih Adsense

4.Setelah muncul jendela baru pada Adsense silakan isi Email dengan email blog kamu dan isikan Blog Language dan Email language dengan english, kemudian klik Create account

5.Setelah kamu mengklik Create account akan muncul jendela baru lagi yang merupakan form pendaftaran Google Adsense silakan kamu isi data-data dengan lengkap.

6.jika kamu memilih metode LOGIN ke Google Adsense dengan google account maka kamu akan diminta memasukan email dan password google acount milik kamu .setelah itu klik Continue

7.Pada halaman berikutnya adalah informasi bahwa google telah mengirimkan sebuah email ke email kamu untuk diverifikasi.

8.silakan cek email yang kamu gunakan untuk mendaftar Google Adsense. setelah ada email dari Google Adsense silakan klik link aktivasi account Google Adsense kamu.

9.Setelah link aktivasi dibuka maka ada halaman berikutnya yang berisi pendaftaran Google Adsense sedang diproses dan akan ditindak lanjuti dalam kurun waktu 2 hari . selesai ..

10.sambil kamu menunggu proses verifikasi akun Google Adsense .kamu juga tetap bisa menampilkan iklan google adsense . dengan cara klik layout pada dashboard lalu kamu klik add a apge element nah tinggal kamu pilih Adsense. dan kamu tinggal Login dengan akun google kamu.

Cara Pasang Widget Feedjit


Salah satu kebutuhan pemilik blog adalah apa dan kata kunci atau dari mana pengunjung blognya dapat sampai di blognya .untuk itu Feedjit adalah solusinya.Wiget Feedjit ini sangat berguna untuk sebuah blog dan untuk mengetahui dari mana datangnya pengunjung blog kamu .Wiget Feedjit ini dapat di dapatkan secara gratis .Selain untuk itu semua Wiget Feedjit juga bisa untuk membandingkan keyword atau kata kunci apa yang paling banyak membawa pengunjung datang ke blog kamu. pengen Pasang Wiget Feedjit ? silakan ikuti langkah-langkah Cara Pasang Widget Feedjit berikut ini:

1.Klik http://feedjit.com/

2.Lihat Bagian bawah ada 4 contoh Widget Feedjit yang bisa kamu pilih.

3.Kalo pengen ngerubah ukuran atau tampilanya klik aja Click here to Customize It!

4.Kalo udah Copy kode HTML Widget Feedjit nya ke blog kamu . Caranya Login ke blogger Lalu Klik Tata Letak Kemudian Klik tambah Gadget Lalu pilih HTML/javascript Lalu paste kodenya disitu . Jangan lupa klik Simpan

Pengaturan Blog Untuk SEO


Dalam tekhnik SEO Pengaturan-pengaturan dasar untuk blog sangat diperlukan .Tujuanya adalah untuk memberikan informasi secara jelas apa yang ada di dalam sebuah blog. Pengaturan ini meliputi pengaturan-pengaturan dasar di dalam elemen-elemen blog .Pengaturan blog untuk SEO ini juga berguna untuk menginformasikan Robots dari search engine mengenai info dasar blog kita secara detail,yang tujuanya supaya search engine lebih friendly terhadap blog kita .sekian penjelasan dari saya mengenai Pengaturan blog untuk SEO. langsung aja kita praktek mengatur pengaturan dasar blog unruk SEO .
Ikuti Langkah-langkah berikut :

1Login ke http://www.blogger.com

2.Setelah Login Klik pengaturan lalu klik "Dasar"

3."Judul" dan "uraian" adalah deskripsi blog kamu jadi kalo udah di set biarkan saja

4.Untuk "tambahkan blog kedaftar kami" dan "Biarkan mesin pencari menemukan blog anda" pastikan sudah di set "ya"

5.Untuk "Konten Dewasa" Pastikan di set tidak.
Klo udah klik "Simpan setelan"

6.Klik menu "Format"

7.Untuk "Tampilkan" pastikan angkanya di atas 5 .setting "Tampilkan" Ini adalah untuk mengatur/menampilkan jumlah postingan di halaman depan blog kamu.

8.Untuk "Format Tanggal" Pilih terserah kamu.

9.Untuk "Zona Waktu" pastikan zona indonesia karena kita tinggal di indonesia .hehehe

10.Untuk "Tampilkan Field Judul" pastikan di set "ya".

11.Untuk "Tampilkan Kolom Link" Dan "Aktifkan peralatan Float" du set ke "ya" juga.

12."Template Posting" isikan dengan keyword blog kamu .
Kalo udah klik "Simpan Setelan"

13.Selanjutnya klik Menu "Feed Situs"

14.Untuk pengaturan "Izinkan Feed Blog" di set ke "ya"

15.Kemudian isikan keyword blog kamu lagi Di "Footer Feed Posting" dan kemudian Klik simpan setelan.

Selesai..Demikianlah Pengaturan Blog Untuk SEO (Search Engine Optimization) Semoga blog kamu jadi lebih Friendly lagi dengan Search engine.

Cara Menggunakan Google Webmaster Tool


Google Webmaster Tool adalah alat yang disediakan google untuk melihat dan menilai blog kita .Dengan menggunakan Google Webmaster Tool kita dapat lebih mudah melakukan langkah-langkah SEO Yang harus di jalankan. Google Webmaster Tool dapat kita dapatkan secara gratis dan mudah, yang harus kita miliki hanya akun google. Pasa pakar SEO juga sangat menganjurkan menggunakan Google Webmaster Tool. Karena dari tadi saya ngomongin Google Webmaster Tool berarti dalam postingan kali ini saya akan menerangkan dan menjelaskan Cara Menggunakan Google Webmaster Tool Silakan ikuti langkah-langkah berikut Untuk Menggunakan Google Webmaster Tool :

1.Login Ke https://www.google.com/webmasters/tools. Jika anda sudah login ke blogger maka situs ini akan login secara otomatis dengan akun google kamu.

2.Setelah muncul tampilan dashboard isikan alamat blog kamu di kotak teks lalu klik Add Site.

3.Setelah kamu mengklik Add Site maka URL blog kamu ditambahkan ke Google Webmaster Tool. walaupun begitu kamu perlu memverifikasi URL blog kamu terlebih dahulu .Tujuanya untuk meyakinkan apakah kamu pemilik dari blog yang kamu daftarkan.

4.Kemudian pilih verifikasi Dengan Meta Tad.

5.Setelah muncul Kode Meta Tag untuk Verifikasi Copy kode tersebut ke blog kamu,Caranya Login ke blogger lalu klik Tata Letak lalu pilih Edit HTML. Setelah itu cari kode <head> biar lebih gampang cari kode tersebut Gunakan tombol CTRL+F .Klo udah ketemu kode <head> nya paste kode Meta Tag dari Google Webmaster Tool di bawahnya. kalo udah klik save template.

6.Setelah itu balik lagi ke halaman Google Webmaster Tool lalu klik verify . setelah blog kamu Terverifikasi maka status blog kamu di Google Webmaster Tool menjadi verified.

Cara Cek PageRank Blog kamu

Bagi anda yang belum tau apa itu pagerank .Pagerank adalah semacam alat pengukur bagi google dan pengunjung website/blog anda akan seberapa �populernya� blog anda ini.

Semakin tinggi pagerank web/blog anda, maka akan semakin senang robot dari search engine datang �menyambangi� blog anda. 

Tinggi Rendahnya Pagerank ADalah dari seberapa banyak situs yang memasang link di blog anda . Semakin banyak situs yang mengarahkan link kesitus anda semakin tinggi pula pagerank blog anda .

Cara Mengukur seberapa tingginya pagerank Blog anda Bisa Di Cek di sini
Selamat Mencoba..  

Related Posts Plugin for WordPress, Blogger...