SELAMAT DATANG DI BLOGGER ANAK MADINA

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Minggu, 31 Maret 2013

Prediksi UN SMA 2013


بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم



Prediksi UN SMA 2013. Pelaksanaan ujian nasional tinggal beberapa bulan lagi. Bagi siswa tingkat SMA/ MA, sangatlah penting untuk belajar dengan giat. Ini melihat pemerintah telah membuat beberapa kebijakan baru tentang pelaksanaan ujian nasional 2013 ini. 

Untuk memudahkan fokus dalam belajar, siswa SMA/MA perlu mengetahui dan mempelajari tentang Kisi-Kisi UN 2013. Pemerintah dalam hal ini kementrian pendidikan telah menjabarkan beberapa poin standar kompetensi dan kompetensi dasar yang harus dilulusi siswa untuk akhirnya dapat lulus dalam UN 2013. SKL UN 2013 yang digodok pada bulan Oktober 2012 ini katanya akan segera disosialisasikan ke kalangan pendidikan.
Meski begitu, sahabat masih dapat mempelajari beberapa kisi-kisi UN pada tahun sebelumnya. Saya yakin bahwa kisi-kisi SKL UN pada tahun ini tidak akan jauh berbeda dengan pada tahun sebelumnya. Nah, untuk itu jika sahabat ingin mendownload kisi-kisi UN yang sebelumnya, silakan download di Download Kisi-Kisi SKL UN 2013.

Contoh Prediksi UN SMA 2013

Dengan mengetahui kisi-kisi UN 2013, kita sebenarnya dapat memperkirakan dengan pasti jenis dan model soal yang akan diujikan pada UN 2013 nanti. Itulah pentingnya mempelajari kisi-kisi. Soal yang dikeluarkan pemerintah tidak akan keluar dari SKL UN yang telah dilansir. Meski begitu, pemerintah tetap menyarankan kita untuk berhati-hati terhadap pihak tertentu yang menjual prediksi UN atau pun kunci jawaban UN. Kemendiknas mengeluarkan SKL UN 2013 hanya dalam bentuk standar kompetensi dan kompetensi dasar ujian, bukan dengan mengeluarkan butir-butir soal.
Oh ya, perlu diketahui bahwa UN tahun ini memang sedikit lebih ribet lagi. Karena jumlah paket soal yang direncanakan adalah 20 paket. Berbeda dengan tahun sebelumnya yang hanya 5 paket, pemerintah membuat kebijakan baru tentang ujian nasional dengan tujuan untuk meningkatkan kredibilitas dan efektifitas ujian nasional sebagai salah satu media untuk mengukur keberhasilan pembelajaran di kelas.
Lanjut ... Untuk memudahkan download Prediksi UN SMA 2013 ini, saya telah mengupload beberapa contoh prediksi soal pada tahun-tahun sebelumnya. So, jujur saja untuk prediksi soal tahun 2013 ini masih berisi beberapa soal pada tahun sebelumnya. Ya kembali lagi ke definisi awal tadi, bahwa prediksi soal UN tidak pernah jauh berbeda dengan tahun-tahun sebelumnya.
Oke, soal-soal ini telah saya upload di hosting wordpress gratisan. Untuk mendownload Prediksi Soal UN SMA 2013, langsung saja klik pada link yang telah saya sediakan di bawah ini. Jika diklik, akan langsung muncul tombol SAVE. 

Download Prediksi UN 2013

Untuk jenis soal biologi, kimia dan fisika, dapat sahabat lakukan dengan klik secara biasa (jangan klik kanan). Untuk mengextraxt file (file berikut dalam ekstensi .RAR, lakukan klik kanan pada file hasil download kemudian pilih EXTRACT HERE).
Demikianlah apa yang dapat saya usahakan. Insya Allah jika masanya telah tiba, saya kembali akan mengupload beberapa jenis soal yang dapat sahabat download untuk dipelajari. Oke?! Selamat belajar. Jangan lupa selalu berdoa agar diberi kemudahan dalam persiapan UN tahun ini. 
Cara Membuat Komentar Facebook Dan Blog Berdampingan

