Membuat Spoiler Pada Posting Blog

Untuk sobat yang aktif di forum pasti sudah tidak asing lagi dengan spoiler ini.
Spoiler adalah cara untuk menyembunyikan seluruh atau sebagian isi dari konten blog kita. Spoiler juga bermanfaat agar konten yang berat seperti gambar dalam ukuran besar dan video tidak diload sebelum menekan tombol show. Dengan kata lain spoiler membantu kita mengurangi waktu load konten blog dan memberikan pilih kepada pembaca blog untuk membuka atau tidak isi spoiler. (berlaku juga untuk web)

Berikut adalah kode javascipt yang harus ditambahkan dalam posting:

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

Keterangan:

    * Warna merah yang ada dapat diganti sesuai dengan keinginan.
    * "isi spoiler" dapat di ganti dengan text, gambar, musik, atau video.
    * Untuk musik dan video yang dimasukan adalah embed kode.
    * Apa bila spoiler berupa gambar maka di upload terlebih dahulu lalu di ambil linknya.

Tips Membuat Daftar Isi Yang Terupdate Otomatis Saat Kita Menambah Posting Baru

Oke bagi para sobat blogger semua tentu untuk menambahkan daftar isi blog sangat penting, terutama untuk memudahkan para pengunjung melihat keseluruhan isi blog kita.
Langsung saja tanpa panjang lebar copy kode CSS dibawah ini dan letakkan tepat diatas kode ]]></b:skin> pata edit html template kamu!

#toc {  border: 0px solid #000000;  background: #ffffff;  padding:2px; width:495px;  margin-top:10px;}

.toc-header-col1, .toc-header-col2,

.toc-header-col3 {  background: #B5CBFA;  color: #000000;  padding-left: 5px;  width:250px;}

.toc-header-col2 {  width:75px;}

.toc-header-col3 {  width:125px;}

.toc-header-col1 a:link, .toc-header-col1 a:visited,

.toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link,

.toc-header-col3 a:visited {  font-size:100%;  text-decoration:none;}

.toc-header-col1 a:hover,

.toc-header-col2 a:hover,

.toc-header-col3 a:hover {  font-size:100%;  text-decoration:underline; color:#3D3F44;}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {  padding-left: 5px;  font-size:100%; background:#f0f0f0;}

Kemudian masuk ke Add a gadget > HTML/JavaScript > copas kode berikut!

<div id="toclink"><a href="javascript:showToc();">
&nbsp;&nbsp;Lihat Daftar Isi !</a><br /><br /></div>
<script style="text/javascript" src="http://amen24.googlepages.com/daftarisi.js">
</script><script src="http://ndraxs.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>
<div id="toc"></div>

Lanjut > ganti ndraxs dengan domain blog atau web sobat..
Lihat contohnya ..disini

Cara Membuat Related Post ( Artikel Terkait)

Related post atau artikel terkait adalah artikel yang berada pada kategori atau label yang sama.  
Related post ini tentu akan memudahkan pengunjung dalam menemukan artikel-artikel yang berhubungan dengan artikel yang sedang dibaca di blog sobat. Selain itu, related post juga akan berpengaruh terhadap SEO.

Nah, bagi sobat yang ingin membuat related post di blogspot ikuti tutorial berikut ini.

   1. Log ini ke akun blogger Anda.
   2. Pilih menu Tata Letak (Layout) --> Edit HTML.
   3. Beri tanda centang pada tulisan Expand Widget Templates.
   4. Copy-paste script berikut di atas kode </head>

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;}}}}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];}}
relatedTitles = tmp2;
relatedUrls = tmp;}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' +
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;}
i++;}
document.write('</ul>');}
//]]>
</script>

Cari kode <data:post.body/>, kemudian copy-paste kode berikut di bawahnya.

<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>

Simpan Template.Selesai
Silakan mencoba dan semoga success!

Ingin Backlink?

Untuk sobat semua yang pengen backlink silakan daftar pada formulir di bawah ini :

Cara Posting Code HTML/Javascript

Gara2 posting Cara Membuat ShoutBox Show and Hide, saya jadi tau gimana caranya posting yang ada kode HTML/Javascript nya. Ternyata harus di parse dulu !!,hehehe..ketinggalan berita saya ini,huhh.. Tadinya saya kira memparse kode HTML/Javascript itu hanya untuk kode iklan2 dari Adsense, Bidvertiser, Adbrite, dll supaya iklan2 itu bisa tampil dibawah judul posting atau dibawah postingan.

Beberapa alamat yang bisa sobat gunakan untuk memparse kode HTML/Javascript :

- Centricle

- Blogcrowds

- Eblogtemplates

- Accesify

Sobat tinggal copas aja kode html yang ingin di parse n klik..jadi deh. Sekarang, dengan kode html yg telah diparse, bisa sobat gunakan untuk posting blog sobat.

Cara Membuat ShoutBox Show and Hide

Saya Sering menerima email dari orang" yang bertanya "KK gmana sih cara buad ShoutBox nya di samping yang seperti pnya kk ituh" Oleh karena itu saya menshare cara pembuatan nya
okeh langsung simak saja

