Trik Cara Membuat Cara Membuat Related Post Berkedip jQuery (Update)

18.22 trima 0 komentar

Setelah beberapa hari kemarin kami saling sharing seputar belajar seo blogspot,kini saatnya kembali utak atik blog seputar tutorial jquery kembali.

Langkah Cara Membuat Related Post / Recent Post jQuery untuk Blogger

Bagi yang masih bingung seperti apa sih related post yang dimaksudkan,sobat bisa lihat contoh gambarnya dibawah ini:
related post jquery.
Contoh yang sudah diterapkan sobat bisa lihat di sini.
Gimana sob,pingin ga punya widget kaya gitu?yuk intip gimana sih cara bikin recent post jquery blogger ini..

Pertama langkahnya seperti biasanya ya hanya pilih Dashboard,lalu Tata Letak / Rancangan kemudian klik tulisan Add New Widget atau Tambah Gadget dan pilih HTML/Javascript,lihat Gambar:

membuat recent post blogger.

Cara Membuat jquery related post blogger blogspot.

cara mudah membuat relate post jquery.

Kemudian letakkan kode berikut sob:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><center><strong>Artikel Acak</strong></center>
<center>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:1px;
padding:0px 0px;
height:300px;
}
#spylist ul{
width:100%;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:100%;
padding: 0px 0px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url() repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
width:100%;
font-size:10px;
height:12px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:8px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:12px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:8px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>
<script language='javascript'>
imgr = new Array();
imgr[0] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";

imgr[1] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";

imgr[2] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";

imgr[3] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";

imgr[4] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";
showRandomImg = true;
boxwidth = 200;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 9;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 100;
home_page = "http://pelajaran-blog.blogspot.com/";
limitspy=4
intervalspy=4000
</script>

<div id="spylist">
<script src='https://sites.google.com/site/pujiantoroinc/Home/recent_post_berkedip.js' type='text/javascript'></script>
</div></center>
Lalu Simpan dan sobat dah bisa lihat hasilnya :D
Label:

CARA MEMBUAT SUB MENU PADA MENU UTAMA DI BLOGSPOT

16.48 trima 0 komentar
Sub Menu
Salam luar biasa…

Sekarang banyak sekali informasi tentang cara menambah / membuat sub menu untuk menu utama di internet. Kita bisa dengan mudah mencari informasi tersebut hanya dengan mengetikkan kata tertentu sesuai maksud yang diinginkan pada salah satu mesin pencari (search engine) seperti google.com , maka akan tertera informasi yang kita inginkan.

Berdasarkan pengalaman saya, dari beberapa informasi yang kita maksud, terkadang kurang jelas cara atau langkah-langkah yang mesti dilakukan. Apalagi seperti saya yang masih awam dengan pengetahuan tentang blogger ini. 


