Tutorial Mendapatkan Site Links In

Trik ini saya dapat dari blog walking ketika mengunjungi Blog Yasinku . Anda yang tertarik dengan trik ini bisa langsung mempraktekannya, sama seperti saya .

Mungkin anda sebagai pemBlogger pemula bingung Kenapa Rank/Links In Alexa No data ? Lihatlah Links In Alexa saya juga masih No Data, hehehe, Nah saya akan memberikan tips mudah untuk menaikan Rank Alexa agar tidak lagi No Data. mari kita belajar bersama gunakan tips ini, semoga kita bisa mendapatkan apa yang kita mau.

Cara Meningkatkan Site Linking Alexa Rank saya baca ketika berkunjung di blog sahabat, kemudian saya lihat Widget Alexa Rank yang terpampang di sidebar blognya. Woowww…. Site Link In – nya banyak sekali, Jumlahnya hingga Puluhan Ribu. Sudah lama sebenarnya saya menemukan posting seperti ini, namun dulu saya sanksi apakah benar cara ini bisa berhasil menaikkan PR dan backlink. Setelah saya membacanya kembali dan masih kurang yakin atas Site Link In Alexa Rank yang saya lihat di alexa-nya sayapun kembali lagi mengunjungi blog-blog yang telah mengikuti cara ini. Dan ternyata benar, blog-blog yang menerapkan cara ini Page Rank Juga Ikut meningkat namun yang paling menonjol adalah Site Linking yang dimiliki blog-blog tersebut sungguh banyak sekali.
Jika kita memiliki PR yang bagus dan backlink yang banyak, maka sangat cocok jika kita ikut program semacam paid reviews. Saya sungguh menyesal tidak menerapkan cara ini sejak dulu. Lebih baik terlambat daripada tidak sama sekali. Karna saya ingin memoneytize kan blog ini ke program paid reviews.

Caranya sangatlah mudah, anda hanya tinggal copy link yang berada di bawah ini dengan syarat anda harus menghapus link pada peringkat 1 dari daftar, lalu pindahkan yang tadinya nomor 2 menjadi nomor 1, nomor 3 menjadi nomor 2, nomor 4 menjadi nomor 3, dst. Kemudian masukan link blog anda sendiri pada urutan paling bawah ( nomor 10). Dan silahkan ajak teman anda untuk mengikuti cara ini serta sebarkan cara ini ke banyak Situs Jejaring Sosial anda.

1. DOWNLOAD MP3
2. Daftar Isi Blog Harapan Putra
3. Harapan Foto Log
4. Free Watch Video
5. Free Internet Informations
6. Raffi Exterminator
7. Tune Up PageRank
8. Diienfo
9. Yasinku Dot Com
10. Om-Dayz » Never Stop To Learn
11.Μāũľăńą Ĩńśpĭŕāšĭ

Keterangan:
Jika anda mampu mengajak lima orang saja untuk mengcopy artikel ini maka jumlah backlink yang akan didapat adalah:

Posisi 10, jumlah backlink = 1
Posisi 9, jumlah backlink = 5
Posisi 8, jumlah backlink = 25
Posisi 7, jumlah backlink = 125
Posisi 6, jumlah backlink = 625
Posisi 5, jumlah backlink = 3,125
Posisi 4, jumlah backlink =15,625
Posisi 3, jumlah backlink = 78,125
Posisi 2, jumlah backlink = 390,625
Posisi 1, jumlah backlink = 1,953,125

Dan nama dari alamat blog dapat dimasukan kata kunci yang anda inginkan yang juga dapat menarik perhatian untuk segera diklik. Dari sisi SEO anda sudah mendapatkan 1,953,125 backlink dan efek sampingnya jika pengunjung downline mengklik link anda maka anda juga mendapat traffic tambahan.

source : http://www.awp1st.net/tips-dan-trik/cara-mendapatkan-sitelink.html

Read More

Cara pasang kod warna pada blog

Kode warna yang terpilih :

Read More

Cara Membuat Kwick Navigasi Menu Di Blogger

