DC Community

Tampilkan postingan dengan label Trik Bloger. Tampilkan semua postingan

Rabu, 07 November 2012

Cara memasukan Template ke Blog (Blogspot)

Template berfungsi agar blog kita lebih menarik untuk di kunjungi orang.,.,.,
Template biasanya berformat ".xml"...
Jika sobat ingin template keren klik disini. lalu Download.
Oke deh jangan banyak basa-basi kita ke TKP...

Pertama-tama masuk dulu ke blogger, jika sudah login, secara otomatis kita akan masuk ke (dasbor blogger)/home
kurang lebih tampilannya seperti ini:
Lalu klik tanda (opsi lainnya) sebelah kiri (lihat blog)

Home/Dasbor

Lalu akan muncul gambar seperti berikut:
Klik Template.

Setelah kita klik Template, kita klik Cadangkan/Pulihkan (yang diberi tanda biru)

Setelah itu akan mucul gambar berikut:

Catatan: Jika Sobat ingin template sobat yang sebelumnya aman maka klik unduh template lengkap.
Klik Browse..

Lalu pilih Template yang sudah sobat download tadi (yang berformat .xml) lalu Open lalu Unggah

Semoga berhasil...
Salam BLOGGER INDONESIA...

Baca Selengkapnya»»

Senin, 26 Desember 2011

Cara Membuat Efek Kembang Api Pada Blog

Assalamualaikum Sobat DC. Kali ini DC akan share tentang Cara Membuat Efek Kembang Api Pada Blog.

Langkah - langkah :
1. login blog
2. rancangan --> edit HMTL
3. lalu cari kode </body>
4. lalu masukkan kode script dibwah ini diatas kode </body>

<script language="javascript" src="https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/kembangapi.js"></script>

5. simpan...

Kok belum keluar??????
jangan takut dulu sob... masih ada cara yang lain kok... langsung aja ya..

1. login blog
2. rancangan --> elemen halaman --> tambah gadget --> HTML/JavaScript
3. lalu masukkan kode

<script language="javascript" src="https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/kembangapi.js"></script>

4. simpan

Dan selesei deh dan jangan lupa coba lihat hasilnya....

kalo belum keluar berarti kodenya masih di disabled tuh
jadi sobat bisa pakai yang kode dibawah ini aja (versi flash)

<div style="position: fixed; bottom: 0px; right: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="160" height="600" title="grab this widget @ widgetindex.blogspot" src="http://5433001315082274311-a-1802744773732722657-s-sites.googlegroups.com/site/widgetindex/fireworks.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

Simpan.
Good Luck sob.... ^_^

source : http://vikrymadz.blogspot.com/2011/12/cara-membuat-widget-timerpenghitung.html

Baca Selengkapnya»»

Cara Membuat Navigasi Halaman (seperti punya google)

Cara Membuat Navigasi Halaman (seperti punya google). Sebelumnya sobat pastinya sudah tahu kan kayak apa navigasi halaman punya mbah google itu,

Nah klo sobat mungkin ingin membuat navigasi halaman sobat seperti punya si mbah, nih saya punya triknya sob.

OK langsung saja ya sob.

Cara Membuat Navigasi Halaman (seperti punya google)

1. login blogger
2. buka rancangan >> edit HTML
3. cari kode ]]></b:skin>
4. lalu taruh kode dibawah ini tepat diatas kode ]]></b:skin>

#nav a,#nav a:visited,.blk a{color:#000}
#nav a{display:block}
#nav .b a,#nav .b a:visited{color:#20c}
#nav .i{color:#a90a08;font-weight:bold}
.csb,.ss{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxbZWxbY08vuVtc-OqbFlVD5OSpwxMGNi4orPL4lYiIYn7P4CudCfCgVw2zz50RHuzvLu_iECg9Kp7X9TDsHKhes-Bb5b5gkq8ECUoczj6el3IY5vxvLS55rgtKwy7Ehn5qiXctQnZddOe/s1600/nav_logo7.png) no-repeat 0 0;height:26px;display:block}
.ss{background-position:0 -88px;position:absolute;left:0;top:0}
.cps{height:18px;overflow:hidden;width:114px}
.mbi{width:13px;height:13px;background-position:-91px -74px;margin-right:3px}
#nav td{padding:0;text-align:center}

