2 Cara Memasang Lagu di Blog via 4Shared

Ok saya habis dapet cara masang lagu yang baru nih , yup sesuai judulnya via 4shared jd pasti taukan artinya? langsung saja ke caranya

• Cari Lagu yang mau dipasang di  4Shared
• Lalu copy code yang berada di kotak "Pasang" 
• setelah itu edit codenya 

Contoh
kode dari 4Shared <embed src="http://www.4shared.com/embed/1150830584/3b6d2fbb" width="420" height="250" allowfullscreen="false" allowscriptaccess="always" type="application/x-shockwave-flash"></embed>


Ubah menjadi <embed allowscriptaccess="never" type="application/x-shockwave-flash" src="http://www.4shared.com/embed/1150830584/3b6d2fbb" width="0" height="0" flashvars="autostart=true"></embed>

Setelah itu taruh code yg sudah diubah ke template blog kalian (rancangan > edit HTML> cari kode </head> > taruh diatas kode </head> > Simpan)
sumber

Read more

1 Cara Membuat Mini Text Berjalan di Blog

Yup , Setelah sekian lama saya tidak memposting apapun di blog ini maka saya akan memposting cara membuat Mini Text Berjalan , jika tidak tahu apa itu Mini Text Berjalan sobat bisa lihat di Demo GPN
berikut adalah cara" untuk membuatnya

1. Buka Blogger dan Login
2. Setelah itu klik Rancangan
3. Klik Tambah Gadget -> HTML/Javascript
4. lalu masukan code dibawah ini

<marquee width="100%" behavior="scroll" bgcolor="black" loop="3">Tulis Disini!!! </marquee>

ganti kata berwarna merah dengan kata yang anda mau

ganti kata berwarna kuning untuk mengganti warna

Credit : Gatra Perdana

Read more

0 Cara Membobol Proteksi Klik Pada Website di Google Chrome

nah apakah sobat blogger pernah mendengar proteksi klik ? jika belum coba kalian melihat Demo berikut
jika sudah coba kalian klik untuk mengcopy paste , itulah yang disebut proteksi klik :)

nah sekarang saya akan membahas cara untuk membobolnya di Google Chrome

pertama klik option dan pilih under the hood jika kesulitan lihat gambar dibawah

setelah itu klik content setting dan ubah "Allow all sites to run JavaScript" menjadi "Do not allow any site to run JavaScript" , jika bingung lihat gambar dibawah

selesai...... sekarang anda sudah bisa membobol proteksi klik sebuah web

credit by : Gatra Perdana

Read more

0 Cara Membuat Widget Backlink Check

Ok deh langsung saja ane kasih tipsnya...
Copy kode HTML dibawah ini dan taruh di kotak postingan sobat(edit HTML) dan langsung publikasikan deh... hehehehe

<form action="http://www.iwebtool.com/tool/tools/backlink_checker/backlink_checker.php" method="get" name="pageform" onsubmit="return validate(this);" target="pageframe">
<table border="0" style="border-collapse: collapse;"><tbody>
<tr> <td height="91" valign="top" width="956"><table class="tooltop" height="76" style="border-collapse: collapse;"><tbody>
<tr> <td><table border="0" cellspacing="5" style="border-collapse: collapse;"><tbody>
<tr> <td height="28" width="184"><b><span style="font-size: x-small;">Url Blog:


</span></b></td> <td height="28" width="239">


<input name="domain" size="33" type="text" value="" /></td> <td height="28" width="529">


<input style="float: left;" type="submit" value="Check!" /></td> </tr>
<tr> <td height="21" width="184"></td> <td colspan="2" height="21" valign="top" width="770"><span style="font-size: xx-small;">( eg. <a href="http://vikrymadz.blogspot.com/">http://vikrymadz.blogspot.com</a> )</span></td> </tr>
</tbody></table>
</td> </tr>
</tbody></table>
</td> </tr>
<tr> <td width="956">
</td> </tr>
</tbody></table>
</form>

Good Luck ^_^ 

Posted By ViKrY'X MadZ 

Read more

1 Cara Mengecek Backlink Blog / Web

Cara penggunaannya tinggal masukkan blog/web sobat kedalam kotak dibawah lalu klik "Check!" dan langsung tampil deh berapa backlinknya .... selamat mencoba..

Url Blog: (eg. http://vikrymadz.blogspot.com)

Posted By ViKrY'X MadZ 

Read more

0 Cara Membuat Syntax Highlighter pada Blogger

fungsi Syntax Highlighter disini adalah untuk mempermudah dan memperjelas kode JS atau CSS pada postingan kita.


untuk membuatnya ikuti langkah langkah berikut : 

Login Blogger - Rancangan - Edit Html -  expand Widget template.
kemudian cari kode ]]></b:skin> lalu letakkan kode berikut dibawahnya