Karena itu, saya akan membagi pengalaman saya tentang suatu informasi yaitu cara membuat sub menu pada menu utama di blogspot”.
Sebelumnya, saya sangat berterima kasih kepada Mas Ahmad Rifai (http://blog.ahmadrifai.net/2012/03/membuat-menu-serta-sub-menu-tanpa.html) walaupun kita belum saling mengenal satu sama lain.

Berikut ini langkah-langkah yang harus dilakukan :
  1. Klik Menu Desain 
  1. Pilih Menu Template lalu pilih menu Edit HTML 
  1. Pilih/klik menu Lanjutkan
  1. Pilih/klik menu Expand Template Widget
  1. <div class='main-outer'> atau
    <div id='main-wrapper'> atau <div id='main'>
     
    Cari scrift berikut :



Agar lebih mudah, klik saja F3 pada keyboard lalu pilh salah satu scrift diatas. Berdasarkan pengalaman saya setelah membolak balik informasi di www.google.com maka yang cocok adalah :
div class='main-outer'>.
Bisa jadi beda dengan template yang lain…

Setelah dapat, copas scrift berikut tepat diatas scrift yang dicari tadi : 

<style>
/* -- Menu Horizontal + Sub Menu-- */
#cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;}
#cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px 0px;border-right:1px solid #156994;}
#cat-nav a:hover { color:#fff; }
#cat-nav li:hover { background:#000; }
#cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#fff; text-shadow:none;}
#cat-nav .nav-description { display:block; }
#cat-nav a:hover span { color:#fff; }
#secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1; background:#0d5e88; }
#secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:35px; text-decoration:none;}
#secnav li { float:left; width: auto; height:35px;}
#secnav li ul  { position: absolute; left: -999em; width: 200px; top:35px}
#secnav li ul li  { height:30px; border-top:1px solid #fff; }
#secnav li ul li a  { font-family:Verdana, Geneva, sans-serif; width:180px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; }
#secnav li ul ul  { margin: -30px 0 0 180px; }
#secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; }
#secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }
#secnav li:hover,#secnav li.hover  { position:static; }
#cat-nav #secnav {width:100%;margin:0 auto;}
</style>
<div id='cat-nav'>
<ul class='fl' id='secnav'>
<li><a href='#'>Beranda</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu2 a</a></li>
<li><a href='#'>Sub Menu2 b</a></li>
</ul>
</li>
<li><a href='#'>Menu3</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu3a</a></li>
<li><a href='#'>Sub Menu3b</a></li>
</ul>
</li>
<li><a href='#'>Menu4</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu4a</a></li>
<li><a href='#'>Sub Menu4b</a></li>
</ul>
</li>
<li><a href='#'>Menu5</a></li>
</ul>
</div>


PENJELASAN :
    • Ganti tanda # (warna biru) dengan link/url yang anda inginkan. Bisa jadi link posting atau label (katagori) yang ada pada blog anda.
    • Ganti Tulisan warna biru dengan menu dan sub menu yang anda inginkan.
    • Setiap sub menu bisa ditambah atau dikurangkan sesuai keinginan. 

7. Setelah itu klik Pratinjaudulu untuk memastikan scrift sudah benar . Lalu simpanlah/save. Dan tutup edit HTML tersebut.

Saran : back up dulu template anda sebelum merubah/menambah scrift diatas, agar bisa dimanfaatkan kembali jika ada masalah dengan penambahan srcritf diatas.

8. Untuk menghilangkan tampilan tampilan dabel dengan Laman Utama, 
Maka ikutilah saran berikut :

  • Masuk ke Menu Laman 
  • Lalu pilih tampilan halaman dengan memilih "jangan tampilkan"
  • Simpan setelan, maka laman utama akan tampil sendiri sesuai dengan scrift yang kita ketikkan tadi.
Blog sudah bisa dipublikasikan...

Semoga sharing yang saya buat ini bisa bermanfaat dan menambah khazanah pengetahuan kita semua.

Sumber
http://pandwalimamedan.blogspot.com
Label:

Trik Membuat Baner Iklan dengan Tombol (Anchor Link) Tutup / Close Button

21.24 trima 0 komentar

membuat show hide link anchor jquery banner widget tutup iklan.
Bismillah - hi kawan pakabar!? dah lama banget kita ga posting nih,ga ada waktu - job dari mas SpreiShop.Org dan FanspageId.Com aja sampai saat ini terlantarkan dan statusnya juga blm jelas,hehe.. maaf ya mas:D mungkin lain kali pent-),seperti pada screenshot gambar diatas gan,malam ini seperti janji beberapa hari yang lalu,Pelajaran Blog akan berbagi trik seputar membuat baner iklan popup dilengkapi dengan tombol tutup atau close button.

Namun tidak seperti 'trik membuat iklan popup jquery' seperti artikel yang terdahulu,kali ini widget yang akan kita ciptakan ini dalam posisi 'menetap' namun akan hilang saat kita klik close button-nya.
Yah,kurang lebih seperti iklan pada situs YouTube pada halaman awalnya namun hilang saat kita klik anchor link close-nya.
Bagaimana sob,tertarik untuk mencoba widget yang satu ini? (sangat menghemat tempat,actually pent-)
Dengan sedikit kreasi,dari script yang akan kami bagikan ini,sobat bisa memodifikasi sesuai keinginan.

Langkah Cara Membuat Show Hide Link Anchor pada Widget

Pertama,sobat pergi ke Dashboard lalu pilih Template (gb.1),kemudian pilih Edit HTML (gb.2) dan klik Proceed (gb.3)

membuat popup jquery close button.
gb.1

show hide widget ads
gb.2

cara membuat iklan dengan tombol close.
gb.3

Lalu contreng Expand Widget Templates (gb.4)


gb.4