5. lalu cari kode </body>
6. taruh kode dibawah ini tepat diatas kode </body>

<script type='text/javascript'>
var home_page_url = location.href;
var pageCount=10;
var displayPageNum=6;
var upPageWord ='Previous';
var downPageWord ='Next';
function showpageCount(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
htmlMap[htmlMap.length]='/';
postNum++;
for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'&max-results='+pageCount;
}
var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};
for(var p =0;p< banyaknomer;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
upPageHtml = '<a href="/"><span class="csb ch" style="background-position: 0pt 0pt; margin-left: auto; width: 44px;"></span><div style="margin-right: 8px;">'+ upPageWord +'</a></td>';
}else{
upPageHtml = '<a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: 0pt 0pt; margin-left: auto; width: 44px;"></span><div style="margin-right: 8px;">'+ upPageWord +'</a></td>';
}
fFlag++;
}
if(p==(thisNum-1)){
if(p==0){
html += '<span class="csb" style="background-position: -26px 0pt; width: 18px;"></span></td><td class="cur"><span class="csb" style="background-position: -44px 0pt; width: 16px;"></span>'+thisNum+'</td>';
}else{
html += '<td class="cur"><span class="csb" style="background-position: -44px 0pt; width: 16px;"></span>'+thisNum+'</td>';
}
}else{
if(p==0){
html += '<td><a href="/"><span class="csb ch" style="background-position: -60px 0pt; width: 16px;"></span>1</a></td>';
}else{
html += '<td><a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: -60px 0pt; width: 16px;"></span>'+ (p+1) +'</a></td>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<td class="b"> <a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: -76px 0pt; margin-right: 34px; width: 66px;"></span>'+ downPageWord +'</a></td>';
eFlag++;
}
}
}
if(thisNum>1){
html = ''+upPageHtml+' '+html +' ';
}
html2 = '<table id="nav" style="margin: auto auto 1.4em; border-collapse: collapse;text-align: center; direction: ltr;" align="center"><tbody><tr valign="top"><td class="b">Page ('+(postNum-1)+') </td><td class="b">';
html3 = '</tr></tbody></table>';
html = html2+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}else{
html += '<td class="b"><span class="csb" style="background-position: -76px 0pt; width: 42px;"></span></td>';
}
if(postNum==1) postNum++;
html += html3+ '</div>';
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;}
if(pageArea&&pageArea.length>0){
html ='';}
if(blogPager){
blogPager.innerHTML = html;}}
function showpageCount2(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
var labelHtml = '<a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
var thisUrl = home_page_url;
htmlMap[htmlMap.length]=labelHtml;
postNum++;
for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount;
itemCount++;
}
var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};
for(var p =0;p< banyaknomer;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
upPageHtml = labelHtml +'<span class="csb ch" style="background-position: 0pt 0pt; margin-left: auto; width: 44px;"></span><div style="margin-right: 8px;">'+ upPageWord +'</a></td>';
}else{
upPageHtml = '<a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: 0pt 0pt; margin-left: auto; width: 44px;"></span><div style="margin-right: 8px;">'+ upPageWord +'</a></td>';
}
fFlag++;
}
if(p==(thisNum-1)){
if(p==0){
html += '<span class="csb" style="background-position: -26px 0pt; width: 18px;"></span></td><td class="cur"><span class="csb" style="background-position: -44px 0pt; width: 16px;"></span>'+thisNum+'</td>';
}else{
html += '<td class="cur"><span class="csb" style="background-position: -44px 0pt; width: 16px;"></span>'+thisNum+'</td>';
}
}else{
if(p==0){
html = '<td>'+labelHtml+'<span class="csb ch" style="background-position: -60px 0pt; width: 16px;"></span>1</a></td>';
}else{
html += '<td><a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: -60px 0pt; width: 16px;"></span>'+ (p+1) +'</a></td>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<td class="b"> <a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: -76px 0pt; margin-right: 34px; width: 66px;"></span>'+ downPageWord +'</a></td>';
eFlag++;}}}
if(thisNum>1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';}}
html2 = '<table id="nav" style="margin: auto auto 1.4em; border-collapse: collapse;text-align: center; direction: ltr;" align="center"><tbody><tr valign="top"><td class="b">Page ('+(postNum-1)+') </td><td class="b">';
html3 = '</tr></tbody></table>';
html = html2+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}else{
html += '<td class="b"><span class="csb" style="background-position: -76px 0pt; width: 42px;"></span></td>';}
if(postNum==1) postNum++;
html += html3+ '</div>';
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;}
if(pageArea&&pageArea.length>0){
html ='';}
if(blogPager){
blogPager.innerHTML = html;}}
</script>
<script type='text/javascript'>
var thisUrl = home_page_url;
if (thisUrl.indexOf("/search/label/")!=-1){
if (thisUrl.indexOf("?updated-max")!=-1){
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"));
}else{
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"));}}
var home_page = "/";
if (thisUrl.indexOf("?q=")==-1 && thisUrl.indexOf(".html")==-1){
if (thisUrl.indexOf("/search/label/")==-1){
document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')
}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')}}
</script>

7. simpan dan lihat hasilnya.

Buseeeeetttt panjang banyak yahh kodenya.... hahahahaha

daripada nanti ada yang komentar gt, jadi saya komentarin dlu nih... wkwkwkwkwkwk

source : http://vikrymadz.blogspot.com/2011/12/cara-membuat-navigasi-halaman-seperti.html

Baca Selengkapnya»»

Sabtu, 30 Juli 2011

1 Link Membuka 2 URL Tujuan

Dalam Tutorial kali ini saya akan mencoba membagi sepenggal kode script yang berfungsi untuk membuat sebuah link dapat membuka 2 [ dua ] URL Tujuan sekaligus, wow mantab nih.

Source singkat ini bisa anda gunakan jika anda mempunyai 2 Link web/blog atau Link lainnya yang ingin anda sertakan untuk dapat dibuka bersama sama dalam satu link.

Sekarang kita akan memulai paragraf Tutorial script kodenya

Source Code Script

Keterangan :

link1 = Ganti dengan URL Link Tujuan

link2 = Ganti dengan URL Link Tujuan

nama link = Nama yang ingin di cantumkan

Baca Selengkapnya»»

Rabu, 13 Juli 2011

Cara Membuat Label Cloud Berputar

Buat sobat yang pengen membuat tampilan labelnya seperti gambar disamping.

Label cloud berputar ini terlihat lebih menarik karena gerakannya yang dinamis sehingga dapat menarik perhatian para pengunjung blog kita dan label cloud ini gerakannya juga mengikuti cursor.

Sebenarnya untuk membuat label cloud berputar ini membutuhkan kode HTML yang lumayan agak panjang dan sobat harus menambahkannya pada template sobat, jadi saran ane saranin nanti sebelum mengedit template, ada baiknya backup terlebih dahulu template sobat.
I. Langkah Pertama

Login ke Blogger dengan ID sobat.
Klik Tata Letak
Klik tab Edit HTML
Download dahulu template sobat dengan mengklik Download Template Lengkap
Kemudian klik button Expand Template Widget dan cari kode yg seperti ini :

<b:section class='sidebar' id='sidebar' preferred='yes'>

Copy kode berikut ini setelah kode diatas :

    <b:widget id='Label99' locked='false' title='Labels' type='Label'>
    <b:includable id='main'>
    <b:if cond='data:title'>
    <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
    <div id='flashcontent'>Blogumulus by <a href='http://vikrymadz.blogspot.com/'>vikrymadz</a></div>
    <script type='text/javascript'>
    var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
    // uncomment next line to enable transparency
    //so.addParam("wmode", "transparent");
    so.addVariable("tcolor", "0x333333");
    so.addVariable("mode", "tags");
    so.addVariable("distr", "true");
    so.addVariable("tspeed", "100");
    so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
    so.addParam("allowScriptAccess", "always");
    so.write("flashcontent");
    </script>
    <b:include name='quickedit'/>
    </div>
    </b:includable>
    </b:widget>

II. Langkah Kedua
* Mengubah lebar dan tinggi kolom serta warna background
Angka "240" adalah lebar kolom
Angka "300" adalah tinggi kolom
Sedangkan #ffffff adalah kode untuk backgroud

* Merubah warna font, untuk kode warna bisa sobat lihat disini
so.addVariable("tcolor", "0x333333");

* Merubah ukuran font
so.addVariable("tagcloud", "12'>");

Jika dalam membuat label cloud ini tidak berfungsi, silahkan sobat ganti label text menjadi label cloud. Perhatikan gambar dibawah ini :

good luck sob...

Baca Selengkapnya»»

Cara Menambahkan Widget Tombol Google +1 pada Blog

Cara Menambahkan Widget Tombol Google +1 pada Blog. yups kali ini saya kan share mengenai Cara Menambahkan Widget Tombol Google +1 pada Blog. sebenernya sih, saya tidak ada niat buat posting tentang ini, karena widget Google +1 ini sudah secara otomatis ada pada widget share pada blogger. jadi saya beranggapan klo para blogger sudah pada tahu.. hehehehe

tapi ternyata sobat saya Maphia Black masih blm tahu, jadi ya akan saya share disini.

ok deh langsung aja pada langkah"nya Cara Menambahkan Widget Tombol Google +1 pada Blog.

1. login blog
2. rancangan -> edit HTML (centang Expand Template Widget)
3. cari kode]]></b:skin>
4. taruh kode dibawah ini dibawah kode ]]></b:skin>

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

