website monitoring alert Web Development & Design Blogs ip lookup

Showing posts with label Blog. Show all posts
Showing posts with label Blog. Show all posts

Cara hilangkan powered by blogger

10 comments

Hello opamer selamat sore yg dingin, kok dingin? sini hujan masalahnya hehe...kali ini opa ada pembahasan tentang Cara Menghilangkan Attribution Powered by Blogger atau Cara Menghilangkan Tulisan Powered by Blogger. ini sebenarnya request dari salah satu pengunjung yang bole di bilang masih pemula. klo di blog opa ini tadinya terletak di bawah Friend's Banner. Berikut ini tips trik cara menyembunyikan :





1. Login ke Blogger.com
2. Klik tata letak
3. Edit Html
4. Copy kode dibawah

]]></b:skin>

5. Lalu CTRL + F, lalu paste
6. Klik Search
7. Jika sudah ketemu, copy paste kode di bawah:

#Attribution1 { height:0px; visibility:hidden; display:none; }


8. Letakkan kode tersebut, tepat diatas kode ]]></b:skin>
9. Klik Preview, kalau sudah ok save
10. Selesaiiiiii... mudahkan hehehe
karena yang request merupakan pemula. Jika belum daftar blogger ini opa sediakan juga Cara daftar blogger

ReadMore

SEO Friendly Responsive Blogger Template

5 comments

SEO Friendly Responsive Blogger Template, download template seo friendly blogger, demo seo friendly blogger
Hi warga blog opa-ma.. maaf ya bila pembahasan saya kurang berkenan.. saya di perbolehkan sama admin blog ini untuk update lewat blog saya langsung. kayaknya temen2 juga boleh tuh jika ingin update postingan di blog ini. syaratnya sebenarnya gak sulit, saya kemaren cuma nunjukin artikel hasil ketikan sendiri sebanyak satu buah saja, lalu di ACC sama yang punya blog ini. coba saja konfirmasi ke facebook Admin.
Saya (peluang pebisnis) akan membahan tentang SEO Friendly Responsive Blogger Template. agar temen2 semua blognya RESPONSIVE SEARCH ENGINE google, bing, yahoo dll. oke dari pada terlalu lama muter-muter silahkan saja di donload file di bawah:
download template seo friendly blogger | demo seo friendly blogger

ReadMore

cara pasang kode html | pasang widget di blog

2 comments

opa-ma.blogspot.com, cara pasang kode htmL, pasang widget di blog, cara, tips, tip, trik, n, dan, pasang, kode, code, html, tips trik, pasang, widget, di, blog,
Selamat sore opameeeeer... apa kabar dg kalian semUA? . opa pingin banget ni bahas tentang widget supaya jadi pernak-pernik mempercantik blog opamertips dan trik pasang widget atau pasang kode html di blog . Opa sediakan beberapa widget lucu di sini. Caranya gampang, "tips trik" pasang html nya sebagai berikut:
1. Login "Blogger.com"
2. Dashboard
3. Page Elements
4. Add a Gadget
5. Klik HTML/javascript
6. Pilih salah satu kode html dan Copy paste script dibawah ini ke "HTML/javascript"

1. GAMBAR LUMBA-LUMBA

>



2. GAMBAR BAYI


3. GAMBAR ANJING LAUT



4. GAMBAR DORAEMON




5. GAMBAR IKAN



6. GAMBAR KUCING TIDUR





7. GAMBAR MAIN BOLA




8. GAMBAR PINGUIN




9. GAMBAR PANDA




tips trik lain yang hampir serupa... pembahasan opa yang lama disini

ReadMore

Widget : Share melayang Facebook dan Twitter

1 comments

cara,pasang,box,fly,Widget, Share, melayang,  Facebook, dan, Twitter, google,plus,digg,fb,tweetSelamat sore opamer..ini kemaren hari selasa ada yang request tentang "share facebook dan twitter yang bisa melayang". Katanya dia, dia bingung liat tutorial di blog lain yang harus "Edit HTML". Untuk itu sekarang opa bahas-in buat yang kemaren request, ini tidak perlu utak-atik "Edit HTML". Buat sobat Opa yang juga membutuhkan juga di persilahkan, ini langkah-langkahnya :




1. Login "Blogger.com"
2. Dashboard
3. Page Elements
4. Add a Gadget
5. Klik HTML/javascript
6. Copy paste script dibawah ini opamer ke "HTML/javascript"


Posisi di sebelah kiri blog/web, jika opamer menghadap ke laptop/komputer:

<style type="text/css">
*{margin:0;padding:0;}