Membuat Mode Hemat Energi Keren di Blog


بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم




Alam semesta kita ini hampir kehabisan sumber daya alamnya, seperti minyak bumi dan lain sebagainnya. Sekarang semua orang di seluruh dunia bersama-sama saling menghemat energi, agar kelak anak dan cucu mereka juga bisa menikmati sumber daya alam ini.
Huh malah ceramah, sori hehehe . . .
Sebenarnya menghemat energi bisa di lakukan di mana saja di rumah, dan bahkan di web atau blog pun bisa sob!
Caranya dengan cara kita memasang kode script untuk mode hemat energi di blog , jadi akan kelihatan blog akan lebih keren dan lebih menarik, mode hemat energi ini akan muncul bila tidak ada kegiatan dari komputer, seperti komputer hanya diam maka mode hemat energi ini akan muncul sampai mouse di gerakkan kembali.


Di atas adalah contoh gambar Mode Hemat Energi Keren di Blog, gimana sip gak?
Tidak perlu berlama-lama lagi deh, sekarang kita akan lansung bahas cara pemasangannya ke blog sobat, cekidoooot . . . 

1. Login ke blogger sobat.


2. Pada menu klick Rancangan ➨ Tambah gadget di bagian mana saja(saya sarankan di bagian paling bawah)


3. Selanjutnya sobat pilih HTML/Java Script(tidak perlu di beri judul) ➨ Lalu copy kode script berikut dan paste atau letakkan ke dalam wiget HTML/Java script tadi..

