Tampilkan postingan dengan label blogging. Tampilkan semua postingan
Tampilkan postingan dengan label blogging. Tampilkan semua postingan
Jumat, 13 Januari 2012
1
Jumat, 13 Januari 2012
Bina Blogger
read more
Tips Cara Cepat dan Tepat Menaikkan Page Rank Alexa
Blog kita ingin berada di posisi puncak atau setidaknya mendapatkan page rank yang cukup baik di alexa? Sekedar diketahui, google dan alexa punya sendiri teknik dalam menempatkan blog pada posisi page rank, bedanya jika google page ranknya hanya 1-10 tapi alexa bisa satu sampai jutaan. Kenapa penting juga untuk mendapatkan posisi terbaik di alexa page rank? lasan yang logis adalah bahwa hampir semua paid review mensyaratkan peringkat dari alexa.com disamping page rank google. Serta berbagai sumber rupiah di indonesia dan sumber dollar di dunia mengharuskannya dengan berbagai syarat passing grade alexa yang berbeda-beda, seperti yang dikutip dari kapanpun.com Untuk mendapatkan pengakuan dari Alexa, bahwa kita juga ingin mendapatkan predikat baik dengan mendapatkan page rank yang baik, ada beberapa tips yang bisa cepat dan tepat untuk mendapatkan atau menaikkan posisi page rank kita di alexa. Tips- Tips tersebut adalah sebagai berikut :
1. Memasang Widget alexa pada situs blog anda
Widget alexa ialah perangkat tambahan untuk melihat secara cepat peringkat blog anda, tanpa perlu mengunjungi website pemberi rangking tersebut. Cara memasang widget alexa di blogger / blogspot sangat mudah anda tinggal mengikuti petunjuk yang telah disediakan.
2. Meninggalkan Link kita di Blog Orang lain dengan Rajin Komentar
Hal yang sangat menarik untuk menaikkan peringkat alexa adalah menjadi komentator di blog teman-teman. Mungkin ini merupakan hal yang cukup mudah dikarenakan sudah menjadi kebiasaan para komentariat memberikan tanggapan di blog rekan-rekan, tetapi berkomentar adalah perkara gampang tetapi sering diabaikan. Mungkin dikarenakan kesibukan di dunia nyata, dunia lain, juga sibuk berbenah dengan blog selingkuhan. Komentar di blog orang lain selain sebagai iklan gratis juga untuk mendapatkan link balik dari blog dofollow maupun sebagai jalan mendapatkan alexa rangking terbaik.
Rajin melakukan pembaharuan di blog melalui postingan sangat membantu blog anda untuk tetap menyajikan informasi baru kepada para penikmat blog anda. Sering melakukan update juga tidak terlalu baik dikarenakan pengunjung akan merasa keteteran mengikuti perkembangan blog anda waktu terbaik melakukan posting adalah hari kamis dan sabtu, atau tiga sampai empat kali dalam seminggu. Tidak melakukan update juga sama halnya dengan sering melakukan update.
4. Rajin blog walking
Dengan Blog walking, dan kita meninggalkan jejak di blog-blog yang kita kunjungi dapat berujung pada kenaikan page rank blog kita di alexa. Selain itu kita juga akan dapat mengetahui perkembangan teman-teman kita sesama blogger.
Ini metode yang lumayan ampuh. Apakah anda pernah melihat sebuah site yang exist tanpa satupun link yang bercokol di halaman maupun posting site tersebut? Kebanyakan webmaster menyarankan untuk melakukan tukaran link dengan blog lain, seperti yang pernah saya tulis mengenai bagaimana sebenarnya cara bertukaran link yang baik. Anda akan merasakan dan melihat efek dari traffic rank alexa serta pengunjung blog anda dari blog yang lain lewat link exchage. Menurut pendapat saya, bahwa akan lebih manjur jika anda melakukan tukaran link yang kontent serta isinya mirip-mirip dengan situs anda.
6. Install Toolbar Alexa di Browser Anda
Menurut pengalaman saya memasang alexa toolbar di komputer membuat blog kapanpun bertambah usia, jumlah alexanya semakin berkurang. Fungsi dari tollbar alexa ini, selain untuk menaikkan traffic ranking di alexa juga sebagai spy tool untuk melihat dan menganalisis kehebatan blog lain. Saat anda meng-install alexa toolbar di browser anda, pada pojok kanan bawah layar anda akan menemukan peringkat dari situs yang anda kunjungi. Inilah salah satu kehebatan toolbar alexa.
1
Bina Blogger
Keywords : Cara menaikkan pagerank alexa dengan cepat, cara menaikkan pagerank dengan cepat, rahasia pagerank alexa, cara membuat blog no.1
read more
Cara menaikkan pagerank alexa dengan cepat
Ada banyak cara untuk menaikkan traffict pengunjung atau pagerank. Dari berbagai sumber saya memperoleh inforasi cara yang efektif menaikkan pagerank alexa. Dengan naiknya pagerank otomatis pengunjung yang dapat semakin banyak dan anda tak perlu repot-repot lagi berpromosi untuk mengundang pengunjung atau pembeli di blog anda.
Adapun cara-cara tersebut diantaranya:
- Rajin mengupdate blog anda minimal sehari sekali. Dan tulislah artikel yang bermanfaat untuk visitor / pengunjung anda. Hindari copy paste 100%
- Kaitkan antara artikel yang satu dengan artikel yang lain. Gunakan plugin worpress Related Post By Category misalnya.
- Buatlah sebuah sitemap untuk google. Belum tau caranya? Googling ajah dengan keyword Cara Membuat Sitemap
- Ajaklah sahabat-sahabat anda tukaran link. Semakin tinggi PR tempat link kita berada, itu semakin bagus.
Keywords : Cara menaikkan pagerank alexa dengan cepat, cara menaikkan pagerank dengan cepat, rahasia pagerank alexa, cara membuat blog no.1
Selasa, 08 Maret 2011
0
Selasa, 08 Maret 2011
Bina Blogger
Sesuai dengan janji Kang Rohman pada posting Pasang Widget Google Translate (1) bahwa akan membahas bagaimana memasang widget google translate dalam bentuk bendera. Widget ini sedikit berbeda dengan widget Google Translate yang mungkin pernah anda jumpai di internet, karena ini merupakan hasil kreasi kang Rohman selama setengah hari agar widget google translate tampak lebih menarik.
Widget yang akan terpasang adalah seperti gambar berikut, silahkan sorotkan mouse anda ke gambar-gambar bendera yang ada sehingga terlihat sedikit efek blur sebagai pemanis :
read more
Pasang Widget Google Translate (2)
Sesuai dengan janji Kang Rohman pada posting Pasang Widget Google Translate (1) bahwa akan membahas bagaimana memasang widget google translate dalam bentuk bendera. Widget ini sedikit berbeda dengan widget Google Translate yang mungkin pernah anda jumpai di internet, karena ini merupakan hasil kreasi kang Rohman selama setengah hari agar widget google translate tampak lebih menarik.
Widget yang akan terpasang adalah seperti gambar berikut, silahkan sorotkan mouse anda ke gambar-gambar bendera yang ada sehingga terlihat sedikit efek blur sebagai pemanis :
Bagi anda yang tertarik untuk memasang widget ini, berikut adalah langkah-langkahnya :
by : kolom-tutorial.blogspot.com
- Silahkan login ke blogger dengan ID anda
- Klik Tata Letak
- Klik tab Elemen Halaman
- Klik Tambah Gadget
- Klik tanda plus (+) untuk HTML/Javascript
- Copy paste kode google translate ke dalam kolom yang tersedia
<style>.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style><div><a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6vXqicKSW_XrrCbadETYvGw_xNuthyphenhyphenPYWnucAQqKcvpM4jSDY0CRfpZNBG6vWicF8_-RhNLvpXs-lF9hcQfqQ03pGzzThJofZLpP07UoK6P5L2ui8VT29O-0M7Pl16lARJI5DDa4JYMY/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBWz8pbJTFsSpX13viwXTyKUO5VigZJFBmYno3Ekwv9MkaOy0X4A2B9cGzBgSvE-Db3kKuBKJ-0fLNs43A_3HUFlGYN4KcgtN7gyS3dtYVPGkXYXP2dhFPqfcC48gVDY6UdNy7ImDhjNk/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8tlvCFLjzvSx-fbWRAJdgHrmH7csb7aFKgbYCVv1D0jgqi4wErM2RvDjRymDBH0wiksEq8_YHFu9rKk6G38wSJfur4sx_7Yie7OV-BoZXqbN0RDQK-YLkxpJAPLJpQNoRdE30e_4H9ABI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicn1vU_q-iyASUCmUPKSccQ02XPyekBvGbHe4RjJW0Bja2QYarCfuLHDuW6j4jjWi_mrP3LZRfFhxnRLR0bVO7NAvz1zmWynYJrjgpFZwAK_f0-uiG-xBhy58iwrDSOVsS1OH69iB2crk2/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj9pcnSaY6Mk8gjk1GzwhFdJg8nnrIvDsbnQy3H9frgk-Bx-7S4KlbMgWYG_zwWrWsMMzXfRdfF0c0QmMe_GILLefcY9pPx_jb5wqBASpLK9M85XIWUzZwomLwSc7kUtK7pPOxM6S3Pyo/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMijrrb5F2wGJLKKRqtoZPdIbrlayy71RWxpSGlg6_BeyL8pgPFuQXmwH-j9xpLbRiXP2gC-KUqynVfedDuVuNBeOzgy9IACx2Ez8tMN9Le26XD3yJ8GHIp1U3rbVidgxTy_cRn-_Ha58/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<br /><br />
<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixCLpXkdItKdO2pmR_CTPoCOvOuJiraDKWndeEg5Er5l-WoG2K8LmKZ8rl0g_DEA0d-G31fj0oTptfwyyH1v_G7giKs0Crct_TZEoeMsEa0wjE3Yul3BXo7Y6v0HW78_KJm1wYODlsuQ0/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBxcqonhTV3bkx92XZFwbX-qiIRjQzx3N99xV5ILh08AnhAfGUjfFl1B4qtralAjKOI54TA1KY7CnAIiHkKMM5IE_RoIRWHufuONihTp3dm8iF-XlEtlIvcc-AH2lrdRIQ9xMseg3BV1U/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhh-H4T6q5jdlMb37dmyoQZ5OWtYVlfrwEA7vtWsidFMnxm5h-L2tYSrO91uJs1D03etpruw2hx3fzjfJJ5rR1SEf1oVlZjE678j6c7BncmNe1On47rFs8sEfxysl0VAlNzdMrySA4cQm6/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd3r5cfLyo9NnyE0YzyhYfCiUeHakCYhLkE7tlfwX94udjhubtWcuOIiyekdCmxUI2ibBOm_nE7_5h-eMUw4X5j0SHOr10Z_4mzNdHqoU5mZ0pqG58Ctm0jpzXE1KsQUERsCQuU0m2FZ8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a><a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPib_GutDf8R6oXETivrEeZxz09Bi7VLv9iA2_nELIpk3xH6wIBbDJxUpAK4b6NgPsWaQYLSLOLSPnvun5gMm59ksyI08Dkgv8xxjwTuKKAZa800iVZ4FYsribVNMPSPiSYdufIm3Wegc/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a></div> <div style=”font-size:10px;margin:8px 0px 3px 0px”>
<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1D_aPIjRtPim20svX85SFDgsvEJJ0qWavnl5b3XTDLyoYpckER7jjfVMl66sS5PLdPBoHr_eic7PoD4gnNa3ZV0XUZbsd8MjcSZ6oONNGSkfL9iK009LsyCg8SgKYOVX83ppfU1Q_WqM/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>by : <a href=http://www.blogspottutorial.com/>BTF</a>
</div> - Klik tombol Simpan
- Selesai
by : kolom-tutorial.blogspot.com
Rabu, 16 Februari 2011
1
Rabu, 16 Februari 2011
Bina Blogger
read more
Membuat fitur kolom melayang
Nah buat kolom tambahan buat tempat kotak saran/dll deh.biar blog kalian gak terkesan rame/acak2kan. klo blog kalian bisa dihemat dengan bantuan script ini kan enak.
langsung aj buat tambahkan widget baru : Html/javascript
copy code dibawah ini :
--------------------------------------------------------------------------------
<span class="fullpost"> </span>
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:70px;
width:70px;
float:left;
cursor:pointer;
background:url(' http://h1.ripway.com/efanfadilah/visitor.png ') no-repeat;
}
.gbcontent{
float:left;
border:1px solid #BDBDBD;
background:#FFFFFF;
width:290px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 60-w) : moveGB(60-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()">
</div>
<div class="gbcontent">
<!-- masukkan code laenx dibawah ini -->
isikan script lainnya didalam sini ....
<!-- akhir tambahan kode lain2-->
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (60-gb.offsetWidth).toString() + "px";
</script></div></div>
<div style="text-align: right;">
<a href="javascript:showHideGB()">
</a></div>
--------------------------------------------------------------------------------
garis2nya gak usah dicopy yow hehehe.
next kalian bisa tambahkan script laenx di antara tulisan merah di atas :
tepatnya di tulisan warna biru kaya ini
--------------------------------------------------------------------------------
<!-- masukkan code laenx dibawah ini -->
isikan script lainnya didalam sini ....
<!-- akhir tambahan kode lain2-->
--------------------------------------------------------------------------------
nah tugas beres deh. simpen dan nikmati hasilnya .....
langsung aj buat tambahkan widget baru : Html/javascript
copy code dibawah ini :
--------------------------------------------------------------------------------
<span class="fullpost"> </span>
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:70px;
width:70px;
float:left;
cursor:pointer;
background:url(' http://h1.ripway.com/efanfadilah/visitor.png ') no-repeat;
}
.gbcontent{
float:left;
border:1px solid #BDBDBD;
background:#FFFFFF;
width:290px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 60-w) : moveGB(60-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()">
</div>
<div class="gbcontent">
<!-- masukkan code laenx dibawah ini -->
isikan script lainnya didalam sini ....
<!-- akhir tambahan kode lain2-->
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (60-gb.offsetWidth).toString() + "px";
</script></div></div>
<div style="text-align: right;">
<a href="javascript:showHideGB()">
</a></div>
--------------------------------------------------------------------------------
garis2nya gak usah dicopy yow hehehe.
next kalian bisa tambahkan script laenx di antara tulisan merah di atas :
tepatnya di tulisan warna biru kaya ini
--------------------------------------------------------------------------------
<!-- masukkan code laenx dibawah ini -->
isikan script lainnya didalam sini ....
<!-- akhir tambahan kode lain2-->
--------------------------------------------------------------------------------
nah tugas beres deh. simpen dan nikmati hasilnya .....
0
Bina Blogger
Untung kalian nyasar disini, jadi dapat info yang cocok sama yang kalian cari. ehm biar blog kalian gak sepi, gue kasih dah script buat Chat room sendiri . gampang buanget kok tinggal kopas. jadi btemen2 yang nyasar di blog kalian gak bakalan bosen klo kalian punya Chat room ini.
key copas script dibawah ini :
<div style="width:250px">
<style>
.mcrmeebo {
display: block; background:url("http://widget.meebo.com/r.gif")
no-repeat top right;
}
.mcrmeebo:hover {
background:url("http://widget.meebo.com/ro.gif")
no-repeat top right;
}
</style>
<embed src="http://widget.meebo.com/mcr.swf?id=ZwIoPzkMhP" type="application/x-shockwave-flash" width=300" height="350" />
</embed>
</object>
<a target="_blank" href="http://www.meebo.com/rooms/" class="mcrmeebo">
<img alt="Create a Meebo Chat Room" src="http://widget.meebo.com/b.gif" width="250" height="45" style="border:0px"/>
</a>
</div>
udah paste aj ke widget = html/javascript beres deh
klo mau setting ukuranx cari code nie <object width="250" height="350"> atur sesuai kolom blog anda.
read more
Cara Membuat Chat Room di Blog
key copas script dibawah ini :
<div style="width:250px">
<style>
.mcrmeebo {
display: block; background:url("http://widget.meebo.com/r.gif")
no-repeat top right;
}
.mcrmeebo:hover {
background:url("http://widget.meebo.com/ro.gif")
no-repeat top right;
}
</style>
<object width="250" height="350">
<param name="movie" value="http://widget.meebo.com/mcr.swf?id=ZwIoPzkMhP" /><embed src="http://widget.meebo.com/mcr.swf?id=ZwIoPzkMhP" type="application/x-shockwave-flash" width=300" height="350" />
</embed>
</object>
<a target="_blank" href="http://www.meebo.com/rooms/" class="mcrmeebo">
<img alt="Create a Meebo Chat Room" src="http://widget.meebo.com/b.gif" width="250" height="45" style="border:0px"/>
</a>
</div>
udah paste aj ke widget = html/javascript beres deh
klo mau setting ukuranx cari code nie <object width="250" height="350"> atur sesuai kolom blog anda.
Selasa, 15 Februari 2011
0
Selasa, 15 Februari 2011
Bina Blogger
read more
Apa Itu Widget ?
istilah widget seringkali disebut dalam blogosphere. namun sebenarnya apa sih widget itu?
definisi Widget, ( referensi dari wikipedia.org ) dalam istilah internet merupakan “kode portabel ( biasanya DHTML, JavaScript atau Adobe Flash ) yang dipasang ( diinstall, atau sederhananya, copy paste ) pada suatu halaman web, yang memiliki suatu fungsi tertentu dan menjadi suatu bagian dalam halaman web tersebut.”
istilah lain untuk widget : gadget, badge, module, webjit, capsule, snippet, mini, flake, application, dll.
program widget biasanya dijalankan di satu server tertentu, dan anda sebagai pengguna cukup mengcopy paste suatu kode ( DHTML, JavaScript atau Flash ) kedalam halaman web anda. Jadi halaman web anda menampilkan “output” dari proses yang dijalankan di situs lain. ( perhatikan kalau ini “biasanya” ada juga yang proses dan outputnya di jalankan situs yang sama )
untuk memahami lebih lanjut, ikuti penjelasan ini :
program widget dijalankan oleh satu situs. katakanlah widget.com. anda mempunyai blog, katakanlah blog.com. Lalu anda mengkopi kode widget dari widget.com dan di pasang di blog.com. Nah, proses dari widget itu sendiri dijalankan di wodget.com, namun ketika anda mengakses blog.com, anda akan melihat output dari proses yang dijalankan di widget.com di halaman blog.com
kalau anda pengguna aktif friendster, anda lihat slide foto di halaman profile teman anda yang ada tulisannya slide.com? nah, itu juga bisa di sebut widget. atau anda lihat di sidebar bloggingly ada Bloggingly Live Traffic Feed? itu juga widget. disediakan oleh feedjit.com. Tool Google Translate di samping kanan ini juga widget.
Untuk contoh situs penyedia widget, anda bisa lihat feedjit, slide, widgetbox.
Enjoy!
definisi Widget, ( referensi dari wikipedia.org ) dalam istilah internet merupakan “kode portabel ( biasanya DHTML, JavaScript atau Adobe Flash ) yang dipasang ( diinstall, atau sederhananya, copy paste ) pada suatu halaman web, yang memiliki suatu fungsi tertentu dan menjadi suatu bagian dalam halaman web tersebut.”
istilah lain untuk widget : gadget, badge, module, webjit, capsule, snippet, mini, flake, application, dll.
program widget biasanya dijalankan di satu server tertentu, dan anda sebagai pengguna cukup mengcopy paste suatu kode ( DHTML, JavaScript atau Flash ) kedalam halaman web anda. Jadi halaman web anda menampilkan “output” dari proses yang dijalankan di situs lain. ( perhatikan kalau ini “biasanya” ada juga yang proses dan outputnya di jalankan situs yang sama )
untuk memahami lebih lanjut, ikuti penjelasan ini :
program widget dijalankan oleh satu situs. katakanlah widget.com. anda mempunyai blog, katakanlah blog.com. Lalu anda mengkopi kode widget dari widget.com dan di pasang di blog.com. Nah, proses dari widget itu sendiri dijalankan di wodget.com, namun ketika anda mengakses blog.com, anda akan melihat output dari proses yang dijalankan di widget.com di halaman blog.com
kalau anda pengguna aktif friendster, anda lihat slide foto di halaman profile teman anda yang ada tulisannya slide.com? nah, itu juga bisa di sebut widget. atau anda lihat di sidebar bloggingly ada Bloggingly Live Traffic Feed? itu juga widget. disediakan oleh feedjit.com. Tool Google Translate di samping kanan ini juga widget.
Untuk contoh situs penyedia widget, anda bisa lihat feedjit, slide, widgetbox.
Enjoy!
Kamis, 30 Desember 2010
0
Kamis, 30 Desember 2010
Bina Blogger
Cara Mempercantik blog dengan animasi
Mempercantik blog dengan animasi mickey mouse mudah, caranya :
1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.
3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>
"http://classicstudio.wordpress.com/files/2009/08/hicartoon25.gif" adalah lokasi gambar.
6. Simpan hasil kerja kamu dan lihat hasilnya.
Mengganti icon
dengan animasi
Coba lihat address bar (kotak untuk mengetikkan alamat web) kan kalau di blogspot ada gambar, Nah kalau mau mengganti icon itu dengan animasi caranya cukup mudah :
masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>
<link href='http://classicstudio.wordpress.com/files/2009/08/hicartoon25.gif' rel='Shortcut Icon'/>http://classicstudio.wordpress.com/files/2009/08/hicartoon25.gif adalah lokasi gambarnya ganti dengan lokasi gambarmu.
read more
1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.
3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>
"http://classicstudio.wordpress.com/files/2009/08/hicartoon25.gif" adalah lokasi gambar.
6. Simpan hasil kerja kamu dan lihat hasilnya.
Mengganti icon
dengan animasi Coba lihat address bar (kotak untuk mengetikkan alamat web) kan kalau di blogspot ada gambar
, Nah kalau mau mengganti icon itu dengan animasi caranya cukup mudah : masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>
<link href='http://classicstudio.wordpress.com/files/2009/08/hicartoon25.gif' rel='Shortcut Icon'/>http://classicstudio.wordpress.com/files/2009/08/hicartoon25.gif adalah lokasi gambarnya ganti dengan lokasi gambarmu.
0
Bina Blogger
read more
Cara Mengganti Tampilan Cursor di Blog
Tutorial blogspot kali ini adalah trik dasar untuk pemula yang ingin mempercantik tampilan blognya, salah satu yang cukup menarik adalah mengganti tampilan kursor di blog dengan gambar yang anda sukai.
cara mengganti tampilan Cursor di blog, langsung saja kita praktekkan :
1. Login ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan anda cari di dalam template anda kode body {
6. Persis setelah kode tersebut, pastekan script di bawah ini
cursor: url("http://gambarkursorkamu.gif"), default;
7. Silahkan anda ganti tulisan yang berwarna merah dengan alamat URL gambar pilihan anda
8. anda bisa membuat gambar sendir kemudiam di upload keblogmu atau kalau tidak mau repot silahkan surfing di sini [ cursors.funutilities ]
9. Cara mendapatkan URLnya, silahkan anda klik kanan pada cursor yang anda inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location
10. Klik Pratinjau untuk melihat hasil kerja anda
11. Klik Simpan Template jika sudah sesuai dengan keinginan anda
12. Selesai
Selamat mencoba, semoga bermanfaat .
cara mengganti tampilan Cursor di blog, langsung saja kita praktekkan :
1. Login ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan anda cari di dalam template anda kode body {
6. Persis setelah kode tersebut, pastekan script di bawah ini
cursor: url("http://gambarkursorkamu.gif"), default;
7. Silahkan anda ganti tulisan yang berwarna merah dengan alamat URL gambar pilihan anda
8. anda bisa membuat gambar sendir kemudiam di upload keblogmu atau kalau tidak mau repot silahkan surfing di sini [ cursors.funutilities ]
9. Cara mendapatkan URLnya, silahkan anda klik kanan pada cursor yang anda inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location
10. Klik Pratinjau untuk melihat hasil kerja anda
11. Klik Simpan Template jika sudah sesuai dengan keinginan anda
12. Selesai
Selamat mencoba, semoga bermanfaat .
0
Bina Blogger
ganti "urlGambarAnda" dengan alamat url gambarmu atau kamu bisa cari di google, kalau tidak mau pusing pakai saja banner di atas ini url nya : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrwXUo9X93PBApoAp6itzkZmcKQKiRZl6WzPfGapiM2Ivg0gkF0B9hAuVv3augMgY3eCRZ5GgrASeu_0xSquMVYk66Y-IkImdq8qD_AP-1K2L-pAr9FFg0wy9oEiCuBzkH2DgaphaYL0A/s320/backtotop.JPG
Jika kamu ingin meletakkan di pojok kiri bawah maka pada script "position:fixed;bottom:5px;right:5px;" ganti kata right dengan left.
1. Masuk ke dasboard - Design - Edit Html
2. Untuk Mengantisipasi kegagalan klik " expand widget templates " dan " Download Full Templates ".
3. Cari kode </body> dan tempatkan script diatas kode </body>
4. Save dan lihat hasilnya.
read more
Membuat tombol melayang " kembali keatas " pada blogspot
Kalau halaman artikel blog anda terlalu panjang akibat dari artikel yang panjang, komentar yang banyak, gambar, banner dan link yang banyak, atau karena jumlah artikel yang ditampilkan di haman utama banyak maka akan sulit bagi pengunjung blog untuk menggulung layar dengan mouse untuk kembali ke bagian atas halaman blog.
Sebenarnya solusi untuk para pengunjung blog adalah hanya dengan menekan tombol Ctrl + Home maka halaman akan kembali keatas, tapi mengharapkan itu dilakukan pengunjung bagi pemeilik blog tak akan memberi nilai tambah bagi blognya.
nah berikut ini adalah cara sederhana membuat tombol melayang kembali keatas, disini kita akan menempatkannya di pojok kanan bawah, copy script berikut :
Sebenarnya solusi untuk para pengunjung blog adalah hanya dengan menekan tombol Ctrl + Home maka halaman akan kembali keatas, tapi mengharapkan itu dilakukan pengunjung bagi pemeilik blog tak akan memberi nilai tambah bagi blognya.
nah berikut ini adalah cara sederhana membuat tombol melayang kembali keatas, disini kita akan menempatkannya di pojok kanan bawah, copy script berikut :
ganti "urlGambarAnda" dengan alamat url gambarmu atau kamu bisa cari di google, kalau tidak mau pusing pakai saja banner di atas ini url nya : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrwXUo9X93PBApoAp6itzkZmcKQKiRZl6WzPfGapiM2Ivg0gkF0B9hAuVv3augMgY3eCRZ5GgrASeu_0xSquMVYk66Y-IkImdq8qD_AP-1K2L-pAr9FFg0wy9oEiCuBzkH2DgaphaYL0A/s320/backtotop.JPG
Jika kamu ingin meletakkan di pojok kiri bawah maka pada script "position:fixed;bottom:5px;right:5px;" ganti kata right dengan left.
1. Masuk ke dasboard - Design - Edit Html
2. Untuk Mengantisipasi kegagalan klik " expand widget templates " dan " Download Full Templates ".
3. Cari kode </body> dan tempatkan script diatas kode </body>
4. Save dan lihat hasilnya.
0
Bina Blogger
Selamat mencoba
read more
Cara Membuat Background Pada Postingan
Agar tampilan artikel lebih unik, kita dapat membuat background yang berbeda pada masing-masing postingan kita. background pada postingan ada dua macam, ada yang berupa warna dan ada yang berupa gambar. background berupa gambar tentu lebih indah tapi halaman menjadi lebih berat.
Background Warna
Membuat backround berupa warna pada postingan cukup dengan memilih Edit Html, awali html postingan anda dengan kode :
<div style="background:kode_warna_disini;">
dan tutup postingan anda dengan kode :
</div>
contoh :
<div style="background:#D9D7D7; text-align:justify;
font-size:120%">
hasilnya:
ganti #D9D7D7 dengan kode warna yang anda sukai.
Background Gambar
Background gambar dapat mempercantik tampilan postingan anda, sebagai tips sebaiknya gambar yang ditampilkan disesuaikan dengan template blog anda. Awali postingan anda dengan kode seperti ini :
<div style="padding: 10px; background: transparent url(http://www.imagevine.com/christian/freebackgrounds/free-christian-backgrounds.jpg)
no-repeat scroll right top; -moz-background-clip: -moz-initial; -moz-background-origin:
-moz-initial; -moz-background-inline-policy: -moz-initial; text-align: justify;
font-size: 90%;"><span style="color: rgb(255, 255, 255);">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam
sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna,
nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis
ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas
at nisl.</span>
</div>
Script yang berwarana biru adalah alamat url gambar.
hasilnya:
Background Warna
Membuat backround berupa warna pada postingan cukup dengan memilih Edit Html, awali html postingan anda dengan kode :
<div style="background:kode_warna_disini;">
dan tutup postingan anda dengan kode :
</div>
contoh :
<div style="background:#D9D7D7; text-align:justify;
font-size:120%">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. </div> hasilnya:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl.
ganti #D9D7D7 dengan kode warna yang anda sukai.
Background Gambar
Background gambar dapat mempercantik tampilan postingan anda, sebagai tips sebaiknya gambar yang ditampilkan disesuaikan dengan template blog anda. Awali postingan anda dengan kode seperti ini :
<div style="background:url(alamat_gambar) no-repeat;">
Dan diakhir postingan, harus di tutup dengan kode seperti ini : </div>
contoh : <div style="padding: 10px; background: transparent url(http://www.imagevine.com/christian/freebackgrounds/free-christian-backgrounds.jpg)
no-repeat scroll right top; -moz-background-clip: -moz-initial; -moz-background-origin:
-moz-initial; -moz-background-inline-policy: -moz-initial; text-align: justify;
font-size: 90%;"><span style="color: rgb(255, 255, 255);">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam
sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna,
nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis
ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas
at nisl.</span>
</div>
Script yang berwarana biru adalah alamat url gambar.
hasilnya:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl.
Selamat mencoba
Rabu, 29 Desember 2010
0
Rabu, 29 Desember 2010
Bina Blogger
1 Cara Agar Postingan Blog Tidak Di Copy
Sebenarnya untuk membuat sebuah blog tidak dicopy oleh orang lain banyak caranaya, diantaranya mencegah terjadinya (event) cklic kanan, mencegah adanya drag pada postingana anda, dan pastinya ada cara lain yang belum saya ketahui...Memang ada orang yang merasa jika ada yang mengcopy karyanya dia sangat marah, sehingga dapat dilakukan pencegahhan seperti ini untuk memperkecil kemungkinan seseorang melakukan copy paste. Namun tidak sedikit pula orang yang cuek alias gak peduli kalaupun karyanya di copy paste oleh orang lain, hal dikarenakan mungkin postingannya dapat berguna bagi orang yang benar2 membutuhkannya seperti dalam hal pembelajaran...Hal tersebut sangatlah positif kan...
Oke lah sekarang langsung saja menginjak bagai mana cara atau kode apa yang harus dimasukkan pada HTLM blog atau website jika ingin meminimalisir peng-copy-an karya kita yang kita tulis lewat Blog atau Website
Tambahkan kode javascript berikut ini diantara tag <head> dan </head> halaman web Anda untuk mendisable klik kanan. Berikut kode java scriptnya:
<script language="JavaScript">
<!--
var popup="Sorry Anda Tidak Bisa Melakukan Klik Kanan...\n\nThis Site Copyright
©2000";
function noway(go) {
if (document.all) {
if (event.button == 2) {
alert(popup);
return false;
}
}
if (document.layers) {
if (go.which == 3) {
alert(popup);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=noway;
// --> </script>
** Semoga bermanfaat bagi anda...terima kasih...
read more
Oke lah sekarang langsung saja menginjak bagai mana cara atau kode apa yang harus dimasukkan pada HTLM blog atau website jika ingin meminimalisir peng-copy-an karya kita yang kita tulis lewat Blog atau Website
Tambahkan kode javascript berikut ini diantara tag <head> dan </head> halaman web Anda untuk mendisable klik kanan. Berikut kode java scriptnya:
<script language="JavaScript">
<!--
var popup="Sorry Anda Tidak Bisa Melakukan Klik Kanan...\n\nThis Site Copyright
©2000";
function noway(go) {
if (document.all) {
if (event.button == 2) {
alert(popup);
return false;
}
}
if (document.layers) {
if (go.which == 3) {
alert(popup);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=noway;
// --> </script>
** Semoga bermanfaat bagi anda...terima kasih...
Kamis, 09 Desember 2010
0
Kamis, 09 Desember 2010
Bina Blogger
Membuat Top atau Bottom Fixed Bar
Pastinya anda sering mengunjungi beberapa website berita seperti okezone.com, kompas.com, detik.com dan lain-lain. Dan seringkali beberapa dari web tersebut memiliki suatu banner/iklan yang diletakan di atas halaman, atau di bawah halaman, namun apabila scroll di tarik ke bawah, halaman di geser ke atas atau ke bawah tapi iklannya tetap muncul. Pertanyaannya adalah bagaimana melakukan ini semua?? Yang termudah yaitu menggunakan css untuk membuat bar memiliki sifat fixed. Sifat fixed inilah yang membuat banner/iklan memiliki kedudukan yang tidak berubah mengikuti halaman melainkan mengikuti scrollbar. Dalam tutorial css kali ini saya akan menjelaskan bagaimana membuatnya.
Oke langsung saja, siapkan satu buah file dengan nama sesuai dengan yang anda inginkan, misalnya, fixedbar.html, lalu isikan seperti ini ...
<html>
<head><title>Top Fixed Bar</title>
<style type="text/css">
#content
{
width:700px;
margin:100px auto;
font-family : Arial ;
font-size: 13px;
line-height: 20px;
}
#top_bar {
display: block;
position: fixed;
top: 0;
text-align: center;
background: #DFDFDF;
border-bottom: 1px solid #333333;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
color: #999999;
clear: both;
padding:6px 0;
width: 1030px;
height: auto;
margin: 0 110px 0 110px ;
}
.content_bar
{
font-family : Tahoma ;
font-size: 10px;
}
</style>
</head>
<body>
<div id="content">
Dari Abdullah, Nabi S.A.W bersabda:
<p>Beberapa penjelasan penting mengenai Hari Akhir adalah sebagai berikut: Selama kekacauan mengerikan di hari akhir, Allah akan memerintahkan seorang hamba yang mempunyai akhlak yang mulia, yang dikenal sebagai Al Mahdi (pemberi petunjuk ke arah kebenaran), untuk mengajak umat manusia kembali ke jalan yang benar. Tugas pertama Al Mahdi akan berupa dikobarkannya perang pemikiran di dalam dunia Islam dan mengembalikan umat Muslin yang telah jauh dari intisari Islam sejati, menuju iman dan akhlak sesungguhnya. Dalam hal ini, Al Mahdi mempunyai tiga tugas dasar:</p>
<p>1. Menghancurkan seluruh sistem filsafat yang mengingkari keberadaan Allah dan mendukung ateisme.</p>
<p>2. Memerangi takhayul dengan membebaskan Islam penindasan orang-orang munafik yang telah menyimpangkan agama, dan kemudian mengungkap dan melaksanakan akhlak Islam sejati yang didasarkan pada aturan Al Qur’an.</p>
<p>3. Memperkuat seluruh dunia Islam, baik secara politik maupun sosial, dan kemudian mengembangkan perdamaian, keamanan, dan kesejahteraan serta memecahkan berbagai masalah kemasyarakatan.</p>
<p>Menurut sejumlah besar hadits, Nabi ‘Isa AS akan turun ke bumi pada waktu bersamaan dan akan menyeru seluruh pemeluk Kristen dan Yahudi, khususnya, untuk meninggalkan berbagai kepercayaan takhayul yang diyakini oleh mereka pada saat ini dan hidup menurut Al Qur’an. Ketika pemeluk Kristen telah mendengarkannya, umat Islam dan Kristen akan bersama di bawah satu keimanan dan dunia ini akan mengalami zaman perdamaian, keamanan, kebahagian, dan kesejahteraan terbesar yang dikenal sebagai Masa Keemasan.</p>
<p>TANDA-TANDA KEDATANGAN AL MAHDI</p>
<p >Penyimpangan mendalam</p>
<p>Sementara lingkungan yang menyimpang justru dapat membuat orang-orang beriman dengan iman yang kuat meningkat keimanan dan kesabaran mereka, dan pahala mereka di Hari Akhirat, lingkungan seperti ini menyebabkan orang-orang dengan iman yang lemah dan dangkal menjadi kehilangan keimanan mereka atau semakin memperlemahnya. Al Mahdi akan datang ketika lingkungan yang menyimpang ini sudah sangat dalam dan parah.</p>
<p><i>Al Mahdi, salah satu kaumku, muncul sebagai manusia dengan ridha Allah, saat Hari Pembalasan sudah dekat dan melemahnya hati orang-orang beriman karena kematian, kelaparan, dan hilangnya sunah, dan munculnya kemajuan teknologi dan hilangnya makna memerintahkan kebenaran dan melarang kemungkaran. Kemakmuran dan keadilannya akan memudahkan hati orang-orang yang beriman, dan persahabatan serta saling mencintai akan menyelesaikan perselisihan di antara bangsa-bangsa non-Arab dan Arab. (Al-Muttaqi al-Hindi, Al-burhan fi ’Alamat al-Mahdi Akhir al-Zaman, halaman. 66)</i></p>
<p><i>Kekacauan, penyimpangan, dan ketakutan akan muncul di Barat .... Penyimpangan akan meningkat pesat. (Mukhtasar Tazkirah Qurtubi)</i></p>
<p align="left"><i>Sejenis penyimpangan akan muncul ke permukaan. Tidak satu pun pihak mampu melindungi dirinya dari penyimpangan itu, dan penyimpangan itu menyebar segera ke setiap penjuru. Situasi ini akan bertahan hingga seseorang datang dan berkata, “Hai umat manusia, mulai saat ini pemimpinmu adalah Al Mahdi.” (Ibnu Hajar Haytahami, Al-Qawl al-Mukhtasar fi’alamat al-Mahdi al-Muntazar, hal. 23)</i>
<p>Hadits ini berbicara mengenai sebuah penyimpangan yang akan menyentuh setiap orang dan menyebar dengan cepat. Dengan kata lain, sejenis penyimpangan yang dikenal oleh setiap orang dan menjadikan orang-orang beriman sebagai sasarannya. Penyimpangan ini menentang agama dan Allah. Saat ini, filsafat materialis adalah kecenderungan utama terbesar yang dirancang untuk menolak keberadaan dan penciptaan Allah. Landasan filsafat ini adalah 'teori evolusi', yang memberikan dasar, yang oleh pencetusnya disebut sendiri sebagai hal “ilmiah”. Walaupun tidak didasarkan pada bukti ilmiah dan logika apa pun, kalangan materialis tertentu di seluruh dunia tetap berusaha agar teori ini diterima, dengan menggunakan cara-cara yang dikaitkan dengan propaganda yang kuat, kebohongan, dan bahkan penipuan. </p>
<p>Pada saat ini, ketika teori ini telah merasuki hampir setiap rumah tangga melalui media massa dan televisi, maka setiap orang di dunia Islam dan di mana pun berada telah mendengarkannya. Teori ini adalah teori pertama yang dinyatakan sebagai kenyataan ketika seseorang masih kanak-kanak dengan cara kebohongan dan penipuan yang tidak terhitung banyaknya. Ketika mereka tumbuh semakin dewasa, mereka terus disesatkan oleh omong kosong lucu ini, bahwa mereka dan seluruh umat manusia muncul sebagai makhluk hidup hanya karena kebetulan dan bahwa mereka adalah keturunan monyet. Para pemuda dari semua usia dicuci otaknya di seluruh tingkatan pendidikan melalui kebohongan para evolusionis.</p>
<p>Ada sebuah poin penting yang perlu digarisbawahi di sini. Sebagaimana ditekankan oleh Rasulullah SAW pada salah satu haditsnya, penyimpangan yang menyebar cepat dan merata di seluruh dunia hanya bisa mengemuka ketika perangkat teknologi yang tepat tersedia, seperti yang ada sekarang (misalnya, media massa, penerbitan, media elektronik, internet, dan komunikasi satelit). Ketika teknologi tersebut belum muncul di masa lalu, penyimpangan tidak akan menyebar ke seluruh dunia. Akibatnya, tidak ada bentuk penyimpangan lain yang telah menyatakan perang atas keberadaan, penciptaan dan agama Allah terlihat di masa lalu. Semua hal ini adalah di antara tanda-tanda penting, sehingga datangnya Al Mahdi bertepatan dengan masa sekarang.</p>
</div>
<div id="top_bar">
<div>
<h2>Iklan/banner di sini ...</h2>
</div>
</div>
</body>
</html>
Save, kemudian buka di browser. Inti dari stylenya adalah, elemen :
<div id="top_bar">
dan style nya
#top_bar {
display: block;
position: fixed;
top: 0;
top bisa di ganti menjadi bottom, sesuai dengan artinya, top : 0 berarti diletakkan di atas halaman, sedangkan bottom:0 diletakkan di bawah halaman.
posisiton : fixed inilah yang menjadikan elemen div tidak bergerak ke mana-mana, meskipun halaman digeser ke bawah, ataupun di geser ke atas.
Anda bisa melihat demo nya disini ...
Sangat mudah sekali ya? Oke, selamat mencoba.
read more
Oke langsung saja, siapkan satu buah file dengan nama sesuai dengan yang anda inginkan, misalnya, fixedbar.html, lalu isikan seperti ini ...
<html>
<head><title>Top Fixed Bar</title>
<style type="text/css">
#content
{
width:700px;
margin:100px auto;
font-family : Arial ;
font-size: 13px;
line-height: 20px;
}
#top_bar {
display: block;
position: fixed;
top: 0;
text-align: center;
background: #DFDFDF;
border-bottom: 1px solid #333333;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
color: #999999;
clear: both;
padding:6px 0;
width: 1030px;
height: auto;
margin: 0 110px 0 110px ;
}
.content_bar
{
font-family : Tahoma ;
font-size: 10px;
}
</style>
</head>
<body>
<div id="content">
Dari Abdullah, Nabi S.A.W bersabda:
<p>Beberapa penjelasan penting mengenai Hari Akhir adalah sebagai berikut: Selama kekacauan mengerikan di hari akhir, Allah akan memerintahkan seorang hamba yang mempunyai akhlak yang mulia, yang dikenal sebagai Al Mahdi (pemberi petunjuk ke arah kebenaran), untuk mengajak umat manusia kembali ke jalan yang benar. Tugas pertama Al Mahdi akan berupa dikobarkannya perang pemikiran di dalam dunia Islam dan mengembalikan umat Muslin yang telah jauh dari intisari Islam sejati, menuju iman dan akhlak sesungguhnya. Dalam hal ini, Al Mahdi mempunyai tiga tugas dasar:</p>
<p>1. Menghancurkan seluruh sistem filsafat yang mengingkari keberadaan Allah dan mendukung ateisme.</p>
<p>2. Memerangi takhayul dengan membebaskan Islam penindasan orang-orang munafik yang telah menyimpangkan agama, dan kemudian mengungkap dan melaksanakan akhlak Islam sejati yang didasarkan pada aturan Al Qur’an.</p>
<p>3. Memperkuat seluruh dunia Islam, baik secara politik maupun sosial, dan kemudian mengembangkan perdamaian, keamanan, dan kesejahteraan serta memecahkan berbagai masalah kemasyarakatan.</p>
<p>Menurut sejumlah besar hadits, Nabi ‘Isa AS akan turun ke bumi pada waktu bersamaan dan akan menyeru seluruh pemeluk Kristen dan Yahudi, khususnya, untuk meninggalkan berbagai kepercayaan takhayul yang diyakini oleh mereka pada saat ini dan hidup menurut Al Qur’an. Ketika pemeluk Kristen telah mendengarkannya, umat Islam dan Kristen akan bersama di bawah satu keimanan dan dunia ini akan mengalami zaman perdamaian, keamanan, kebahagian, dan kesejahteraan terbesar yang dikenal sebagai Masa Keemasan.</p>
<p>TANDA-TANDA KEDATANGAN AL MAHDI</p>
<p >Penyimpangan mendalam</p>
<p>Sementara lingkungan yang menyimpang justru dapat membuat orang-orang beriman dengan iman yang kuat meningkat keimanan dan kesabaran mereka, dan pahala mereka di Hari Akhirat, lingkungan seperti ini menyebabkan orang-orang dengan iman yang lemah dan dangkal menjadi kehilangan keimanan mereka atau semakin memperlemahnya. Al Mahdi akan datang ketika lingkungan yang menyimpang ini sudah sangat dalam dan parah.</p>
<p><i>Al Mahdi, salah satu kaumku, muncul sebagai manusia dengan ridha Allah, saat Hari Pembalasan sudah dekat dan melemahnya hati orang-orang beriman karena kematian, kelaparan, dan hilangnya sunah, dan munculnya kemajuan teknologi dan hilangnya makna memerintahkan kebenaran dan melarang kemungkaran. Kemakmuran dan keadilannya akan memudahkan hati orang-orang yang beriman, dan persahabatan serta saling mencintai akan menyelesaikan perselisihan di antara bangsa-bangsa non-Arab dan Arab. (Al-Muttaqi al-Hindi, Al-burhan fi ’Alamat al-Mahdi Akhir al-Zaman, halaman. 66)</i></p>
<p><i>Kekacauan, penyimpangan, dan ketakutan akan muncul di Barat .... Penyimpangan akan meningkat pesat. (Mukhtasar Tazkirah Qurtubi)</i></p>
<p align="left"><i>Sejenis penyimpangan akan muncul ke permukaan. Tidak satu pun pihak mampu melindungi dirinya dari penyimpangan itu, dan penyimpangan itu menyebar segera ke setiap penjuru. Situasi ini akan bertahan hingga seseorang datang dan berkata, “Hai umat manusia, mulai saat ini pemimpinmu adalah Al Mahdi.” (Ibnu Hajar Haytahami, Al-Qawl al-Mukhtasar fi’alamat al-Mahdi al-Muntazar, hal. 23)</i>
<p>Hadits ini berbicara mengenai sebuah penyimpangan yang akan menyentuh setiap orang dan menyebar dengan cepat. Dengan kata lain, sejenis penyimpangan yang dikenal oleh setiap orang dan menjadikan orang-orang beriman sebagai sasarannya. Penyimpangan ini menentang agama dan Allah. Saat ini, filsafat materialis adalah kecenderungan utama terbesar yang dirancang untuk menolak keberadaan dan penciptaan Allah. Landasan filsafat ini adalah 'teori evolusi', yang memberikan dasar, yang oleh pencetusnya disebut sendiri sebagai hal “ilmiah”. Walaupun tidak didasarkan pada bukti ilmiah dan logika apa pun, kalangan materialis tertentu di seluruh dunia tetap berusaha agar teori ini diterima, dengan menggunakan cara-cara yang dikaitkan dengan propaganda yang kuat, kebohongan, dan bahkan penipuan. </p>
<p>Pada saat ini, ketika teori ini telah merasuki hampir setiap rumah tangga melalui media massa dan televisi, maka setiap orang di dunia Islam dan di mana pun berada telah mendengarkannya. Teori ini adalah teori pertama yang dinyatakan sebagai kenyataan ketika seseorang masih kanak-kanak dengan cara kebohongan dan penipuan yang tidak terhitung banyaknya. Ketika mereka tumbuh semakin dewasa, mereka terus disesatkan oleh omong kosong lucu ini, bahwa mereka dan seluruh umat manusia muncul sebagai makhluk hidup hanya karena kebetulan dan bahwa mereka adalah keturunan monyet. Para pemuda dari semua usia dicuci otaknya di seluruh tingkatan pendidikan melalui kebohongan para evolusionis.</p>
<p>Ada sebuah poin penting yang perlu digarisbawahi di sini. Sebagaimana ditekankan oleh Rasulullah SAW pada salah satu haditsnya, penyimpangan yang menyebar cepat dan merata di seluruh dunia hanya bisa mengemuka ketika perangkat teknologi yang tepat tersedia, seperti yang ada sekarang (misalnya, media massa, penerbitan, media elektronik, internet, dan komunikasi satelit). Ketika teknologi tersebut belum muncul di masa lalu, penyimpangan tidak akan menyebar ke seluruh dunia. Akibatnya, tidak ada bentuk penyimpangan lain yang telah menyatakan perang atas keberadaan, penciptaan dan agama Allah terlihat di masa lalu. Semua hal ini adalah di antara tanda-tanda penting, sehingga datangnya Al Mahdi bertepatan dengan masa sekarang.</p>
</div>
<div id="top_bar">
<div>
<h2>Iklan/banner di sini ...</h2>
</div>
</div>
</body>
</html>
Save, kemudian buka di browser. Inti dari stylenya adalah, elemen :
<div id="top_bar">
dan style nya
#top_bar {
display: block;
position: fixed;
top: 0;
top bisa di ganti menjadi bottom, sesuai dengan artinya, top : 0 berarti diletakkan di atas halaman, sedangkan bottom:0 diletakkan di bawah halaman.
posisiton : fixed inilah yang menjadikan elemen div tidak bergerak ke mana-mana, meskipun halaman digeser ke bawah, ataupun di geser ke atas.
Anda bisa melihat demo nya disini ...
Sangat mudah sekali ya? Oke, selamat mencoba.
Jumat, 12 November 2010
0
Jumat, 12 November 2010
Bina Blogger
Cara Agar Blog Tidak Dapat Dicopy Orang
Jengkel rasanya jika sudah capek-capek nulis entri, entry tersebut malah di copy paste gitu aja ke blog pengcopy. Kalau ditulis sumbernya sih gak masalah, tapi kalau gak? Atau malah diklaim? Benar-benar tidak berperasaan!
Gak usah bingung! Ada cara kok untuk meminimalisir hal tersebut yaitu dengan membuat blog tidak dapat di blok/select sehingga tidak dapat dicopy. Begini langkah-langkahnya:
1. Login ke Blog
2. Pilih Pengaturan ; Tata Letak ; Edit HTML
3. Cari kata </head> dibawahnya ada kata <body>
4. Ganti kata </body> dengan kata berikut:
6. Lihat Blog anda, bisa diblok atau tidak sekarang! Bila masih bisa diblok mungkin anda salah meletakkan kodenya.
7. Selamat mencoba…..!
read more
Gak usah bingung! Ada cara kok untuk meminimalisir hal tersebut yaitu dengan membuat blog tidak dapat di blok/select sehingga tidak dapat dicopy. Begini langkah-langkahnya:
1. Login ke Blog
2. Pilih Pengaturan ; Tata Letak ; Edit HTML
3. Cari kata </head> dibawahnya ada kata <body>
4. Ganti kata </body> dengan kata berikut:
<body oncontextmenu='return false' onmousedown='return false' onselectstart='return false'>
5. Kemudian Simpan6. Lihat Blog anda, bisa diblok atau tidak sekarang! Bila masih bisa diblok mungkin anda salah meletakkan kodenya.
7. Selamat mencoba…..!
Langganan:
Postingan (Atom)