Kwick Menu Navigasi Blogger dengan jQuery, kiranya itulah yang akan saya bahas kali ini. Setelah kemarin saya bahas juga untuk cara membuat Jquery Tab View Scroll Show Hide Widget, kita lanjut lagi, dan masih seputar JQuery. Ini juga merupakan reques dari beberapa sobat blogger, yang meminta untuk membuatkan tutorialnya. Ok, bila masih penasaran sobat bisa melihatnya pada menu navigasi diblog saya ini, ataupun bisa melihat pada gambar/sreenshot dibawah ini.

yang pasti membuat tampilan blog makin keren sob, karena dengan jQuery Sliding Navigation Menu. untuk melihat demonya, sobat bisa mengunjungi blog teman saya di http://kode-blogger.blogspot.com
Berikut langkah-langkah membuatnya:

1. Login ke akun blogger sobat
2. Masuk ke Rancangan/Design
3. Pilih Tata Letak
4. Edit HTML
5. Lalu cari kode berkut: ]]> (gunakan Ctrl+F di keyboard sob),setelah ketemu tinggal letakkan kode CSS berikut tepat diatas kode ]]>

Script:

Isi Spoilernya disini .kwicks{height:50px;list-style:none;margin:0;padding:0;position:relative;width:840px;z-index:2
}
.kwicks li{cursor:pointer;display:block;float:left;height:50px;overflow:hidden;padding:0;width:120px;z-index:2}
.kwicks li a{background-image:url(http://4.bp.blogspot.com/-e1c5hdvd0MQ/TbgSHi-7EEI/AAAAAAAAAzs/Y9aTBHEgh84/s1600/menu%2Bjquery%2Bpelajaran%2Bblog.jpg
);background-repeat:no-repeat;cursor:pointer;display:block;height:50px;outline:none;text-indent:-9999px;z-index:2}
#kwick1 a:hover{background-position:0 -50px!important}
#kwick2 a{background-position:-190px 0}
#kwick2 a:hover{background-position:-190px -50px!important}
#kwick3 a{background-position:-380px 0}
#kwick3 a:hover{background-position:-380px -50px!important}
#kwick4 a{background-position:-570px 0}
#kwick4 a:hover{background-position:-570px -50px!important}
#kwick5 a{background-position:-760px 0}
#kwick5 a:hover{background-position:-760px -50px!important}
#kwick6 a{background-position:-950px 0}
#kwick6 a:hover{background-position:-950px -50px!important}
.kwicks li ul a{float:left;width:12em}
.kwicks ul ul{top:auto}
.kwicks li ul ul{left:12em;margin:0 0 0 10px}
.kwicks li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul{display:block}

Spoiler content goes here

6. Kemudian cari kode ,dan letakkan kode jQuery berikut tepat diatasnya:

Script:

Isi Spoilernya disini Spoiler content goes here

7. Simpan template.

Nah untuk file.js bila sudah ada yang menggunakan jquery-1.3.2.min.js, untuk file.js ini tidak perlu dipasang lagi.

8. Masih lanjut sob, masuk ke Tata Letak/Rancangan, klik Add New Widget/Tambah Widget, lalu pilih HTML/Javascript. Untuk cara berikutnya, rada gampang-gampang susah, bila ditemplate sobat sudah ada halaman untuk widget ditas halaman posting, sobat tinggal menambahkan kode berikut:

Script:

Isi Spoilernya disini

• Home
• Portfolio
• About
• Portfolio
• Contact
• Resource

Spoiler content goes here

9. Simpan/Save. Sipppp, sampai disini sobat sudah bisa membuat kwick menu navigasi blogger dengan jQuery.

source : http://kode-blogger.blogspot.com/2011/06/cara-membuat-kwick-menu-navigasi-di.html

Read More

Cara Membuat Widget Follow Melayang