untuk pilihan besar kecilnya sobat bisa lihat pada kode-kode dibawah ini.
Tombol +1 Kecil

Kode tombol kecil

<g:plusone size="small"></g:plusone>

Tombol +1 Sedang

Kode tombol Sedang

<g:plusone size="medium"></g:plusone>

Tombol +1 Standar

Kode tombol standart

<g:plusone></g:plusone>

Tombol +1 Besar

Kode tombol besar

<g:plusone size="tall"></g:plusone>

Untuk penempatan

Menambah Tombol +1 di Atas Postingan Blogger.
cari kode <div class='post-header-line-1'>
lalu taruh salah satu kode widget +1 diatas, diatas kode <div class='post-header-line-1'>

jika sobat ingin Menambah Tombol +1 di Bawah Postingan Blogger.
cari kode <div class='post-footer-line post-footer-line-1'>
lalu taruh salah satu kode widget +1 diatas, dibawah kode <div class='post-footer-line post-footer-line-1'>

dan jangan lupa Simpan.

Kode diatas bisa sobat taruh di berbagai tempat, jadi tinggal selera sobat untuk menempatkannya dimana.

Baca Selengkapnya»»

Cara Memasang Widget Tombol "Like" Facebook di Blog

Seperti pada judulnya Cara Memasang Widget Tombol "Like" Facebook di Blog. yups pastinya saya juga akan share mengenai Cara Memasang Widget Tombol "Like" Facebook di Blog dong.. hihihih

