Cara pasang lagu pada blog

Ramai yang minta admin untuk buat tutorial ini, cara pasang lagu pada blog .Bagi yang berminat  inilah berikut cara membuatnya:

• Dapatkan dulu lagu di fullmusik.net/
• Pada sebelah kanan web site butang malaysia Song,english Song,korean song,nasyid song dan dangdut song
• Klik pada butang pilihan lagu yang anda minati
• Kemudian pada senarai diatas pilih lagu anda minati
• Setelah pilih lagu tersebut akan muncul kod ditengah paparan web tadi
• Salin kod tersebut
• contoh kod seperti berikut:

<center><a href="http://fullmusik.co.cc" target="_blank"><img src="http://fullmusik.org/guci.gif" border="0" /><br /><img src="http://fullmusik.org/music.gif" border="0" /><br /><embed src="http://www.hugedrive.com/published/WG/show.php?q=RlVMTE1VU0lL-ddb238a7&mode=preview&file=MjI4" AUTOSTART=TRUE LOOP=TRUE WIDTH=0 HEIGHT=0 ALIGN="CENTER"></embed><br />Gratisan Musik</a></center>

1.Log in ke blog anda
2.Kemudian masuk ke design dan pilih page elements

untuk dashboard baru....Pilih Layout

3.Klik pada Add a gadget

4.pilih HTML/Javascript

5.Kemudian masukkan kod tadi
6.Simpan untk melihat hasilnya


klik butang +1 jika suka artikel ini :) :)

Jurus Sakti Optimasi SEO Blogspot | Tips SEO | Part I

Jurus Sakti Optimasi SEO Blogspot | Tips SEO | Part I - Wahh... Judul postingannya terlalu LEBAY agaknya :p tapi tak apalah yang penting intinya saya mau berbagi tips and triks seputar SEO (Search Engine Optimization) untuk blogger. Sebenernya sieh saya juga tidak terlalu mengerti masalah SEO, karena saya juga masih neubie dalam dunia per-bloggeran, sumpah!

Jadi intinya saya mau mencoba berbagi tips-tips seputar SEO (Search Engine Optimization) yang saya dapat dari berbagai macam referensi yang saya dapat dari om Google. Yaaa... Kira-kira intinya saling berbagi ilmulah, kan ada hadis riwayat Ahmad Bukhari yang isinya Rasulullah SAW bersabda "Sampaikanlah walau satu ayat". Nah untuk itulah alangkah baiknya kalau ilmu yang saya dapat langsung saya bagikan kepada teman-teman (Karena berbagi itu begitu indah :D).

Berikut kira-kira ringkasan yang saya dapat :

1. Daftarkan blog temen-temen di banyak "search engine"
Dari mana datangnya pengunjung blog temen-temen? Bagaimana seorang pengunjung mengetahui alamat blog temen-temen? Yaa jawabannya pasti dari mesin pencari (search engine). Pengunjung yang masuk ke blog temen-temen datang dari mesin pencari ketika ia memasukkan sebuah kata kunci dan blog temen-temen memiliki kata kunci yang dimaksud. Nahh.. karena alasan inilah temen-temen harus mendaftarkan blog temen-temen ke mesin pencari seperti Google dan Yahoo supaya lallu lintas pengunjung blog temen-temen semakin padat. Bagaimana sieh cara yang paling simple supaya dengan sekali klik kita bisa mendaftarkan blog kita ke banyak search engine? Hehe,, pasti itu yang terbenak di pikiran temen-temen. Namanya juga manusia, kalau ada yang simple kenapa musti yang ribet?? Ya gak temen-temen :D. Nahh untuk itu temen-temen bisa coba daftarkan blog temen-temen ke :

http://freewebsubmission.com/

2. Memasang Metatag Description
Metatag Description  adalah suatu tag yang digunakan untuk memberikan gambaran umum terhadap suatu website/blog. Fungsinya supaya mesin pencari seperti Google mendeteksi gambaran blog temen-temen melalui metatag. Contoh metatag :

