Terima Jasa Pembuatan Domain MURAH

Biaya Jasa pembuatan Domain:

: Rp. 50.000, ( .Com / .Net / .Org )


: Rp. 30.000,- (.Biz )

Catatan : biaya pembuatan domain tergantung dari tingkat kompleksitas atau kesulitan blog. Harga pembuatan domain dapat berubah sesuai TAWARAN yang diajukan dan kesepakatan dari Admin IdhinZone

Cara pemesanan  :

1. Hubungi nomor HP admin Bahasa Indonesia melalui telpon atau sms (085343760711) atau hubungi melalui Akun Facebook admin
2. Buat suatu kesepakatan:
- Negosiasi harga
- Akun google, email
- Alamat Domain
- Dan lain-lain
3. Setelah ada kata sepakat atau deal lakukan transfer biaya pembuatan domain melalui PULSA/REKENING. Silahkan konfirmasi kepada penulis setelah tranfer untuk memastikan uang sudah terkirim atau belum.
4. Setelah ditransfer penulis akan segera menindaklanjuti dan mulai merancang domain. Pembuatan domain membutuhkan waktu 1x24 Jam.
5. Setelah domain sudah jadi penulis akan menghubungi anda.

Text to Image Converter Portable

Kini Aink akan mencoba share aplikasi yakni Text to Image Converter Portable Free.

Text to Image Converter ini bersifat portable dan sangat kecil sekali ukurannya. Dengan menggunakan aplikasi Text to Image Converter ini dapat melakukan konversi file image ke text (ascii).

UPDATE (13082010) : Untuk menghasilkan efek yang benar-benar seperti text (seperti screen shot yang saya berikan di atas), klik menu effects lalu pilih ASCII output, klik convert.

Selamat mencoba,,
Password : www.remo-xp.com
Download Text to Image Converter Portable

Membuat Kwick Menu Navigasi Blogger dengan jQuery

Membuat Kwick Menu Navigasi Blogger dengan jQuery

Untuk kesekian kalinya di blog bertema tutorial blog dan seo blogger blogspot ini mengunduh tutorial jQuery dalam membuat menu navigasi di blogger.
Betul gan! Yuk kita intip bagaimana sih membuat menu navigasi untuk flatform blogger/blogspot dengan jQuery ini.

Membuat Menu Navigasi Blogger dengan Kwicks jQuery

Lu pernah lihat di beberapa blog atau situs dimana pada menu navigasi-nya dapat menyembunyikan icon atau gambar secara geser / slide saat mouse berada diatasnya?
Demo atau contoh dari menu navigasi kwicks jQuery ini lu dapat lihat di:

http://boc4h-ingusan.blogspot.com/p/contoh-kwick-menu-navigasi-blogger.html

Memang betul,bahwa kelemahan dari kwicks menu navigasi ini tidak dapat dibaca oleh beberapa browser khususnya handphone atau browser yang tidak mengaktifkan javascript.Tapi kwicks menu navigasi jQuery ini Bisa bekerja sangat baik di browser mozilla juga Google chrome dan IE terbaru.

Penasaran,? Hayu lah  mari urang pelajari bagaimana membuat menu navigasi blogger dengan jQuery kwicks tricks.

Pertama langkahnya seperti biasanya ya hanya pilih Dashboard lalu Tata Letak kemudian contreng tulisan Expands Widget Templates.
Nah,selanjutnya cari kode ]]></b:skin> (gunakan Ctrl+F di keyboard),setelah ketemu tinggal letakkan kode CSS berikut tepat diATAS kode ]]></b:skin> tersebut.

.kwicks{height:50px;list-style:none;margin:0;padding:0;position:relative;width:840px;z-index:2
}
.kwicks li{cursor:pointer;display:block;float:left;height:50px;overflow:hidden;padding:0;width:120px;z-index:2}
.kwicks li a{background-image:url(http://4.bp.blogspot.com/-e1c5hdvd0MQ/TbgSHi-7EEI/AAAAAAAAAzs/Y9aTBHEgh84/s1600/menu%2Bjquery%2Bpelajaran%2Bblog.jpg
);background-repeat:no-repeat;cursor:pointer;display:block;height:50px;outline:none;text-indent:-9999px;z-index:2}
#kwick1 a:hover{background-position:0 -50px!important}
#kwick2 a{background-position:-190px 0}
#kwick2 a:hover{background-position:-190px -50px!important}
#kwick3 a{background-position:-380px 0}
#kwick3 a:hover{background-position:-380px -50px!important}
#kwick4 a{background-position:-570px 0}
#kwick4 a:hover{background-position:-570px -50px!important}
#kwick5 a{background-position:-760px 0}
#kwick5 a:hover{background-position:-760px -50px!important}
#kwick6 a{background-position:-950px 0}
#kwick6 a:hover{background-position:-950px -50px!important}
.kwicks li ul a{float:left;width:12em}
.kwicks ul ul{top:auto}
.kwicks li ul ul{left:12em;margin:0 0 0 10px}
.kwicks li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul{display:block
}