Berdasarkan hasil searching saya, akhirnya saya menemukan tips untuk mengHide Widget Follow blog kita. Supaya lebih menarik, kita akan mengHidenya. ya kan?
Oke langsung saja. Sebenarnya tips ini hampir sama dengan tips untuk mengHide Buku tamu. Cuman Bedanya, penempatan kode dari jenis aplikasinya. Pada tips ini anda harus bisa menciptakan kode HTML dari widget Follower blog anda. Bisa tak?.
Kalau tidak bisa anda akan saya bawa ke Situs Ini.
Oke....sebelumnya follow saya dulu yah....hahahah.
Biar tidak banyak ceritanya, langsung saja kita ke langkah-langkah untuk membuat show/hide follow....
Langkah I
1. Login ke Blogger.com dengan akun anda
2. Pilih Rancangan
3. Pilih Elemen Laman
4. Kemudian Add Gadget--Terus HTML/JavaScript
5. CoPas kode berikut ini

<style type="text/css">
#fl{
position:fixed;
left:150px;
z-index:+1000;
}
* html #fl{position:relative;}
.flcontent{
float:left;
border:2px solid #676767;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhid7mr_gXt5TUk1t1PuHgPbQE_AFuQvSr6Sbqedju8WV9U9DlL0KjvbKf8NFXhnC-wv0ccXW4ICrB6sTMLqDTlkGXDfyJ4lEdyAmnS1dNUqObwW4SLOo7H4W3VC-ITiiNGyitUd2TnsIjF/)#000000 repeat-x bottom center scroll;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideFL(){
var fl = document.getElementById("fl");
var w = fl.offsetWidth;
fl.opened ? moveFL(0, -100-w) : moveFL(20-w, 0);
fl.opened = !fl.opened;
}
function moveFL(x0, xf){
var fl = document.getElementById("fl");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
fl.style.bottom = x.toString() + "px";
if(x0!=xf){setTimeout("moveFL("+x+", "+xf+")", 10);}
}
</script>
<div id="fl">
<div class="fltab" onclick="showHideFL()"> </div>
<div class="flcontent">


Kode Widget Follow Disini


<div style="text-align: right;">
<a href="javascript:showHideFL()">
[Tutup]
</a></div>
<font size="2"><a href="http://irsyad-community.blogspot.com/"target=_blank"><div style="color: #444444;">
<span style="font-size: xx-small;">Irsyad Blog</span></div></a></font>
</div>
</div>
<script type="text/javascript">
var fl = document.getElementById("fl");
fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";
</script>

 Jangan disave dulu, mari lanjut ke langkah selanjutnya.
6. Untuk mendapatkan kode widget follownya silahkan masuk ke Link Ini
7. Lihat Gambar dibawah
 

1. Pilih Judul Blog Sobat.
2. Klik "Tambahkan gadget anggota"
3. Silahkan diatur ukuran, warna  dll nya
4. klik "Buat Kode"
5. Silahkan Copy kodenya, dan ikuti langkah selanjutnya

8. Selanjutnya, silahkan Copy kode  Follownya kemudian letakkan di kode Script yang tadi.
9. Selanjutnya Save.

Langkah II
1. Pilih Edit HTML
2. Cari kode ini <body>
3. Letakkan kode berikut ini di atas <body>
<a href='javascript:showHideFL()' style='display:scroll;position: fixed; bottom:5px;left:5px;' title='Follow'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu_7Gp7kbHHlJpkaRJ4afhKLMEJ6Ipnxvr-X8NQ0tTxqC0Jy7QyxNYfXBRhthbLVhXeD0MC6vM569cnrRPfc1nz-xY8pXt1aCNeSO6o6dHNGvalCcAQDlXqqgHx5MXxF2_dXGbMdt4IZKd/'/></a>