<meta name="description" content="jendela-id.blogspot.com hanyalah sebuah blog yang dibuat sebagai wadah berbagi, baik itu masalah perkuliahan di ilmu komputer, bahasa pemrograman, renungan-renungan, sampai curhatan pribadi.">

Disarankan supaya jangan terlalu banyak merangkai kata disitu, cukup gambaran umum saja. Katanya sieh jangan sampai lebih dari 200 kata.

3. Memasang Metatag Keyword
Metatag Keyword adalah sebuah kata kunci yang membuat blog temen-temen ditemukan oleh mesin pencari. Struktur metatag sebagai berikut :

<meta name="keywords" content="keyword1, keyword2, keyword3, ....”>

Yang perlu diingat :

• Jangan mengulang 3 kata kunci yang sama karena mesin pencari tidak akan suka dan blog temen-temen akan dianggap spam (yang buat bukan manusia) 
• Jangan membuat keyword yang tidak sesuai dengan blog temen-temen! Karena akan dianggap spam juga oleh mesin pencari.

Teman-teman bisa klik disini untuk mengetahui cara memasang metatag description dan metatag keyword di blog temen-temen.

(bersambung ke Part II)

Cara Memasang Metatag Description dan Metetag Keyword pada blog | Tips blogger

Cara Memasang Metatag Description dan Metetag Keyword pada blog | Tips blogger - Nah untuk memasang Metatag Description dan Metatag Keyword temen-temen tinggal mengikuti langkah-langkah berikut :


1. Pastikan temen-temen Login dulu di akun Blogger temen-temen
2. Pilih Template lalu Edit HTML
3. Lalu centang Expand Template Widget
4. Cari kode <title><data:blog.pageTitle/></title> supaya gampang temen-temen tinggal tekan Ctrl+f
5. Selanjutnya masukkan Metatag Description dan Metatag Name blog temen-temen. Yang seperti ini lhoo...

<meta name="description" content="masukkan deskripsi blog temen-temen disini">
<meta name="keywords" content="keyword1, keyword2, keyword3, ....”>

Pasanglah metatag diatas tepat dibawah kode <title><data:blog.pageTitle/></title>

6. Selanjutnya Simpan Template

Dengan begitu blog temen-temen akan lebih Search Engine Friendly dibandingkan sebelumnya.

TAMBAHAN - Tambahkan juga metatag berupa kode :

<meta content='INDEX, FOLLOW' name='ROBOTS'/>

Fungsinya supaya semua halaman blog temen-temen diindeks. 

Cara menghilangkan tulisan Diberdayakan oleh blogger pada blogspot

Cara menghilangkan tulisan diberdayakan oleh blogger pada blogspot - Yupzzz... langsung aja caranya deh ya, lagi males merangkai kata :p

Caranya cukup gampang, temen-temen tinggal mengikuti langkah-langkah dibawah ini:
1. Temen-temen harus Login dululah :D
2. Trus ke Template -> Klik Edit HTML
3. Setelah itu centang "Expand Template Widget"
4. Cari kode ]]></b:skin, atau tekan Ctrl+f untuk memudahkan pencarian
5. Copy kode dibawah ini dan letakkan tepat diatas kode ]]></b:skin :

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

6. Klik Simpan Template

Tadaaa..... Tulisan "Diberdayakan oleh blogger" pada blog temen-temen sudah hilang begitu saja :p

Membuat Daftar Isi Blog Secara Otomatis

Membuat Daftar Isi Blog Otomatis - Ingin membuat Daftar Isi Blog Otomatis seperti DAFTAR ISI pada blog saya?? Gimana caranya?? Caranya gampang kok!! Tinggal copy paste aja kode dibawah pada laman baru di blog temen-temen.

<script src="http://jendela-id.googlecode.com/files/daftarisi.js">
</script><script src="http://jendela-id.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

Habis itu?? Udah cuman itu aja, setelah itu lihat deh di laman yang barusan temen-temen buat. Sudah ada daftar isinya kan?? hehe... Etzzz hampir lupa yang warna MERAH itu diganti sama URL blog temen-temen :D

