ATHPORE: Blogger |Tutorial Blog Share Cheat

Tampilkan postingan dengan label Blogger. Tampilkan semua postingan

Cara Membuat Daftar isi Otomatis dengan Tabulasi

By : www.gtamodding.co.vu

Sitemap adalah salah satu elemen penting dalam sebuah blog. Karena di Blogger.com tidak menggunakan layanan plugin seperti di WP, maka penggunanya sering kali membuat daftar isi secara manual. Membuat sebuah halaman daftar isi di blogspot mereka. Hal ini juga dipercaya meningkatkan SEO onpage blog mereka tersebut. Dengan membuat daftar isi otomatis dalam blog mereka, pengunjung akan dapat melihat semua postingan yang terdapat dalam blog mereka, biasanya setiap postingan di bagi berdasarkan label atatu kategori.

Oke, setelah sebelumnya athpore telah membuat postingan VCC Free v1 2014, kali ini saya mencoba membagikan cara membuat daftar isi otomatis dengan efek accordion style, yang tentunya lebih keren dan stylis. javascript yang digunakan boleh dibilang sangat simple dan ringan. Berikut tutorial nya:

1. Login ke blog Kalian dulu.

2. Setelah itu, pilih blog yang akan kalian tambahkan sitemapnya.

3. Lalu klik menu Laman/Page di bilah kiri.

4. Buat sebuah halaman kosong dengan judul sitemap ataupun daftar isi ataupun bebas terserah anda.

5. Setelah itu akan muncul sebuah form untuk menuliskan isi yang akan dipublikasikan dihalaman tersebut.

6. Klik HTML mode di samping kanan tombol Compose.

Cara Membuat Daftar Isi Otomatis Di Blog terbaru dan Keren

7. Lalu, copy dan masukan kode7. Lalu, copy dan masukan kode dibawah ini pada mode html tersebut.

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="margin-top: -10px;">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript">
</script><br />
<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><br />
<script type="text/javascript">
    showNew    = true;
    accToc     = true;
    openNewTab = true;

var maxNew     = 10,
        baru       = "New!!!",
        sDownSpeed = 600,
        sUpSpeed   = 600;
</script><br />
<script src="http://yourjavascript.com/41141231301/athpore.js" type="text/javascript">
</script><br />
<script src="http://athpore.blogspot.com.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>
</div>
</div>

keterangan: ganti http://athpore.blogspot.com dengan alamat blog anda!!!

8. Setelah itu, silahkan Publish atau Simpan. Buka halaman tersebut untuk melihat hasilnya.

Cara Membuat Mp3 autoPlay di Blog

By : www.gtamodding.co.vu

2 Comments

ATHPORE - Gilang Prf - Mungkin sobat jenuh dengan tampilan blog yang gitu-gitu aja. Untuk membuatnya agar ramai, bisa ditambahkan Music. Ada banyak cara-cara untuk membuat music di blog seperti : Auto Play Music Code, Menggunakan Embed Mbox. Tapi disaat kita menggunakan Auto Play, Loading Blog kita akan menjadi Berat. Dan kalau menggunakan Embed Mbox/dll. Kita Perlu Meng-Upload lagu atau MP3 nya.
Nah kali ini saya akan memberikan Tutorial cara membuat Music Player suka-suka. Maksud saya sobat bisa mengatur Music Playernya Auto Play entah itu Manual Play. Dan sobat juga tidak perlu meng-Upload lagu, sobat bisa mengcopy saja URL lagu tsb. dari peyedia MP3 seperti : 4Shared, dll

Langsung saja lihat contohnya Dan Bandingkan :
Embed Editan Mbox

Embed 4Shared :

Tentunya lebih bagus tampilan Mbox kan.
Dan Berikut kode untuk mendapatkan Embed Editan :

Untuk Kode Yang :

Merah : Itu adalah kode Url Mp3, bisa di cari 4 Shared, dll
Bisa diganti sesuka Embed Url lagu
Ungu Muda : Kode bisa diganti yes atau false
- Yes : untuk membuat Music Player Auto Play
- false : agar tidak Auto Play atau Manual Play
Biru : Sobat bisa menghapus Kode ini, kalau tidak di hapus ya tidak apa-apa.

Contoh Embed MP3 lagu lainnya :

Bruno Mars - All She Know
http://4shared.com/img/HF7A0fmh/dlink__2Fdownload_2FHF7A0fmh/preview.mp3
Maroon 5 - Daylight
http://4shared.com/img/bUPXpz6F/dlink__2Fdownload_2FbUPXpz6F/preview.mp3

Seperti biasa setelah semuanya disesuaikan, sobat bisa memasangnya di Tata Letak>> Tambah Gadget>> HTML/Java Script>> Masukan >> Simpan.

Sekian Tutorials kali ini semoga Bermanfaat, dan jika ada kode yang salah mohon langsung Berkomentar.
Terima Kasih.

KLIK

Cara Membuat 1 Klik 30 Tab yang Keluar

By : www.gtamodding.co.vu

0 Comment

Ketika sobat blogger membaca judul artikel ini, saya yakin, sobat blogger pasti penasaran bagaimana cara membuat link bisa terbuka sebanyak 30 kali dalam satu kali klik. Teknik ini sesungguhnya sudah banyak diterapkan oleh blogger Indonesia. Mereka mengimplementasikan teknik ini untuk meningkatkan Frekuensi klik Iklan (Jangan pernah coba teknik ini pada link Iklan Adsense karena bisa menyebabkan iklan sobat di Banned). Ada juga blogger Indonesia yang memasang kode ini untuk meningkatkan Page View terhadap laman blog mereka.

Cara memasang kode Satu kali klik link, 30 Tab terbuka di Sidebar

Login ke blogger.com
Klik Layout (Tata Letak) dan klik Add a gadget
Pilih HTML/JavaScript
Copy Paste kode berikut pada kolom yang tersedia :

<script>
function open_win()
{
for(i=0;i<=750;i++)
window.open("http://athpore.blogspot.com");
}
</script>
<form>
<input type="button" value="Click Here" onclick="open_win()" />
</form>

Klik Save.

Untuk memasang kode ini di bagian posting, sobat blogger kudu tulis posting dalam mode HTML bukan Mode Compose.

Tambahan :

Ganti http://athpore.blogspot.com dengan URL blog atau iklan sobat
Kata "Click Here" bisa di ganti dengan kata yang sobat inginkan (Misalnya : Klik disini, download, dll).

ATHPORE

Takut Jangan Dibuka yah :)

Total Pengunjung Blogspot

Followers

Cara Membuat Daftar isi Otomatis dengan Tabulasi

Cara Membuat Mp3 autoPlay di Blog

Cara Membuat 1 Klik 30 Tab yang Keluar

Label Cloud