Kemudian cari kode berikut:
]]></b:skin>
Jika sudah sobat ketemukan tepat diBAWAHnya letakkan script jquery berikut:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2' type='text/javascript'/>
Setelah itu tepat diATAS kode ]]></b:skin>,letakkan barisan css berikut:
#mask {
display: none;
background: #000;
position: fixed; left: 0; top: 0;
z-index: 10;
width: 100%; height: 100%;
opacity: 0.8;
z-index: 999;
}
.pb-popup{
display:none;
background: #333;
padding: 10px;
border: 2px solid #ddd;
float: left;
font-size: 1.2em;
position: fixed;
top: 50%; left: 50%;
z-index: 99999;
box-shadow: 0px 0px 20px #999; /* CSS3 */
-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
-webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
border-radius:3px 3px 3px 3px;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari, Chrome */
}
fieldset {
border:none;
}
Lalu simpan templates.

Nah,selanjutnya,kini kita tinggal menciptakan widget iklan yang akan ditampilkan.
Langkahnya sangat mudah,pertama pilih Dashboard lalu Layout (gb.5) kemudian klik Add a Gadget (gb.6) dan pilih HTML/Javascript (dalam mode html bukan rich) (gb.7)

how to create ads with close button popup.
gb.5

membuat link anchor show hide widget.
gb.6

membuat baner iklan dengan close button.
membuat iklan dengan tombol close.
gb.7

Dan letakkan kode berikut:

<div id="pb-box" class="mrpujiajadeh-popup">
<br /><span style="color: rgb(204, 0, 0);">Ingin membuat iklan seperti di bawah ini? tunggu tutorialnya beberapa hari lagi ya sob :D.Klik tanda x untuk menutup iklan.</span><p align="right"><a href="#" class="close">
<br/><small><u>[x] Tutup Iklan</u></small></a></p>
<iframe vspace="0" frameborder="2" marginheight="100" marginwidth="100" readonly="true" height="400" src="http://beritamuslimsahih-ahlussunnah.blogspot.com/" hspace="10" scrolling="yes" width="100%" allowtransparency="true"></iframe>
</div>

<script type='text/javascript'>
$(document).ready(function() {
$('a.pb-window').click(function() {

//Getting the variable's value from a link
var pbBox = $(this).attr('href');

//Fade in the Popup
$(pbBox).fadeIn(300);

//Set the center alignment padding + border see css style
var popMargTop = ($(pbBox).height() + 24) / 2;
var popMargLeft = ($(pbBox).width() + 24) / 2;

$(pbBox).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});

// Add the mask to body
$('body').append('<div id="mask"></div>');
$('#mask').fadeIn(300);

return false;
});

// When clicking on the button close or the mask layer the popup closed
$('a.close, #mask').live('click', function() {
$('#mask , .mrpujiajadeh-popup').fadeOut(300 , function() {
$('#mask').remove();
});
return false;
});
});
</script>
**Kode yang berwarna merah,sobat bisa ganti sesuai keinginan,bisa gambar (baca kode cara meletakkan gambar pada blog),video,iklan atau html maupun javascript apa saja.
Menarik bukan? selamat mencoba ya sob.
Label:

Untuk membuat menu dropdown

07.07 trima 0 komentar
Untuk membuat menu dropdown,selain membuat situs lebih rapi,juga sambil belajar yuk!

Untuk kodenya copy paste kode di bawah ini :
<form><select name="menu"
onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1
name=menu><option value=0 selected>KATA YANG PERTAMA MUNCUL</option>
<option value="ISI ALAMAT YANG DI TUJU">ISI TEXT YANG INGIN DI TAMPILKAN</option>
</select></form>
Contoh penggunaan kode :
<form><select name="menu"
onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1
name=menu>
<option>Link</option>
<option value="http://www.youtube.com">Youtube</option>
<option value="http://www.yahoo.com">Yahoo</option>
<option value="http://www.google.com">Google</option>
</select></form>
Yang hasilnya nanti akan seperti di bawah ini :



Sangat Mudah khan?
Selamat mencoba ya..!!
Label:

Menempatkan Vidio pada blog

10.02 trima 0 komentar
Meskipun blogger sudah menyediakan upload untuk video,ga ada salahnya ya kita mencoba ngulik kode buat menempatkan sebuah video.Pelajaran Blog
Hasilnya kurang lebih seperti di bawah ini,klik untuk memutar Video :