Selamat mencoba^^

Cara Memasang Related Post di Blogspot

Cara Memasang Related Post di Blogspot -  Yeahhh.... setelah sekian lama bertapa mencari tutorial sana-sini akhirnya nemu juga tutorial yang CUCOK pada template blog saya. Sebelum-sebelumnya tutorial yang saya coba GAGAL semua dan tidak ada yang muncul. Ada sieh yang muncul, tapi cuman tulisan "Related Post doang" link-link yang terkait tidak ada yang muncul pada artikel saya. Tapi setelah nemu ini.... MANTAP!!!

Ehh... tapi temen-temen sudah tau kan apa itu "Related Post"?? Ituu lhooo... yang dibawah artikel kita ada yang muncul link-link artikel yang terkait dengan artikel yang diatasnya. Kalau mau lebih jelasnya lihat gambar aja deh^^

Nah.... sudah tau kan?? Sekarang kita gimana cara bikinnya lagi...
1. Yaa temen-temen harus Login ke Blog-nya dulu lahh.. heh
2. Cari yang namanya Template -> klik Edit HTML -> Centang yang namanya Expand Template Widget.
3. Temukan kode <data:post.body/>
4. Letakkan script dibawah ini tepat dibawah <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Post</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
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;data2007&#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>
</div>
</b:if>

5. Kemudian Simpan/Save
Tadaaaa.... Kalau dijalankan dengan benar maka akan muncul Related Post di bawah artikel yang anda buka.

Selamat mencoba dan semoga BERHASIL ^^

Letak notis bar pada blog

Jika anda ingin letak notis ,posting terkini atau iklan,bar ini bersesuaian jika dipasang pada blog kerana ia boleh menarik perhatian pengunjung kerana ia bergerak apabila discroll.Ia akan berada dibahagian bawah blog dan transparent.

Cara membuatnya:
1.Masuk ke dashboard blog anda
2.pilih design,klik pada edit HTML
3.Cari kod </body> pada template
Untuk memudahkan pencarian boleh juga gunakan Ctrl+F
Kemudian salin kod dibawah dan diletakkan diatas kod </body>

<style type='text/css'>
#tbb-sticky
{
background:url(&#39; https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioSrcxkvnja1pd4QoWwOLelUy-wuKQJuDsLf_YeIn2f61VqtLB90OrRjLWfU-7N6VePQSzutidlSkPq57yJkFRdZSDwF7E_nP2ON5zHJbu3q_jl0aeCmsqD-1uGcytM_TJUn6VJ7E9dLM/s1600/tbb-bg.png&#39;) repeat;
color:#D1EBEB;
text-align: center;
margin:0 auto;
border-top: 1px solid #D1EBEB;
height:28px;
font-size:12px;
position:fixed;
bottom:0;
z-index:999;
width:95%;
border-top-left-radius:20px;
border-top-right-radius:20px;
display:block;
font-weight: bold;
font-family: arial,&quot;Helvetica&quot;;
font-color:#0066CC;
}
#tbb-sticky:hover
{background:#99CCFF;}
#tbb-sticky p{line-height:5px; font-size:13px; text-align:center; width:95%; float:left;}
#tbb-sticky p a{ text-decoration:underline; color:#33FF00;}
.tbb-cross{display:block; position:relative; right:15px; float:right;}
.tbb-cross a{font-size:18px; font-weight:bold; font-family:&quot;Arial&quot;; color:#00FF00; line-height:30px;}
</style>
<div id='tbb-sticky'>
<p>Letakkan notis atau link anda disini </p>
<div class='tbb-cross'><a href='javascript:hide_cross();'>(X)</a></div>
</div>
<script language='JavaScript'>
function hide_cross() {
crosstbox = document.getElementById(&quot;tbb-sticky&quot;);
crosstbox.style.visibility = &#39;hidden&#39;;
}
</script>

Kod warna yang bertanda dengan warna oren boleh ditukarkan dengan warna yang diingini
4.Kemudian simpan template anda.