Keamudian cari kode ]]></b:skin> kembali,setelah ketemu letakkan kode jQuery berikut tepat diBAWAHnya:

<script class='jsbin' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'>
</script>
<script class='jsbin' src='https://sites.google.com/site/pujiantoroinc/Home/kwicks.js'>
</script>
<script type='text/javascript'>
$(document).ready(function(){ 
$(&#39;.kwicks&#39;).kwicks({
duration: 500, 
max: 170, 
spacing: 0 
});
});
</script>

Lalu simpan templates.
Nah,untuk menampilkannya pada widget coba pilih Tata Letak / Rancangan seperti gambar nodan klik tulisan Add New Widget atau Tambah Gadget,
Selanjutnya pilih HTML/Javascript lihat kemudian letakkan kode berikut:

<table width="100%" border="0"><tr><td bgcolor="black">
<ul class='kwicks'>
<li id='kwick1'><a href='http://pujiantoro.blogspot.com/' title='halaman utama'>Home</a></li>
<li id='kwick2'><a href='http://pujiantoro.blogspot.com/search' title='daftar isi.'>Blog</a></li>
<li id='kwick3'><a href='http://pelajaran-blog.blogspot.com/2009/02/profil.html' title='about'>About</a></li>
<li id='kwick4'><a href='#' title='futures'>Portfolio</a></li>
<li id='kwick5'><a href='#' title='contact us'>Contact</a></li>
<li id='kwick6'><a href='http://pelajaran-blog.blogspot.com/' title='recomended links'>Resource</a></li>
</ul></td></tr></table>

Simpan,selesai sudah Tinggal Liat Hasil Nya XD

Cara Membuat Related Post / Recent Post jQuery

Sebeleum nge bahas soal SCRIPT CARA MEMBUAT REALTED POST mening kita ngudud sambil ngopi   XD

Langkah Cara Membuat Related Post (Recent Post jQuery untuk Blogger)

Contoh yang sudah diterapkan gw bisa lihat Di Sini

Pertama langkahnya seperti biasanya ya hanya pilih Dashboard,lalu Tata Letak / Rancangan kemudian klik tulisan Add New Widget atau Tambah Gadget dan pilih HTML/Javascript,Atou bisa di pasang HTML Postingan lo.

Title

Content

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><center><strong>Artikel</strong></center> <center> <style type="text/css" media="screen"> <!-- #spylist { overflow:hidden; margin-top:1px; padding:0px 0px; height:300px; } #spylist ul{ width:100%; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #spylist li { width:100%; padding: 0px 0px; margin:0px 0px 5px 0px; list-style-type:none; float:none; height:70px; overflow: hidden; background:#fff url() repeat-x; border:1px solid #ddd; } #spylist li a { text-decoration:none; color:#4B545B; width:100%; font-size:10px; height:12px; 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:8px; color:#0284C2; padding:2px 0px; margin:1px 0px 0px 0px; height:12px; font-family:Tahoma,Arial,verdana, sans-serif; } .spycomment{ overflow:hidden; font-family:Tahoma,Arial,verdana, sans-serif; font-size:8px; color:#262B2F; padding:0px 0px; margin:0px 0px; } --> </style> <script language='javascript'> imgr = new Array(); imgr[0] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox"; imgr[1] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox"; imgr[2] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox"; imgr[3] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox"; imgr[4] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox"; showRandomImg = true; boxwidth = 200; cellspacing = 6; borderColor = "#232c35"; bgTD = "#000000"; thumbwidth = 50; thumbheight = 50; fntsize = 9; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = true; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 100; home_page = "http://agungcreator.blogspot.com/"; limitspy=4 intervalspy=4000 </script> <div id="spylist"> <script src='https://sites.google.com/site/pujiantoroinc/Home/recent_post_berkedip.js' type='text/javascript'></script> </div></center>

NOTE : http://agungcreator.blogspot.com/
Ganti sama alamat blog kalian masing2


Lalu Simpan dan lu udah bisa lihat hasilnya :D

Contoh spoiler Anu Ka II