* html #z33sHare{
position: absolute;
}

#z33sHare{
left:1%;width: 70px;background:white;border:2px solid #000000;-moz-border-radius:3px;-webkit-border-radius:3px;
position:fixed;
bottom: 20%;
}

#z33sHare div{
padding:6px 6px 6px 5px;
}

#stw{
margin-left:-2px;
}

#sfs{
margin-left:-5px;
}

</style>
<div id="z33sHare">
<div id="ssl-box">
<div id="stw">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
<div><a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a><script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>
<div>
<script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class="DiggThisButton DiggMedium"></a>
</div>
</div>
<div><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><div style="clear:both;"></div></div>



Posisi di sebelah kanan blog/website, jika opamer semua menghadap ke laptop/komputer:


<style type="text/css">
*{margin:0;padding:0;}

* html #z33sHare{
position: absolute;
}

#z33sHare{
right:1%;width: 70px;background:white;border:2px solid #000000;-moz-border-radius:3px;-webkit-border-radius:3px;
position:fixed;
bottom: 20%;
}

#z33sHare div{
padding:6px 6px 6px 5px;
}

#stw{
margin-left:-2px;
}

#sfs{
margin-left:-5px;
}

</style>
<div id="z33sHare">
<div id="ssl-box">
<div id="stw">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
<div><a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a><script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>
<div>
<script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class="DiggThisButton DiggMedium"></a>
</div>
</div>
<div><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><div style="clear:both;"></div></div>

Keterangan:
+ Warna merah : Jika opamer ingin mengganti background
+ Warna hijau : Jika sobat opa ingin mengganti posisi box share
+ Warna biru : untuk menggeser posisi box, 20% keatas or kebawah, 1% kekanan or ke kiri.
+ Jika ingin ganti "border warna" silahkan kesini

7. Lalu klik save opamer (gak perlu di kasih nama ya)
8. Silah kan di cek blog/web opamer
9. gimana keluar kan?
10. Finish dah ^_^



ReadMore

Script copy paste web master

2 comments

atasi, masalah, copy, paste, copaser, copas, tanpa, source, menyebut, kan, nama, web, website, sumber, script, java, script, html, php, by.opa-ma.blogspot.comSesuai dengan judul yang opa angkat yaitu "Script copy paste web master". Opa dpt info menarik buat web master yang tidak ingin artikelnya di copy paste tanpa menyebutkan nama websitenya. Ini opa dapat script buat mengatasi hal tersebut. Memang sangat menjengkelkan kalau hal tersebut terjadi. Kalau di blog ini memang tidak opa kasih script itu cos opa ingin yang copas sadar sendiri, begitu hee..okelah ini scriptnya:


1. Login ke blogger.com dengan account google opamer
2. Dashboard
3. Rancangan
4. Edit HTML
5. Letakkan script java script di bawah tepat setelah code <head> :


<script type='text/javascript'>
function addLink() {
var body_element = document.getElementsByTagName('body')[0];
var selection;
selection = window.getSelection();
var pagelink = "<br/><br/> page of this article: <a href='"+document.location.href+"'>"+document.location.href+"</a><br/>Copyright by.opa-ma.blogspot.com "; // change this if you want
var copytext = selection + pagelink;
var newdiv = document.createElement('div');
newdiv.style.position='absolute';
newdiv.style.left='-99999px';
body_element.appendChild(newdiv);
newdiv.innerHTML = copytext;
selection.selectAllChildren(newdiv);
window.setTimeout(function() {
body_element.removeChild(newdiv);
},0);
}document.oncopy = addLink;
</script>


Keterangan :
Ganti alamat opa-ma.blogspot.com dengan nama website opamer

6. save template
7. coba copas artikel opamer yang mana saja
8. sudah keluarkan keterangan tentang alamat web opamer?
9. Jika sudah brarti FINISH


Hasil bisa lihat di : developmentofthetechnologyworld.blogspot.com



NB : Bisa dipakai untuk website atau blog

ReadMore

Arrival

1 comments

arrival, new, arival, opa-ma.blogspot.com, pendatang, baru, artikel, archive, drop, boxHaduh kngn e sama opamer semua yang slalu kasih masukan. Ni opa baru nongol lagi. Opa tadi baru jalan-jalan di mbah google trus nemuin ini. Namanya "Arrival new" mungkin udah ada yang tau di antara sobat opa ini, tapi opa tetep bahas ini mungkin juga ada yang belum tau ( newbie ). Kali ini opa g banyak canda tawa cos lg broken heart ^_^. Ini dia pembahasanya :