Jika anda ingin meletakkan video dari Youtube,anda hanya mengisi alamat/URL video tersebut,pada kode.Untuk kode,copy di bawah ini:
<object width="425" height="344"><embed src="http://www.youtube.com/v/sLLCAmr8vjs" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
Nah! Tulisan yang berwarna Hijau,gantilah dengan URL alamat video yang ingin anda tampilkan.
misal alamat pada browser video tersebut adalah:
http://www.youtube.com/watch?v=sLLCAmr8vjs
maka alamat URL dalam kode ganti menjadi:
http://www.youtube.com/v/sLLCAmr8vjs
Apabila anda malah pusing alias bingung,tinggal buka halaman Youtube,dan copy embed kode di sebelah kanan atas,dan paste kode tersebut kedalam halaman HTML anda.
Kenapa ga bilang dari Tadi!!!! Pelajaran BlogPelajaran BlogPelajaran Blog !

Untuk ukuran,anda tentukan sendiri dengan mengatur width="246" height="171".
Jika ingin memasang video pribadi,tinggal membuat Account di Youtube dan Upload Video anda disana.

Trik Membuat Baner Iklan dengan Tombol x

09.40 trima 0 komentar

membuat show hide link anchor jquery banner widget tutup iklan.
Bismillah - hi kawan pakabar!? dah lama banget kita ga posting nih,ga ada waktu - job dari mas SpreiShop.Org dan FanspageId.Com aja sampai saat ini terlantarkan dan statusnya juga blm jelas,hehe.. maaf ya mas:D mungkin lain kali pent-),seperti pada screenshot gambar diatas gan,malam ini seperti janji beberapa hari yang lalu,Pelajaran Blog akan berbagi trik seputar membuat baner iklan popup dilengkapi dengan tombol tutup atau close button.

Namun tidak seperti 'trik membuat iklan popup jquery' seperti artikel yang terdahulu,kali ini widget yang akan kita ciptakan ini dalam posisi 'menetap' namun akan hilang saat kita klik close button-nya.
Yah,kurang lebih seperti iklan pada situs YouTube pada halaman awalnya namun hilang saat kita klik anchor link close-nya.

Bagaimana sob,tertarik untuk mencoba widget yang satu ini? (sangat menghemat tempat,actually pent-)
Dengan sedikit kreasi,dari script yang akan kami bagikan ini,sobat bisa memodifikasi sesuai keinginan.

Langkah Cara Membuat Show Hide Link Anchor pada Widget

Pertama,sobat pergi ke Dashboard lalu pilih Template (gb.1),kemudian pilih Edit HTML (gb.2) dan klik Proceed (gb.3)

membuat popup jquery close button.
gb.1

show hide widget ads
gb.2

cara membuat iklan dengan tombol close.
gb.3

Lalu contreng Expand Widget Templates (gb.4)


gb.4

Kemudian cari kode berikut:
]]></b:skin>
Jika sudah sobat ketemukan tepat diBAWAHnya letakkan script jquery berikut:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2' type='text/javascript'/>
Setelah itu tepat diATAS kode ]]></b:skin>,letakkan barisan css berikut:
#mask {
display: none;
background: #000;
position: fixed; left: 0; top: 0;
z-index: 10;
width: 100%; height: 100%;
opacity: 0.8;
z-index: 999;
}
.pb-popup{
display:none;
background: #333;
padding: 10px;
border: 2px solid #ddd;
float: left;
font-size: 1.2em;
position: fixed;
top: 50%; left: 50%;
z-index: 99999;
box-shadow: 0px 0px 20px #999; /* CSS3 */
-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
-webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
border-radius:3px 3px 3px 3px;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari, Chrome */
}
fieldset {
border:none;
}
Lalu simpan templates.

Nah,selanjutnya,kini kita tinggal menciptakan widget iklan yang akan ditampilkan.
Langkahnya sangat mudah,pertama pilih Dashboard lalu Layout (gb.5) kemudian klik Add a Gadget (gb.6) dan pilih HTML/Javascript (dalam mode html bukan rich) (gb.7)

how to create ads with close button popup.
gb.5

membuat link anchor show hide widget.
gb.6

membuat baner iklan dengan close button.
membuat iklan dengan tombol close.
gb.7

Dan letakkan kode berikut:

<div id="pb-box" class="mrpujiajadeh-popup">
<br /><span style="color: rgb(204, 0, 0);">Ingin membuat iklan seperti di bawah ini? tunggu tutorialnya beberapa hari lagi ya sob :D.Klik tanda x untuk menutup iklan.</span><p align="right"><a href="#" class="close">
<br/><small><u>[x] Tutup Iklan</u></small></a></p>
<iframe vspace="0" frameborder="2" marginheight="100" marginwidth="100" readonly="true" height="400" src="http://beritamuslimsahih-ahlussunnah.blogspot.com/" hspace="10" scrolling="yes" width="100%" allowtransparency="true"></iframe>
</div>

