Cara Membuat Widget Recent Post Dengan Gambar .

Cara Membuat Widget Recent Post Dengan Gambar . Judulnya panjang yah. Tidak apa-apa yah. Biar lebih paham saja. Dan langsung melihat contohnya.

Membuat Widget Recent Post Dengan Gambar Seperti Bos Tutorial ini sebenarnya bertujuan untuk mempercantik blog saja. Biar terlihat rapi. Kalau kawan-kawan suka, boleh deh mencobanya.

Inilah Cara Membuat Widget Recent Post Dengan Gambar
1. Buka akun blogger kawan sendiri
2. Masuk Elemen Tata Letak
3. Pilih Add Widget atau Tambah Gadget
4. Apabila kotak baru muncul lalu pilih HTML/Javascript
5. Copy atau salin kode script di bawah ini

<div id='bp_recent'></div>
<script style='text/javascript' src='http://yourjavascript.com/02415211738/artikel-terkait.js'></script>
<script style='text/javascript'>
var numberOfPosts = 20;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 55;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='http://adisoekamthi.blogspot.com/feeds/posts/summary?max-results=20&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>

6. Simpan Widget / Gadget yang baru anda buat.
7. Lihat hasilnya.

Catatan :

• Tulisan http://adisoekamthi.blogspot.com silahkan anda ganti dengan alamat URL / Blog anda.
• Silahkan anda atur sedemikian rupa, mengenai jumlah artikel yang akan dipajang dalam recent post blog anda, sesuai keinginan anda. Blog ini sementara jumlah artikel yang dipajang dalam recent post sebanyak 20

Sebagai dari hasl Cara Membuat Widget Recent Post Dengan Gambar , lihat saja Recen Post pada blog ini. Karena menggunakan widget di atas. Selamat mencoba, salam sukses. Salam.

Read More

Widget Recent Post dengan Scroll

Cara Membuat Widget Recent Post dengan Scroll

Hallo sobat semua. Mungkin membuat recent post dengan memakai scroll adalah salah satu hal yang paling mudah. Salah satu cara ini pertama kali saya dapatkan di blog Alfadlys. Dan cara ini sudah saya terapkan di beberapa blog. Berikut adalah caranya: 

1. Login pada akun blogger. 
2. Lalu pergi pada Tata Letak. 
3. Klik tambah gadget/Add New Gadget kemudian pilih HTML/Javascript. 

Kemudian isikan-lah kode dibawah ini pada form HTML/Javascript: 

<div class='widget-content'>
<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">
<script src="http://alfadlys.googlecode.com/files/alfadlys.blogspot.com-recent%20post.js"></script>
<script>var numposts = 25; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script><script src="http://alfadlys.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp"></script>
<div></div></div>
<br/>
</div> Lalu save/simpan. 

Pada URL yang berwarna Biru, silahkan isi dengan blog yang akan di tambahkan Widget Recent Post dengan Scroll tersebut.

Read More

CARA SETTING BLOG DI BLOGSPOT

Bagi sobat yang baru membuat blog dan ingin blognya di kenal dan lebih akrab dengan mesin pencari milik google,kita perlu melakukan beberapa pengaturan setting. Sobat bisa menentukan pilihan-pilihan dalam pengaturan yang sesuai menurut keinginan sobat. Di sini saya hanya ingin menunjukkan bagaimana dan di mana sobat bisa melakukan setting blog pada blogspot ini.

-->Masuk ke blog sobat.-->Pilih pengaturan.1. Klik Dasar

• Isi dengan judul blog milik sobat. Misal : Belajar ngeblog yuk.
  
• Uraian: Isi dekripsi sobat. Misal : Ini adalah blog pertama saya...dan seterusnya.
  
• Tambahkan blog anda ke daftar kami : Pilih ya.
  
• Biarkan mesin pencari menemukan blog anda : Pilih ya.
  
• Tampikan Editing cepat di blog anda : pilih ya.
  
• Tampilkan link posting email : Terserah sobat,tapi sebaiknya pilih ya.
  
• Konten dewasa : Pilih tidak.
  
• Pilih editor entri : Pilih editor yang diperbaharui.
  
• Aktifkan transliterasi : Pilih Nonaktifkan.
  
• Klik simpan.
  

2. Klik Publikasikan.

• Alamat Blog*Spot : Isi alamat blog sobat. Jika sudah terisi biarkan saja.
  
• Verifikasi kata : Masukkan karakter yang ada dalam gambar.
  
• Klik Simpan.
  

3. Klk Format.

• Tampilkan : Masukkan jumlah posting yang ingin sobat tampilkan. Misal 3 posting.
  
• Format Header Tanggal : Terserah model format yang sobat suka.
  
• Format Tanggal Index Arsip : Pilih model yang sobat sukai
  
• Format Timestamp : Pilih yang sobat suka.
  
• Zona Waktu : Misal untuk jakarta (GMT+07:00) Jakarta.
  
• Bahasa : Pilih bahasa yang sesui bahasa blog sobat.
  
• Konversi ganti baris : Pilih ya.
  
• Tanpilkan Field Judul : Pilih ya.
  
• Tampilkan kolom link : Pilih tidak.
  
• Aktifkan perataan Float : Pilih ya.
  
• Klik Simpan.
  

4. Klik Komentar.

• Komentar : Pilih tampilkan.
  
• Siapa yang bisa berkomentar : Pilih siapapun. Agar semua bisa berkomentar.
  
• Penempatan Formulir Komentar : Pilih di semat di bawah entri.
  