1. Login Blogger
2. Dasbor
3. Rancangan
4. Tambah Gadget
5. Pilih Javascript/html
6. Copy Paste scrip ini :

<center><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:0px;
padding:0px 0px;
height:500px;
}
#spylist ul{
width:250px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:250px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:50px;
overflow: hidden;
background:#fff url(#) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
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:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:0px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='javascript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhAbZXz91jbmzbwVSPNOYSkrhKVI1T3q4kGHxPJBOgk0FQ8OhzgprmjF4SbqYXlOD7fycpIj5A0AD7keb0lB0eqeryJiLPWV6QLsW_IQS9RV3UdNVwmm2sRCTtRkAtFhJ7qOFT1lBT3P4L/s128/globe%20new.gif";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCMfTs5yd69OgFQDAOE2UTDYCexZNsz9LaIzIjzRAIH35gBWTCJAxgRk0L86DOx7fNt4Uc-SdjpqyvR95rZKLSjuvedK59tczYR4-LseVWEtn4PYUKGdYqbFfxlhwcGY_Dp11n5RiP4Uv1/s1600/rolling.gif";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix2wVMCwmqDmDJt9srC8hOzxP3sb6UQSs6MEW1OTBJPqxOiFtToHYxmcVbmOWqMD6X4MzfIH6wyrgYgkpWEi_w4eXB-3POQNiYbLckIRmsL1WWQbeidgvES4E8vFgwkRAJ-hKPsnBFqTZn/s1600/movie.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVmulsGk3QC-IZvIC5-E0uy_38LQkxmP5ntwrAw0O0s7lEWHzodaejdWEiTvKDC8D70TWohPj56-4nU_brxxD2cQdpaNdtV5-M1mo2S7nSsRNnoOpFMlm93GBpQnp8wrQSzzziRR9metuf/s1600/carticon.gif";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiezyZHM4WOgQxm8FYyyxnH3H4oyl2vM1xhezq2v7QPpn7AZN5QOrJ-6G5G1bCpT3e1iW8gPe2NjIL9JUUOppl2HDfU9ZyVjrxAooo611wmaXavYnlToZLDpgyMH9ICcl9bfSUHEx-tNgRy/s1600/best+information.jpg";
showRandomImg = true;
boxwidth = 270;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 45;
thumbheight = 45;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 25;
home_page = "http://opa-ma.blogspot.com/";
limitspy=7
intervalspy=4000
</script>
<div id="spylist">
<script src='http://opa-ma.googlecode.com/files/arrival%20new.txt' type='text/javascript'></script>
</div></center>

Keterangan :
+ Ganti Url berwarna merah yang bertuliskan http://opa-ma.blogspot.com
+ Kuning : Ukuran Gambar
+ Hijau : Privew yang akan berjalan
+ Ungu : Bertuliskan TRUE : Jika ingin mengeluarkan data, FALSE : Jika tidak ingin menjalankan data
+ Coklat : 40 ( Jumlah post yang play ), 10 ( Ukuran Font )

7. Udah pada di edit blom?
8. Klo udah brarti FINISH




Slam Bogging

ReadMore

Effect melayang di semua website

0 comments

effect, efect, melayang, di, semua, website, -, brantakan, buat, gambar, berantakan, image, apapun, drift, at, all, websites, -, brantakan, create, script,whatever, by, opa-ma.blogspot.com Uhuii..ada permainan ni. permainan untuk membuat tampilan website berantakan. Website apapun bisa opamer buat brantakan, bisa dicoba di blog ini atau terserah opamer wes, tapi ini akan kembali kebentuk semula lagi bila opamer mengetik nama link web yang tadi di rusak-in. bagaimana tips efek nya? mari-mari ke bawah ini:



1. Copy script di bawah ini

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',5); void(0);


2. lalu opamer paste ke "Address bar browser" (tempat opamer nulis nama website)
3. enter
4. liat hasihnya
5. Anda sukses ses ses....hehe

contoh hasil dari opa :

Tampilan blog opa jadi berantakan..ooh tidaaaaaaaaaaakk...^_^

rahasia, buat brantakan, web, orang, lain, usil, jail, opa-ma.blogspot.com


Tampilan Facebook opa berantakan juga..ooh noooooo...^_^

rahasia, buat brantakan, web, orang, lain, usil, jail, opa-ma.blogspot.com

Selamat bersenang-senang


ReadMore

Daftar Blogger Mobile

7 comments