1. Login di blogger dengan ID anda
2. Klik menu Layout
3. Klik Page Elements
4. Klik Add a Page Element
5. Klik ADD TO BLOG pada menu HTML
6. Lalu Copy kode berikut dan Paste-kan Pada kotak HTML



<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/AVvXsEjBugsZNHUSCTz7eQk4GGc3ihgKKDoRejOuxxuuKjUs0bHSHJPyvItR3i8Zj4DdckEokcyQMWfuVNsn_itojSlUC-z37FI9wzrRqW2rZBTso4WICgyyYDAGpYx7faJXQR9UHUgeTB7yttQz/') 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">
<Letakan Code ShoutMix/Shoutbox Kamu Disini>
<div style="text-align:right">
<a href="http://ndraxs.blogspot.com/2011/03/cara-membuat-shoutbox-show-and-hide.html">
[Pasang Widget]
</a>|<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>



7.Klik Save..
Selesai,,,
Semoga Bermanfaat...

Daftar Blog Dofollow

Melakukan optimasi website/SEO (search engine optimization) adalah sebuah kegiatan yang membosankan, melelahkan dan bahkan mengulangi pekerjaan yang serupa berulang-ulang kali.
Karena seperti kita ketahui, inti dari SEO ini adalah di backlink. Sebaik apapun On-page optimization yang Anda lakukan, jika tidak disertai backlink yang berkualitas dan jumlah banyak, maka akan sulit untuk memenangkan persaingan posisi di hasil pencarian google untuk kata kunci tertentu.
Backlink bisa didapatkan dengan cara berkomentar ke blog yang Dofollow

Nah,maka dari itulah saya akan share daftar blog-blog yang Dofollow agar sobat bisa mendapat backlink tinggi dan banyak.

Download daftar blog-blognya


Nb:Blog saya ini sudah Dofollow

Cara Membedakan Blog Dofollow dan Nofollow

Sebetulnya cara ini simple dan mudah, jika anda mengunakan browser Mozilla Firefox itu adalah pilihan sangat tepat bagi anda. Ini adalah sebagai plug in yang biasa kita kenal dengan add ons firefox - pengaya, yang perlu anda lakukan adalah hanyalah menginstal plug in ini dan bisa sobat dapatkan disini

Setelah plug in terpasang dan anda sudah mengaktifkan / merestart browser anda, bukalah sebuah blog apa saja kemudian klik kanan kursor anda pada tampilan blog tersebut lalu klik pada bagian NoDofollow maka setiap link pada halaman blog tersebut akan diblok dengan dua warna ; jika link tersebut diblog dengan warna ungu maka link itu adalah DoFollow jika link tersebut diblok dengan warna merah maka link itu adalah NoFollow.

Cara Membuat Blog Menjadi Do Follow

Langsung Saja ya...langkah-langkahnya sebagai berikut :
1.  Pertama tama Log in akun Blogger terlebih dulu tentunya, he he
2.  Masuk pada menu Tata Letak --> Edit HTML
3.  Disarankan agar setiap akan merubah rubah kode HTML, hendaknya download template terlebih dahulu, sebagai backup apabila hasil edit HTML tidak sesuai dengan yang kita inginkan dapat dikembalikan seperti semula
4.  Centang Expand Widget Template
5.  Cari kode seperti berikut

rel='nofollow'>

apabila kesulitan, tekan Ctrl + F   pada keyboard
kemudian cari 

6.  Setelah ketemu, hapus kode         rel='nofollow'
7.  Simpan Template

Untuk mencari tau blog mana yang DoFollow dan NoFollow klik disini

Tips Gratis Meningkatkan Traffic Blog

Inilah Tips Gratis Meningkatkan Traffic Blog ,   langkahnya :

1. Silahkan click situsnya Get 1 Million Guaranteed Real Visitors, FREE!
2. Nanti scroll terus kebawah sampai pada format Sign Up Now For Free , seperti ini :
    
3. Klik link yang ada disana secara berurutan dari 1 s/d 6 untuk mendapatkan code ads nya , kemudian tunggu sebentar sampai kodenya muncul.
4. Jika kodenya sudah muncul, misalnya AD CODE #1: 64481 , nah kode yg 64481 di copy dan simpan di format berikutnya seperti form dibawah ini, awas harus sesuai jika kode untuk no.1 maka simpan juga di kotak code for ad 1,  begitu seterusnya .  
5. Setelah semua kode dimasukan , baru  mengisi data yang diminta, seperti Nama, Email,  Text untuk Iklan, Website Url dan password.  Setelah itu baru klik SUBMIT ..
6. Buka email untuk verifikasi dan klik link yang diberikan.
7. Nanti  akan ada kata2 Congratulations!  kemudian klik here pada You can login to your new members area here.
8. Buka Email lagi untuk mengambil user id , password dan link url yang bisa digunakan untuk promosi dan untuk login ke member area  ( simpan user id dan paswordnya , karena nanti mungkin kita gunakan lagi)
9. Login ke member area dan lihat linknya sudah ada disana .. disini juga kita bisa merubah teks iklan , melihat down line serta mengambil kode marketing tools seperti code banner dan code text link
10. Selanjutnya terserah anda… tinggal promosikan saja , seperti pasang banner atau text link untuk promosi, karena semakin banyak yang daftar melalui link kita tentu semakin banyak pula visitornya kan gitu …
11. Selain cara diatas saya rekomendasikan juga untuk Tukar Link Dahsyat  Berkualitas dan cara meningkatkan Pagerank dengan MLM Back Link 
12. Selamat mencoba..  Tips Gratis Meningkatkan Traffic Blog