• Default Komentar untuk Entri : Pilih Entri Baru Memiliki Komentar.
  
• Taut balik : Pilih tampilkan.
  
• Bawaan Taut balik : Pilih Entri baru memiliki taut balik.
  
• Format Timestamp Komentar : Pilih yang sobat suka.
  
• Moderasi komentar : Sebaiknya tidak.
  
• Tampilkan verifikasi kata untuk komentar : Untuk menghindari spam Pilih ya.
  
• Tampilkan gambar profil dalam komentar : Pilih ya.
  
• Email pemberitahuan Komentar : Masukkan Email milik sobat, supaya setiap kali ada komentar sobat mendapatkan email.
  
• Klik Simpan.
  

5. Klik Arsipkan.

• Frekuensi Arsip : Pilih tiap bulan.
  
• Aktifkan halaman posting : Pilih ya.
  
• Klik Simpan.
  

6. Klik Feed Situs.

• Izinkan Feed Blog : Pilih penuh.
  
• Posting URL Pengubahan Arah Feed : Misal feed burner.jika belum punya kosongkan.
  
• Footer Feed Posting : Isi dengan kode iklan milik sobat. Jika belum punya kosongkan.
  
• Klik Simpan.
  

Dari sini blog sobat sudah tersetting, selamat memulai ngeblog dan bisa saling berbagi sesama blogger.

Read More

cara membuat recent post berjalan di bawah blog

Saya akan mencoba untuk membantu Anda cara membuat teks berjalan Recent Post.Setelah Membaca sedikit pengantar di atas kita akan langsung mulai bagaimana cara membuatnya.

• silakan masuk ke blog sobat
• lalu klik template
• klik edit HMTL
• lalu letakkan kode di bawah ini di atas </body>
• Seperti biasa langsung saja

<script type='text/javascript'>

var hn_url_blog = &quot;http://blog-jummiramadanil.blogspot.com&quot;;

var hn_jumlah_post = 20;

var hn_warna_latar = &quot;#FFFFFF&quot;;

var hn_warna_garis = &quot;#000000&quot;;

var hn_posisi = &quot;bottom&quot;;

var hn_tampilkan_judul = true;

var hn_backlink = true;

</script>

<script src='http://wittoblog.googlecode.com/files/Headline-wito1.js'/>

ET :
- Ganti teks yang berwarna biru dengan URL Blog sobat.
- yang berwarna hijau adalah warna dari tampilannya
5. simpan, dan lihat hasilnya

Semoga bermanfaat.

Read More

Menghapus tulisan Diberdayakan oleh Blogger

Informasi dan Pendidikan | Langkah menghapus catatan diberdayakan oleh blogger atau powered by blogger.

Sesungguhnya tutorial langkah menghapus catatan diberdayakan oleh blogger, telah banyak sahabat yang lain membahasnya. Walau demikian dikarenakan ada pertanyaan dari teman blogger, maka saya dapat berbagi kembali langkah menyingkirkan catatan diberdayakan oleh blogger. Hal ini pun tergantung blogger template yang kita gunakan

sesungguhnya ada langkah'>cara-cara menghapus catatan diberdayakan oleh blogger atau powered by blogger, tetapi disini saya dapat berbagi 2 langkah, gunakan kode css serta menghapus permanen.

Langkah 1 Menghapus Tulisan Diberdayakan oleh Blogger

untuk menyingkirkan catatan diberdayakan oleh blogger dengan permanen, sahabat mesti menghapus widget attribution. saat menghapus kode attribution, terkadang alami error. agar tidak error, ikuti langkah dibawah :

1. Login ke Blogger
2. Masuk ke Template > Edit HTML, centang Expand Template Widget
3. Cari kata-kata Attribution1 (gunakan Ctr+F untuk mempermudah)
4. Rubah locked='true' menjadi locked='false'

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

5. Simpan Template
6. Masuk ke Tata Letak
7. Klik Edit pada Widget Attribution

Read More

Cara Membuat Iklan Melayang di Blog

Membuat iklan melayang merupakan salah satu cara menghemat ruang diblog anda. Selain itu, cara ini merupakan suatu strategi untuk mengiklankan sebuah iklan di blog anda. Dimana kemungkinan mengkilik iklan yang ada diblog anda semakin besar karena kesalahan klik terjadi. Namun penempatanya pun harus memikirkan pertimbangan agar hal tersebut terjadi.

Nah saran saya agar hal itu terjadi:

Penempatan di dekat tombol navigasi maupun dekat tombol yang dekat dengan tombol yang sering digunakan pengunjung di blog anda.
Selalu muncul pada setiap halaman, Nah kalo hal ini anda tak perlu khawatir karena script yang ada sudah mencantumkan perintah demikian.
Nah yang ini saya kurang setuju namun cara ini diberitahukan teman saya sesama blogger, yaitu menyamarkan / memalsukan buku tamu sebagai iklan. Sebenarnya ini cara yang tidak tepat karena setelah di coba 3 hari sama teman saya, blognya pun sepi dari pengunjung.Nah setelah tau peletakannya, maka tak berhenti sampai situ. Karena Jika tau peletakannya namun tak tau scriptnya buat apa?. Maka sekarang saya akan memberi tau kan scriptnya yaitu:

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #000000;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">


<div class="gbtab" onclick="showHideGB()">
</div>


<div class="gbcontent">


<div style="text-align: right;">

<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.</a></div>


<center>