<style type="text/css">body .saving{position: fixed;width: 100%;top: 0;left:0;height: 100%;opacity: 0.80;filter: alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";background: #000;border-bottom: 3px solid transparent;z-index: 999999;-o-transition: all 3s ease-in-out 10s;-moz-transition: all 3s ease-in-out 10s;-webkit-transition: all 3s ease-in-out 10s;}body:hover .saving {opacity: 0.0;height:0.001%;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaPlzY-VmukD81h5qC2k7Uc42pQS3GwG6b_c3MC-nvbYwo9vPBdZ0iosBauPZDz5_61C2mRd19AyXILBXkJSNhhSy2iU0NC0qTwCt08bvjbKiPx0Kgz1LmnLdQRmvEiZNImAwqExauchI/s1600/O.W-matrik.gif);border-bottom: 5px solid #333;-o-transition: opacity 2s ease-in-out 2.5s, background-color 3s linear 0.5s, height 1s ease-in 1.8s;-moz-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;-webkit-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;}body .saving p.esm1{margin: 0;padding: 0;width: 92%;background: transparent;font-size: 100px;font-family: "Serif", Chiller;color: #FF0000;text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40,   2px -10px 10px #f10;position: relative;margin-top: 200px;line-height: 20px;font-weight: bold;text-align: center;border: 30px solid transparent;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;-o-transition: -o-transform 5s ease-out 8s, background-color 4s ease-out 12s;-moz-transition: -moz-transform 5s ease-out 8s, background 4s ease-out 12s;-webkit-transition: -webkit-transform 5s ease-out 8s, background 4s ease-out 12s;}body:hover .saving p.esm1{font-size: 10px;color: red;width: 25%;margin: 340px 0 0 300px;padding: 25px;background: #aaa;border: 20px solid #888;border-radius: 170px;-moz-border-radius: 170px;-webkit-border-radius: 170px;-o-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-moz-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-webkit-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-o-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -o-transform 1.2s linear 1.5s, background-color 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-moz-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -moz-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-webkit-transition: font 1.1s 0.1s, width 1.7s 0s, margin-left 0.8s 1.2s, -webkit-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1s ease-in 0.5s, border 3s ease-in, -webkit-border-radius 3s ease-in;}.saving p span.esm2{font-size: 18px;opacity: 0.5;filter: alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";display: block;text-align: center;width: 300px;margin: -10px auto; font-weight: normal;padding: 2px 8px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaPlzY-VmukD81h5qC2k7Uc42pQS3GwG6b_c3MC-nvbYwo9vPBdZ0iosBauPZDz5_61C2mRd19AyXILBXkJSNhhSy2iU0NC0qTwCt08bvjbKiPx0Kgz1LmnLdQRmvEiZNImAwqExauchI/s1600/O.W-matrik.gif);border: 1px solid #333;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;color: #0000FF;text-shadow: none;font-family: Chiller, Chiller, sans-serif;-o-transition: 1s ease-out;-moz-transition: 1s ease-out;-webkit-transition: 1s ease-out;}.saving:hover p span.esm2{font-size: 10px;width: 200px;padding: 0;}.saving p span.esm3{color: #ccc;font-family: "Tahoma", Arial, Helvetica;display: block;margin:10px auto;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaPlzY-VmukD81h5qC2k7Uc42pQS3GwG6b_c3MC-nvbYwo9vPBdZ0iosBauPZDz5_61C2mRd19AyXILBXkJSNhhSy2iU0NC0qTwCt08bvjbKiPx0Kgz1LmnLdQRmvEiZNImAwqExauchI/s1600/O.W-matrik.gif) left center repeat-x;background: -moz-linear-gradient(top,#666,#111);background: -webkit-gradient(linear,0% top,0% bottom,from(#111),to(#666));opacity: 0.6;filter: alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";width: 250px;text-shadow: 1px 1px 1px #000;border: 1px solid #333;border-radius: 4px;padding:2px 10px;-moz-border-radius: 4px;-webkit-border-radius: 4px;font-size: 12px;font-weight: normal;line-height: 16px;}.saving .by_Tejahtc {margin-left: 30px;text-align: center;color: #015828;font-size: 12px;font-weight: normal;position: absolute;bottom: 30px;width: 100%;height: 20px;left: 0;}.saving .by_Tejahtc span.esm4 {color: #aaa;font-style:italic;font-size:14px;font-weight:bold;text-transform:uppercase;}#recpost {width:210px;overflow: hidden;height: 327px;float: right;margin-top: 10px;padding: 4px 2px;background: transparent;border: 1px solid transparent;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-webkit-transition: all 1.5s ease-out;}</style>
<div class='saving'>
<p class='esm1'>Oto Website<br/>
<br/><br/>
<span class='esm3'>Energy Saver Mode, Move the mouse to return to the page!<br/>Mode Hemat Energi,Gerakkan mouse anda untuk kembali ke halaman!</span></p>
<div class='noochii'>
</div></div>

5. Simpan


Sekarang sobat bisa lihat hasilnya.


Keterangan:
Silahkan sobat ganti teks warna biru dengan title blog sobat atau teks yang menurut sobat bagus.

Nah sekian dulu ya untuk postingan/article Membuat Mode Hemat Energi Keren di Blog , semoga bisa bermanfaat untuk sobat semua.

Bagaimana apakah sobat berhasil menerapkannya ke blog sobat? silahkan tinggalkan komentar/tanggapan sobat tentang postingan/articles di atas..!!

Sabtu, 30 Maret 2013

Membuat Iklan Melayang Di Tengah Blog


بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم





Jika Tadi malam ane memposting bagaimana Cara Membuat Related Post/ Artikel Terkait di Bawah Posting Blog, nah Pada kesempatan ini ane, mau berbagi sama temen2, bagaimana  Cara Membuat Iklan Melayang Di Tengah Blog. karena ada permintaan temen tadi malam. Kalo di blog ini, bukan iklan, tapi Facebook Fanpage/ twitter fan box, namun bisa Anda modifikasi sendiri nantinya untuk iklan di blog Anda

