Cara Membuat Kamera Pengintai di Blog

10/12/2012 04:21:00 PM  Paulino Guterres  

Merupakan afiliasi widget yang dapat kita tambahkan kedalam blog yang Anda miliki. Mungkin anda pernah melihatnya ketika Anda berkunjung atau blogwalking ke blog para blogger yang memasang kamera pengintai. Sedikit unik dan memiliki daya tarik terhadap blog yang telah memasangnya. Saya sendiri ketika melihat blog yang memsang kamera pengitai pada blog nya terkagum dan tersenyum sembari mengatakan "ada-ada saja, tidak hanya di mall yang bisa pasang kamera pengintai, di blog juga bisa".

Nah, jika Anda juga tertarik memasangnya kedalam blog yang Anda miliki agar kelihatan unik, disini saya akan memandu Anda bagaimana cara memasang kamra pengintai di blog. Caranya tidak sulit, seperti yang saya jelaskan dibawah ini.

1. Login ke accunt blogger Anda
2. Pilih rancangan atau tatak letak jika Anda menggunakan dasbor blogger baru
3. Klik tambah gadget
4. Pilih opsi HTML/Javascript
5. Lalu copy-paste kode dibawah ini.


<script language="JavaScript" src="http://super-bee-kamera-pengintai.googlecode.com/files/kamera.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMjyomLcGuse0581KViM-ypWR5pA1CUdHKO8bf29R4KpeN0HEfFoxTx7ZQ_r-x4nQtYzC2Rk0QD85PTFBvOsKm0fUC3nQI1QuiZq3ixTbjx_vdOMLhJFawLczsZ6XXLnQ-RNKsUlOrQpw/s1600/cctv.gif")</script><span style="font-size: 50%">Widget edited by <a href="http://super-bee.blogspot.com/" target="_blank" rel="follow">super-bee</a></span>

6. Simpan pekerjaan Anda dan lihat hasinya.

contohnya seperti dibawah ini :


kamera pengintai
Demikianlah panduan dan cara membuat blog khususnya membuat kamera pengintai di blog yang dapat saya sampaikan kepada sahabat Super-Bee. Semoga bermanfaat dan memperindah blog yang Anda miliki. Sampai jumpa pada tutorial blog dan seo pada pertemuan berikutnya. Untuk itu pastikan bahwa Anda selalu setia mengunjungi blog Super-Bee ini, untuk mendapatkan informasi menarik lainnya seputar blogging.

Cara Membuat Widget Posting Terbaru dengan GambarL...

10/12/2012 04:20:00 PM  Paulino Guterres  

Langsung aja Langkah" Cara Membuat Widget Posting Terbaru dengan Gambar
1. login blog
2. rancangan -> edit HTML -> tambah gadget (HTML/JavaScript)
3. Copas Script dibawah ini
<script type="text/javaScript">
imgr = new Array();
imgr[0] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[1] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[2] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[3] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[4] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = false;
icon = " ";
text = "Komentar";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5 ;
home_page = "http://vikrymadz.blogspot.com/";
</script>
<script src="http://rhoedalismev2.googlecode.com/files/removeHtmlT.js" type="text/javascript"></script>
NB :
numposts = 5 adalah jumlah posting yang akan ditampilkan.
Dan jangan lupa ganti tulisan yang berwarna biru dengan alamat blog sobat.
4. simpan.... Dan coba lihat hasilnya.

Good Luck ^_^

Cara Membuat Spinning Social Media Icon Dengan CSS3

10/12/2012 04:18:00 PM  Paulino Guterres  

Spinning Social Media Icon, disini saya akan membahas bagaimana cara membuat sebuah widget social media dengan icon ditambah saat pointer mouse diarahkan ke icon tersebut, icon tersebut akan memutar.

