Cara memasang music Mp3 di blog kamu

Sewaktu brosing di internet atau berkunjung ke blog lain, tiba-tiba ada lagu dari sebuah mp3 musik yang di pasang di blog sedang mengalun memperdengarkan lagu popular. Kira-kira bagaimana ya cara pasang mp3 musik di blog seperti itu?

Caranya mudah dan gratis Anda tidak perlu susah-susah download dulu mp3 kemudian Anda uploadkan ke blog Anda. Cukup dengan beberapa langkah mp3 musik sudah terpasang di blog Anda. Ikuti langkah-langkah berikut ini:

1. Kunjungi situs ini Mp 3 musik
2. Perhatikan pada sidebar kiri, pilih jenis musik atau lagu yang ingin Anda pasang, ada bebeberapa pilihan: Country Music, Hip Hop, Pop, Heavy Rock/Metal, R & B , Techno/Dance , Browse All

3. Misalnya, Pop. Kemudia akan keluar deretan penyanyi pop yang bisa Anda pilih.

4. Misalnya, pilih Britney Spears.

5. Akan keluar deretan lagu Brietney Spears beserta html code dalam kotak.

6. Copy html Code yang Anda sukai, lalu simpan sementara di notepad.

7. Masuk ke Dashboard blog Anda.

8. Klik menu tata letak.

9. Klik link add gadget atau tambah gadget.

10. Pilih html/java script.

11. Paste html code lagu tadi, lalu save.

Selesai, sekarang setiap kali pengunjung datang ke blog kamu lagu Britney Spears akan terdengar. Selamat mencoba...
Selengkapnya...

Trik membuat read more di blog kamu

Mungkin sebagian blogger sudah pada tahu bagaimana cara membuat tulisan Readmore / Baca Selengkap nya dalam sebuah blogger. Kenapa harus memakai ReadMore / Baca selengkap nya jawaban .. untuk menghemat space tulisan. jadi dalam setiap postingan tidak tampil semuanya hanya sebagian atau seperempat saja tergantung dimana kita akan meletakan kode read More tersebut. Sebagai Contoh sobat bisa melihat dalam setiap postingan di bawah ini.
Langsung saja kita praktekan 
  <br /> <span class="fullpost"><br /> <br /> <br /> </span>

1. Login ke blogger milik sobat
2. Klik Layout
3. Klik EditHtml
4. Download Full Template
5. Centang Kotak kecil Expand Template Widget
6. Cari Kode berikut ini

<data:post.body/>

Atau kode berikut
<p><data:post.body/></p>

7. Hapuslah kode di atas lalu ganti dengan kode di bawah ini

<b:if cond='data:blog.pageType == "item"'> <br /> <style>.fullpost{display:inline;}</style> <br /> <p><data:post.body/></p><b:else/> <br /> <style>.fullpost{display:none;}</style> <br /> <p><data:post.body/><br /> <a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p></b:if><br />

8. Lalu Klik tombol Save Template

Masih ada satu langkah lagi ....

1. Login ke blog sobat
2. Klik Setting
3. Klik Formatting
4. Scorl ke bawah pada kotak :Post Template: Masukan Kode dibawah ini

<br /> <span class="fullpost"><br /> <br /> <br /> </span>
5. Save temlpate

Saat sobat membuat postingan letakan tulisan yang mau di tampilkan di atas kode ini

<span class="fullpost">

dan sisanya setelah kode tadi.

sekian semoga membantu dan bermanfaat 
<span class="fullpost">
Selengkapnya...

Trik membuat artikel terkait

Sebenarnya ini untuk kedua kali nya saya menulis tutorial yang satu ini, Yang pertama tidak tahu kenapa postingan nya Hilang mungkin ga sengaja kedelet kali yah.. langsung saja Kita peraktekan


Seperti biasa Login ke Blog Sobat
Klik menu layout ( Tata Letak )
Klik Edit HTML
Klik Download Template
Centang kotak Expand Template Widget,

Cari Kode Berikut ini

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'/>

<div class='post-footer-line post-footer-line-2'/>

<div class='post-footer-line post-footer-line-3'/>
</div>
</div>