Register blogger Mobile, Daftar Blogspot mobile, by www.opa-ma.blogspot.comIni opa memenuhi salah satu request dari beberapa yang masih opa Pending. Bagi seseorang yang kemaren tanya tentang "Bagaimana cara buat Blog mobile untuk open di opera mini". Caranya sangat simple sebenarnya ini feature bagus buat yang jarang online melalui PC. Tips trik nya sebagai berikut :




1. Loggin ke www.draft.blogger.com
2. Pilih "Pengaturan"
3. Lalu opamer klik "Email & Seluler"
4. Centang Tulisan "Ya, Pada perangkat seluler, tampilkan versi seluler template saya."
5. Kalau sudah opamer Klik " Simpan Setelan " (bawah sendiri)
6. Next Lang kah Klik "Pratinjau Seluler" (letak nya atas)
7. Setelah klik Pratinjau Seluler hasilnya seperti ini nanti:

Register blogger Mobile, Daftar Blogspot mobile, by www.opa-ma.blogspot.com Preview















8. copy URL nya lalu tinggal pindah deh ke blog opamer, kalau punya opa ini URL nya http://opa-ma.blogspot.com/?m=1
9.Oke Finish

Selamat BerSeluler Ria yao..hehehe

ReadMore

Create effect neon natal blog/web

2 comments

Cara buat lampo neon blogger dan webiste opa-ma.blogspot.comSalam hangat..opa ada pembhasan buat opamer semua, kali ini tentang "Cara membuat Lampu Neon atau Tulisan bercahaya berjalan selayak neon di hari natal". Hari ini opa langsung ke tutorial saja oke cos mau pergi nih opa. Di sempat-sempatin buat posting demi opamer...hiks
ayuk..:




1.Login Blogger
2.Page Element
3.Klik Add Gadget
4.Klik HTML/JavaScript
5.Copy and paste kode dibawah ini:

<h2>
<script language="JavaScript1.2">
var message="Opa-ma Siap Tempur Lagi"
var neonbasecolor="#000000"
var neontextcolor="#ffffff"
var neontextcolor2="#ffffff"
var flashspeed=110 // kecepatan flashing dalam milliseconds
var flashingletters=0 // jumlah huruf yg di flashing dlm neontextcolor
var flashingletters2=19 // jumlah huruf yg di flashing dlm neontextcolor2 (0 to disable)
var flashpause=19 // pause diantara flash-cycles dlm milliseconds
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>
</h2>

KETERANGAN
Kuning: Teks yang opamer kehendaki.
Hijau : Code Warna
Merah: Mengatur kecepatan gerak warna
Orange: Jumlah yang dilalui Neon warna
Putih: Warna dasar dan sesuaikan dengan jumlah abjad ( tampilan warna dasar seperti orang ngetik di komputer )

6.Buat Ganti Code warna Klik Here
7.Klo semua sudah di edit nanti jadinya seperti Klik Here
8. Finish...oke opa pergi dulu...

Selamat Belajar

ReadMore

Cara Buat Daftar Isi

1 comments

Cara Buat Daftar Isi by opa-ma.blogspot.comDi pagi yang sejuk..opa mau memenuhi request dari opamer eko yang kemaren meminta pembahasan ini melalui fb opa. Dia meminta opa untuk membahas tentang " Cara Buat Daftar Isi " di blogspot. Bagi yang kemaren request silahkan ketawa dulu hohoohoho... Baik kita pergi langsung saja ke TKP monggooooo :

1. Login to www.blogspot.com
2. Tata letak
3. Edit HTML
4. Cari Script <b:include data='post' name='post'/>
5. Caranya dengan tekan CTRL + F
6. Jika opamer sudah menemukan, Ganti script tadi dengan script dibawah ini :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:5px;border-right:1px solid #ebebeb;
border-bottom:1px solid #ebebeb;margin-bottom:5px;background:#f2f2f2;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>


7. Silahkan opamer save dulu
8. Lanjutkan dengan buka Page Elements
9. Klik link Add a Gadget
10.Pilih HTML/JavaScript
11.Copy Paste Script dibawah ke kolom HTML/JavaScript:
<form action="http://opa-ma.blogspot.com/search?max-results=2000" method="get"><input value="Daftar Isi" type="submit"/></form>


Keterangan: Editlah teks yang berwarna merah bertuliskan "http://opa-ma.blogspot.com" dengan blog opamer

12. Nah sekarang tinggal di Save
13. Mudah kaaaaaaaaaaaaaaan...... hiks^_^



ReadMore

Auto Scroll Speed High

3 comments

