Cara membuat spoiler di blog

Cara membuat spoiler di blog - Sebelum ke cara membuat spoiler ada baiknya jika kita mengetahui lebih dulu pengertian atau arti dari spoiler.Spoiler adalah sebuah cara untuk menyembunyikan dan menampilkan gambar,teks,video dll dengan tujuan untuk menghemat ruang postingan.

Bila masih bingung dibawah ini ada gambar dari spoiler.Atau bisa juga dengan melihat contoh spoiler di artikel girlband lollypop.

Untuk membuat spoiler ini sangatlah mudah.Pertama copy dulu script dibawah ini :

<div style="margin-bottom: 2px;">
<i><b>Judul Spoiler </b></i><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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
masukan disini teks,artikel atau video anda</div>

Setelah anda copy script tersebut,ketika anda akan membuat postingan pilih dan klik tulisan HTML yang ada di pojok kiri atas dekat tulisan Compose.Lalu pastekan script tadi dan masukan artikel anda kedalam spoiler tersebut.

Selesai dan selamat mencoba,semoga artikel Cara membuat spoiler di blog ini bermanfaat buat semuanya.

Ads

Cara membuat tulisan berjalan di blog

Pada postingan kali ini saya akan menulis tips blogging Cara membuat tulisan berjalan di blog.Tulisan berjalan atau akrab juga disebut marquee adalah sebuah tulisan atau teks yang bisa berjalan dari arah kanan,kiri,atas ataupun bawah.

Untuk lebih jelas silahkan lihat contoh dibawah ini :


Ini contohnya Gan!

 Seperti itulah yang disebut dengan tulisan berjalan.Jika anda ingin membuat tulisan berjalan seperti yang diatas,caranya mudah sekali,tinggal copy paste kode ini di blog anda.

  <marquee direction="left" scrollamount="3" align="center">ganti tulisan ini </marquee>

Untuk script yang diatas,tulisan akan berjalan dari kanan ke kiri.Jika ingin tulisannya bergerak dari kiri ke kanan,atas ke bawah atau bawah ke atas.Anda tinggal mengganti tulisan yang saya tandai warna merah di script tersebut,ganti saja tulisan left menjadi right,up atau down.

Sedangkan jika ingin membuat tulisan berjalan bolak-balik dari atas ke bawah seperti ini :


Blog campursari 

Copy paste saja script ini :

 <marquee direction="up" scrollamount="3" align="center" behavior="alternate"> ganti tulisan ini </marquee>

Untuk membuat tulisan berjalan zig-zag,copas kode ini :

 <center><marquee direction="up" scrollamount="3" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> ganti tulisan ini </marquee></marquee></center>

Hampir lupa,untuk membuat tulisan berjlan ini masuk menu rancangan-tata letak-tambah widget HTML Javascript dan pastekan kode-kode diatas,selamat mencoba.

Semoga tips Cara membuat tulisan berjalan di blog ini bermanfaat bagi anda.

Ads

Cara memasang widget whos.amung.us

Cara memasang widget whos.amung.us - Whos.amung.us adalah sebuah situs yang menyediakan widget untuk mengetahui berapa visitor yang tengah berkunjung di blog milik kita.Tentu saja fungsinya sudah jelas untuk menampilkan jumlah pengunjung yang lagi online ^^.

Kira-kira seperti gambar diatas bentuk dari widget whos.amung.us dan masih banyak lagi bentuk dan warna dari widget whos.amung.us.

Untuk memasang widget ini,masuk ke rarancangan-tata letak-lalu tambah gadget-HTML Javascript.Setelah itu masuk ke web whos.amung.us .Kemudian copy dan paste kode yang di Whos.amung.us di HTML Javascript dan save.

Selesai!

Ads

Cara melakukan ping blog

Tips blogging yang akan saya tulis kali ini mengenai Cara melakukan ping blog.Fungsi melakukan ping sendiri adalah untuk memberitahu search engine bahwa blog kita telah melakukan update.

Ada beberapa orang yang mengatakan ping blog ini sangat penting,ada juga yang mengatakan tidak namun setiap kali selesai mempublikasikan artikel baru saya selalu melakukan ping.

