Nesaba Site: Blogspot

Showing posts with label Blogspot. Show all posts

Sunday, December 2, 2012

Blogspot | Admin Sunday, December 02, 2012

Cara Membuat Daftar Isi Accordion

Daftar isi memang sangat penting bagi suatu blog karena berfungsi sebagai alat navigasi untuk menyajikan seluruh artikel yang diposting. kali ini saya akan share tutorial bagaimana cara membuat daftar isi accordion .

Daftar isi ini menggunakkan efek accordion dimaksudkan untuk menghemat ruang yang ada di blog kita. Juga menimbulkan kesan yang rapi dengan artikel yang disusun berdasarkan Label. untuk perjelas lihat screenshot dulu atau lihat DEMO

Cara Membuat Daftari Isi Accordion, Daftar Isi Accordion, Sitemap

menarik bukan?, mari kita simak langkah - langkahnya.

Login ke akun blogger anda
Buat sebuah posting dengan judul Daftar Isi atau terserah anda.
Klik tombol HTML disebelah tombol Compose.
Masukan kode dibawah ini :

<div style="margin-top: -85px;">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript">
</script>
<style type="text/css">
#daftar-isi {
background-color:#333;
border:2px solid #fafafa;
color:#fff;
margin-bottom:10px;
-webkit-box-shadow:0 1px 2px #000;
-moz-box-shadow:0 1px 2px #000;
box-shadow:0 1px 2px #000;
overflow:hidden;
}

#daftar-isi .judul-label {
overflow:hidden;
cursor:pointer;
text-decoration:none;
font:normal 13px/100% 'Verdana',Arial,Sans-serif;
padding:10px 15px 11px;
color:#bbb;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
border-top:1px solid #444;border-bottom:1px solid #222;
background:#333;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#333');
background:-webkit-linear-gradient(top, #3c3c3c, #333);
background:-moz-linear-gradient(top, #3c3c3c, #333);
background:-o-linear-gradient(#3c3c3c, #333);
background:linear-gradient(#3c3c3c, #333));
}

#daftar-isi .headactive {
color:#efefef;
border-top:1px solid #24B6E3;border-bottom:1px solid #104968;
background:#248AB0;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#248AB0', endColorstr='#21739B');
background:-webkit-linear-gradient(top, #248AB0, #21739B);
background:-moz-linear-gradient(top, #248AB0, #21739B);
background:-o-linear-gradient(#248AB0, #21739B);
background:linear-gradient(#248AB0, #21739B));
}

#daftar-isi ol {
background-color:#333;
margin:0 0;
padding:0 0;
color:#999;
list-style:none;
}

#daftar-isi li {
line-height:normal;
font:normal 11px/100% 'Verdana',Arial,Sans-serif;
margin:0 0;
padding:5px 5px 5px 15px;
white-space:nowrap;
text-align:left;
border-top:1px solid #444;border-bottom:1px solid #222;
}

#daftar-isi li:first-child {border-top:none;}
#daftar-isi a {color:#5687f8;}
#daftar-isi a:hover {text-decoration:underline;}
#daftar-isi a:visited {color:#5687b8;}

#daftar-isi strong {
font-weight:bold;
font-style:italic;
color:red;
}
</style>
<script type="text/javascript">
showNew = true;
accToc = true;
openNewTab = true;

var maxNew = 10,
baru = "New!!!",
sDownSpeed = 600,
sUpSpeed = 600;
</script>
<script src="http://nesaba.googlecode.com/files/Sak.js" type="text/javascript">
</script>
<script src="http://galangkuatir.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc">
</script></div>
<div style="text-align: right;">
<div style="margin-top: -10px;">
</div>
</div>

5. Ganti tulisan warna Biru dengan alamat blog sobat.
6. Publishkan :D

Thursday, November 29, 2012

Blogspot | Admin Thursday, November 29, 2012

Hosting Gratis Di Idhostinger.com

Idhostinger merupakan layanan Hosting Gratis dengan kapasitas ruang penyimpanan yang cukup besar, sangat cocok untuk website pribadi, komunitas, forum ataupun blog. Meskipun Gratis idhostinger mempunyai banyak fitur yang tak kalah menariknya diantaranya :

2000 MB Disk Space
100 GB Data Transfer
WebSite Builder
50 Script Auto Installer
Support PHP Dan Database MSQL
Akses FTP
Cron Jobs
Sub Domain
Parkir Domain
Tidak Ada Iklan Yang Tampil
Dan Masih Banyak Lagi

Bila belum puas dengan fitur di atas anda juga bisa upgrade ke Web Hosting Premium atau Web Hosting Bisnis yang akan mendapatkan bonus 1 domain .COM .

CARA MENDAFTAR :

kunjungi www.idhostinger.com atau klik Disini
Klik Order Sekarang

3. Isi Data Anda Sesuai Kolom Yang Disediakan, Centang Saya Setuju sesuai ketentuan penggunaan layanan, Klik Buat Akun

4. Buka email anda dan konfrimasi pendaftaranya
5. Akun Siap digunakan :D

Semoga bermanfaat untuk semuanya :D

Thursday, November 15, 2012

Blogspot | Admin Thursday, November 15, 2012

Cara Aktifkan dan Setting Robot.txt di Blogger

Malam semua !!!, kali ini saya akan mempostingkan Sekaligus mengabulkan request dari teman saya hehe... singkat cerita mengenai si Robot.txt ini, The Robot Exclusion Standard, juga dikenal sebagai Robots Exclusion Protocol atau robots.txt protokol, adalah konvensi untuk mencegah web crawler bekerja sama dengan robot web lain untuk mengakses semua atau bagian dari sebuah website yang jika dilihat secara terbuka. Jika seorang pemilik situs ingin memberikan instruksi kepada robot web mereka harus menempatkan sebuah file teks yang disebut robots.txt di root dari hirarki situs web (misalnya www.Galangkuatir.blogspot.com /robots.txt). File teks harus berisi petunjuk dalam format tertentu. Robot yang memilih untuk mengikuti instruksi mencoba untuk mengambil file ini dan membaca petunjuk sebelum mengambil file lainnya dari situs web.

Langkah-langkah setting Robots.txt untuk Blogger :
1. Login ke akun Blogger Anda
2. Klik Setelan > Preferensi Penelusuran

3. Pada Tab Perayapan dan Pengindeksan muncul menu robots.txt khusus pilih edit
4. Kemudian masukkan perintah dibawah ini :

User-agent: Mediapartners-Google
Disallow:

User-agent: *
Disallow: /search?updated-min=
Disallow: /search?updated-max=

Sitemap: http://galangkuatir.blogspot.com/feeds/posts/default?orderby=updated

5.Edit "galangkuatir.blogspot.com" dengan Alamat Blog Sobat :)

Refrensi : Mas Adhie

Blogspot | Admin Thursday, November 15, 2012

Meningkatkan Pagerank Dari Google

Halo Semua !, Betapa senang aku karena mendapatkan Pagerank dari Google dari 0 menjadi 1 hehe.. lantas bagaimana cara mendapatkan Pagerank dari Google seperti saya ? mari kita simak bersama - sama

Update Artikel Secara Berkala

Mengapa harus update artikel secara berkala ? karena akan memberikan nilai plus di mata search engine (google)

Bertukar Link / Link Exchange

Dulu saya tidak mementingkan Bertukar Link , namun saat teman saya menawari bertukar link lama kelamaan visitornya bertambah , Google pun senang

Berkomentar Di Blog Orang Lain (Doffolow/Noffolow)

Walaupun kita tidak mendapatkan backlink dari blog yang nofollow tapi kita tetap menambah teman sesama blogger sekaligus menambah jalinan silaturahmi. Berkomentarlah dengan baik dan sopan, siapa tau si pemilik blog ataupun pengunjung lain tertarik untuk mengunjungi blog kita.

Begitulah Cara Meningkatkan Pagerank Dari Google Semoga Bermanfaat Bagi Semua :)

Tuesday, October 30, 2012

Blogspot | Admin Tuesday, October 30, 2012

Pasang Tv Online Di Blog

Selamat Malam kawan, gimana kabarnya ? semoga pada baik semua :) kali ini saya mau membagikan trik/tips Bagaimana Cara Pasang Tv Online Di Blog, contoh bisa dilihat di menu atas blog ini *sambil nunjukin ke jidat pemirsa hhhehe... maaf , langsung saja caranya