Contoh spoiler Anu Ka II

Cekidot







Silakan disimak dan dicermati :



Di sini lu bisa memasukkan teks, kode, atau script
lu  juga bisa memasukkan image di sini

Klik button "Tutup" untuk menghilangkan area ini





Mau scriptna ?

Mau ?

Klo mau we kasih ni HARATIS wakwakwak

Yeuhh dari pada lu nangis gak dapetin script,mening gw kasih aja dah.


<div style="text-align: center;">

<div class="button-spoiler">

<input 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka Lagi'; }" type="button" value="Contoh Penggunaan Spoiler" /></div>

<div class="spoiler">

<div style="display: none;">

<div style="border: 3px inset #333; font-size: small; padding: 10px; text-align: left;">

Silakan disimak dan dicermati :

<br />

<ul>

<li>Di sini lu bisa memasukkan teks, kode, atau script</li>

<li>lu juga bisa memasukkan image</li>

<center><img alt="U Comments I Follow" border="0" src="http://i647.photobucket.com/albums/uu191/ariamsi/Icon%20Blog/follow2.jpg" /></center>

<li>Klik button "Tutup" untuk menghilangkan area ini</li>

</ul>

</div>

</div>

</div>

</div>



Ganti warna Hejo Sakarep Anjeun.

Cara Membuat Spoiler di Blogger

CONTOH SPOILER NA:

Cuman contoh aja mang :D

Okok Klo Ente Mau AinK Kasih Code'a Copy Wae Langsung Kode Di Handap Ieuu



<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<b>Judul Spoiler</b>: <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">


Masukkan isi spoiler didieu, dapat diisi gambar, kode html, paragraf dan lain2


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


Keterangan : Warna Hejo Ganti Sesuai Kahayang Maraneh.

Cara Membuat Slide Show Photo Widget for Blogspot

Langkah dan Cara Membuat Slide Show Photo Widget for Blogspot
untuk ,elihat contoh hasil nya liat aja di SINI
Pertama,loe pergi ke pasar (hush!!!!) maksud AinK pergi ke Dashboard > Tata Letak > Edit HTML > Contreng Expand Widget Templates (lihat gambar)

Cari kode <head> (gunakan Ctrl+F pada keyboard untuk mempermudah pencarian),setelah menemukan kode tersebut tepat dibawahnya letakkan kode script berikut ini:

Title