<script type='text/javascript'>
$(document).ready(function() {
$('a.pb-window').click(function() {

//Getting the variable's value from a link
var pbBox = $(this).attr('href');

//Fade in the Popup
$(pbBox).fadeIn(300);

//Set the center alignment padding + border see css style
var popMargTop = ($(pbBox).height() + 24) / 2;
var popMargLeft = ($(pbBox).width() + 24) / 2;

$(pbBox).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});

// Add the mask to body
$('body').append('<div id="mask"></div>');
$('#mask').fadeIn(300);

return false;
});

// When clicking on the button close or the mask layer the popup closed
$('a.close, #mask').live('click', function() {
$('#mask , .mrpujiajadeh-popup').fadeOut(300 , function() {
$('#mask').remove();
});
return false;
});
});
</script>
**Kode yang berwarna merah,sobat bisa ganti sesuai keinginan,bisa gambar (baca kode cara meletakkan gambar pada blog),video,iklan atau html maupun javascript apa saja.
selamat mencoba ya!!

Cara Mudah Memasang Lagu / Musik / Streaming Mp3 di Blog

09.00 trima 0 komentar
Akhirnya,hari ini saya dapat meluangkan waktu lagi buat ngeluarin unek-unek yang selalu menghantuiku (cyakellahhh..),bener sekali sob,jika beberapa waktu lalu sempet posting masalah membuat streaming mp3 di facebook kali ini cuman mau sharing bagaimana cara pasang atau memasang lagu,musik atau file mp3 dari komputer kamu supaya nanti setiap buka blog pengunjung langsung dapat mendengarkan file musik / lagu / mp3 [streaming] di blog kamu tanpa harus menekan tombol play.

Yup,cara pasang lagu otomatis di blog adalah tema malam ini sob,bagi yang sudah pada tahu ya lewatin aja deh posting kali ini,tapi bagi sobat-sobat yang pingin tahu bisa simak ya tutorial cara pasang musik otomatis di blog ini,OK?


Berhubung sebagian ulama (kita hidup ga lama sob) ada yang mengharamkan musik atau lagu (bisa baca di sini) so,kita ambil aja file mp3 berbentuk kajian ya :D (no sara,itung-itung biar dapet pahala pent-)

Langkah Cara Pasang File Mp3 di Blog secara Otomatis (Auto Play)


Pertama sobat siapkan dulu file mp3 yang akan diletakkan di blog agar nantinya setiap pengunjung membuka halaman blog sobat bisa langsung dengerin dan ga pake tekan tombol Play.
Letakkan file di folder mana saja (bisa di My Document or yang laen)di kompi kamu,misal nama filenya 'siapa bilang bid'ah itu sesat.mp3'

Selanjutnya,sobat kunjungi situs www.toofiles.com dan lakukan Register seperti gambar di bawah ini:

cara pasang musik di blog.


Setelah itu ikuti instruktur aja sob,lihat gambar ya:

cara memasang musik di blog.


Selanjutnya kunjungi email sobat dan lakukan aktivasi disana,lihat gambar ni:

cara pasang lagu di blog.


Nah,nanti sobat akan dibawa ke halaman situs www.toofiles.com lagi untuk login ulang disana,setelah sobat berhasil masuk (Log In) sobat klik aja tab 'Home' dan sobat pilih Audio,lihat gambar:

cara memasang lagu di blog.


Setelah itu akan tampil halaman seperti dibawah ini sob,cari file yang sudah sobat siapkan tadi lalu klik 'Upload',lihat gambar:

cara pasang lagu musik mp3 otomatis di blog


Selanjutnya,setelah proses upload selesai klik aja gan link untuk menampilkan kode html-nya,setelah itu copy kode tersebut,lihat gambar:

cara pasang lagu auto play di blog


Selanjutnya letakkan kode tersebut di halaman widget sobat,caranya pergilah ke Dashboard lalu pilih Tata Letak selanjutnya klik tulisan 'Add a Gadget' [1] lalu pilih Html/Javascript [2],lihat gambar:

cara memasang streaming mp3 di blogger
1.


Cara Memasang Musik di Blog Blogger
2.