cara membuat iklan melayang, kode iklan yang melayang mengikuti cursor mouse

Langsung saja yaa.

1. Login ke Blogger> Dasbor > Tata letak > Tambahkan gadget, pilih HTML/Javascript.
2. Masukkan kode di bawah ini :

<style type="text/css">

#topbar{
position:absolute;
left:9px;
border: 2px red;
padding: 2px;
background-color: #f2f2f2;
width: 350px;
visibility: hidden;
z-index: 100;
}
</style>

<script type="text/javascript">

var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
 barheight=document.getElementById("topbar").offsetHeight
 var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
 var d = document;
 function ml(id){
  var el=d.getElementById(id);
  if (!persistclose || persistclose && get_cookie("remainclosed")=="")
  el.style.visibility="visible"
  if(d.layers)el.style=el;
  el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
  el.x = startX;
  if (verticalpos=="fromtop")
  el.y = startY;
  else{
  el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
  el.y -= startY;
  }
  return el;
 }
 window.stayTopLeft=function(){
  if (verticalpos=="fromtop"){
  var pY = ns ? pageYOffset : iecompattest().scrollTop;
  ftlObj.y += (pY + startY - ftlObj.y)/8;
  }
  else{
  var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
  ftlObj.y += (pY - startY - ftlObj.y)/8;
  }
  ftlObj.sP(ftlObj.x, ftlObj.y);
  setTimeout("stayTopLeft()", 10);
 }
 ftlObj = ml("topbar");
 stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>

<div class="clear"></div>
<div id="topbar">
<div style="text-align:right">
<a style="color: rgb(255, 0, 0); font-weight: bold; font-style: italic;" href="" onclick="closebar(); return false"><span><button>TUTUP (X)</button></span></a></div><a style="font-weight: bold; color: black(51, 255, 51);">
</a><p><a style="font-weight: bold; color: black(51, 255, 51);" title=""><h2><center>Terima Kasih Sudah Berkunjung Di Like Ya Gan.</center></h2></a>

</p>
<left><table style="width: 700px; height: 50px;" border="0"><tbody><tr><td style="vertical-align: top;">
<center>
MASUKKAN KODE IKLAN YANG DIINGINKAN DI SINI atau kode facebook page

</center>

<p></p><p></p></td></tr></tbody></table></left></div>
3.  Masukkan kode yang dinginkan pada tempatnya, klik save.
4.  Selesai dan lihat hasilnya.
5. Iklan akan muncul jika blog sudah selesai diloading. Saya sarankan templatenya yang ringan aja, heee
6. Silakan sobat atur ulang, untuk lebar tampilannya ditandai dengan huruf berwarna merah.

Demikian cara membuat iklan melayang di tengah blog. Selamat Mencoba. Salam Blogger.

Cara Membuat Translate dengan versi Bendera Icon di Blogger


بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم



Kali ini saya akan menjelaskan cara membuat google translate bendera (flag icon) ,sebelumnya saya juga telah memposting  cara membuat translate google di blog  pada posting sebelumnya , fungsi dari google translate adalah untuk menerjemahkan isi dari posting blog ke bahasa pengunjung blog yang dimengerti , seperti yang ada pada bagian sidebar blog ini , untuk cara buat translate google bendera ini sangat mudah .

Cara buat Google Translate Bendera


Fungsi nya tetap sama untuk menerjemahkan, tapi cara buat google translet bendera ini juga bertujuan mempermanis / memperindah tampilan blog anda
tutorial nya cukup sederhana

 Translate Bendera


Sebelum kalian
membuat google translate bendera ini silahkan masuk ke blog anda --> biasa tambah gadget --> tambah javascript --> lalu copy paste kode ini
copy paste kode ini:

<style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style> <div style="text-align:center"> <a class="translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXMRyJ96_ZwMtzUhP60MWTNktUfhayH4EcCac-VbkP4v7pvG5gXUbQnURbwS7kKqJoEw6_tWDBKMBKpS76lTl4QlsOjEJkquMb5-7de3OIiiG6nc9Guzv4K_M9Mmv1MfhjtJqh8HrlhHcl/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVO8fk7tJHf0A0tUfdJq1sDrHYlIxf-W8rxebHNTE2y5uDhNqdDVlcI4vnxW50QTuuXnzzOZqKDlALlnoQgXmqAfaDAAvHSYV1Q01LLazXamR8d-DZAkBjKFp76cNT8C_T_BY2ZT-X0SXA/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJkRDFegfBDgGlrbMTpQ5tyi2SCr4wUTw1Z0Us5ESZzIj842trfdF0KdGUtKUvm9HdunljgxaVzRlNxPNxL-0NWePAXORHgHKBxamQ-oovI7EqOy77nB5Ey6NG1jhZt50SmIGy8bG_Aca8/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMWrSQnPUOsQ1wm036JDtDZV-knvger7t9eWiP4o2W4KnIWkKbVZIs0xiYRC2yUuYgFCLj9upCh8VEy3KrXqtonLdFBkH8EbWrqlRvC-BMCqZVX-Dh_eMySw0oB0tjH2Ph_8ZPGc2X9MsK/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOnE6I4TOvtma-zouNs-kaRDZ0bV1u5P2Yc_JEsRloJJTFW4QwU8SgpAfWocYax2VIJacj2ANM3JxmkI0EF_yeq30pOT_hmXwQGrMV_uLZT4T2HSO-LdiuWRi-gx1q7gttF00CiAiIyEzX/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKpk-4lSVPM4O7SaR4FH36ya2PV6C0LEqxLqcC0BETj3tEvIgE-EZE2qzW-BaxAHDkekf4X0tdIAkqIkZkOEom0iEY5CVKnh4JIZgYj3t5M3cYLt_Wtq-fqeDM4sj7rlIPZKuwVcIPn1Pl/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <br/><br/> <a class="translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEislplkH5KsZpMzLXDJrwzzBO03ZFsranjclpa0To42idPus6-FHEmmxsMEzo-qa6WDUzZHJDzlzRKNr_wgwUc4FHRPSd9kav8jOSIFCPvAkTjWE92Xq0aUrMGvs9RP7L15691KxoG3MRmG/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqZprw_mTfwgAn7tpqudIArT4FUomSIUyqOMAVLEOW8mSUL4DAUsbJ25eiwzLpp4SYgQwnj_uIdjQx45HFzvklELlrRc5S5yURd0sfidXBbrpHIzGZDSJki0ez4J0NdJYSyfxb5xBbdRxj/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmYHBJq-tvrGvhFwSp2yc6paCJZ06aTZOXAX2578Szet9WQ95sGT_C3VM1-Wei7NtL6HGFed3q7euac5A-qwF1pGX6nF2zFdsq7oniNluVAReLZvGnKns0pJ4lRC1olrNOE49IYG-h8UN7/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM9uz4-AfE3KYFQCc1X6QUmGEk8BJdVD7T9lz-2c1mLYnSAD3k80ZvFV5A4RZIUv7pAXig7OnG7xZwqj0VslB2TGVj8P5va4gE243xhOjfgZ3tczgnVx6iKwgckrLrc1p3FkulaxVjSS7b/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSBi9VkyG6yFRTrymfoxh7XGZ2amgRrVeMDPoH-nNoMg_VLCJCv3EYZQvtWd7pegXO1PnkovDhhXePuyr8ekK0gHZoUHlZ8aG7zvxYNSVXphJjY9ZBaqB3iR1OhJxqnYyRRhmAb_McHS82/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit5-2uVDTm95hRw-sJlVH3Oo-si14_DP3yzIQiGXD57PAuLYwrdyTvpbLbb-nEdLA868RzCCLnnJMLkESKAzOQ55qgwsOIsoI7C1dnv68jNe-513T9KdbHzGm26Qym-agNdtabOgbal8Z7/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <div style="font-size:9px; padding:8px 0px 0px 0px"> <a href="http://albertotkj.blogspot.com" title="translate widget"/>Translate Widget</a> by Google </div></div>