Cara Cepat Menambah PR dan Backlink

Jika anda ingin menambah backlink di blog anda silahlkan copy pastekan dulu postingan ini di blog anda..

------ Copy mulai di sini ------

Mohon baca baik-baik lalu terapkan dengan benar.... Sebuah filosofi mengatakan "Honesty is The Best Policy (Kejujuran adalah politik/strategi terbaik)", inilah yang akan kita buktikan....apakah konsep kejujuran bisa kita olah menghasilkan traffic dan popularity yang lebih hebat dari konsep rumit para expert webmaster atau pakar SEO..?... Saya yakin bisa asal konsep ini di jalankan dengan benar...,bila ini di terapkan pada web anda sesuai ketentuan maka: -Web anda akan kebanjiran traffic pengunjung secara luar biasa hari demi hari, tanpa perlu repot-repot memikirkan SEO atau capek-capek promosi keberbagai tempat di dunia internet. -Web anda akan kebanjiran backlink secara luarbiasa hari demi hari, tanpa perlu repot-repot berburu link keberbagai tempat di dunia internet. Yang perlu anda lakukan adalah ikuti langkah-langkah berikut :
1. Buat posting artikel seperti posting saya ini, atau copy-paste posting ini.Beri Judul terserah anda (  sebab itu merupakan SEO buat blog anda sendiri ).
2. Anda hanya perlu meletakkan Link-Link di bawah ini pada postingan anda :

1. Menjaga pernikahan tetap harmonis : barumenikah
2. Invest77.com : Investasi kerjasama bagi hasil
3. Buat web cuma Rp.50 ribu murah dan berkualitas
4. Brokerlink.info : Jual / Beli Link (mulai Rp.2000)
5. Zona Usaha Online
6. belajar cari tau : nambah ilmu cari tau semua
7. modifikasi blog: belajar modif dengan script
8. Kumpulan Artikel & Ebook GRATIS Motivasi Hidup dan Bisnis
9. Download Software Gratis 
10. Download Software dan Game Fullversion

3. Anda HARUS mengunjungi kesetiap blog yang ada didaftar atas sekarang juga (1x saja sudah cukup) (supaya tidak lupa)

PERATURAN :

1. Sebelum anda meletakkan Link-Link di atas di dalam postingan blog anda, silahkan anda hapus Link nomor 1, Sehingga link no 1 hilang dari daftar link dan setiap link akan naik 1 level ke atas. Yang tadinya no 2 naik menjadi no1, yang tadinya no 3 menjadi no 2, yang tadinya no 4 menjadi no 3dan seterusnya. Setelah itu masukkan Link anda pada urutan Paling bawah ( nomor 10 ).
2. Dilarang Merubah Urutan daftar link

Jika blogger yang ikut dalam konsep ini berhasil di duplikasi ole blogger lain yang akan bergabung, misalnya 5 blogger yang bergabung maka Backlink yang anda dapat adalah Ketika posisi anda 10, jumlah backlink = 1

Posisi 9, jml backlink = 5
Posisi 8, jml backlink = 25
Posisi 7, jml backlink = 125
Posisi 6, jml backlink = 625
Posisi 5, jml backlink = 3.125
Posisi 4, jml backlink = 15.625
Posisi 3, jml backlink = 78.125
Posisi 2, jml backlink = 390.625
Posisi 1, jml backlink = 1.953.125

Dan semua Dari kata kunci yang anda inginkan, bayangkan jika itu berhasil dari segi SEO anda sudah mendapat 1.953.125 yang entah dari mana asalnya yang tersebar di mana-mana. Belum lagi jika ada yang mengunjungi blog anda dari Link List di atas secara otomatis anda mendapat traffic blog juga. Ingat Anda harus memulai dari urutan paling bawah ( no 10 ) agar hasil backlink anda Maksimal, Jangan salahkan saya jika anda tidak menjalankan konsep ini dengan benar dan Link anda tiba-tiba berada pada urutan no 1 dan menghilang pada Link daftar. Jadi mulai lah pada urutan paling akhir.( no 10 ). ingat kunjungi 10 blog yang ada dalam daftar yang anda terima sekarang juga (supaya tidak kelupaan) Bisakah kita berbuat tidak fair atau tidak jujur menyabotase konsep ini, misalnya "menghilangkan semua link asal" lalu di isi dengan web/blog kita sendiri...?....Bisa, dan konsep ini tidak akan menjadi maksimal untuk membuktikan Kejujuran adalah strategi/politik terbaik.....Tapi saya yakin bahwa kita semua tak ingin menjatuhkan kredibilitas diri sendiri dengan melakukan tindakan murahan seperti itu...
---- SELESAI ----