Tambahkan kode iklan disini !!!!
</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div>
</div>

Seterusnya maka anda tinggal:
Masuk ke blogger~pilih "tata letak" ~ pilih "tambah gadget", pilih "HTML/JAVASCRIPT"~ tinggal copy paste aja.

Sumber:
Adipratama.Com

Read More

Cara Membuat Buku Tamu Tersembunyi di Blog

Buku tamu merupakan hal yang penting dalam blog, dikarenakan disinilah para blogger saling menyapa dan memberikan pendapatnya mengenai blog kita. Namun salah satu yang bikin masalah yaitu mencari peletakanya. Kadang - kadang para blogger binggung memasangnya dimana. Nah kalo masalah itu ada solusinya yaitu memasang Buku tamu yang melayang.

Salah satu keuntungnya yaitu ini akan mengikuti letak kusor, naik maupun turun. Tapi di setiap keuntungan ada kerugian, kerugianya adalah aga lambat dalam meload. Maka dari itu sebelum memasang ini harus diperhitungkan juga masalah kecepatanya.

Nah saya tak akan memperpanjang lagi pembahasan, saya langsung saja memberikanscript tersebut yaitu :

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLht12tZe9f5xmkA5UJyjibEUQwh50YrE7519yS0FCOoV2VRbG-9z56_s68EdO-oSvnhRqCbxxgFuFyhyphenhyphenXAoT_JjWIkqpUOIEHtLEMS6YhvZ6VM5gAbIZSdplbF9puN0tzI2ZJLh2P0phb/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="m4n0" src="http://www6.shoutmix.com/?m4n0" width="160" height="400" frameborder="0" scrolling="auto">
<a href="http://www6.shoutmix.com/?m4n0">View shoutbox</a>
</iframe>
<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />
<!-- End ShoutMix -->
<br/>
Anda berminat buat Buku Tamu seperti ini?<br/>
Klik di
<a href="http://purnomozone.blogspot.com/2013/12/cara-membuat-buku-tamu-tersembunyi-di.html&quot;>
sini </a>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Catatan:

• Jangan satukan dengan iklan yang melayang karena akan menjadi kacau.
• Yang diberi tanda berupa huruf yang merah dapat diganti, contohnya buku tamu anda yang shoutbox atau cbox. 

Selamat mencoba........

Read More

Cara Membuat Efek Nudging Pada Label

Cara Membuat Efek Nudging Pada Label - Pembuatan efek label bergoyang difungsikan untuk menambah keindahan dalam blog, cara kerjanya yang halus mengoyang-goyangkan label jika mouse diarahkan, untuk membuatnya masuk pada Design - Edit HTML dan cari kode </head> dan letakan kode jquery dibawah ini diatasnya :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>

Note : Kode jquery tersebut diatas sangat umum dipakai, jika didalam template kalian sudah ada kode 
jquery tersebut, kalian tidak perlu menambahkan (cukup 1 saja), kemudian tambahkan kode dibawah ini dan letakan dibawah kode jquery tersebut.