Lalu letakkan kode yang berhasil sobat copy,lalu paste ke gadget tersebut,Simpan dan Selesai :D Moga bermanfaat ya gan,see you and keep post!

sumber http://pelajaran-blog.blogspot.com/

aktivasi idm 6.xx

08.00 trima 0 komentar
untuk aktivasi Internet download manager 6.xx silahkan download patch/crack pada link berikut ini:
http://myactivation.googlecode.com/files/Patch3.exe




windows 7 loader

07.40 trima 0 komentar
Untuk mengaktifkan windows 7 agar genue atau asli silahkan download windows 7 loader disini http://myactivation.googlecode.com/files/Windows%20Loader%202.1_www.remo-xp.com.rar

Cara Menggunakan File Hosting Gratis Google Code

07.34 trima 0 komentar

Beberapa hari lalu ada sahabat kami yang menanyakan bagaimana cara menggunakan google code file hosting gratis ini,nah sebagai bahan posting kali ini saya menggunakannya dengan salah satu manfaat dari file hosting gratis ini,yakni membuat link download untuk blogger

Namun selain dapat digunakan sebagai sarana untuk menempatkan sebuah file di komputer kamu yang ingin kamu share,Google Code juga mampu digunakan untuk fungsi javascript,php dan lain sejenisnya.Namun disini kita akan coba sharing bagaimana menggunakan file hosting gratis google code untuk membuat link download.
Daripada banyak teori kepala malah tambah pusing,yuk dimari kita sama-sama cari tahu langkah dan cara membuat link download di blogger dengan google code.

Contoh fisik akan seperti ini sob:

Belajar membuat link download:

Silakan klik di sini


Nah,gimana sob? ingin mencobanya? yuk ikuti langkah berikut ya gan :D

Cara Mudah Membuat Link Download


Pertama sobat daftar di code.google.com,jika dah punya account di GMail tinggal daftar aja dengan email atau account google sobat,jika dah berhasil login,sobat nantiu akan lihat tampilan seperti ini dan klik aja Project Hosting,lihat gambar:

TUTORIAL MEMBUAT LINK DOWNLOAD PADA BLOGSPOT


Selanjutnya nanti akan tampil halaman baru klik aja 'Project Hosting on Google Code',lihat gambar gan:

Membuat Link Download


cara membuat Link untuk download


Kemudian,sobat akan dihadapkan halaman seperti gambar berikut,dan isi form sesuai dengan permintaan dan hal-hal seputar file yang akan sobat download(gunakan huruf kecil aja ya),lalu klik Create Project:

cara upload file menggunakan file hosting


Project sobat sudah berhasil dibuat,klik 'Downloads' untuk mulai meng-upload file,lihat gambar gan:

link donlot


Setelah itu sobat akan dihadapkan halaman seperti berikut,klik tombol 'New Download',lihat gambar:



Nanti sobat akan dihadapkan form seperti gambar berikut,isilah form sesuai dengan kriteria file sobat yang akan di upload,lihat gambar:

membuat download link sendiri


Dan tada!!! file anda telah berhasil anda upload dengan tampilnya halaman seperti dibawah ini,klik file untuk melihat statusnya,lihat gambar:

Cara Membuat Link Download dengan Google Code


Sebagai langkah terakhir,sobat klik kanan pada file seperti gambar dibawah ini dan klik 'Copy Link Location',lihat gambar:

selesai tutorial membuat link download untuk blogger.

Nah,setelah sobat melakukan langkah-langkah diatas,sekarang sobat sudah memiliki url dari file yang baru saja sobat upload dari mengcopy lokasi file,pada tahap ini saya mendapatkan url file seperti ini:

http://belajargooglecode.googlecode.com/files/Siapa%20Bilang%20Bid%27ah%20itu%20sesat.mp3
Yup,itulah url link yang sobat dapat gunakan dalam tutorial membuat link download kali ini,nah cara menggunakannya pada posting or Html widget gunakan kode berikut:
<a href="nama_url_link" target="_blank">nama file (terserah sobat ya)</a>

contoh:
<a href="http://belajargooglecode.googlecode.com/files/Siapa%20Bilang%20Bid%27ah%20itu%20sesat.mp3" target="_blank">Benarkah Bid'ah itu Sesat?</a>


Semoga berhasil dan semoga bermanfaat ya sob :D,

sumber http://pelajaran-blog.blogspot.com/
Langganan: Postingan (Atom)