tips ini saya peroleh dari sobat saya orizaman. tips ini sudah saya coba kok, dan hasilnya juga 100% bisa.

ok deh langsung aja ya sob Cara Memasang Widget Tombol "Like" Facebook di Blog
1. login blog
2. rancangan -> edit HTML (Centang Expand Template Widget )
3. cari kode <data:post.body/>
4. lalu taruh kode dibawah ini, dibawah kode diatas

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100
&action=like&font=arial&colorscheme=light"' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/>

maka hasilnya akan seperti dibawah ini

lalu jika sobat ingin hasilnya seperti dibawah ini

maka ganti kode yang berwarna merah diatas menjadi button_count

ok deh selamat mencoba ^_^

Baca Selengkapnya»»

Cara Membuat widget Recent Post / Postingan Terbaru

Seperti pada judulnya kali ini saya akan share mengenai Cara Membuat widget Recent Post / Postingan Terbaru. widget Recent Post adalah sebuah widget untuk menampilkan posting" terbaru.

Untuk membuat widget ini cukup mudah kok, karena hanya membutuhkan sedikit kode HTML saja. Dan widget ini juga tidak terlalu berat kok.

udah deh ya sob langsung aja deh pada langkah"nya.... lagi males basa basi nih.... hehehehehe

1. login blog
2. rancangan >> elemen halaman >> tambah gadget (HTML/JavaScript)
3. lalu masukkan kode dibawah ini

<script style="text/javascript" src="https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/recentposts.js"></script>
<script style="text/javascript">
var numposts = 10;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://dinarcool.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts">
</script>