.dp-highlighter
{
font-family: "Consolas", "Monaco", "Courier New", Courier, monospace;
font-size: 12px;
background-color: #E7E5DC;
width: 99%;
overflow: auto;
margin: 18px 0 18px 0 !important;
padding-top: 1px; /* adds a little border on top when controls are hidden */
}

/* clear styles */
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span
{
margin: 0;
padding: 0;
border: none;
}

.dp-highlighter a,
.dp-highlighter a:hover
{
background: none;
border: none;
padding: 0;
margin: 0;
}

.dp-highlighter .bar
{
padding-left: 45px;
}

.dp-highlighter.collapsed .bar,
.dp-highlighter.nogutter .bar
{
padding-left: 0px;
}

.dp-highlighter ol
{
list-style: decimal; /* for ie */
background-color: #fff;
margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
padding: 0px;
color: #5C5C5C;
}

.dp-highlighter.nogutter ol,
.dp-highlighter.nogutter ol li
{
list-style: none !important;
margin-left: 0px !important;
}

.dp-highlighter ol li,
.dp-highlighter .columns div
{
list-style: decimal-leading-zero; 
list-style-position: outside !important;
border-left: 3px solid #6CE26C;
background-color: #F8F8F8;
color: #5C5C5C;
padding: 0 3px 0 10px !important;
margin: 0 !important;
line-height: 14px;
}

.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div
{
border: 0;
}

.dp-highlighter .columns
{
background-color: #F8F8F8;
color: gray;
overflow: hidden;
width: 100%;
}

.dp-highlighter .columns div
{
padding-bottom: 5px;
}

.dp-highlighter ol li.alt
{
background-color: #FFF;
color: inherit;
}

.dp-highlighter ol li span
{
color: black;
background-color: inherit;
}
.dp-highlighter.collapsed ol
{
margin: 0px;
}

.dp-highlighter.collapsed ol li
{
display: none;
}

.dp-highlighter.printing
{
border: none;
}

.dp-highlighter.printing .tools
{
display: none !important;
}

.dp-highlighter.printing li
{
display: list-item !important;
}

/* Styles for the tools */

.dp-highlighter .tools
{
padding: 3px 8px 3px 10px;
font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: silver;
background-color: #f8f8f8;
padding-bottom: 10px;
border-left: 3px solid #6CE26C;
}

.dp-highlighter.nogutter .tools
{
border-left: 0;
}

.dp-highlighter.collapsed .tools
{
border-bottom: 0;
}

.dp-highlighter .tools a
{
font-size: 9px;
color: #a0a0a0;
background-color: inherit;
text-decoration: none;
margin-right: 10px;
}
.dp-highlighter .tools a:hover
{
color: red;
background-color: inherit;
text-decoration: underline;
}
.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }

.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
.dp-highlighter .string { color: blue; background-color: inherit; }
.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }

Kemudian letakkan Javascript nya sebelum kode </head>

<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js'  type='text/javascript'></script>
<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js'  type='text/javascript'></script>
<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js'  type='text/javascript'></script>
<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js'  type='text/javascript'></script>
<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushDelphi.js'  type='text/javascript'></script>
<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js'  type='text/javascript'></script>
<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js'  type='text/javascript'></script>
<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPhp.js'  type='text/javascript'></script>
<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPython.js'  type='text/javascript'></script>
<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushRuby.js'  type='text/javascript'></script>
<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js'  type='text/javascript'></script>
<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushVb.js'  type='text/javascript'></script>
<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js'  type='text/javascript'></script>

Lalu cari letakkan kode berikut sebelum kode </body>

<!-- Add-in Script for syntax highlighting  -->
<script language='javascript'>
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code');
</script>

Kemudian Save Template.

Untuk pemasangan di postingan caranya adalah seperti ini :

<pre name="code" class="JScript">

Letakkan JavaScript anda disini

</pre>

<pre name="code" class="Css">

Letakkan Kode CSS anda disini

</pre>

keterangan :

• Kode/tulisan  yang saya beri warna Orange itu untuk Syntax kode Javascript, jadi anda cuma bisa meletakkan kode Javascript kedalamnya, demikian juga 
• Kode/tulisan  yang saya beri warna Biru itu untuk Syntax kode CSS, jadi anda cuma bisa meletakkan kode CSS kedalamnya,

jadi anda harus bisa membedakan antara Javascript dengan kode CSS, semoga bermanfaat.

Sumber

Read more