Untuk melakukan ping blog ini,saya menggunakan pingomatic.

Tertarik untuk mencobanya?Pertama,buka situs pingomatic.com lalu akan muncul tampilan seperti dibawah ini.

Kemudian masukan nama blog sobat dan link nya juga.Setelah itu checklist semua search engine yang ada dibawahnya dan klik Send pings.

Demikian Cara melakukan ping blog,semoga bermanfaat.

Ads

Cara submit blog ke search engine

Teman-teman pasti sudah tahu kan apa itu search engine?? Ya,search engine atau mesin pencari adalah hal yang tak bisa dilepaskan dari kegiatan ngeblog.Karena dari search engine lah pengunjung datang ke blog kita,oleh karena itu sangat penting sekali untuk mensubmit blog ke search engine/mendaftarkan blog anda ke search engine.

Dewasa ini ada 3 mesin pencari yang paling sering digunakan oleh orang-orang ketika berselancar di dunia maya.Yaitu google,yahoo dan bing.

Untuk mendaftarkan blog anda ke search engine tersebut,klik saya link yang ada dibawah ini.

1.Google
2.Yahoo
3.Bing

Atau jika anda tidak ingin repot,bisa juga menggunakan Free Web Submission.Dengan menggunakan Free Web Submission blog anda akan di daftarkan ke 20 search engine sekaligus namun anda harus memasukan alamat email dan membuka email anda untuk mengklik link konfirmasi dari Free Web Submission.

Sekian Cara submit blog ke search engine dari saya.

Ads

Tips agar blog tidak bisa di copy

Bila anda ingin blog anda tidak bisa di copy paste,mungkin cara ini bisa dicoba.Salah satu tips agar blog tidak bisa di copy adalah dengan mematikan klik kanan di mouse.

Caranya dengan memasukan javascript di blog kita.Adapun langkahnya,silahkan masuk ke menu edit html lalu cari kode <head> bila telah ditemukan kode tersebut,copas javascript ini dibawah kode tadi,hingga jadi seperti ini.

<head>

<script language=JavaScript>
<!--

//Matikan Klik Kanan

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>

Jangan lupa save template dan tes apakah cara ini berhasil.

Ads

Tips cara mengukur kecepatan loading blog

Mungkin diantara anda semua pasti ada yang bertanya,apakah penting kecepatan loading sebuah blog?Bila anda bertanya kepada saya,maka jawabannya adalah sangat penting.

Blog yang memiliki kecepatan loading cepat tentunya akan membuat pengunjung betah di blog anda karena tidak memerlukan waktu yang lama untuk membuka page di blog anda tersebut.

Coba anda bayangkan,jika anda memiliki blog yang ketika dibuka orang lain proses loadingnya sangat lama.Apa yang akan terjadi?Tentu pengunjung blog anda tersebut akan bosan untuk menunggu blog anda selesai loading dan pada akhirnya pengunjung tersebut akan mengclose blog anda dan mencari informasi di blog lain,ujung-ujungnya blog anda akan jadi sepi.

Untuk mengetahui seberapa cepat loading blog anda,bisa menggunakan beberapa situs pengukur kecepatan loading blog.Diantaranya adalah 2 situs ini :

1. Numion.com

2. Iwebtool.com

Caranya sangat mudah sekali,buka saja salah satu web di atas kemudian masukan link blog anda lalu klik start stopwatch.

Tunggu sebentar dan lihat berapa kecepatan loading blog anda.Sekian Tips cara mengukur kecepatan loading blog dari saya,selamat mencoba.

Ads

cara mudah mendapat 2000 backlink gratis

Pasti istilah backlink dikalangan blogger sudah tidak asing lagi,backlink sangat berperan dalam dalam memaksimalkan SEO blog yang kita miliki dan tentu juga berpengaruh dalam menaikan SERP di halaman pencarian google.Oleh karena itu saya akan memberikan tips luar biasa yang bisa menambah jumlah backlink anda dalam sekejap,inilah tips cara mudah mendapat 2000 backlink gratis.

Untuk mendapatkan 2000 backlink secara gratis caranya sangat mudah.Silahkan buka website ini,lalu muncul tampilan seperti dibwah ini (bila kurang jelas silahkan buka di tab baru).