<script type='text/javascript'>$(document).ready(function() {$(&#39;#Label1 li&#39;).hover(function() { //mouse in$(this).animate({ marginLeft: &#39;12px&#39; }, 400);}, function() { //mouse out$(this).animate({ marginLeft: 0 }, 400);});});</script>

Save template kalian dan lihat hasilnya.

Read More

Cara Memasang Google Analytics di Blogger

Setelah Anda men-setup blog Anda dan mulai mempublikasikan konten berkualitas, waktu untuk melacak statistik trafik untuk mengetahui lebih lanjut tentang pengunjung yang yang mengunjungi blog Anda, dari mana mereka berada, berapa banyak waktu yang mereka habiskan di blog Anda dll.

Google Analytics adalah alat terbaik yang disediakan oleh Google untuk dengan mudah melacak dan memeriksa statistik nyata dan akurat dari traffic blog kita. Kecuali ini Anda juga dapat memeriksa tingkat yourblog itu bouncing, pengunjung unik, tampilan halaman dan kunjungan dengan menambahkan Google Analytics untuk blog Anda. Pelacakan statistik lalu lintas blog ini sangat penting jika Anda ingin tahu bahwa apa yang terjadi di blog Anda dan perilaku pengunjung Anda. Sekarang Anda sadar dengan manfaat menginstal GA di blog jadi mari kita lihat bagaimana cara menginstalnya.



Membuat akun Google Analytics
Sebelum anda menambahkan GA ke blog Anda, Anda memerlukan akun GA. Ikuti langkah-langkah berikut untuk membuatnya:
Masuk ke Google Analytics.
Sign in menggunakan akun Google atau Gmail.





Click pada tombol "Sign Up" di page selanjutnya.





Setelah Anda mengklik tombol mendaftar Anda akan redirect ke halaman berikutnya di sana Anda harus mengisi sebuah lembaran dengan memasukkan Judul Blog, URL, Negara Anda, Blog Kategori dan nama Rekening. Anda dapat memasukkan judul blog Anda sebagai nama akun Anda atau dapat memilih apa pun yang membantu Anda untuk mengenali blog Anda. Lihat di bawah layar untuk proses lengkapnya.





Setelah Anda mengisi semua rincian klik tombol. "Get Tracking ID" .
Lalu klik di "I Accept" pada "GOOGLE ANALYTICS TERMS OF SERVICE" pop up page.
Jika semuanya langkah dilakukan dengan benar maka anda akan mendapatkan ID Pelacakan seperti "UA-39654221-1" di pojok kiri atas dan kode Pelacakan dalam sebuah kotak. Sekarang mari kita pergi ke langkah berikutnya.

Memasang Google Analytics ke Blog
Untuk menambahkan GA di blog Anda, Anda harus melakukan 2 langkah. Pertama Anda harus menambahkan Pelacakan ID Anda dalam pengaturan blogger dan kemudian menempatkan kode pelacakan dalam template Anda.

Menambah Google Analytic ID ke Blogger
Masuk ke Blogger >> Settings >> Other
Dibagian bawah ada "Analytics Web Property ID" dan masukan kode Tracking ID.





Save Settings.

Menambah Tracking Code
Masuk ke Blogger >> Template >> Edit HTML
Cari kode </body>
Dan Simpan Kode Tracking di atasnya.
Save template.
You are done!
Sekarang Anda telah menyelesaikan semua proses instalasi dan menambahkan Google Analytics di blogger. Ini akan memakan waktu sekitar 24 jam untuk menunjukkan laporan trafik di Google Analytics.

Read More

Cara Membuat Gambar di Header Bergerak saat Hover

Cara Membuat Gambar di Header Bergerak saat Hover - Efek Hover pada gambar yang letaknya di Header merupakan salah satu cara untuk mempercantik template blog,kang mimin terinspirasi banget tentang template blognya karya bang Reza,denga nama Template RVD Style yang ada 2 macam yang insya allah bang mimin akan share bila sempat waktunya.


Ok langsung saja tanpa nunggu lama yah udah kebelet nih maen game hehehe :D

1. Login ke Acount Blog sobat dan pilih dahulu donk Blog yang akan kamu pasang Efek Hover gambar di Header.
2. Trus Masuk Ke Template lalu Klik Edit Template.
3. Cari kode ]]></b:skin>,gunakan F3 atau Ctrl+F untuk mempercepat pencarian.
4. Pastekan Kode Di Bawah Ini Tepat Di atas Kode Tadi.

div.SCheader {-moz-transition: all 0.75s ease-in-out 0s;background: url("http://www.deviantart.com/download/209975142/luffy_render_by_namibekkklein-d3h0huu.png") no-repeat;margin: 0px;position: absolute;}div.SCheader {-moz-transition: all 0.5s ease 0s;-webkit-transition: all 900ms ease-out;-moz-transition: all 900ms ease-out;-ms-transition: all 900ms ease-out;-o-transition: all 900ms ease-out;transition: all 900ms ease-out;background: url("http://www.deviantart.com/download/209975142/luffy_render_by_namibekkklein-d3h0huu.png") no-repeat;margin-left: 100px;margin-top: 0px;position: absolute;height: 520px;width: 540px;}div.SCheader :hover {-webkit-transition: all 900ms ease-out;-moz-transition: all 900ms ease-out;-ms-transition: all 900ms ease-out;-o-transition: all 900ms ease-out;transition: all 900ms ease-out;background: url("http://www.deviantart.com/download/209975142/luffy_render_by_namibekkklein-d3h0huu.png") no-repeat;}#header-wrapper:hover .SCheader {margin-left: 400px;} 

  Ket :
 Biru => URL gambar Anime Kamu.
 Merah => Nama Kepala Headermu.
"SELANJUTNYA ATUR SENDIRI :P" Biru => URL gambar Anime Kamu. Merah => Nama Kepala Headermu."SELANJUTNYA ATUR SENDIRI :P" Biru => URL gambar Anime Kamu. Merah => Nama Kepala Headermu."SELANJUTNYA ATUR SENDIRI :P"  

5. Sekarang kita aktifkan cssnya,Sekarang Cari kode <div id='header-wrapper'> 

6. Pastekan Kode Di bawah ini Di Bawah kode Di atas :  <div class='SCheader'/> 

7. Klik PRATINJAU/PREVIEW, untuk melihat jadi apa nggak, Kalau jadi Klik Save.

Sekian Post kali ini,semoga jadi pada tahu deh dan tambah cantik blognya,,

SELAMAT MENCOBA,,

Read More

Membuat Tombol Share Keren di Bawah Post Blog

Membuat Tombol Share Keren di Bawah Post Blog - Share button / tombol berbagi seperti facebook like, tweet dan Google+1 merupakan salah satu aspek penunjang dalam meningkatkan traffic kunjungan keblog kita. Apalagi blogger pemula seperti Saya yang masih Nol Besar pemahamannya tentang SEO, mungkin hanya mimpi untuk menjadi nomor 1 di pencarian google. Maka dari itu kita bisa maksimalkan traffic kunjungan blog kita lewat social bookmarking seperti facebook dan twitter.

Langsung saja ya gak usah basa basi lagi dah, hehehe....


Masuk ke akun blogger Anda/ dasbor
Klik Menu template > Edit HTML> centang Expand Template Widget. Jangan lupa untuk memback up template sobat dengan cara mendownloadnya.
Masukkan dulu kode di bawah ini tepat di atas kode
1.  </head>

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

kode ini adalah kode javascript untuk memunculkan tombol Google+1, jika kode tersebut sudah ada, maka tidak perlu dimasukkan lagi.

4. Kemudian Copy kode di bawah ini ;

<b:if cond='data:blog.pageType == &quot;item&quot;'> <table border='0'><tbody><tr>     <td><a class='twitter-share-button' data-count='horizontal' data-via='nama_twitter' href='https://twitter.com/share'>Tweet</a><script src='//platform.twitter.com/widgets.js' type='text/javascript'/></td> <td><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:85px; height:22px;'/></td><td><!-- script begin here -->
<script src='http://www.lintas.me/assets/scripts/widget_v2.js?uid=4f49908afb8252a83a003d79' type='text/javascript'/>
<script type='text/javascript'>
lintasme.init(&#39;right&#39;); // options : left, top, bottom, right
</script>
<!-- End script --></td>
<td><g:plusone expr:href='data:post.url' size='medium'/></td>
</tr></tbody></table>
    </b:if><script src='http://www.lintas.me/assets/scripts/widget_v2.js?uid=4f49908afb8252a83a003d79' type='text/javascript'/> <script type='text/javascript'>lintasme.init(&#39;right&#39;); // options : left, top, bottom, right </script> <!-- End script --></td> <td><g:plusone expr:href='data:post.url' size='medium'/></td> </tr></tbody></table>    </b:if>

Ganti kode twitter nama_twitter dengan nama akun twitter sobat. Sobat juga bisa menghapus kode berwarna biru, jika mau. Widget tersebut adalah kode javascript untuk web directory lintas.me
5. Masukkan kode di atas pada kode-kode ini:

jika ingin memasang share button di bawah postingan blog cari kode berikut, dan masukkan kode tadi, tepat dibawahnya kode ini.

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

• Jika ingin memasang share button diatas postingan / di bawah judul postingan, masukkan tepat di bawahnya kode berikut,

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

Kemudian klik pratinjau terlebih dahulu, jika tidak error berarti share button sudah terpasang di blog. Klik Simpan Template. Share button ini akan ditampilkan di halaman posting bukan di menu utama / homepage. Oleh karena coba buka salah satu postingan blog sobat untuk melihatnya apakah sudah bekerja dengan baik.


Oke, Bagaimana... sudah terpasang? Jika belum bisa, Julak siap membantu. Selamat Berblogging mania, hehehe. Salam Blogger. Jangan lupa di share, hehehe...

Read More

Membuat Robot.txt dan Setting Custom Robots Header Tags Di Blog

Membuat Robot.txt dan Setting Custom Robots 

Header Tags Di Blog - robot.txt dan Custom robot header tags adalah suatu perintah kepada para robot crawling (robot perayap mesin pencari) untuk mengindeks maupun tidak mengindeks kepada suatu web. Hal ini memang sangat bermanfaat sekali dalam sistem SEO, karena robot hanya merayap hal-hal yang penting saja di blog kita, sehingga waktu perayapan pun cepat. Waktu perayapan oleh para robot crawling cepat maka otomatis kita dalam ke search oleh para Search Engine pun lebih mudah dan cepat. Untungnya sekarang Blogger sudah menyediakan untuk tempat robot.txt dan Custom robots header tags.

A. Membuat Settingan robot.txt



1. Buka Blogger>> Klik Setting>> Search Preferences
2. Klik Edit Pada Custom Robot.txt dan pilih Yes

3. Masukan kode Di Bawah ini ke dalam kotak

User-agent: *
Disallow: /search?*
User-agent: Mediapartners-Google
Allow:/
Sitemap: http://gtips-trick.blogspot.com/feeds/posts/default?orderby=updated
Sitemap: http://gtips-trick.blogspot.com/sitemap.xml

Ganti Sitemapnya dengat Sitemap milik anda.
4. Lalu klik Save Changes.

B. Setting Custom Robot Header Tags

Untuk Setting Robot Header Tags bisa anda lihat gambar di bawah ini


Setelah semua selesai di Centang klik Save Changes.

Read More

Cara Cepat Meningkatkan Alexa Rank Dari Website Anda

Alexa.com adalah anak perusahaan dari Amazon.com. Dan situs ini memberikan informasi tentang traffic untuk situs web Anda. Alexa Rank dihitung sesuai dengan jumlah visitor web Anda yang menginstall Alexa Toolbar.

Pada artikel ini, akan dibahas pentingnya Alexa Rank terkait monetisasi dari website, selain itu akan dibahas beberapa kelemahan yang berhubungan dengan peringkat Alexa sebagai ukuran traffic.

Berikut juga dibahas 20 metode dan strategi yang dapat Anda gunakan untuk dapat meningkatkan Alexa Rank Anda secara dramatis dalam jangka pendek dan panjang.

Apakah Alexa Rank Itu?

Sederhananya, Alexa Rank adalah sistem peringkat yang berdasar kepada skema peringkat dari traffic dalam setiap website untuk menerima dari  jumlah orang yang mengunjungi situs web dengan Alexa toolbar yang sudah diinstall.

Peringkat traffic Alexa didasarkan pada traffic aggregat historis selama tiga bulan dari jutaan pengguna Alexa toolbar dan merupakan gabungan page views dan reach.

Mengapa Anda ingin menaikkan peringkat Alexa Anda?

Webmasters, pengiklan dan advertising network menggunakan peringkat Alexa untuk menentukan nilai/value link iklan pada website Anda. JIka Anda bergantung pada iklan atau melakukan penjualan website sebagai bentuk monetisasi, Anda pasti ingin meningkatkan peringkat Alexa Anda, karena hal itu akan meningkatkan daya tawar Anda ketika Anda menawarkan harga iklan.

Masalah dengan Alexa Rank

Peringkat Alexa sangat condong kepada audience teknologi karena audience tech savvy, termasuk juga orang-orang internet marketer biasanya meng-install Alexa Toolbar pada browser mereka.

Banyak yang mengindikasikan bahwa Alexa adalah metode yang tidak akurat untuk mengukur reach dari website, traffic dan potensi dari website.

Alexa adalah cara konyol untuk mengukur traffic tetapi sayangnya, di dunia yang tidak sempurna. Alexa masih banyak digunakan oleh webmaster dan advertiser ketika akan mengukur nilai iklan pada situs Anda.

Sistem Alexa rank memang “rada cacat” dan tidak perlu diperdetil lagi. Hal yang penting adalah Alexa rank telah menjadi salah satu elemen sentral dari monetizing strategy karena di mata advertiser, Alexa rank dianggap penting.

Bagaimana Cara Saya Memulai Dengan Alexa?

Ada dua cara mudah untuk mulai menggunakan Alexa. Jika anda menggunakan Internet Explorer, kunjungi halaman ini dan download Alexa Toolbar. Jika Anda menggunakan Firefox, download ekstension Search Status yang dapat menampilkan Alexa Rank.

Dapatkah Seseorang dapat memanipulasi atau memainkan Alexa Ranking ?

Ada metode yang dapat memungkinkan Anda dengan mudah dapat mengubah peringkat Alexa dalam jutaan ke tingkat 100.000. Tetapi melewati peringkat 10.000 dan 1.000 adalah merupakan proses yang jauh lebih sulit, karena persaingan yang ketat antara website.

Beberapa dengan tegas mengatakan bahwa tidak ada cara yang sudah terbukti dapat memainkan Alexa, sementara yang lain telah mengklaim bahwa Auto Surfs dan Script dapat melakukan pekerjaan ini.

Artikel ini tidak akan membahas sisi itu karena tidak ada jaminan bahwa Auto Surfs dan metode artifisial lainnya akan mempunyai efek yang sama untuk setiap blog.

Cara termudah untuk mengetahui apakah tips yang disebutkan di bawah ini benar-benar bekerja adalah dengan mencoba sendiri dan memantau hasilnya.

Cara-cara meningkatkan Alexa Rank

Berikut ini adalah kumpulan metode yang dapat Anda gunakan untuk meningkatkan Alexa Rank Anda. Sebagian besar tips-tips ini berasal dari beberapa rekan webmaster.

Apakah tips ini bekerja? Menurut beberapa, ya, tips ini bekerja, tetapi tidak diketahui bahwa sebagian besar dari mereka membutuhkan usaha aktif dari beberapa usaha. Tips-tips ini akan bekerja selama Anda secara konsisten melakukan beberapa hal spesifik.

Untuk meningkatkan peringkat Alexa Anda dalam jangka panjang, Saya merekomendasikan untuk fokus pada pengembangan konten berkualitas dan mempertahankan audiens yang besar dan bukan hanya secara murni melakukan cara-cara artifisial untuk meningkatkan Alexa rank Anda.

Membuat konten yang linknya layak direferensikan orang lain merupakan cara pasif terbaik untuk meningkatkan peringkat Alexa Anda.

Penting untuk menekankan bahwa Anda harus mendedikasikan sebagian besar waktu Anda untuk mengembangkan audiens website Anda, di saat yang sama juga mengimplementasikan tips di bawah ini untuk meningkatkan Alexa rank Anda.

1. Install Alexa Toolbar

Kemudian atur setting blog Anda sebagai homepage Anda. Ini adalah langkah yang paling dasar.

2. Memasang Widget Alexa Rank Pada Website Anda.

Menurut beberapa orang, jika sebuah website memiliki widget Alexa rank, setiap klik dihitung sebagai sebuah visit, bahkan ketika Alexa toolbar tidak digunakan oleh visitor.

3. Mendorong orang lain untuk menggunakan toolbar Alexa.

Termasuk teman-teman, sesama webmaster atau visitor blog. Berikan juga link yang memuat penjelasan lengkap dari Alexa mengenai kenapa perlu menginstall Alexa Toolbar. Salah satu rekan saya, internet marketer, ok, saya sebut saja namanya ya, Danny Baskara, founder Evoucher.co.id , ia adalah seorang internet marketer hebat, social media expert dan list builder, ia juga memberikan tips internet business lewat email dan di tips ke -6 ia meminta subscriber emailnya untuk menginstall Alexa toolbar, kenapa mereka harus menginstall Alexa toolbar ? seingat saya ia mengatakan pada subscribernya “Anda harus menginstall Alexa toolbar, kalau tidak, tips-tips ini tidak akan berjalan baik.”

4.  Anda bekerja di kantor atau memiliki perusahaan?

Download dan install Alexa Toolbar pada semua komputer dan setting website Anda sebagai homepage pada semua browser di kantor. Mungkin akan dapat berguna jika dicatat bahwa hal ini hanya bekerja jika ada IP Dinamis atau menggunakan IP berbeda. Dua tahun lalu, saya mendapatkan cerita dari teman  saya yang bekerja di Coffee Bean Jakarta (Salah satu bagian group Para / CT Group), tak lama setelah akuisisi Detik.com oleh Para Group, di mading kantor banyak ditempel pengumuman : Untuk seluruh karyawan harap memasang setting Detik.com sebagai default homepage di browser (saya tidak ingat apakah dalam pengumuman dimention juga untuk menginstall Alexa toolbar di browser).

5. Menulis di Blog tentang Alexa.

Webmaster dan blogger senang mendenger tentang cara-cara untuk meningkatkan peringkat Alexa mereka. Mereka akan melihat ke Anda dan mengirimkan target traffic ( yaitu pengujung dengan toolbar yang sudah terpasang). Ini secara bertahap mempunyai efek pada peringkat Alexa Anda.

6. Memperkenalkan URL anda pada forum webmaster.

Webmaster biasanya memiliki toolbar yang sudah diinstall. Anda akan mendapatkan webmaster untuk mengunjuni website Anda dan menawarkan umpan balik yang berguna. Ini merupakan cara yang baik untuk dapat memberikan kembali kepada masyarakat jika Anda mempunyai artikel yang berguna untuk berbagi dengan orang lain.

7. Menulis konten yang berhubungan dengan webmaster.

Hal ini masuk dalam kategori domain dan SEO, dua bidang dimana sebagian besar webmaster mempunyai Alexa toolbar yang sudah diinstall. Promosikan konten Anda pada situs jaringan sosial dan forum webmaster.

8. Buat webmaster tool di website Anda.

Ini adalah merupakan magnet bagi webmaster yang sering mengunjungi website Anda untuk bisa mendapatkan akses kea lat-alat. Webpage Aaron Wall di SEO Tools adalah contoh yang baik.

9. Membuat kategori Alexa pada blog Anda dan menggunakannya untuk memasukkan artikel atau berita tentang Alexa.

Ini adalah resources  yang mudah diakses oleh webmaster dan visitor website Anda yang tech savvy sambil dengan santai dapat membantu peringkat Anda dalam mesin pencari.

10. Membeli banner dan link dari forum webmaster dan website.

Sebuah iklan yang terlihat menarik dan ditampilkan dengan baik akan mendorong banyak traffic webmaster yang savvy dan sudah menginstall Alexa toolbar ke situs web Anda, yang secara signifikan dapat meningkatkan peringkat Anda.

11. Menyewa poster forum (member forum yang aktif memposting) untuk menaikkan Website Anda.

Dengan membeli signature di forum webmaster atau mempromosikan artikel tertentu atau materi dalam website Anda secara teratur. Anda dapat dengan mudah menemukan poster yang dapat disewa pada forum Digital Point dan forum webmaster yang lain.

12. Bayar pemilik warnet untuk menginstall toolbar Alexa dan mengatur website Anda sebagai homepage untuk semua komputer yang ada di warnet nya.

Ini mungkin terlihat sulit, agak konyol dan bukan solusi yang sustain. Saya menyimpan tips ini karena beberapa orang menyarankan bahwa tips ini bisa bermanfaat.

13. Menggunakan Alexa Auto Surfs.

Kami tidak menyarankan ini, tetapi Anda perlu tahu bahwa ada tools atau bot untuk meningkatkan pageview, jika menggunakan tools ini setiap beberapa menit sekali Anda akan melihat sebuah website me-refresh (F5) dengan sendirinya seolah-olah ada visitor baru. Apakah tools ini bermanfaat ? Mungkin untuk situs baru dengan Alexa Rank yang tidak begitu baik.

Perhatikan bahwa ada masalah ketika Anda mencoba untuk menggunakan Auto Surfs bersama dengan iklan kontekstual seperti Adsense. Ini bukan solusi jangka panjang untuk meningkatkan Alexa Rank Anda Jadi disarankan menggunakannya dengan hati-hati.

14. Menulis konten yang unik dan berkualitas.

Ini adalah metode yang proven untuk meningkatkan Alexa rank Anda. Semakin Anda banyak memiliki konten yang tidak bisa didapatkan orang di tempat lain yang relevan dengan audience Anda, hasilnya akan semakin baik.

Read More

Menampilkan Judul Artikel Saja di Homepage

Menampilkan Judul Artikel / Posting Saja di Homepage - Apa kabar sobat blogger? pada kesempatan kali ini kita akan coba membahas tentang bagaimana cara membuat judul artikel saja yang tampil di halaman depan blog. Tutorial kali ini sebenarnya berfungsi hampir sama dengan readmore namun jika readmore menampilkan judul artikel berserta ringkasan artikel, maka yang ini hanya akan menampilkan judul artikel ( posting ) saja. Bagi sobat yang tertarik, silahkan ikuti tutorial berikut.


1. Login ke akun blogger sobat.
2. Klik rancangan --> edit HTML
3. Letakkan kode berikut di bawah kode ]]</b:skin>

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body{display:none;}
</b:if>
</b:if>
</style>

4. Simpan dan lihat hasilnya.

Tambahan :
Jika setelah menggunakan kode di atas dan masih menyisahkan elemen - elemn seperti tanggal posting, jumlah komentar dll, silahkan gunakan kode berikut menggantikan kode no 3.

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body, .post-footer, .jump-link,
.post-timestamp, .reaction-buttons,
.star-ratings, .post-backlinks,
.post-icons, .date-header{display:none;}
</b:if>
</b:if>
</style>

Sekian....

Read More

Agar Blog Banyak Pengunjung

Agar Blog Banyak Pengunjung - Wah.. udah lama nich nggak posting.. Mengawali pagi yang cerah ini, kali ini saya akan memposting tentang cara agar blog banyak pengunjung. Visitor adalah harga mati dalam dunia blog.. Betul? Untuk apa kita mengoptimasi template , memakai beribu hiasan di blog, dan menulis artikel se orisinil mungkin yang nantinya hanya kita sendiri yang menikmatinya ? Blog kita butuh dipromosikan.. Promosi bisa dilakukan dengan berbagaicara.. Diantaranya

1. Memperkenalkan blog ke Berbagai Search engine ( khususnya Google, yahoo, dan Bing). Klikdisini!
2. Memperkenalkan Blog ke Blog yang lain ( dalam hal ini "Blogwalking" ).
3. Memperkenalkan Blog ke Jejaring Social ( Khususnya Facebook dan Twitter).
4. Memperkenal Blog Ke Forum - Forum Online.
5. Memperkenalkan Blog Ke Social Bookmarking

Dan untuk satu hal penting yang menjadi hidup matinya blog, yaitu BACKLINK. Backlink itu akan ada dengan sendirinya jika sobat melakukan ke 5 langkah di atas... Sekian....

Dipersilahkan bagi para sobat blogger yang ingin memberi masukkan atau tambahan mengenai postingan di atas...

Read More

Pengertian dan cara mengaktifkan OpenID Blogger

Walaupun sekarang lagi UAS atau ulangan akhir semester, tidak menyurutkan saya untuk menulis post ini, haha.. munkin orang lain menyebut saya kecanduan Internet atau apalah, sebenernya bukan, itu karena saya suka menulis dan jika sudah menemukan bahan tulisan, ya sudah tidak bisa ditahan-tahan lagi, langsung buka blogger. Ngomong-ngomong tentang topik postingan kali ini, saya akan menerangkan tentang Pengertian dan cara mengaktifkan OpenID.
Pengertian dan seluk beluk OpenID :D

Jujur saja, saya baru tau sore ini tentang OpenID. Berawal dari keingintau-an saya tentang openID. OpenID itu adalah sebuah standar desentralisasi dan terbuka bagi autentifikasi pengguna (user) dan kontrol akses yang memungkinkan pengguna (user) untuk masuk ke dalam berbagai layanan hanya dengan satu identitas digital (ID) yang sama. Dengan kata lain, OpenID sama dengan login umum seperti username dan password.




Walaupun komentar di sebuah blog nofollow, kalo anda berkomentar dengan OpenID, tetap saja blog anda akan mendapatkan backlink dari blog yang anda komentari. Jadi OpenID berfungsi untuk mendapatkan backlink dari sebuah blog dan juga berfungsi sebagai pengganti Name/URL (pilihan komentar, karena banyak blogger yang tidak memasukan fungsi ini).

Bagi anda blogger ataupun webmaster, jika anda ingin memberikan backlink (tempat backlink) di sistem komentar blog anda, tidak perlu menambahkan Name/URL pada sistem komentar. Karena dengan menambahkan Name/URL, anda juga secara otomatis memasukan fungsi anonymous (tanpa nama).

--> Cara Menambah Name dan Url pada Komentar Blog


Banyak efek negatif dari fungsi anonymous (tanpa nama) seperti banyaknya spammer, seperti halnya yang terjadi pada blog ini. Banyak anonymous user yang berkomentar memakai bahasa Inggris dan memasukan link aktif didalamnya dan link aktif tersebut menuju ke blog / website perjudian dan sebagainya.
Pembahasan Topik "OpenID"
Nah sekarang mari kita menuju ke topik pembahasan tentang bagaimana cara mengaktifkan OpenID di blogger, karena dengan OpenID ini kita memiliki keuntungan seperti yang telah sebutkan di atas. Berikut ini cara pembuatan dan pengaktifan OpenID :



1. Mengetahui OpenID anda
OpenID bisanya merupakan alamat website atau blogger. Misalnya: http://url.blogspot.com. Kalau anda telah berganti domain dari blogger menggunakan alamat domain berbayar seperti .com .co.id .net dan sebagainya, alamat tersebut pula lah yang digunakan untuk OpenID. Untuk mengetahui secara pasti alamat OpenID anda, masuk ke blogger -> setting -> other -> OpenID. Di situ tertulis alamat OpenID anda, jadi kalau ingin berkomentar mengunakan OpenID, alamat tersebut yang di gunakan.


2. Cara mengaktifkan OpenID Blogger.
Setelah mengetahui OpenID kita, selanjutnya kita harus memasukan sebuah kode ke dalam template blog kita. Jika tidak, saat anda mengetik sebuah komentar dengan OpenID akan muncul tulisan "Your OpenID Credentials Could Not be Verified" Intinya kita perlu memverifikasi bahwa itu merupakan OpenID milik kita, berikut kode yang dibutuhkan


<link href='http://draft.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://url.blogspot.com' rel='openid.delegate'/>
Simpan kodenya dibawah <head>. Ganti url.blogspot.com dengan alamat blog anda.





Setelah itu, coba untuk berkomentar dibawah. Gunakan menggunakan OpenID dan masukan alamat openID anda. Lalu akan muncul gambar notifikasi seperti gambar dibawah ini. Maka anda bisa memilih yes, always agar notifikasi tersebut tidak muncul kembali apabila menggunakan OpenID yang sama.





3. Mendaftar OpenID selain di blogger
Anda juga dapat membuat OpenID selain di blogger, contohnya : Yahoo, AOL, Verisihn, Livejournal, Wordpress, myOpenid dan lain sebagainya. Tentunya dengan mendaftar terlebih dahulu ke website tersebut


Last Words
Bagaimana? sangat mudah sekali bukan? Jadi kesimpulannya, backlinks memang sangat berpengaruh untuk mendongkrak rangking blog, baik alexa rank atau google page rank. Tetapi anda jangan sembarang membuat backlink. Carilah website atau blog yang sudah mempunyai page rank gede dan artikelnya tanpa copy paste.

Read More