Camilan / makanan ringan biar tidak galau
Agar tidak tambah galau Login ke akun masing-masing
Klik Create New Post
Klik HTML/disamping Compose
Copy kode dibawah ini

6. Publikasikan Deh :)

Bila dipasang di widget :

Klik Tata Letak
Lalu klik tambah gadget
Pilih HTML/Javascript
Copy kode diatas
simpan deh...

Disini gunung di sana gunung
ditengah tengahnya ada rawa
yang nulis bingung yang baca bingung
yang penting saling berbagi bersama ...

Saturday, October 13, 2012

Blogspot | Admin Saturday, October 13, 2012

Membuat Text Area Di Blog

Nesaba Site - Hello Semua, apa kabarnya hari ini ? kali ini saya mau berbagi ilmu yang saya punya yaitu Membuat Text Area Di Blog, langsung ke TKP aja daripada saya celoteh yang tidak jelas hehehe...

Dalam penulisan postingan baru, silahkan pindah ke mode Edit HTML lalu pastekan kode di bawah di bagian postingan yang sobat inginkan

<p align="center"><textarea name="code" rows="6" cols="20">Silahkan Masukan Tulisannya Di sini </textarea></p>

Nanti jadinya akan seperti dibawah ini :

Note:
Tulisan berwarna Merah bisa diganti sesukanya

Sekian dari saya , semoga bermanfaat bagi semuanya...

Sunday, October 7, 2012

Blogspot | Admin Sunday, October 07, 2012

Cara Membuat Artikel Terkait Di Blogspot

Sore yang agak mendung ini saya akan membagikan bagaimana cara membuat Artikel Terkait di blogspot seperti gambar di atas mau tahu caranya ? ikuti langkah - langkah berikut :

1. Login ke akun blogger
2. Masuk ke menu template (Jangan Lupa Backup Dulu Templatenya)
3. Pilih Edit HTML
4. Lalu Centang Expand Template Widget
5. Cari Kode Ini ]]></b:skin>
6. Lalu Masukan Kode Dibawah Ini Tepat Diatas Kode ]]></b:skin>

7. Setelah Itu Cari Lagi Kode ini <data:post.body/> (Biasanya Ada 2) Pilih Yang Nomor 2
8. Lalu Masukan Kode Dibawah Ini Tepat Di Bawah Kode <data:post.body/>

<h2>
Artikel Terkait:</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 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 7;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 5;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
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 < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('albri').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
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 = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

9. Jangan Lupa Simpan Templatenya :)

Nesaba Site