Lalu save template anda , sangat mudah cara buat translate google bergambar bendera .. silahkan nikmati tampilan translate google bendera ini selamat menikmati .

Cara Memasang Jam Digital Berlogo Garuda Di Blog


بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم



Cara Memasang Jam Digital Berlogo Garuda Di Blog - Selamat malam sobat blogger Dapur Tutorial Blogspot dan Seo?, Pastinya baik-baik aja semuanya kan!. Master Chef kali ini membawa resep mengenai sebuah jam. Dimana-mana semua orang membutuhkan jam karena jam erat kaitannya dengan aktivitas manusia sehari-hari. Selaku blogger indonesia Master Chef memberikan resep tetang Cara Membuat Jam  Garuda Di Blog. Contohnya seperti yang terlihat dibawah ini :

Gimana kerenkan jamnya. mungkin sobat Blogger Dapur Tutorial Blogspot dan Seo pernah melihat jam-jam tersebut dihalam blog yang lain, tertarik untuk memasangnya ikuti Cara Memasang Widget Jam Digital Dengan Logo Garuda Di Blog sebagai berikut :
  1. Login kehalaman blogger sobat masing-masing
  2. Dari dashbord blog kamu pilih Tata Letak atau Layout
  3. Pilih Menu Tata Letak
  4. Klik Add a Gadget atau Tambah Gadget
  5. Elemen halaman blogger
  6. Akan muncul halaman seperti berikut, Pilih widget HTML/JavaScript
  7. Daftar Widget Standar Blogger
  8. Copas kode berikut dan letakan dalam kolom Widget HTML/JavaScript
  9. <div align="center">
    <embed allowscriptaccess="sameDomain" flashvars="&amp;col1=d89b09&amp;col2=7cc034&amp;dayAdd=0&amp;cal=true&amp;gig_lt=1248336103578&amp;gig_pt=1248336182359&amp;gig_g=1&amp;gig_n=blogger" height="200" loop="false" menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" quality="best" src="http://www.widgipedia.com/widgets/orido/Jam-Garuda-Indonesia-4639-8192_134217728.widget?__install_id=1248336094072&amp;__view=expanded" swliveconnect="true" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed> </div>
  10. Klik Simpan
  11. Selesai dan lihat hasilnya

Cara Membuat Like box facebook di Blogger


بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم



Like box facebook- Bagi sobat blogger yang ingin memasang like box Facebook dihalaman atau disidebar blognya maka itulah bahasan artikel kita saat ini. Like box facebook memang akan banyak digemari oleh blogger karna sangat membantu untuk mempopulerkan FP dengan mudahnya. Baik itu yang melayang maupun yang tidak melayang. kali ini tak akan membahas like box melayang tapi seputar cara memasang like box fp yang valid XHTML.
Cara Membuat Like box facebook di Blogger
like box fp yang valid XHTML

Mengapa Like box fanspage harus yang valid XHTML?

Valid XHTML bagi sebuah website atau blog itu sangatlah penting karena dapat mempengaruhi dukungan (support) website terhadap berbagai macam browser yang berbeda. Selain itu juga, Jikalau like box Fanspage website atau blog kita valid XHTML maka website atau blog kita akan semakin disukai oleh crawler yang berasal dari google, yahoo, dan juga bing, ini sih menurut yang kami baca dari blogger tetangga.
Tapi Sebelum belajar memasang like box facebook ini dihalam blog, anda diwajibkan harus memiliki halaman Fans page Facebook. Karna pada cara membuat widget like box valid XHTML ini akan dibutuhkan url halaman FP tersebut. Dan jika semua sudah siap mari kita langsung lanjutkan cara memasang like box di Blog (valid XHTML).