Cara membuat :
1. Login ke blog kamu.
2. Pilih Rancangan > Edit HTML > Expand Widget Template > Cari kode ]]></b:skin>
3. Setelah ketemu, letakan kode di bawah ini tepat di atas kode yang dicetak tebal tadi.
/* Spinning Social Media Icons by blazerracing.blogspot.com */
.spinning_icons a{
width:48px;
height:48px;
display:inline-block;
text-indent:-9999em;
background-position:0 0;
background-repeat:no-repeat;
z-index:2000;
overflow:hidden;
}
.spinning_icons a:hover{
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transition: transform 0.2s ease-out;
-webkit-transition: -webkit-transform 0.2s ease-out;
-moz-transition: -moz-transform 0.2s ease-out;
}
.twitter{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUZ9qMa1bLmZOIZPgRTuZEvowZZahqTbkOLKUVEBM21jPYoX9ksk0eFnyMJtYqKX7eNmayLavhwTrt9q2INM0LOV_SJS4KXhrtIw67INgWUuWZ6hO0jsi8ZW1hiGB2hhv0w9iSBdLN7vk/s1600/twitter_32.png'); }
.delicious{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg5TMDnQuGlRPqNJHStJLlIDfR7MXtnb3V1XX2UopDCrloZC-_yhcjyOD-yCuPkbS7cy9vnOM1ItNeODaqBqeK1ZKDobeSk580k9gpCM1pkd0Q3B-pUOsMsr6KJV-Ps0pWFuD1IbMspRY/s1600/delicious_32.png'); }
.digg{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWA9hwKFS1f2N9x17ubJgkQQBsPEF6VqFGfCtfT3X3PPPhywItW4RPJZlFXpcYvjbTILY728TKfYgYr_7uRHkvj_b22LyIQqD7fbKpGHOOzRIe2KISWnA9vrfeq4tXf724Hjiz4Vhw274/s1600/digg_32.png'); }
.dribbble{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhclyhI2LT30BD_oGH5I7ApUjzJxfDXw4_wmbjn38n6onNpn9t_Q2x3_Q5LvnWnsTe0Uz6ysLp5ZODAkQdvjWX9zqEStdJL4TO1AbbP86-svjmy75XzZ6ORyr4JtetwNY5gC_GcFxayfzU/s1600/dribbble_32.png'); }
.email{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxgl6c1T0aDC_ftUZF66zAQiIBP1Ec-Dj69lrnaeTnFBQScnN8-9hKcQgvSmS1JsrqNjugng11UBnsWgTfRul-KKztjVrUlyJpvwCFzaZhWNZahxd3p1WeER1DkY8sVAVnb1-UFpNQTek/s1600/email_32.png'); }
.facebook{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDI26k3fOY-lYtHbqF011J-f-tiYnN4bk6WZ0w8Se1b8I-Xj4DqPlE3f4Ru9MLWcT4Nxfom-y29bVuG4J3ex8Q-swiQoMoWkkI05EGVPV0SRa3dII7og6vvK88sHmYJxZevoXNAU59pV8/s1600/facebook_32.png'); }
.flickr{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVsffKYtQKyh4OWUaqy83MzzQkE8aFUNo455qQlfKKD6PPuc156ohxSTPJgGOZkwouBRSbsHSt30v8Yubb3LetRaIwE43_Is4DHUuudbVio2r_uA3p8Y-pOljvpI7uHe9pDFzkOBPgG1E/s1600/flickr_32.png'); }
.foursquare{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK2aWg4PEEXwrcOAuRP1k-c3hFY8yF2CylGmf3NfOOxQlPwqj7zHMOqNb7vAB9ZZuUBm1kyKN-UhiKuAft8XNjWCucXZqdOP20knx0rSHBgMKSnUe9ieOJ8NFLZm6FnK0kR_fBtYcszls/s1600/foursquare_32.png');   }
.linkedin{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpZrHj29wuiimv0PdVXrDNkXRfouw6PCZwWqYrcZniFcskN_E7WRGHIE-ZLncHoku0DeIBR6bPJBfIM0yY6xYKPKytJ4bs_Budo32BhCedsgyBCiuBk4GtE34GtgWr3X8rJaw0frezSnQ/s1600/linkedin_32.png'); }
.rss{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbnqWtDB-0BUAhWaiBS_keDYfJr1CZbfx5c8O31HeuIsSoZcnCPKcWxbHPO9zSVuPErkuyArwzd53dKDHhvDBHErjI36OPrsCJMAoBlNADmg9aNdPmsnLX4jDqMc1jCD_dML1ck01yuuc/s1600/rss_32.png'); }
.stumbleupon{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPIucmMurlKPLBXu9Z6_CVNEOxKuJ5kTtCDnPU5AGp1fycc4_N8WKgcoP7pR1Hr5CML-DHt8ggPtAR7uxjtGxLuMxwcRc-mjiyLffmbld4xB5xmgbrnQLYs8gszgkFYaxVjKC8Dw1BXYk/s1600/stumbleupon_32.png'); }
.youtube{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF5nB7fBYz6tLc3JltwVPc6s9kBjvXVdkrw_35i_FAiLvko0O8HMKyiv6R8WDnOBHrTDOiLE7mAcTNSyp1_CneJ5UC2OvzEtu-kLNEGbdwgBjJt85qCZLru4KmEgnV8UbPhMjPx5Pt2To/s1600/youtube_32.png'); }
/* Spinning Social Media Icons by blazerracing.blogspot.com */
Jangan Edit kode di atas atau ga akan bekerja.

4. Selanjutnya cari kode <div class='post-footer'> jika tidak ada cari kode <data:post.body/> setelah ketemu letakan kode di bawah ini tepat di bawah kode yang di vetak tebal.
<!--Start Social Media Icons from blazerracing.blogspot.com -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class="spinning_icons"> 
<a href="http://www.twitter.com/social profile" class="twitter" title="twitter">Twitter</a>
<a href="http://www.delicious.com/social profile" class="delicious" title="delicious">Delicious</a>
<a href="http://www.digg.com/social profile" class="digg" title="digg">Digg</a>
<a href="http://wwww.dribbble.com/social profile" class="dribbble" title="dribbble">Dribbble</a>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=social profile" class="email" title="email">Email</a>
<a href="https://www.facebook.com/social profile" class="facebook" title="facebook">Facebook</a>
<a href="http://www.flickr.com/social profile" class="flickr" title="flickr">Flickr</a>
<a href="https://foursquare.com/social profile" class="foursquare" title="foursquare">Foursquare</a>
<a href="http://in.linkedin.com/social profile" class="linkedin" title="linkedin">Linkedin</a>
<a href="http://feeds.feedburner.com/social profile" class="rss" title="rss">RSS</a>
<a href="http://www.stumbleupon.com/social profile" class="stumbleupon" title="stumbleupon">Stumbleupon</a>
<a href="http://www.youtube.com/social profile" class="youtube" title="youtube">YouTube</a>
</div>
</b:if>
<!-- End Social Media Icons from blazerracing.blogspot.com -->
Ganti kata Social profile dengan username dari masing-masing social media, jika ada salah satu belum punya kosongkan saja, tapi kalau untuk Facebook dan Twitter pasti sudah punya.

9 Jenis Menu Horizontal Drop Down Untuk Blog

10/12/2012 04:18:00 PM  Paulino Guterres  

 






Menu ini akan membuat tampilan blog anda semakin profesional. Dan berikut 9 jenis menu horizontal drop down untuk blog.

Menu ini dirancang dengan animasi, saat anda mau membuka sub menu nya anda harus klik icon tanda panahnya, setelah itu baru muncul sub menu dengan efek animasi.

2.  Menu Horizontal Drop Down Dengan CSS3

Menu ini terbuat menggunakan CSS3 tanpa JavaScript, sedikit animasi ditambahkan kedalam menu ini saat sub menu nya muncul

3. Menu Horizontal Super Keren (Sunrise)


Lihatlah warna pada menu ini begitu cerah bagaikan matahari terbit, selain itu menu ini menggunakan bantuan CSS3 yang membuat efek warna dan desain lebih kreatif.

4. Horizontal Drop Down Dengan Sub Menu Horizontal

Sub menu yang biasanya ke bawah tapi, sub menu ini lain, sub menu nya berbentuk horizontal. Cara membuatnya menggunakan jQuery, dan sangat mudah.

5. Menu Horizontal Multi Drop Down


Pada menu ini sub menu nya bisa mengelurkan lagi sub menu, sangat dibutuhkan untuk situs web atau blog yang pingin menyimpan link yang cukup banyak.

6. Sub Menu Horizontal Versi Dua


Menu ini sama dengan nomor empat, bedanya kalau yang ini ga menggunakan jQuery dan JavaScript hanya menggunakan CSS saja.

7. Menu Horizontal Drop Down CSS3 Versi Dua


Menu ini sama menggunakan CSS3 mungkin dari segi warna nya tidak akan anda temukan karena menggunakan campuran warna yang tidak anda ketahui, sehingga ini bagus untuk mendesain Blog anda.

8. Menu Horizontal Dengan jQuery


Menu ini sama seperti meu nomor satu, saat mau membuka sub menu nya harus di klik icon tanda panah nya, dan juga ada efek animasinya.

9. Menu Horizontal Drop Down Black Orange


Sesuai namanya menu ini mempunyai dua warna yaitu hitam dan orange, benar-benar simple untuk web atau blog anda.

Informatika

10/12/2012 04:17:00 PM  Paulino Guterres  


Komputasi

Komputer  (  Inggris  :  IT  ) adalah disiplin aneh yang mempelajari transformação dari Fato bahwa data atau INFORMASI em uma bergulir mesin dengan computação berbasis. Disiplin ini meliputi beberapa jenis bidang, termasuk: sistem informação  ,  Ilmu computação  , ilmu informação  ,  Teknik computação dan Aplikasi Lainnya dari informação di  gestão untuk informação sistem  . Em studi komputer geral struktur, sifat dan sistem interação beberapa digunakan untuk proses coletar data, dan armazenar hasil Pengolahan Data dan exibi dalam bentuk informação. Aspek yang lebih luas dari komputer sistem dari  informação terkomputerisasi  , namun masih tetap banyak INFORMASI NON dan NON adalah processado oleh komputer um.  Computing  memiliki konsep dasar, teori, dan Aplikasi Lainnya pengembangan terpisah. Komputer dapat suportar dan ASOSIASI aspek kognitif dan sosial, termasuk dampak sosial dan consequencias teknologi informação ke  em geral. The informação menggunakan em uma berbagai bidang seperti  bioinformatika  ,  informatika medis , adalah dukungan informação  ilmu perpustakaan  , beberapa contoh lain dari bidang ilmu komputer. Em um luas lingkup,  komputer meliputi beberapa aspek:


  • teori informasi  yang mempelajari konsep matematika informasi
  • Informasi ilmu  yang mempelajari bagaimana pengumpulan, klasifikasi, manipulasi, akses, penyimpanan dan penyebaran informasi kepada masyarakat dan masyarakat secara keseluruhan
  • ilmu komputer  dan  teknik komputer  yang mempelajari pengolahan, pengarsipan dan penyebaran informasi, menggunakan teknologi informasi dan lainnya alat berbasis komputer.
  • sistem informasi  yang mempelajari teknik-teknik pengembangan sistem untuk memproses berbagai informasi.
  • Informasi keamanan  evaluasi ilmu yang mempelajari proses mengamankan dan melindungi data pada sistem atau komputers.
Artikel ini merupakan  garis besar  . Anda dapat membantu Wikipedia  dengan mengembangkannya  .
Langganan: Postingan (Atom)