Setelah itu copy kode berikut di bawah ini, lalu paste persis di bawah kode yang di atas tadi :

<b:if cond='data:blog.pageType == "item"'><br /> <div class='similar'><!-- *****************http://hoctro.blogspot.com*****Jan,2007****************** --><br /> <!-- *****************Related Articles by Labels - Take Two****************** --><br /> <div class='widget-content related-by-cat'><h3>Related Posts / Artikel Terkait :</h3><div id='data2007'/><br /> <br /> <br /> <div id='hoctro' style='display:none;'>Widget by <u><a href='http://jasamodal.blogspot.com'>Jasamodalblog</a></u> | <u><a href='http://www.jasamodal.blogspot.com/' title='Related Posts on Blogger Modified by JackBook.Com. Read More?'>Jack Book</a></u><br /> </div><script type='text/javascript'> var homeUrl3 = "<data:blog.homepageUrl/>"; var maxNumberOfPostsPerLabel = 50; var maxNumberOfLabels = 40; maxNumberOfPostsPerLabel = 40; maxNumberOfLabels = 40; 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('data2007').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><br /> </div></div></b:if>

Klik tombol SIMPAN TEMPLATE / SAVE TEMPLATE.

Semoga bermanfaat


Selengkapnya...

cara membuat link menjadi lebih menarik

Ga perlu saya jelaskan lagi karena contoh nya sudah ada di blog ini yaitu saat anda mengarahkan Mouse ke arah judul postingan (semua yang memiliki Hyperlink) maka effek itu yang akan terjadi.... langsung saja kita praktekan


* Loggin ke blogger
* Klick layout atau tata letak
* Edit HTML
* Cari code berikut:

hover

Setelah ketemu tambahkan code dibawah ini sejajar pada setiap code tadi.