Tutorial singkat Cara membuat Like Box (valid XHTML)

Ambil Source kode widget like box fanspage:
<div id="fb-root"></div>
<script type="text/javascript">
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js#xfbml=1';
document.getElementById('fb-root').appendChild(e);
}());
</script>
<div id="FbCont">
<script type="text/javascript">
<!--//--><![CDATA[//><!--
var fb = document.createElement('fb:like-box');
fb.setAttribute("href","Tuliskan url fanspage fb kamu disini");
fb.setAttribute("show_faces","true");
fb.setAttribute("header","false");
fb.setAttribute("stream","false");
fb.setAttribute("width","200");
fb.setAttribute("font","segoe");
document.getElementById("FbCont").appendChild(fb);
//--><!]]>
</script>
</div>
Pertama, perhatikan source kode widget like box, gantilah tulisan berwarna biru diatas (Tuliskan url fanspage fb kamu disini) dengan url fanspage kamu yang akan dijadikan like box pada blog. Contoh : http://facebook.com/tips.sahabat diatas lalu copy.

Selanjutnya. untuk menampilkan like box fanspage valid tersebuat pada blog:

1.Login ke blogger dashboard anda
2.Setelah itu masuk ke menu Tata Letak
3.Klik Tambah Gadget kemudian pilih yang HTML/JavaScript
4.Terakhir adalah langsung masukkan (paste) kode source widget like box valid XHTML yang telah anda edit dan copy tadi kedalam kotak teks. Jangan lupa simpan !.
Sebenarnya cukup sangat simple bukan tentang Cara Membuat Like box facebook di Blog ini. Dan pada kesempatan selanjutnya kita akan share juga tentang like box berbeda : Melayang, bergerak dan lainnya. - Salam...

Jumat, 29 Maret 2013

Cara Simple Merubah Kursor Bendera Indonesia (Merah Putih)


بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم



Untuk Merubah Kursor Utama pada blog:
1. login ke blog agan..
2. Klik Desain pada Sudut Kanan atas blog agan..
3. Klik Tata Letak..
4. Klik Tambah Gadget..
5. Lalu Muncul Menu Pop Up Pilih tanda [+] pada Pilihan HTML/JavaScript
6. Copy Kode HTML Dibawah ini:
<div align="center" style="z-index:9;visibility:visible;"><a href="http://www.totallyfreecursors.com/" target="_blank" class="tfc"><img src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free INDONESIA Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/indonesia.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/indonesia.gif"), auto;}</style>
7. Paste Kode HTML tersebut Di Kotak Konten di bawah judul Dari Menu Popup Di No.5..
8. Lalu Simpan..
9. Sebelumnya Wajib Like ya?..

Pasang Merah Putih Berkibar di atas kiri blog


بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم







Dalam rangka memperingati HUT Kemerdekaan RI bulan Agustus yang akan datang, tak ada salahnya para Blogger Indonesia memasang Logo Bendera Merah Putih berkibar di blog masing masing seperti gambar Bendera Merah Putih dibawah.
Merah Putih berkibar tersebut akan nampak di pojok kiri atas Blog contoh DISINI




Ingin mencoba pasang untuk Blogspot :
Tambahkan gadget HTML/Javascript paste kode di bawah di konten dan tanpa diberi judul.




<script language="JavaScript" src="http://afiandy-javascript.googlecode.com/files/widget-merput.js" type="text/javascript">
</script><script language="JavaScript" type="text/javascript">
bam("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0wW0spljxERTb2wQc7tOqhhwwpvCFZE_HYS3bdZgzamH5qrVNEsP398Meo37t64MnRtjXjpTIHQokRjj_e-z7LW1TkGVfS7Yff2CSK75cChr6-SDXlXRn-5ZL6U75Zetu4m8pN0cQKWmc/s800/merah_putih.gif")
</script>