Content

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ $(document).ready(function() { //Execute the slideShow, set 6 seconds for each images slideShow(3000); }); function slideShow(speed) { //append a LI item to the UL list for displaying caption $('ul.slideshow').append('<li id="slideshow-caption" class="caption"><div class="slideshow-caption-container"><h3></h3><p></p></div></li>'); //Set the opacity of all images to 0 $('ul.slideshow li').css({opacity: 0.0}); //Get the first image and display it (set it to full opacity) $('ul.slideshow li:first').css({opacity: 1.0}); //Get the caption of the first image from REL attribute and display it $('#slideshow-caption h3').html($('ul.slideshow a:first').find('img').attr('title')); $('#slideshow-caption p').html($('ul.slideshow a:first').find('img').attr('alt')); //Display the caption $('#slideshow-caption').css({opacity: 0.7, bottom:0}); //Call the gallery function to run the slideshow var timer = setInterval('gallery()',speed); //pause the slideshow on mouse over $('ul.slideshow').hover( function () { clearInterval(timer); }, function () { timer = setInterval('gallery()',speed); } ); } function gallery() { //if no IMGs have the show class, grab the first image var current = ($('ul.slideshow li.show')? $('ul.slideshow li.show') : $('#ul.slideshow li:first')); //Get next image, if it reached the end of the slideshow, rotate it back to the first image var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow li:first') :current.next()) : $('ul.slideshow li:first')); //Get next image caption var title = next.find('img').attr('title'); var desc = next.find('img').attr('alt'); //Set the fade in effect for the next image, show class has higher z-index next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000); //Hide the caption first, and then set and display the caption $('#slideshow-caption').animate({bottom:-70}, 300, function () { //Display the content $('#slideshow-caption h3').html(title); $('#slideshow-caption p').html(desc); $('#slideshow-caption').animate({bottom:0}, 500); }); //Hide the current image current.animate({opacity: 0.0}, 1000).removeClass('show'); } //]]> </script> <style type='text/css'> ul.slideshow { list-style:none; width:600px; height:240px; overflow:hidden; position:relative; margin:0; padding:0; font-family:Arial,Helvetica,Trebuchet MS,Verdana; ; } ul.slideshow li { position:absolute; left:0; right:0; } ul.slideshow li.show { z-index:500; } ul img { width:600px; height:240px; border:none; } #slideshow-caption { width:600px; height:70px; position:absolute; bottom:0; left:0; color:#fff; background:#000; z-index:500; } #slideshow-caption .slideshow-caption-container { padding:5px 10px; z-index:1000; } #slideshow-caption h3 { margin:0; padding:0; font-size:16px; } #slideshow-caption p { margin:5px 0 0 0; padding:0; } </style>

Ket: kode berwarna merah adalah kode yang loe bisa ganti sesuai dengan keinginan untuk menentukan lebar,tinggi serta panjang dari gadget tersebut,sedang untuk yang lain loe otak-atik aja sendiri ya :P

Untuk langkah kedua sekaligus langkah terakhir loe pergilah ke pasar (hush!!! pasar mulu Mang Kodir-) maksud AinK pergilah ke Dashboard > Tata Letak > klik tulisan Add a Gadget (tambah widget) > pilih HTML/Javascript lalu letakkan kode ini:


<ul class="slideshow">
<li><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_zKx2h3ljCVMTxNEdJufi5zFu-YURpcWZ7u_olKoIggOeajV0bcHj87MuVERFXIhpLmfwWU81KvCnk-17CRrza-T94S683db3N-giHwyBMyG6i95zPvZWakoGlN5no9Pgytfc7ce_wwg/s1600/1.jpg"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_zKx2h3ljCVMTxNEdJufi5zFu-YURpcWZ7u_olKoIggOeajV0bcHj87MuVERFXIhpLmfwWU81KvCnk-17CRrza-T94S683db3N-giHwyBMyG6i95zPvZWakoGlN5no9Pgytfc7ce_wwg/s1600/1.jpg" title="This is featured post 1 title" alt="Replace This Text With Your Featured Post 1 Description." /></a></li>
<li><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrAEmXTxPr862S6t8V4P8xP0McAbb7ZfMQ5xt9LUDYNAixqqDsgpOxGMs2Lsd3S9cBWftQMY7b1JRdL8biDy9D0fiWx3Lak-rC5CuqMrgihEuwueue6UisMmtKf-by1d5sGENpoVcVTU0/s1600/2.jpg"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrAEmXTxPr862S6t8V4P8xP0McAbb7ZfMQ5xt9LUDYNAixqqDsgpOxGMs2Lsd3S9cBWftQMY7b1JRdL8biDy9D0fiWx3Lak-rC5CuqMrgihEuwueue6UisMmtKf-by1d5sGENpoVcVTU0/s1600/2.jpg" title="This is featured post 2 title" alt="Replace This Text With Your Featured Post 2 Description." /></a></li>
<li><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFK-UVASBOtC9b1MJn-MzKFJVzPg1ApwHYQTAfhdLA9OoeaI3hZAD9XeYVp1-cWXQ8uoI8D_dD0TNh_KrrA7G74YzWerYK3kwvD3CTFP3JpGWFeElmbhmIbfeonkZpfGSwf106rK5NtH4/s1600/3.jpg"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFK-UVASBOtC9b1MJn-MzKFJVzPg1ApwHYQTAfhdLA9OoeaI3hZAD9XeYVp1-cWXQ8uoI8D_dD0TNh_KrrA7G74YzWerYK3kwvD3CTFP3JpGWFeElmbhmIbfeonkZpfGSwf106rK5NtH4/s1600/3.jpg" title="This is featured post 3 title" alt="Replace This Text With Your Featured Post 3 Description." /></a></li>
<li><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1k6gEZUMJiPEHp91N_66MRSK_sP0YI3Oevd8EvpS3S1KquWLSptcrXJAcGMU-AisluOGQOnOusJnQF1SqB-PzFYkWCrFkUbK1WvlSJIhKunwKtF4Kei6STR45SL8SQbVFWdiJAYTUZYo/s1600/4.jpg"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1k6gEZUMJiPEHp91N_66MRSK_sP0YI3Oevd8EvpS3S1KquWLSptcrXJAcGMU-AisluOGQOnOusJnQF1SqB-PzFYkWCrFkUbK1WvlSJIhKunwKtF4Kei6STR45SL8SQbVFWdiJAYTUZYo/s1600/4.jpg" title="This is featured post 4 title" alt="Replace This Text With Your Featured Post 4 Description." /></a></li>
</ul>

NB link yg berwarna merah ganti dengan link maneh sakarepna.
Nu penting ulah Link BOKEP we yg di pasang'a Wakwakwakwak