( TULISAN YANG BERWARNA MERAH DIGANTI SESUAI KEINGINAN ANDA

Read More

Memasang Kotak Komentar Facebook + Notifikasi Di Facebook

Baru nge-post lagi neh All \m/
hehe,, lagi sibuk nyiapin blog baru soalnya :D
Kali ini saya akan memberikan tutorial mengenai "memasang komentar facebook pada blog"

Okey, Langsung Saja deh :D
Tapi terlebih dahulu backup template anda untuk menghindari kesalahan


Step 1. Disable/nonatifkan komentar default blog
Kenapa ? karena nanti tampilan blogmu akan rancu kalau ada 2 kotak komentar
Cara Disable : Buka Akun blogger > setting > comments > Pilih "Hide" > Save Setting


Step 2. Membuat aplikasi facebook untuk komentar blog
Masuk ke link Facebook Developers > Buat Aplikasi > Masukkan Nama Aplikasi (terserah anda) > tandai "SETUJU" > klik "Create Application"
Nah aplikasi selesai, tinggal kita konekin ke blog kita, masuk ke tab "Situs Web" lihat gambar

 Setelah itu klik "Simpan Perubahan"

Nah, kita sudah dapatkan ID aplikasinya, kita lanjut lagi ke blogger


Step 3. Memasukkan Kode Ke Template Blog
Masuk ke akun blogger > Layout > Edit HTML > Expand Widget Template
cari kode ini  <html

Kalu sudah ketemu, tambahkan kode dibawah ini
<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<b>Script</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
xmlns:fb='http://www.facebook.com/2008/fbml'
</div>
</div>
</div>
xmlns:fb='http://www.facebook.com/2008/fbml'


 Harus ada Spasi diantara kode tersebut, ini contohnya
<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<b>Script</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog..............2005/gml/expr' >

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



Langkah selanjutnya,
Cari kode <body>
Setelah kode atau dibawah kode diatas masukkan script dibawah ini
<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<b>Script</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

<div id="fb-root"></div>
<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId  : 'ID Aplikasi Anda',
      status : true, // check login status
        cookie : true, // enable cookies to allow the server to access the   session
      xfbml  : true  // parse XFBML
    });
  };

    (function() {
    var e = document.createElement('script');
      e.src = document.location.protocol +   '//connect.facebook.net/en_US/all.js';
    e.async = true;
      document.getElementById('fb-root').appendChild(e);
    }());
</script>

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

Selanjutnya, Memasang Open Graph Protocol Tags


<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<b>Script</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='NAMA BLOG ANDA' property='og:site_name'/>
<meta content='URL LOGO BLOG ANDA.gif'   property='og:image'/>
<meta content='ID APLIKASI ANDA'   property='fb:app_id'/>
<meta content='ID FACEBOOK ANDA'   property='fb:admins'/>
<meta content='article'   property='og:type'/>

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

Sesuaikan Tulisan yang berwarna diatas dengan blog anda dan facebook anda
setelah merubah/mengedit script diatas, cari kode </head>, lalu simpan script diatas sebelum tag </head> atau diatasnya.

Step 4. Menambahkan kotak komentar facebook.
cari kode <data:post.body/> kemudian masukkan script dibawah ini kebawah kode <data:post.body/>
 
<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<b>Script</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments width='450' expr:title='data:post.title' expr:href='data:post.url' colorscheme='dark' expr:xid='data:post.id'/></div>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'> <img alt='' class='icon-action' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP7VojnQ2GRzH4Iwi3X_VKEeIkoR1Omi_mwoKd763mnbpeoz54y7nJf20HiXOh2ZzJjwxdo4CcsXtBpAqe_sgcfwllQy7Fy3p6ZdhGYHdevdZG-Xd4hmwZ5FxxK974EMJuOYCYN7GeMUA/s1600/cooltext527602427.png' width='16'/> <b><a href='http://www.lorddayz.blogspot.com/' target='_blank' title='blogger templates'>LordDayz Comments For Blogger</a>  Mau Pasang Kotak Kmentar Facebook Seperti Ini ? Klik Link ini <a href='http://lorddayz.blogspot.com/2011/06/memasang-kotak-komentar-facebook.html' target='_blank' title='kotak komentar fb'>LordDayz Facebook Comment Tutorial</a></b></div>
</b:if>

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

Ganti tulisan yang berwarna biru susai dengan keinginan anda.. untuk colorscheme hanya ada 2 pilihan yaitu "Light" & "Dark"

Read More

Cara Membuat Menu Slide Out Navigation

AneDari kemaren-kemaren bingung nyari cara bikin menu kaya gini,keliling ke om google ngga nemu-nemu eh ane nemu di blog tmn ane,ane mnta

Read More