NB :
text yang berwarna biru adalah jumlah banyak posting yang akan tampil pada widget tersebut
text yang berwarna merah adalah alamat blog, jadi jangan lupa ganti dengan alamat blog sobat.

4. simpan

gimana??? mudah kan??? jadi selamat mencoba ya sob.... ^_^

Baca Selengkapnya»»

Cara Membuat Efek Neon Light Text (2 warna)

Setelah posting Cara Membuat Efek Neon Light Text (1 warna). jadi sekarang tentang Cara Membuat Efek Neon Light Text (2 warna).

Cara ini adalah cara yang ada dan di pakai di web Yang INI.
dan hasilnya cukup bagus lah menurut saya.

Sebetulnya saya kira cara ini hanya bisa dijalankan pada website ... eeh ternyata cara ini juga bisa dijalankan pada blog. heheheeh Jadi langsung aja deh saya share ke sobat".

Dibawah ini scriptnya (maaf kali ini saya tidak memberikan demo)

<h4>
<script language='JavaScript1.2'>
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>
<script language="JavaScript1.2">var message="Ini Hanya Sebagai Contoh Efek Neon Light Text (2 warna)"
var neonbasecolor="white"
var neontextcolor="red"
var neontextcolor2="blue"
var flashspeed=120    // speed of flashing in milliseconds
var flashingletters=5    // number of letters flashing in neontextcolor
var flashingletters2=3    // number of letters flashing in neontextcolor2 (0 to disable)
var flashpause=0    // the pause between flash-cycles in milliseconds
///No need to edit below this line/////
var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)
function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}
function neon(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor
if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor
if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()</script>
</h4>

Catatan :
Pada
<script language="JavaScript1.2">var message="Ini Hanya Sebagai Contoh Efek Neon Light Text (2 warna)"
"Ini Hanya Sebagai Contoh Efek Neon Light Text (2 warna)" = adalah text yang akan muncul.
var neonbasecolor="white"
white = warna Background
var neontextcolor="red"
red = warna text1(depan)
var neontextcolor2="blue"
blue = warna text2(belakang)
var flashspeed=120 // speed of flashing in milliseconds
120 = kecepatan warna text berjalan
var flashingletters=5 // number of letters flashing in neontextcolor
5 = banyak text yang akan tampil

Selamat mencoba ^_^

Baca Selengkapnya»»

Minggu, 03 Juli 2011

Cara Membuat Kotak Link Exchange

Postingan kali ini saya akan membahas bagaimana Cara Membuat Kotak Link Exchange
Yang tampilannya seperti di bawah ini :

Kalo kita mau tukeran link biasanya ada kotak seperti di atas
Berikut cara membuatnya :

Login ke Blogger
Klik Rancangan → Elemen Laman → Tambah Gadget → HTML/JavaScript
Kemudian Copy Paste kode di bawah ini :

Keterangan : ganti http://tiptrikblogger.blogspot.com/ dengan Url Blog sobat dan http://i1002.photobucket.com/albums/af149/Imtikhan/cooltext442868955-1.gif ganti dengan Url gambar sobat
jika sudah selesai SIMPAN
Hasilnya akan seperti kotak diatas, kalo textnya itu di Copy terus di Paste di Blog, maka hasilnya akan menjadi gambar dan juga ada linknya.

Selamat menco

Baca Selengkapnya»»

DC Community

Pages

Rabu, 07 November 2012

Cara memasukan Template ke Blog (Blogspot)

Senin, 26 Desember 2011

Cara Membuat Efek Kembang Api Pada Blog

Cara Membuat Navigasi Halaman (seperti punya google)

Sabtu, 30 Juli 2011

1 Link Membuka 2 URL Tujuan

Rabu, 13 Juli 2011

Cara Membuat Label Cloud Berputar

Cara Menambahkan Widget Tombol Google +1 pada Blog

Cara Memasang Widget Tombol "Like" Facebook di Blog

Cara Membuat widget Recent Post / Postingan Terbaru

Cara Membuat Efek Neon Light Text (2 warna)

Minggu, 03 Juli 2011

Cara Membuat Kotak Link Exchange

Popular Posts

Tentang

Artikel

NyaNg Comment di DC :