Tips and Trik Blog

Pasang Code Embed Mp3 di Posting Blog Sesuai Selera

Pasang Code Embed Mp3 di Posting Blog Sesuai Selera - Pada kesempatan kali ini akan berbagi mengenai memasang Embed Code Mp3 Lagu yang akan di pasang di blog kita. Bagi anda yang berminat bisa langsung mengikuti Panduan Pasang Embed Code Mp3 di Postingan Blog.

Langkah :

1.Masuk ke Blogger.com

2.Pada menu Posting anda pilih yang mode HTML (jangan yang Compose)

3.Copy Script di bawah ini dan masukkan ke Posting mode html anda
Model 1

<center><embed src="http://static.4shared.com/flash/player.swf?file=http://aingcreations.heck.in/files/static-x-cold.mp3&image=http://picturestack.com/311/470/vyDakauttamp3xW8.png&repeat=always&autostart=false" width="255" height="47" allowscriptaccess="always"></embed></center>

Model 2

<center><div style="display:inline-block;font:normal 12px oswald;text-align: center; cursor: pointer; margin:2px; padding:3px 4px; background-color:none;border:1px solid #ccc;
-webkit-box-shadow:inset 0 0 2px #ccc;-moz-box-shadow:inset 0 0 2px #ccc;box-shadow:inset 0 0 2px #ccc;border-radius:4px;" onclick="window.open('https://www.facebook.com/uttamelanikz/');$(this).hide()">
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" height="80" width="200">
<param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
<param name="bgcolor" value="#222222" />
<param name="FlashVars" value="mp3=http://pelangi.faa.im/files/oasis-stop-crying-your.mp3|http://mediacloud.whirled.com/5314e8d0df97da50085636c63e0fbd292fd214c9.mp3|http://cache24.clip.dj/media/mp3/RPgSaWjJ3HY.mp3|http://cache28.clip.dj/media/mp3/HFA9aPu47nc.mp3|http://irland.heck.in/files/anonymous-illuminati.mp3|http://xover2.jkt.3d.x.indowebster.com/download/51/70853db83d2ee112b0b032c44ba9a774.mp3|http://xover3.jkt.3d.x.indowebster.com/download-vip/69/p16f6h48lb1qk0lbvgbd100ef0o5.mp3/%5Bwww.indowebster.com%5D-fuck-malaysia.mp3|http://xover1.jkt.3d.x.indowebster.com/download-vip/42/dbc190ffe8888ee976fa70599e4516f6.mp3/[www.indowebster.com]-Repvblik_06._Aku_Dan_Perasaan_Ini.mp3|http://xover1.jkt.3d.x.indowebster.com/download/58/buynyk3rjcfzw5u6a0y9ay66j0gk3rrp.mp3&title=Stop Crying Your Heart Out|Hey There Delilah|Globus|AOA|Illuminati|Jangan Menangis Untukku|Indo for Malay|Aku Dan Perasaan Ini|Telanjangi Dunia&autoplay=false&skin=" /></object></div></center>

Hasilnya 1 dan 2 :

NB :
- Teks yang berwarna Merah adalah File Musik (Mp3).
- Teks yang berwarna Hijau adalah Judul Musik (Mp3).
- Teks yang berwarna Kuning adalah 'false' (Berarti Non Auto Play), Rubah Menjadi Angka '1' (Untuk Auto Play).

Tambahan Untuk Embed Mp3 di Blog :

<div style="text-align: center;">
<embed allowfullscreen="true" allowscriptaccess="always" bgcolor="#000000" flashvars="skin=http://www.shoutcheap.com/flashplayer/skins/Bluemetal.swf&title=Download Mp3 Adele - Skyfall&type=sound&file=http://wwwg1v1.rockdizfile.com/d/vcllklrgfm7zyge4nxcrmdr2ig3uvnbekts3g7l4pemkv5unngpjwfmq/Adele%20-%20Skyfall.mp3 &13202692901&id=scplayermradiofm&autostart=false&backcolor=#C71585&frontcolor=#ffffff&lightcolor=#ffffff&screencolor=#ffffff&volume=70" height="20" id="player" name="player" quality="high" src="http://www.shoutcheap.com/flashplayer/skins/player.swf" type="application/x-shockwave-flash" width="400"></embed>
</div>

NB : Yang berwarna Merah bisa diganti sesuai selera kita. Baik Warna Embed dan Juga URL Lagunya.

Hasilnya :

Bisa JugaMenambah Gambar dengan Script ini

<center><embed src="http://static.4shared.com/flash/player.swf?file=https://sites.google.com/site/epgstudiosite/tv-online-code/bunda.mp3&image=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXM9_FaJoUgDzPktP-A_hQgIiHq2vLcunJ7NFVQ3rkCwJlh1TELrl9GY7VYKhEhRZt3fHLxu3v9XdzHv84IxNKVWkyYXVg5TBNUaz7kkOhXevbfsZAW3STFIBGwfwPDgMbK9Vqod6Td2OQ/s545/HEADER.jpg&repeat=always&autostart=false&frontcolor=cccccc&lightcolor=428cdb&backcolor=111111" width="300" height="68" allowscriptaccess="always"></embed></center>