Kemudian anda tinggal memasukan alamat blog anda dan keyword.Pilih berapa banyak backlink yang di inginkan,maksimal 2000 backlink.Setelah itu klik submit,dan dibawahnya akan muncul laporan backlink yang dibuat!!

Berdasarkan pengalaman saya,untuk membuat 500 backlink menghabiskan waktu sekitar 30menit lebih!!Jadi untuk membuat 2000 backlink dibutuhkan waktu sekitar 2 jam.

Selamat mencoba dan mendapat 2000 backlink gratis!

Ads

Cara menghilangkan google iframe di blog

Kali ini,blog campursari akan menulis mengenai tips blogging cara menghilangkan google iframe di blog.Ketika anda mencari gambar di google maka gambar yang anda klik akan muncul dengan tampilan seperti dibawah ini.

Dengan menghilangkan google iframe,sebagai blogger anda akan mendapatkan keuntungan karena ketika ada gambar di blog anda yang di klik maka pengunjung akan langsung dibawa ke blog anda.Dengan kata lain akan mendapat tambahan visitor.

Untuk menghilangkan google iframe atau google images frame masuk saja ke Rancangan > Edit HTML > Lalu expand template widget.

Setelah itu cari kode ini : </head>

Kemudian copas ini diatas kode </head> tadi ::

<script language="JavaScript" type="text/javascript">
if (top.location != self.location) top.location = self.location;
</script>

Selesai dan save template,selamat mencoba!

Ads

Cara menghilangkan attribution blog

Pada kesempatan ini,saya akan menulis mengenai cara menghilangkan attribution blog.Seperti apakah attribution blog itu?seperti inilah bentuknya.

Untuk menghilangkan attribution ini sangat mudah sekali,masuk ke menu rancangan dan klik edit html.Lalu cari kode  ]]></b:skin> .Setelah kode tersebut ditemukan,copas kode ini diatas kode ]]></b:skin> tadi kemudian save template.

#Attribution1 {height:0px; visibility:hidden;display:none}

Nantinya akan jadi seperti ini : 

#Attribution1 {height:0px; visibility:hidden;display:none}]]></b:skin>

Ads

cara menghilangkan navbar di blog

Berlanjut dari tips blogging sebelumnya,cara membuat artikel terkait di blog.Pada kali ini saya akan menulis mengenai cara menghilangkan navbar di blog.

Seperti inilah yang disebut dengan navbar.Navbar ini sebenarnya memiliki fungsi yang lumayan banyak namun dengan adanya navbar,seolah-olah memberi kesan bahwa blog kita kurang profesional.

Bila ada yang ingin menghilangkan navbar di blog nya,bisa mengikuti langkah-langkah berikut ini.

1. Untuk Template Klasik
Copas kode ini diatas kode </style> 

/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

2. Untuk Template Baru
Paste kode ini diatas kode ]]></b:skin>

/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

 Setelah itu kemudian save template dan cek apakah navbarnya sudah hilang atau belum.Sekian tips blogging kali ini mengenai cara menghilangkan navbar di blog.

Ads

Cara membuat artikel terkait di blog

Mungkin inilah tulisan pertama saya mengenai dunia tips blogging dan pada kesempatan ini saya akan menulis mengenai Cara membuat artikel terkait di blog.

Pasti sebagian diantara anda sekalian sudah mengetahui seperti apa yang disebut dengan artikel terkait atau sering disebut juga related articel.

Dan ini adalah salah satu contoh bentuk dari artikel terkait.

Untuk membuat artikel terkait,pertama-tama masuk ke menu rancangan - edit html - expand template widget lalu cari kode :

<data:post.body/></b:if>

Bila tidak ada,cari kode ini :

<data:post.body/>

Setelah kode diatas ditemukan,copy dan paste script ini dibawah kode tadi.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<H2>Related Articel:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 9999;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type="text/javascript">RelPost();</script>
</div>
</b:if>

Setelah itu cari kode ]]></b:skin> lalu copy dan paste script dibawah ini diatas kode ]]></b:skin>.

 .rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: rgb(255, 255, 255);}

 Kemudian save template dan artikel terkait sudah nangkring di blog anda.

Ads