{ color: #00FFFF; text-transform: uppercase; font-weight: bolder; font-size: 20px; background-image: url(http://i27.tinypic.com/2626vyh.jpg); }

* Silahkan edit codenya sesuai selera anda, font size, image backgroud dan warna font, untuk code warna bisa lihat disini
* Jangan lupa save, simpan template!

Semoga Bermanfaat


Selengkapnya...

Cara memasang meta tag untuk seo diblog kamu

Nah mungkin bagi para master sudah lebih memahami tentang SEO, pasang meta tag agar Blog SEO Frendly. Tutorial berikut ini saya berikkan bagi sobat blogger yang belum mengetahuinya. Untuk pemahaman tentang SEO bisa baca dulu disini. Berikut ini teknik Meta tag kelanjutan tutorial saya yang sudah lama sekali tetang cara pemasang meta tag di Blogger. Ok langsung saja untuk membuat meta tag untuk SEO Blogger atau Blogspot.
 

1. Login ke akun Blogger Anda
2. Klik Design atau tata letak
3. Klik tab menu Edit HTML
4. Beri centang kotak kecil samping tulisan
5. Setelah Anda pasang masukkan kode berikut di bwah kode <head>


<meta content=' your blog description ' name='description'/>
<meta content=' your keyword  ' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>
<meta content='all-language' http-equiv='Content-Language'/>
<meta content='Global' name='Distribution'/>
<meta content=' your country ' name='geo.country'/>
<meta content=' your city ' name='geo.placename'/>
<meta content=' your name ' name='author'/>
<meta content='all' name='robots'/>
<meta content='all' name='googlebot'/>
<meta content='all' name='msnbot'/>
<meta content='all' name='Googlebot-Image'/>
<meta content='all' name='Slurp'/>
<meta content='all' name='ZyBorg'/>
<meta content='all' name='Scooter'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='1 days' name='revisit'/>
<meta content='1 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='en' name='language'/>
<meta content='US' name='country'/>
<meta content='all' name='audience'/>
<link expr:href='data:blog.url' rel='canonical'/>

* Keterangan silahkan Anda sesuaikkan kata yang berwarna biru dengan Bolg yang Anda miliki.

7. Klik Save Template

Semoga bermanfaat, saya do'akkan semoga Blog Anda ramai pengunjungnya, jangan lupa untuk promosi blogwalking dan lain-lain agar blog Anda lebih terkenal. Informasi Meta TAg untuk SEO ini say dapat dari seorang teman Blogger di asrizalwahdanwilsa.blogspot.com silahkan mengunjungi untuk informasi lebih lanjut dan jika ingin belajar SEO lebih dalam lagi karena cukup banyak informasi SEO disana


Selengkapnya...

Trik Untuk Memodifikasi text area

Lama sekali rasanya tidak posting di blog ini, abisnya bingung mau nulis apa atau mungkin istilahnya sudah kehabisan ide, iseng iseng akunyoba modif text area aja dan hasilnya lumayan sangat tidak mengecewakan. Langsung saja kita action sobat, mungkin sebelumnya pernah di bahas di postingan sebelumnya di blog ini tentang cara membuat text area, mangga di lihat

Text Anda Disini

Nah ini penjelasannya
Fitur :
* Background berwarna Hijau
* Border berwarna biru (dot)
* Warna Text Hitam
* Text bergaris bawah

Untuk kodenya copy kode di bawah ini :
<form><br /> <textarea rows="3" cols="30" color="green" style="border-style: dotted; border-color: blue; color: black; background-color: green; text-decoration: underline;">Text Anda Disini</textarea></form>



Text Area Contoh #2

Text Anda Disini

Fitur
* Background berwarna Hijau
* Border berwarna Kuning (solid)
* Text Huruf Besar (Uppercase)
* Warna Text Putih


<form><textarea rows="3" cols="30" style="color: white; background-color: green; text-transform: uppercase; border-style: solid; border-color: yellow">Text Anda Disini</textarea></form>

Text Area Contoh #3

a href="http://bisnis-asra.blogspot.com">

Fitur
* Background berwarna Biru
* Border berwarna Merah (solid)
* Text Tanpa bergaris bawah
* Warna Text Kuning

<br /> <form><textarea rows="3" cols="30" style="color: yellow; background-color: blue; border-style: solid; border-color: red" >a href="http://bisnis-asra.blogspot.com"></textarea></form>


Yang terakhir dengan menggunakan tombol sellect all

<a href="http://bisnis-asra.blogspot.com"><img width="178" alt="Asra = mawadda" src="http://images.cooltext.com/842079.png" height="32"/></a>

Fitur
* Background berwarna putih
* Warna Text hitam
* Tombol sellect all(kode langsung di Block)

Untuk Kodenya silahkan Liat di bawah ini:
<br /> <form name="copy"><div align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></div><p style="text-align: center;"><textarea style="padding: 3px; width: 300px; height: 50px;" name="txt"><a href="http://bisnis-asra.blogspot.com"><img width="178" alt="Asra = Mawadda" src="http://images.cooltext.com/842079.png" height="32"/></a></textarea></p></form>
Sekian.. Semoga bermanfaat


Selengkapnya...

Trik Menempatkan Google Adsense Disebelah Dan Di Bawah Blog Kamu

Sesuai dengan judul diatas Menempatkan Ads atau iklan Disebelah dan Dibawah Posting Blogger. Mungkin bagi sebagian blogger tips kali ini udah basi dan sudah begitu banyak yang tahu, tapi ni diperuntukan bagi mereka yang belum tahu dan sekaligus untuk melengkapi postingan di blog ini mudah mudahan bermanfaat buat rekan blogger yang lainnya. langsung saja kita implementasikan (heuheuheu so intelek dikit tulisannya)Ok langsung saja, agar mempunyai posting di samping dan di bawah posting, tentu saja anda harus login www.blogger.com, lantas “layout”, “Edit html” lalu klik “expand widget template”. TEMUKAN TAG BERIKUT:

<p><data:post.body/></p> 

Lalu ganti dengan kode dibawah ini
<br /> <b:if cond='data:blog.pageType == "item"'><br /> <div style="float:left;"> Letakan Skrip Adsense Anda Disini</div><br /> <p><data:post.body/></p><br /> Letakan Skrip Adsense Anda Disini<br /> <b:else/><br /> <p><data:post.body/></p><br /> </b:if>

Setelah itu klik save template. Mudah bukan ?
kalau ada pertanyaan silahkan tanyakan di kotak komentar. 


Selengkapnya...