Warna Merah yang bisa diganti.

Hasilnya

Cara Pasang Postingan Mp3 di Blog (Memberi Embed Mp3 di Blog)

Cara Pasang Postingan Mp3 di Blog (Memberi Embed Mp3 di Blog) - Langsung saja jika anda mempunyai blog yang bertemakan Musik (Dunia Mp3), maka anda layak untuk memiliki Script Embed Mp3 ini yang dapat anda gunakan untuk memasang fitur Play Mp3 di blog anda. Silahkan anda mencoba melalui langkah-langkah di bawah ini.

Pasang Embed Mp3 Manual di Blog :
1.Login di Blogger.com
2.Setelah itu masuk pada Post / Postingan sobat
3.Pilih mode html (Jangan yang Compose)
4.Copy Script di bawah ini :

Versi 1
<div style="text-align: center;">
<embed type="application/x-shockwave-flash" flashvars="audioUrl=http://wwwg1.rockdizfile.com/d/wsldzvbgfp4r2ge4opcrcqj3lzy6mmrmyhunhk6y5k2vrx2a7wr4ufbi/Bebizie%20-%20Nyamuk%20Malam.mp3" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" width="400" height="40" quality="best" wmode="transparent"></embed>
</div>
Versi 2
<div style="text-align: center;">
Bebizie - Nyamuk Malam (Dangdut)<br><embed type="application/x-shockwave-flash" src="http://www.4shared.com/flash/player.swf?ver=9051" style="" id="ply" name="ply" quality="high" allowscriptaccess="always" allowfullscreen="false" wmode="opaque" flashvars="file=http://wwwg1.rockdizfile.com/d/wsldzvbgfp4r2ge4opcrcqj3lzy6mmrmyhunhk6y5k2vrx2a7wr4ufbi/Bebizie%20-%20Nyamuk%20Malam.mp3&volume=50&" height="20" width="200"><br>Powered by <a href="http://mp3loo.blogspot.com/">Mp3Loo</a>
</div>

5.Paste ke dalam postingan sobat yang mode html tadi
6.Klik Save / Publish Postingan Sobat.

NB : Yang berwarna merah adalah yang dapat disesuaikan mulai dari alamat lagu mp3 (Sumber lagu) maupun tinggi dan lebar. Selamat mencoba.

Cara membuat Multi Pencarian (Search Box) di Blog dengan Tiga Pilihan

Cara membuat Multi Pencarian (Search Box) di Blog dengan Tiga Pilihan - Kali ini akan berbagi mengenai langkah membuat Kotak Pencarian Blog yang multi pencarian, yang bisa di isi sesuai dengan keinginan kita. Berikut caranya :

1.Login di Blogger
2.Masuk di Tata Letak
3.Pilih Tambah Gadget
4.Letakkan Script berikut ini ke dalamnya :

<style>

.input {

    text-shadow:0 0 2px #aaa;

    box-shadow:inset 0 0 3px #eee;

    background: #fff;

    padding:3px 6px;

    font-size:12px;

    font-family:comic sans ms;

    color:#000;

    border:1px solid #ccc;

    -moz-transition: all 0.6s;

    -webkit-transition: all 0.6s;

    -o-transition: all 0.6s;

    }



.input:hover {

    background: #eee;

    -moz-transition: all 0.6s;

    -webkit-transition: all 0.6s;

    -o-transition: all 0.6s;

    }



.input:focus {

    background: #fcffcc;

    }

</style>
<form style="margin-top:-12px;" name="jksearch" action="http://www.google.com/search" method="get" onSubmit="jksitesearch(this)">
<p><input id="hiddenquery" type="hidden" name="q" />
<input class="input" name="qfront" type="text" style="width: 200px" value="" onfocus="this.value='';"/> <input class="button" type="submit" value="Search Web" /><br />
<div style="font: bold 11px Verdana;">Google :<input name="se" type="radio" checked> Yahoo :<input name="se" type="radio"> MSN :<input name="se" type="radio">
</div>
<script type="text/javascript">
var domainroot="dp-tipstrikblog.blogspot.com"
var searchaction=[
"http://www.google.co.id/search",
"http://search.yahoo.com/search",
"http://search.msn.com/results.aspx"
]

var queryfieldname=["q","p","q"]
function switchaction(cur, index){
cur.form.action=searchaction[index]
document.getElementById("hiddenquery").name=queryfieldname[index]
}

function jksitesearch(curobj){
for (i=0; i< document.jksearch.se.length; i++){
if (document.jksearch.se[i].checked==true)
switchaction(document.jksearch.se[i], i)
}
document.getElementById("hiddenquery").value=""+domainroot+" "+curobj.qfront.value
}
</script>
</p>
</form>

5.Warna merah sesuaikan dengan keinginan anda dan klik simpan/save.

Cara membuat related post/artikel terkait berdampingan (sejajar) Iklan