Semoga Bermanfaat.

Cara Membuat Efek Petir Gila Menyambar Di Blog


بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم





1.Log in ke Blogger
2. Klik Rancangan
3. Tambah Gadget
4. Pilih HTML/Javascript
5. Masukkan kode berikut ke dalam HTML/Javascript
Di kode javascipt ini saya punya dua pilihan untuk gambar efek petirnya silahkan pilih sendiri:
 
A.Petir berwarna Putih, kode yang harus dicopy yaitu :
<style
type="text/css">body { background-image:
url(http://4.bp.blogspot.com/-Qjil9RW-Hgo/UTt1yS45L9I/AAAAAAAABUc/i8dfQIdws5o/s1600/petirbodasmencrang.gif);
background-color:transparent; }</style
 
 
 
 
 
 
 
 
 
 
 
 
 
B.Petir Berwarna kebiru2an, kode yang harus dicopy yaitu: 
<style
type="text/css">body { background-image:
url(http://3.bp.blogspot.com/-NPWnGkp5G5Q/UTt1zKFzANI/AAAAAAAABUk/GaulmPb4a5s/s1600/stormgilanyambar2.gif);
background-color:transparent; }</style
       6.Pastekan Kode yang sudah kalian pilih
      7.Simpan dan Lihat Hasilnya…!
Semoga berhasil…dan kalau gagal silahkan poskan komentar sobat yah…!
Wassalam

Cara Mengganti Template Blog


بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم



Cara Mengganti Template Blog


Template adalah hal yang sangat penting untuk blog anda, karena sebuah template memberi kesan pertama bagi pengunjung yang datang kepada blog anda. Semakin profesional dan semakin bagus template anda, maka akan semakin tertarik pengunjung terhadap blog anda. Bisakah hal tersebut dilakukan dengan hanya template yang disediakan oleh pihak blogspot?, saya rasa tidak. Walaupun bisa anda harus mengatur dan memanagenya lagi sehingga sama aja seperti membuat template sendiri, dan kode - kode seperti hmtl,css, javascript, dll harus anda mengerti. Nah untuk itu ada pihak ketiga yang menyediakan template bagi Blogspot , Wordpress , dll.

Sekarang saya akan bantu kalian untuk dapat mengganti template anda sendiri.

Langkah Pertama / First Step.

Login terlebih dahulu di www.blogger.com
lalu klik tata letak / layout
setelah itu klik edit html

Langkah Kedua / Second Step.


Langkah kedua adalah klik salah satu atau klik kedua dari  btemplates atau blogtemplate4u , kemudian cari jenis templates yang anda sukai.
Jika sudah ketemu silahkan anda klik kanan pada Demo , pilih open link in new tab. Demo berfungsi sebagai contoh sebelum anda memilih template tersebut terlebih dahulu. Setelah melihat demo silahkan klik download.

Langkah Ketiga / Third Step.

Klik kanan pada file yang sudah anda download lalu pilih open with WinRar
setelah itu klik judul file contoh : Haunted-House seperti contoh gambar di bawah ini :


lalu cari yang belakangnya tulisan xml cth : haunted house, dan klik kanan.
Pilih view file , setelah itu akan terbuka view yang berisikan kode template.

Setelah itu blok semua (Ctrl+A) dan klik kanan -> copy (Ctrl+C).

Langkah Keempat / Fourth Step.

Kembali lagi pada edit html, lalu blok semua (Ctrl+A), lalu tekan delete pada keyboard (backspace).
Terakhir paste (Ctrl+V) code yang sudah anda copy tadi ke dalamnya.Selesai. Baca juga Cara Memasang Buku Tamu.

Mudah bukan? kalo di ikutin langkah - langkahnya dengan benar dari awal hingga akhir pasti bisa deh ^^. Nah sekarang background / template blog anda sudah cantik dan bagus bukan?.

Postingan Lebih Baru Postingan Lama Beranda