Wah bagaimana ya kabar opamer?..kita lama gak jumpa ni. Opa lagi hadapi skripsi. Do'ain opa ya biar cepet kelar skripsinya amien. Baik disela-sela opa menghadapi skripsi opa tetep akan kasih tutorial untuk opamer belajar bersama disini. Artikel atau pembahasan kali ini tentang "Auto Scroll Speed High". Belum tau maksud opa? Maksudnya tuh 'membuat tombol back to top and back to down' ( 'kembali ke atas dan kembali kebawah' ). Untuk keterangan lebih lanjut dan detailnya, silahkan opamer baca di bawah ini:

1. Login ke 'blogger'
2. Klik tata letak
3. Edit Html
4. Cari code ]]></b:skin>
5. Jika sudah copy paste script ini di atasnya

#image_melayang {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

6. Kemudian copy paste kode berikut diatas kode </body>:

<div id='image_melayang'>
<a href='javascript:scroll(0,0)' title='naik keatas cuy'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW_teAnXA_N_JJRMzof1OfM94HtdqRQWomkVP2XipBEMYnjQRsEjCvHZoGzN-bJoItcJnHNmOlW083DzTC6yof-xyklWyE6_-O86INSnlPsJuRb56x4mXjLMZbXM-YMG7kDy7LcnyNdDo/s1600/opa.png'/></a>
<a href='javascript:scroll(5000,5000)' title='turun kebawah cuy'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3druJh7jy7tSmZVsNn1nOm54OGA4iMns_HBhunVftsTgp4pSLGul0EvDbmqsCdUvFfyh4HfAhi7MbIpy4m3WZqSDgjKWTHpHkmK0OTZgxqOLp2LO37XaRoGIRbVh87nVzjkxYQUMok0k/s1600/opadonw.png'/></a>
</div>
7. Kalau sudah langsung di SAVE
8. Selesai dah sekarang


ReadMore

Make Shoutmix Fly or Melayang

0 comments

opa-ma.blogspot.com Make Shoutmix Fly or membuat shoutbox chat Melayang terbangHola opamer...selamat berbahagia ada pelajaran lagi dari opa. ini sudah opa utak-utik agar sedikit beda dari yang lain. Bagi para opamer sejati mungkin sudah pada tau tentang "Chatting" or biasa disebut "Shoutmix" terbang melayang or nempel di Blog/ website. Terbangnya pake sayap ya opa? Wha ini beda, tanpa sayap bisa terbang .. burung merpati pun lewat lawan ini hahahha...Just kidding opamer hiks^_^ .. Intinya hari ini opa ingin bahas tentang itu...mau tau? mari go to tutorial:


1. Login Ke Blogger
2. Klik Dashboard
3. Klik Layout
4. next 'Page element'
5. Add a Gadget
6. Pilih Html/script
7. Edit script yang opa kasih warna merah:

<style type="text/css">
#nempel{position:fixed;top:65px;z-index:+1000;}
* html #nempel{position:relative;}
.nempeltab{height:100px;width:30px;float:left;cursor:pointer;background: #000033 url('http://img716.imageshack.us/img716/6416/pesanopama.jpg')no-repeat;}
.nempelisi{float:left;border:4px solid #ffffff;background:#000000;padding:8px;}
</style>
<script type="text/javascript">function showHideNempel(){var nempel = document.getElementById("nempel");var w = nempel.offsetWidth;nempel.opened ? moveNempel(0, 30-w) : moveNempel(20-w, 0);nempel.opened = !nempel.opened;}function moveNempel(x0, xf){var nempel = document.getElementById("nempel");var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;nempel.style.right = x.toString() + "px";if(x0!=xf){setTimeout("moveNempel("+x+", "+xf+")", 10);}}</script>
<div id="nempel">
<div class="nempeltab" onclick="showHideNempel()"></div>
<div class="nempelisi">
<iframe title="erdisekti" src="http://www5.shoutmix.com/?erdisekti" width="160" height="400" frameborder="0" scrolling="auto">
<a href="http://www5.shoutmix.com/?erdisekti">View shoutbox</a>
</iframe>
<div style="text-align:right;"><a style="text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 12px;" href="
http://opa-ma.blogspot.com/2010/01/make-shoutmix-fly-or-melayang.html" target="_blank">[Tutorial]</a>" <a style="text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 12px;"href="javascript:showHideNempel()">[Close]</a></div>
</div>
</div>
<script type="text/javascript">var nempel = document.getElementById("nempel");nempel.style.right = (30-nempel.offsetWidth).toString() + "px";</script>


Keterangan
Yang berwarna merah ganti dengan script Shoutmix opamer.

8. Jika sudah diganti copy paste script hasih editan ke Kolom html/java script
9. Save
10.Selesai dah opamer ^_^
11.Mudah bukan hehehe

Terima kasih Buat kunjunganya. Eh ya kelupa'an...itu jg bisa dipake di website loh.. Oke see You

ReadMore

Gambar Background Dibelakang Tulisan

5 comments

Gambar Background bendera indonesia Dibelakang Tulisan opa-ma.blogspot.comSiap opamer..eh salah dah, maksudnya siang Opamer heee, Sebelumnya Opa minta maaf, lama tidak kasih pemasukan or postingan baru cos Opa lagi mempersiapkan buat KKN. Opamer baru maupun opamer lama, ini Opa ada satu pelajaran, yaitu tentang "Cara Buat Gambar Background Dibelakang Tulisan/postingan". Intinya jika opamer ingin menulis apapun, opamer bisa menggonta-ganti background sesuai dengan tema yang di angkat dalam tulisan opamer. Mau tau caranya?


1.Login Ke Blogger.com
2.Copy paste script ini ke postingan opamer:

<div style="background:url(image url address) no-repeat;">
Ketik kalimat yang akan Opamer buat disini.
</div>

Keterangan:
+ Ganti "Image Url Address": Yang Berwana Kuning.
+ Ganti Tulisan "Ketik kalimat yang akan opamer buat disini : Yang Berwarna Merah.


Contoh Jadi Seperti dibawah ini:




www.opa-ma.blogspot.com akan selalu



berusaha memberi tutorial yang terbaik


buat opamer, agar opamer semua bisa


belajar dengan mudah dalam


mempercantik/memperindah blog,


friendster, facebook, atau yang lainya





3. Klo sudah di editing
4. Save
5. Selesai

Good Bless You.. Selamat Menyongsong "Hari Raya Idul Fitri"

ReadMore

Cara Buat Tombol Refresh

6 comments

Tombol Refresh opa-ma.blogspot.comThank you to Opamer yang mulai dari awal Suport Opa hmmm.. Sore ini Opa lagi santai n tidak ada kerjaan. Enaknya ngapain bingung. Nah akhirnya fikiran Opa tertuju padamu Opamer, yaitu Opa mau nambahin artikel blog Opa supaya opamer semua bisa lebih banyak mendapat alternative pelajaran gitu hehehe...Oke Opamer Opa kali ini mau ngebahas tentang "Cara Buat Tombol Refresh". Kayaknya sudah pernah dah bahas soal ini? Salah,belum pernah. Yang Opa bahas dulu itu tentang "Cara Buat auto refresh" opamer. Jadi ini belum pernah sekalipun nongol di blog Opa ini. Mau tau gimana caranya? yuuuuuuk ikut:

1. Login Ke Blogger
2. Klik Dashboard
3. Klik Layout
4. next 'Page element'
5. Add a Gadget
6. Pilih Html/script
7. Copy Paste scipt ini di kolom Script:

<form action="http://opa-ma.blogspot.com" method="get"><input value="Refresh" type="submit"/></form>
Keterangan : Ganti tulisan berwarna Kuning bertuliskan 'http://opa-ma.blogspot.com' Oke !

Contoh: Nanti jadinya akan seperti dibawah ini opamer
Coba Opamer klik tulisan refresh ini:

8.Dah tau gimana hasilnya
9. Sekarng tinggal Save
10. Finish

NB: Artikel diatas juga bisa digunakan di website juga loh.

Artikel Bersangkutan

ReadMore

Cara Buat highlight all

4 comments

Hi Opamer..opa ada satu pembahasan tentang "Cara Buat highlight all". Nahh..sudah pada tau belum? Itu gunanya untuk menaruh script. Dan jika mau block scritp yang ada disitu tinggal click tulisan 'Highligt All' doang. Kalau Opamer masih bingung n belum tau, ini opa ada sedikit trik singkat tentang hal itu. Mau tau triknya. Mari bersama - sama pergi..Kemana Opa? Ke tutorialnyalah ( ealah Opa..gua kira mau di ajak pergi kemping, ternyata pergi ke tutorial..Cupek dah hehehe ):




1. Login Ke blogger.com
2. Copas or copy paste script dibawah di postingan Opamer:

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 150px; HEIGHT: 50px" name="txt" rows="100" wrap="VIRTUAL" cols="55"> opa-ma.blogspot.com lagi belajar dengan Opamer Semua</textarea></p></div></form>
Keterangan: Ganti tulisan "opa-ma.blogspot.com lagi belajar dengan Opamer Semua" ( Warna Kuning ).

Contoh Jadinya Sbb:




3. Sudah tau bukan nanti jadinya seperti apa? Ya seperti contoh diataslah..pinter opamer ^_^
4. Selesai belum utak-utiknya?
5. Save saja ya kalau dah selesai,Opa mau kebelakang dulu hahahaha...
6. Finish dah..

Oke dah..Kita disini Just Fun sambil Belajar dan mencari inspirasi. Mudah-mudahan bermanfaat




ReadMore

Cara Buat Spoiler Blogger

1 comments

Spoiler Blogspot opamaHi Opamer..Opa hadir lagi setelah lama tidak muncul disini. Sebelumnya Opa minta maaf karena lama tidak kasih posting. Gimana Kangen gak ma Opa hehehe... Pembahasan Opa kali ini yaitu tentang "Cara Buat Spoiler di Blogger". Okelah Opamer mari kita mulai belajar barengnya. Yuk..Kita menuju tutorialnya dibawah ini seeeeeets:



1. Login Ke Blogger
2. Letakkan Script dibawah ke Postingan Opamer:

Script Spoiler Gambar Ini:

<div><div style="margin: 20px; margin-top:5px"><div class="smallfont" style="margin-bottom: 2px;"><input value="Show" type="button" style="margin: 0px; padding: 5px; width: auto; font-size: 11px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;">

<img src="http://erdisekti.webs.com/photos/-opa-mablogspotcom/7.jpg" alt="Contoh spoiler gambar" width="none" height="none" />

</div></div></div></div></div>

Keterangan: Ganti Tulisan warna Kuning Dengan Url Image Opamer..Terserah dah mau diganti apa? Manut wae Opa hehe....

Contoh Jadi Spoiler Gambar



Mejeng Dulu Ah Opa hahahaha

Contoh spoiler gambar

Contoh spoiler gambar


Script Spoiler Teks ini:

<div><div style="margin: 20px; margin-top:5px"><div class="smallfont" style="margin-bottom: 2px;"><input value="Show" type="button" style="margin: 0px; padding: 5px; width: auto; font-size: 11px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;">

Teks Opamer Silahkan Diketik Disini

</div></div></div></div></div>

Keterangan: Ganti Tulisan Yang berbunyi "Teks Opamer Silahkan Diketik Disini" (warna kuning) Oky...
Contoh Jadi Spoiler Teks


Salam Blogging opa-ma.blogspot.com

Sekedar Artikel Yang Bisa Kita Buat Untuk Belajar Bareng
Mempercantik Blog Opamer


3. Kalau sudah selesai utak-utiknya
4. Tinggal di Save

NB: Ini Juga Bisa Dibuat Diwebsite loh opamer. Intinya website yang menyediakan tempat menaruh html gt.

ReadMore

Cara buat Image n Teks Zoom

6 comments

Hi Opamer..Opa hadir lagi bawa oleh-oleh ni. Eit tetapi oleh-olehnya bukan makanan atau jajan loh. Opa ada satu pelajaran mungkin ini sangat berguna buat kita semua opamer, Yaitu tentang" Cara buat image zoom dan teks zoom". Nahhh..penasaran bukan? pasti opamer banyak yang mencari tentang pembahasn yang ini. Waduh..PD amat Opa ini hahahaha...Marilah opamer kita mulai belajarnya. Silahkan baca terus dengan teliti agar meresap pelajaran Opa ini. Monggo tutorialnya:

1. Login keBlogger Opamer
2. Tata Letak
3. Edit HTML
4. Cari code ini ]]></b:skin>
5. Copy paste CSS ini diatas kode tadi:

/* Opa-ma.blogspot.com Zoom Efek */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
/* Opa-ma css */
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}

6. Dah Save dulu CSS nya opamer
7. Langkah berikutnya masih ada loh
8. Copy paste script ini dimana saja:

HTML FOR IMAGE ZOOM
<a class="thumbnail" href="http://opa-ma.blogspot.com/2009/06/cara-buat-image-n-teks-zoom.html"><img src="http://img197.imageshack.us/img197/9165/14891716.jpg" border="0" /><span><img src="http://img188.imageshack.us/img188/4526/18458140.jpg" width="280px" height="200px"/></span></a>
Keterangan : Ganti tulisan yang telah Opa warna kuning dengan Url web dan url image opamer
Contoh jadi:


HTML FOR TEKS ZOOM

<a class="thumbnail" href="http://opa-ma.blogspot.com/2009/06/cara-buat-image-n-teks-zoom.html">http://opa-ma.blogspot.com<span><img src="http://img197.imageshack.us/img197/9165/14891716.jpg" /></span></a>

Keterangan : Ganti tulisan yang telah Opa warna kuning dengan Url web dan url image opamer
Contoh jadi:
Opa-ma.blogspot



NB: Ini juga bisa dipasang di website loh.. caranya hampir sama.
SELAMAT BERBAHAGIA YANG LAGI MENIKMATI LIBUR SEKOLAH....OYI?