Cara membuat related post/artikel terkait berdampingan (sejajar) Iklan - Cara membuat related post/artikel terkait berdampingan (sejajar) Iklan unik di blogspot sangat mudah hanya dengan memberikan tambahan kode script yang akan ane berikan di bawah ini tetapi ane sarankan agar terlebih dahulu untuk memback up template agar berjaga-jaga jika terjadi sesuatu hal yang tidak di inginkan.

1. Silahkan masuk ke akun Blogger agan.

2. Klik "Template" -> "Edit HTML" -> centang "Expand Template Widget"

3. Cari kode ]]></b:skin> dengan menekan Ctrl + F untuk memudahkan proses pencarian.

4. Selanjutnya silahkan simpan kode berikut di atas kode ]]></b:skin>

#rbbox{float:left;width:275px;border-right:1px solid #ffaaff;margin:5px 0 0;padding:0 15px 0 0}
#rbbox .widget{margin:0;padding:0}
#rbbox .widget h2,#related-posts h2{font:bold 13px Droid Serif;color:#000;text-transform:none;margin:0 0 5px;padding:0}
#rbbox {color:#333;font:12px Droid Serif}
#rbbox:hover{color:#f9ab39}
#rbbox li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx2wn2QVOWraYEVqalD4qP4exrJEoWR54vVNgdpniVsSSAQeO0cmRwm0Pr_3dfPTR86WQfCHX2wR7HJhyphenhyphenlketG79UxUlpnoi8ihzoLPGoPWI61oQeztcDCHzfkT-1AV6BulCjx-IR_8e4/s1600/bullet-list.gif) no-repeat 0 8px;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 2px 10px}
#banner-ads{float:right;width:300px;margin:5px 0}

Note:

float:left;width:275px : Posisi related post yang ada di kiri dengan lebar 275px
float:right;width:300px : Posisi banner-ads yang ada di sebelah kanan dengan lebar 300px
Silahkan sesuaikan dengan template yang agan gunakan.

5. Masih di bagian "Edit HTML"kemudian agan cari kode <data:post.body/>, apabila kode tersebut terdapat 3 atau 4, maka taruh kode berikut di bawah kode no 3. apabila kode <data:post.body/>, terdapat hanya 2 maka taruh kode berikut dibawah no.2

<b:if cond='data:blog.pageType == "item"'>
<H3>Artikel Terkait :</H3>
<div id='banner-ads'>
MASUKKAN SCRIPT HTML/JAVASCRIPT KAMU DISINI..!!!
</div>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:250px;overflow:auto;border:0px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 10 ;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 3;
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>
<script type='text/javascript'>RelPost();</script>
</div>
</div>
</b:if>

6. Langkah terakhir silahkan klik "Pratinjau" dan "Simpan" template jika dirasa sudah berhasil.

Membuat Tombol Play Mp3 di Posting Blog Mp3 (membuat embed mp3 manual)

Membuat Tombol Play Mp3 di Posting Blog Mp3 (membuat embed mp3 manual) - Oke langsung saja sebagai arsip saya untuk membangun blog mp3, kali ini akan saya share mengenai Cara memasang Tombol (Embed) lagu mp3 di blog dan diletakkan di setiap posting blog agar dapat terlihat profesional dan juga terlihat oke sehingga para pengunjung blog bisa mendengarkan lagunya terlebih dahulu. Langkahnya sebagai berikut :

Langkah 1
Login ke Blogger
Langkah 2
Masuk ke "Tata Letak - Edit HTML"
Langkah 3
Cari kode dibawah ini:

<body>

Langkah 4
Tambahkan kode dibawah ini dibawah kode pada langkah 3:

<script type="text/javascript" src="http://dl.dropbox.com/u/3558628/MP3Player/mp3playermin.js"></script>
<script style="text/javascript">
var paramplayerflash=1;
</script>

Langkah 5

Simpan template

Menambahkan file MP3 pada Blog/Artikel

Setelah langkah diatas maka kita tinggal menambahkan file MP3 pada artikel atau bagian blog kita dengan mudah, cukup dengan menambahkan link tujuan maka secara otomatis file tersebut akan memiliki Player yang memiliki fasilitas slider dan volume. Dengan catatan link/URL file MP3 tersebut berjenis direct link (link langsung).

Contoh menambahkan file audio pada artikel seperti dibawah ini:

<a href="http://www.archive.org/download/Ustadz_Maududi_Kajian_Lain2/Hakikat_Ikhlas_Ustadz_Maududi_Abdullah.mp3">Hakikat Ikhlas</a>

Pengaturan jenis Player

Mengatur jenis Player dengan menambahkan Tag ID, seperti contoh dibawah ini:

<a id="1" href="http://www.archive.org/download/Ustadz_Maududi_Kajian_Lain2/Hakikat_Ikhlas_Ustadz_Maududi_Abdullah.mp3" target="_blank">Hakikat Ikhlas</a>

angka "1" bisa anda ubah dan sesuaikan sendiri, namun saya beri nomer antara nomer 1-8

Semoga bermanfaat.