ReadMore

Cara Buat Teks Contreng

2 comments

Contreng opa-ma.blogspothi opamer...opA ada satu pelajaran, yaitu tentang "Cara buat Tulisan/teks contreng/centang". Biasanya ini digunakan untuk perbandingan harga atau website contoh yang dulu pakai .co.cc berpindah ke .com atau malah sebaliknya. Opamer mungkin dah banyak nemuin di mbah google pembahasan ini. Tp opA gak mau kalah ni. disini opA juga akan bahas tentang itu. selahkan di baca terus bila mau tau caranya. Ini dia cara dari opA:

1. Login di blogger dengan ID Opamer
2. Klik menu Layout
3. Klik Page Elements
4. Klik Add a Page Element
5. Klik ADD TO BLOG pada menu HTML
6. Copy paste script dibawah:

<strike>"Tulis Opamer Disini"</strike>

Keterangan: Ganti tulisan yang berwarna kuning dengan tulisan opamer.
Contoh : http:opa-ma.co.cc menjadi http://opa-ma.blogspot.com

7. kalau sudah tinggal di save saja
8. Finish dah

Selamat mencontreng .. kalau soal contreng mencontreng opamer jangan sampek salah contreng dalam pemilihan" capres" dan "cawapres" ya... hehehehe..

ReadMore

Upload Image Script

1 comments

Opamer..Opa ada pembahasan baru tentang "Script Untuk Upload Image/gambar"! Bagi opamer mungkin ada yang ingin buat ruang upload sendiri, opamer bisa gunakan script kiriman dari seseorang tak beridentitas. Opa sendiri bingung kenapa ornag-orang yang kasih pembahasan ke Opa kuk gak mau munculin nama aslinya. Ya sudahlah..yang penting mereka mau berbagi ilmu dengan Opamer semua. porak yo ngono? Baik..Dari pada Opa terlalu banyak panjang lebar ngocehnya mending Opa kasih langsung gimana scritp nya. Silahkan di utak-utik sendiri ya..Ini dia scriptnya:




Sudah dicoba belum? Kalau pembahasan yang ini Opa tidak bisa jelasin secara detail cos Opa dapat ni script dari seseorang tanpa identitas or nama dia di email "XXX2Z". Oke selamat mencoba.

ReadMore

Cara Buat Pasang Banner Auto

0 comments

Hai Opamer.. Opa mau jelasin tentang "Powered by plugme"! Powered by plugme merupakan salah satu website yang memberikan fasilitas "Pasang Banner otomatis" kepada opamer di seluruh dunia akhirat. Haaa..serius sampai akhirat Opa? Barang kali hahaha...Jika opamer ingin segera tahu bagaimana cara daftarnya. Ini Opa ada langkah-langkahnya, silahkan dibaca dengan teliti:


1. Go to www.plugme.net
2. Lalu Opamer Klik pada "CLICK HERE TO GET YOUR FREE PLUGBOARD"!
3. Isi semua kolom pertanyaan, jangan sampai sisa loh ya
4. kemudian klik register

Banner Auto Opama5. Login sesuai dengan data yang Opamer kirim melalui email
6. Setelah login silakan opamer klik pada Kode HTML

Baner opama
7. Copy Kode HTML atau Kode Alternatif.
8. Login ke blog Opamer
9. Pilih Layout,
10. Klik tab Elemen Halaman, lalu klik Tambah Gadget
11. Pilih bagian HTML / JavaScript
12. Klik save/ simpan
13. Selesai Juga dah
14. kalau mau lihat hasilnya, opamer klick disini

Keterangan:
Code yang ada didalamnya..bisa di update sesuai keinginan Opamer loh. Ya klo punya Opa seperti diatas tadi.

ReadMore
Prev Home
 

Copyright 2008 - 2014 opa-ma.blogspot.com

.:: Maaf sedikit SELEKTIF, yang ingin pasang BANNER diharap webnya tidak berbau SARA dan PORNOGRAFI || Thank You buat pengunjung baru dan pengunjung lama di www.opa-ma.blogspot.com || Mohon di beri tau bila ada hostingan mati untuk kelancaran teman-teman sehabis Anda || Ctrl + D Gunanya agar komputer atau laptop sobat bisa mengingat Url ini || Semoga bermanfaat Amien ::.||