Tuesday, December 4, 2012

Dampak Perkembangan TIK dalam Bidang Politik, Pendidikan, Sosial, dan Budaya


Bidang Politik
Dampak Positif
1. Timbulnya kelas menengah baru
Pertumbuhan Teknologi dan ekonomi di kawasan ini akan mendorong munculnya kelas menengahbaru. Kemampuan, keterampilan serta gaya hidup mereka sudah tidak banyak berbeda dengan kelas menengah di negara-negera Barat. Dapat diramalkan, kelas menengah baru ini akan menjadipelopor untuk menuntut kebebasan politik dan kebebasan berpendapat yang lebih besar.
2. Proses Regenerasi Kepemimpinan.
Sudah jarang tentu peralihan generasi kepemimpinan ini akan berdampak dalam gaya dan substansipolitik yang diterapkan. Nafas kebebasan dan persamaan semakin kental.
3. Di bidang Politik Internasional,
juga terdapat kecenderungan tumbuh regionalisme. Kemajuan di bidang Teknologi Komunikasi telahmenghasilkan kesadaran regionalisme. Ditambah dengan kemajuan di bidang Teknologi transportasitelah menyebabkan meningkatnya kesadaran tersebut. Kesadaran itu akan terwujud dalam bidangkerjasama ekonomi, sehingga regionalisme akan melahirkan kekuatan ekonomi bar

Dampak Negatif

1. Penggunaan persenjataan canggih untuk menyerang pihak lain demi kekuasaan dan kekayaan.
2. Terorisme yang semakin merajalela.
3. Kurangnya privacy suatu negara akibat kerahasiaan yang tidak terjamin dengan semakincanggihnya alat –alat pendeteksi.
Bidang Pendidikan
Teknologi mempunyai peran yang sangat penting dalam bidang pendidikan antara lain:
1Munculnya media massa, khususnya media elektronik sebagai sumber ilmu dan pusat pendidikan.Dampak dari hal ini adalah guru bukannya satu-satunya sumber ilmu pengetahuan.
2. Munculnya metode-metode pembelajaran yang baru, yang memudahkan Siswa dan Guru dalamproses pembelajaran. Dengan kemajuan Teknologi terciptalah metode-metode baru yangmembuat Siswa mampu memahami materi-materi yang abstrak, karena materi tersebut denganbantuan Teknologi bisa dibuat abstrak.
3. Sistem pembelajaran tidak harus melalui tatap muka, dengan kemajuan Teknologi prosespembelajaran tidak harus mempertemukan Siswa dengan Guru, tetapi bisa juga menggunakanjasa pos internet dan lain-lain.

Disamping itu juga muncul Dampak Negatif dalam Proses Pendidikan antara lain:
1.Kerahasiaan alat tes semakin terancam, Program tes inteligensi seperti tes Raven, Differential Aptitudes Test dapat diakses melalui compact disk. Implikasi dari permasalahan ini adalah, tes psikologi yang ada akan mudah sekali bocor, dan pengembangan tes psikologi harus berpacu dengan kecepatan pembocoran melalui internet tersebut.
2.Penyalah gunaan pengetahuan bagi orang-orang tertentu untuk melakukan tindak kriminal. Kitatahu bahwa kemajuan di badang pendidikan juga mencetak generasi yang berpengetahuan tinggitetapi mempunyai moral yang rendah. Contonya dengan ilmu komputer yang tinggi maka orang akan berusaha menerobos sistem perbangkan dan lain-lain.

Bidang Sosial dan BudayaAkibat kemajuan Teknologi bisa kita lihat :
1.Perbedaan kepribadian pria dan wanita. Banyak pakar yang berpendapat bahwa kini semakinbesar porsi wanita yang memegang posisi sebagai pemimpin, baik dalam dunia pemerintahanmaupun dalam dunia bisnis. Bahkan perubahan perilaku ke arah perilaku yang sebelumnya merupakan pekerjaan pria semakin menonjol. Data yang tertulis dalam buku Megatrend forWomen:From Liberation to Leadership yang ditulis oleh Patricia Aburdene & John Naisbitt (1993) menunjukkan bahwa peran wanita dalam kepemimpinan semakin membesar. Semakin banyakwanita yang memasuki bidang politik, sebagai anggota parlemen, senator, gubernur, menteri , dan berbagai jabatan penting lainnya.
2.Meningkatnya rasa percaya diri. Kemajuan ekonomi di negara-negara Asia melahirkan fenomena yang menarik. Perkembangan dan kemajuan ekonomi telah meningkatkan rasa percaya diri danketahanan diri sebagai suatu bangsa akan semakin kokoh. Bangsa-bangsa Barat tidak lagi dapatmelecehkan bangsa-bangsa Asia.
3.Tekanan, kompetisi yang tajam di berbagai aspek kehidupan sebagai konsekuensi globalisasi,akan melahirkan generasi yang disiplin , tekun dan pekerja keras
Meskipun demikian Kemajuan Teknologi akan berpengaruh Negatif pada aspek budaya:
1.Kemerosotan moral di kalangan warga masyarakat, khususnya di kalangan remaja dan pelajar.Kemajuan kehidupan ekonomi yang terlalu menekankan pada upaya pemenuhan berbagai keinginan material, telah menyebabkan sebagian warga masyarakat menjadi “kaya dalam materitetapi miskin dalam rohani”.
2.Kenakalan dan tindak menyimpang di kalangan remaja semakin meningkat semakin lemahnyakewibawaan tradisi-tradisi yang ada di masyarakat, seperti gotong royong dan tolong-menolongtelah melemahkan kekuatan-kekuatan sentripetal yang berperan penting dalam menciptakankesatuan sosial. Akibatnya bisa dilihat bersama, kenakalan dan tindak menyimpang di kalanganremaja dan pelajar semakin meningkat dalam berbagai bentuknya, seperti perkelahian, corat-coret,pelanggaran lalu lintas sampai tindak kejahatan.
3.Pola interaksi antar manusia yang berubah kehadiran komputer pada kebanyakan rumah tanggagolongan menengah ke atas telah merubah pola interaksi keluarga. Komputer yang disambungkandengan telpon telah membuka peluang bagi siapa saja untuk berhubungan dengan dunia luar.Program internet relay chatting (IRC) , internet, dan e-mail telah membuat orang asyik dengankehidupannya sendiri. Selain itu tersedianya berbagai warung internet (WARNET) telah memberi peluang kepada banyak orang yang tidak memiliki komputer dan saluran internet sendiri untukberkomunikasi dengan orang lain melalui internet. Kini semakin banyak orang yang menghabiskanwaktunya sendirian dengan komputer.  Melalui    program internet relay chatting (IRC) anak-anakbisa asyik mengobrol dengan teman dan orang asing kapan saja.
Sumber : http://Blog.its.ac.id

Monday, April 30, 2012

Cara Membuat Tab Menu di Sidebar Blog

 Alhamdulillah pada kesempatan ini saya menyempatkan diri untuk menulis sebuah postingan di blog kesayangan saya ini. Sebelumnya saya mohon maaf jika mengalami kefakuman postingan, hal ini disebabkan adanya pekerjaan kampus yang harus diselesaikan.
Untuk Postingan kali ini saya beri judul Cara Membuat Tab Menu di Sidebar Blog. Tutorial ini terinspirasi dari keinginan saya untuk blog saya ini. Teman-teman bisa lihat demonya d i blog saya ini.


Untuk Mencoba memasang tutorial ini silahkan teman-teman semua ikuti petunjuk berikut ini :
Pertama :
Login ke Blogger

Kedua :
Silahkan tambahkan kode HTML / Javascript berikut ke Sidebar Anda :

<style type="text/css">
    div.TabView div.Tabs
    {height: 30px;overflow: hidden}
    div.TabView div.Tabs a {float:left; display:block; width: 98px; /* Lebar Menu Utama Atas */
    text-align:center ; height: 30px; /* Tinggi Menu Utama Atas */
    padding-top:8px; vertical-align:middle; border:1px solid #BDBDBD; /* Warna border Menu Atas */
    border-bottom-width:0; text-decoration: none; font-family: "Verdana", Serif; /* Font Menu Utama Atas */
    font-weight:bold; color:#000; /* Warna Font Menu Utama Atas */ -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px}
    div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {background-color: #E6E6E6; /* Warna background Menu Utama Atas */ }
    div.TabView div.Pages {clear:both; border:1px solid #BDBDBD; /* Warna border Kotak Utama */ overflow:hidden; background-color:#E6E6E6; /* Warna background Kotak Utama */ }
    div.TabView div.Pages div.Page {height:100%; padding:0px; overflow:hidden}
    div.TabView div.Pages div.Page div.Pad {padding: 5px 5px}
    </style>
    <script type='text/javascript'>
    //<![CDATA[
    function tabview_aux(TabViewId, id)
    {
      var TabView = document.getElementById(TabViewId);
      // ----- Tabs -----
      var Tabs = TabView.firstChild;
      while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
      var Tab = Tabs.firstChild;
      var i   = 0;
      do
      {
        if (Tab.tagName == "A")
        {
          i++;
          Tab.href      = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
          Tab.className = (i == id) ? "Active" : "";
          Tab.blur();
        }
      }
      while (Tab = Tab.nextSibling);
      // ----- Pages -----
      var Pages = TabView.firstChild;
      while (Pages.className != 'Pages') Pages = Pages.nextSibling;
      var Page = Pages.firstChild;
      var i    = 0;
      do
      {
        if (Page.className == 'Page')
        {
          i++;
          if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
          Page.style.overflow = "auto";
          Page.style.display  = (i == id) ? 'block' : 'none';
        }
      }
      while (Page = Page.nextSibling);
    }
    // ----- Functions -------------------------------------------------------------
    function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
    function tabview_initialize(TabViewId) { tabview_aux(TabViewId,  1); }
    //]]>
    </script>
    <form action="tabview.html" method="get">
    <div id="TabView" class="TabView">
    <div style="width: 300px;" class="Tabs">
    <a>Judul Widget yang Ingin ditambahkan 1</a>
    <a>Judul Widget yang Ingin ditambahkan 2</a>
    <a>Judul Widget yang Ingin ditambahkan 3</a>
    </div>
    <div style="width:300px; height:250px; " class="Pages">
    <div class="Page">
    <div class="Pad">
    Isi menu widget tab menu 1
    </div>
    </div>
    <div class="Page">
    <div class="Pad">
    Isi menu widget tab menu 2
    </div>
    </div>
    <div class="Page">
    <div class="Pad">
    Isi menu widget tab menu 3
    </div>
    </div>
    </div>
    </div>
    </form>
    <script type="text/javascript">
    tabview_initialize('TabView');
    </script>
Keterangan :

Silahkan sahabat ganti tulisan yang warna merah dan hijau sesuai keinginan, serta atur juga lebar dan tingginya sesuai kebutuhan, selamat mencoba


Terakhir :
Simpan Templete Anda dan silahkan lihat hasilnya

Terima kasih atas komentarnya, Selamat mencoba.. Related Posts Plugin for WordPress, Blogger...

Memasang Content Slider di Blog

Postingan Hari ini Setelah sebelumnya Postingan kami beberapa menit yang lalu mengenai Cara Membuat Slideshow di Blog. Dan untuk postingan Kedua Hari ini masih Menyangkut mengenai Tutorial Blogging. Teman-teman yang bermain jejaring sosial tadi biarkan saja dulu (Aku Cuek). Kali ini Kami postingkan dan kami bagikan tutorial dengan Judul Memasang Content Slider di Blog. Alhamdulillah Cara / Tutorial ini sedang kami gunakan di Blog ini. Perhatikan saja di Halaman Depan Blog ini.



Content slider ini mengandalkan dan menggunakan Kode JQuery untuk Sildeshownya dan sedikit script-script UI yang digunakan sebagai pendukung JQuerynya. Content Slider ini memang banyak digunakan oleh para Blogger yang mengedepankan Kreatifitas dan Modif serta Desain buat blog Mereka.

Berikut Silahkan ikuti langkah-langkahnya :
Pertama :
Login Ke Akun Blogger

Kedua :
Pergi ke Rancangan >> Edit HTML

Ketiga :
Masukkan Kode di bawah ini Setelah Kode <head>
No Kode HTML / Scripts




<link href='http://sites.google.com/site/bloggermintcom/style1.css' rel='stylesheet' type='text/css'/>  
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(&quot;#featured&quot;).tabs({fx:{opacity: &quot;toggle&quot;}}).tabs(&quot;rotate&quot;, 5000, true);
$(&quot;#featured&quot;).hover(
function() {
$(&quot;#featured&quot;).tabs(&quot;rotate&quot;,0,true);
},
function() {
$(&quot;#featured&quot;).tabs(&quot;rotate&quot;,5000,true);
}
);
});
</script>

Keempat :
Letakkan Kode berikut Sebelum kode </head>
No Kode HTML / Scripts




<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
<script>$(document).ready(function(){
        $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
    });</script>

Keterangan :
5000 adalah keterangan kecepatan Slidenya

Kelima :
Letakkan Kode berikut Sebelum Kode ]]></b:skin>
No Kode HTML / Scripts




#featured{
width:400px;
padding-right:200px;
padding-left:5px;
position:relative;
border:5px solid #ccc;
height:260px;
background:#fff;
}
#featured ul.ui-tabs-nav{
position:absolute;
top:0; left:400px;
list-style:none;
padding:0; margin:0;
width:200px;
}
#featured ul.ui-tabs-nav li{
padding:1px 0; padding-left:13px;
font-size:12px;
color:#666;
}
#featured ul.ui-tabs-nav li img{
float:left; margin:2px 5px;
background:#fff;
padding:2px;
border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{
font-size:11px; font-family:Verdana;
line-height:18px;
}
#featured li.ui-tabs-nav-item a{
display:block;
height:60px;
color:#333;  background:#fff;
line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{
background:#f2f2f2;
}
#featured li.ui-tabs-selected{
background:url('http://i47.tinypic.com/6jojr4.jpg') top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
background:#ccc;
}
#featured .ui-tabs-panel{
width:400px; height:200px;
background:#999; position:relative;
}
#featured .ui-tabs-panel .info{
position:absolute;
top:180px; left:0;
height:70px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtF6eMH_xsAe3_SJQQVAvz8H6p7_j-XEHMG2Qdb7PE5oeIxK5tjTFT2bff2XPVDlHTWOQ-7QwFJcam4xzJu5oBPH9JhC43ctzgj813P5xcmo-q7uw-eSwO-B0-5kUDn1dfgHpuw8tfRtA/s1600/transparent-bg.png');
}
#featured .info h2{
font-size:18px; font-family:Georgia, serif;
color:#fff; padding:5px; margin:0;
overflow:hidden;
}
#featured .info p{
margin:0 5px;
font-family:Verdana; font-size:11px;
line-height:15px; color:#f0f0f0;
}
#featured .info a{
text-decoration:none;
color:#fff;
}
#featured .info a:hover{
text-decoration:underline;
}
#featured .ui-tabs-hide{
display:none;
}

Keterangan :
Silahkan ganti Kode berwarna biru di atas dengan Selera Anda

Keenam :
Letakkan Kode di bawah ini Setelah Kode  <div id='content-wrapper'> atau Tempat Lainnya
No Kode HTML / Scripts


<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div id='featured'>
<ul class='ui-tabs-nav'>
<li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-1'><a href='#fragment-1'><img alt='pic1' src='https://sites.google.com/site/idesainerweb/hpsmart_80x50.jpg'/><span>Modem Smart di Linux (Ubuntu)</span></a></li>
<li class='ui-tabs-nav-item' id='nav-fragment-2'><a href='#fragment-2'><img alt='blogger' src='https://sites.google.com/site/idesainerweb/MultiLevel-DropDown-Menu-With-Out-J-Query-Onlt-HTML-CSS_80x50.jpg'/><span>Toolbar Multi DropDown di Blogger </span></a></li>
<li class='ui-tabs-nav-item' id='nav-fragment-3'><a href='#fragment-3'><img alt='buzz' src='https://sites.google.com/site/idesainerweb/sosialmediakiri_80x50.jpg'/><span>Sosial Media di Sisi Kiri Blogger</span></a></li>
<li class='ui-tabs-nav-item' id='nav-fragment-4'><a href='#fragment-4'><img alt='chat' src='https://sites.google.com/site/idesainerweb/social-networking_80x50.jpg'/><span>Social Network Teknik Floating</span></a></li>
</ul>
<!-- First Content -->
<div class='ui-tabs-panel' id='fragment-1' style=''>
<img alt='mac' src='https://sites.google.com/site/idesainerweb/hpsmart.jpg'/>
<div class='info'>
<h3><a href='http://idesainer.blogspot.com/2012/02/pasang-modem-smart-di-linux.html'>Pasang Modem Smart di OS Linux (Ubuntu)</a></h3>
<p>Memasang Modem Smart di Linux dapat dilakukan dengan....<a href='http://idesainer.blogspot.com/2012/02/pasang-modem-smart-di-linux.html'>read more</a></p>
</div>
</div>
<!-- Second Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-2' style=''>
<img alt='' src='https://sites.google.com/site/idesainerweb/MultiLevel-DropDown-Menu-With-Out-J-Query-Onlt-HTML-CSS.png'/>
<div class='info'>
<h3><a href='http://idesainer.blogspot.com/2012/02/membuat-toolbar-menu-drop-down-di-blog.html'>Membuat Multi DropDown JQuery di Blog</a></h3>
<p>Toolbar Multi DropDown adalah toolbar yang berisi...<a href='http://idesainer.blogspot.com/2012/02/membuat-toolbar-menu-drop-down-di-blog.html'>read more</a></p>
</div>
</div>
<!-- Third Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-3' style=''>
<img alt='' src='https://sites.google.com/site/idesainerweb/sosialmediakiri.jpg'/>
<div class='info'>
<h3><a href='http://idesainer.blogspot.com/2012/02/memasang-sosial-media-di-sisi-kiri-blog.html'>Sosial Media di Bagian Kiri Blog</a></h3>
<p>Media Sosial yang kami maksud disini adalah Facebook...<a href='http://idesainer.blogspot.com/2012/02/memasang-sosial-media-di-sisi-kiri-blog.html'>read more</a></p>
</div>
</div>
<!-- Fourth Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-4' style=''>
<img alt='' src='https://sites.google.com/site/idesainerweb/social-networking.jpg'/>
<div class='info'>
<h3><a href='http://idesainer.blogspot.com/2012/02/cara-memasang-sosial-network-dengan.html'>Sosial Network dengan Teknik Floating</a></h3>
<p>Memasang Sosial Network di Blog dengan Floating....<a href='http://idesainer.blogspot.com/2012/02/cara-memasang-sosial-network-dengan.html'>read more</a></p>
</div>
</div> </div>


</b:if>

Keterangan :
Silahkan Edit Kode di atas dengan link dan deskripsi blog Anda Sendiri

Terakhir :
Simpan Template

Selamat Mencoba tutorial ini Related Posts Plugin for WordPress, Blogger...
Meta Keyword
software,modem+aha, modem+smart, koneksi+smart, dns, ip+address, proxy+changer, facebook, internet, visual+basic, vb6+source, gadget, software+gratis, download+software, mp3, tips+blogger, tips, bisnis, bisnis+onlline, amazon, iklan+ppc, ppc+lokal, bukti+pembayaran, paypal, verifikasi+paypal, hacking, sql+injection, google+dork, iklan+gratis, internet+gratis, browser+tercepat, download+manager, notebook, android, handphone, gadget, iphone, hacking+ppc, hacking+ptc, cewek+seksi, cewek+sma, abg+hot, cara+amazon, buku+tamu, software+hacking, internet, keluarga, komputer, pendaftaran, alami, air, video, situs, kanker, percetakan, masyarakat, apartemen, bayi, download, motor, hadiah, teknologi, konsultasi, perusahaan, telkomsel, biaya, perawatan, domain, kelahiran, seks, pria, wanita, kansultan, digunakan, asi, komputer, paket, musik, kasus, gratis, sayur, mobile, china, sony, foto, tinggi, kamera, umrah, kamera, badan, penyakit, kesehatam, surabaya, musik, pulsa, ibu, gambar, eksklusif, ibu, lembaga, tampil, kontes, center, siswa, dollar, perempuan, jakarta, menuju, lebaran, angka, haji, sablon, seksual, apartemen, banyumas, kabupaten, ponsel, tradisional, akses, barat, pc, terbesar, kulit, world, islam, anggota, timur, publik, low, ungu, iso, harga, umrah, beras, lagu, jawaservices, ketua, smartphone, ahm, paket, gambar, indonesia, jaringan, meningkat, bangunan, kecantikan, masalah, nelepon, menarik, yahoo, penjualan, usaha, cepat, honda, bonus, rumahinformasi, akses, center, makanan, terbaik, tanah, bakar, menu, naik, web, obat, kegiatan, warga, biaya, kelahiran, aksi, hotel, pendidikan, android, putih, indonesia, personal, consulting, terbaik, internet 7 download, wireless internet internet providers internet marketing internet browsers what is internet internet services internet radio home internet internet access internet speed test get,internet internet,service ie9 internet,9 mobile,internet, internet,speed, cable,internet, internet,connection, history,of,internet, internet,explorer9, internet,browser, internet,exploer,8, internet,exploer,9, definition,of,internet, wireless,internet,providers, internet,exploer, internet,games, internet,exp, broadband,internet, internet,explorer8, test,internet,speed, download,internet,8, high,speed,internet, internet,7, cheap,internet, internet.com, internet,proxy, internet,ex, internet,explorer7, internet,8,download, internet,history, youtube, internet,radio,player, internet,advertising, internet,checkers, internet,exploler, dish,internet, microsoft,internet, windows,internet, definisi,keluarga, keluarga,sakinah, mitra,keluarga, keluarga,berencana, keluarga,azhari, hari,keluarga, keluarga,saya, tema,hari,keluarga, keluarga,anwar,ibrahim, lagu,keluarga, keluarga,dude,harlino, program,hari,keluarga, kota,keluarga,batangas, tema,keluarga,saya, medical,card,keluarga, hotel,keluarga,langkawi, doa,hari,keluarga, keluarga,nora,danish, keluarga,kita, keluarga,brooke, poster,hari,keluarga, komputer,stacjonarny, komputery, pc,komputer, mj,komputer, laptop, sklep,komputerowy, komputer,sklep, zlz,komputer, bit,komputer, komputer,cena, komputer,pokladowy, komputer,stacjonarny,cena, komputer,multimedialny, przyspiesz,komputer, laptopy, servis,komputer, komputer,pc, komputer,ceny, komputer,biurowy, komputery,pc, sprzedam,komputer, jak,zlozyc,komputer, komputer,swiat, komputer,dla,grafika, jaki,komputer,kupic, komputer,laptop, najlepszy,komputer,swiata, komputer,do,gier, kupie,komputer, komputer,do,biura, komputery,sklep, komputer,w,monitorze, jual,komputer, komputer,do,grafiki, jak,odwirusowac,komputer, internetowy,sklep,komputerowy, dobry,komputer,stacjonarny, komputer,dotykowy, tablet,pc, jak,odmulic,komputer, jak,zresetowac,komputer, m,j,komputer, tani,komputer,stacjonarny, komputer,pentium,4, skladamy,komputer, komputer,pc,sklep, jak,wybrac,komputer, komputer,swiat,sklep, komputer,czesci, komputer gry, pendaftaran mahasiswa baru, pendaftaran snmptn, pendaftaran snmptn 2012, pendaftaran umb, pendaftaran pmdk ,unud, pendaftaran online, pendaftaran online snmptn, pendaftaran stan 2010, pendaftaran usm stan, syarat pendaftaran,cpns, pendaftaranuny, pendaftaran unpad, pendaftaran stis, pendaftaran pns,2010, pendaftaran unmul, pendaftaran stpn,2010, pendaftaran ipb, pendaftaran trisakti, pendaftaran ui 2010, formulir pendaftaran, pendaftaran stpn, pendaftaran spmb, pelangsing alami, syarat pendaftaran akpol, pendaftaran pmdk, diet alami, pendaftaran snmptn online, pendaftaran polwan, pendaftaran simak,ui, pendaftaran tkhi, pendaftaran universitas, pendaftaran s2 ugm, pendaftaran unila, pendaftaran binus, pendaftaran stsn, pendaftaran akmil, pendaftaran secaba,polri, pendaftaran mkios,telkomsel, pendaftaran unikom, pendaftaran smptn, pendaftaran cpns,2010, pendaftaran cpns,online, pendaftaran pns, pendaftaran undip, pendaftaran stpdn, pemandangan alami, pendaftaran online cpns, syarat pendaftaran polisi, pendaftaran penmaba unj, pendaftaran polri,

Demikian informasi Spesifikasi dan Harga Memasang Content Slider di Blog yang kami sampaikan kali ini, semoga informasi diatas bisa menjadi referensi bagi anda semua, dan tak lupa kami sampaikan terima kasih bagi anda yang sudah menyimak informasi halbapitaguni.blogspot.com

Memasang Sosial Media di Sisi Kiri Blog

Setelah beberapa hari disibukkan dengan urusan per......an akhirnya pada hari ini tepatnya sore ini saya menyempatkan diri untuk membagikan postingan yang sudah saya ujikan di blog ini. Tapi Sebelumnya alangkah baiknya jika sahabat iDesainer semu membaca juga postingan kami sebelumnya mengenai Membuat Recent Post bergambar. Pada postingan kali ini kami akan mempostingan mengenai cara Memasang sosial media di sisi kiri halaman blog yang masih termasuk dalam label Tutorial Blog.





Disini sosial media yang dimaksudkan adalah Facebook fans page, twitter, Google Plus, Youtube dan subcribe lewat email. Untuk lebih jelasnya silahkan perhatikan gambar di bawah ini :

Untuk meletakkan media sosial tersebut ada beberapa langkah yang harus dilakukan diantaranya :
Pertama :
Anda login terlebih dahulu ke Akun Blogger Anda

Kedua :
Pergi ke Design / Rancangan >> Edit HTML

Ketiga :
Cari kode (Tekan Ctrl+F)  ]]></b:skin>
Letakkan kode di bawah ini tepat DIATAS kode Langkah Ketiga tadi ( ]]></b:skin> ) :
No Kode HTML / Scripts




img, a { border: 0; }
#on {visibility:visible;}

#off {visibility:hidden;}

#facebook_div {width:245px;height: 260px;overflow: hidden;}

#twitter_div {width:260px;height: 238px;overflow: hidden;}

#google_plus_div {width:320px;height: 143px;overflow: hidden;}

#knfeedburner_div {width:300px;height: 97px;overflow: hidden;}

#youtube_div {width:300px;height: 97px;overflow: hidden;}



#facebook_right {z-index: 10005;border:2px solid #3c95d9;background-color: #fff;width:245px;height: 260px;position: fixed;right: -249px;}

#facebook_right img {position: absolute;top: -2px;left: -35px;}

#facebook_right iframe {border:0px solid #3c95d9;overflow: hidden;position: static;height: 360px;left:-2px;top:-3px;}

#twitter_right {z-index: 10004;border:2px solid #6CC5FF;background-color: #6CC5FF;width:260px;height: 238px;position: fixed;right: -264px;}

#twitter_right_img {position: absolute;top: -2px;left: -35px;border: 0;}

#google_plus_right {z-index: 10003;background-color: #006ec9;border:2px solid #006ec9;border-top:2px solid #0056a0;border-bottom: 2px solid #0056a0;border-right:2px solid #0056a0;border-left: hidden;width:320px;height: 143px;position: fixed;right: -323px;}

#google_plus_right_img {position: absolute;top: -2px;left: -33px;border: 0;}

#youtube_right {z-index: 10002;background-color: #fefefe;border:2px solid #ff0000;border-top:2px solid #5b5b5b;border-bottom: 2px solid #5b5b5b;border-right:2px solid #5b5b5b;border-left: hidden;width:301px;height: 100px;position: fixed;right: -303px;}

#youtube_right_img {position: absolute;top: -2px;left: -33px;border: 0;}

#feedburner_right {z-index: 10001;background-color: #fefefe;border:2px solid #5b5b5b;border-top:2px solid #5b5b5b;border-bottom: 2px solid #5b5b5b;border-right:2px solid #5b5b5b;border-left: hidden;width:300px;height: 97px;position: fixed;right: -303px;}
#feedburner_right_img {position: absolute;top: -2px;left: -33px;border: 0;}

Keempat :
Cari lagi (Ctrl+F) kode </head>
Dan Letakkan kode dibawah ini tepat DIATAS kode tersebut.
No Kode HTML / Scripts




<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>

jQuery(document).ready (

function(){jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },

function(){ jQuery("#facebook_right").stop(true,false).animate({right: -249}, 500); });   

jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },

function(){ jQuery("#twitter_right").stop(true,false).animate({right: -264}, 500); });    

jQuery("#google_plus_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },

function(){ jQuery("#google_plus_right").stop(true,false).animate({right: -323}, 500); });   

jQuery("#youtube_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },

function(){ jQuery("#youtube_right").stop(true,false).animate({right: -303}, 500); }); 

jQuery("#feedburner_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },

function(){ jQuery("#feedburner_right").stop(true,false).animate({right: -303}, 500); }); 

});
</script>

Kelima :
Pergi ke Rancangan / Design (bukan Edit HTML)

Keenam :
Tambah Kode HTML /Script di widget blogger anda dengan kode dibawah :
No Kode HTML / Scripts




<div id="on">
    <div id="facebook_right" style="top: 8%;">

        <div id="facebook_div">

            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ-h8_SQ9VzDQCgC_pHnvDXc9CSss2JeiOuiEFJ9uHl5hasPTr9J4u4-ubxku6jwYEUealplB2guBWSiV4zrG-gLxKvECCkZA5iy2aCuhLP_uf5lrkhyAPs3G_X4RfhiIeqWG-8QWfzw/s1600/Facebook.png" />

            <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FIDesainer%2F148240711943571&amp;width=290&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true&amp;appId=133580686742000" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:290px;" allowtransparency="true"></iframe>

        </div>

    </div>

</div>

<div id="on">

    <div id="twitter_right" style="top: 25%;">

        <div id="twitter_div">

            <img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMB8s86O5scJK_eRIP_3vNIwOYBVO5_NanpzLZEwVV3qmQLwuT-Wr9LyT1DaoDzHZCY9Z0Hgdhse89vtVHKdVpHptCcoIMTdYGDIrsIO_eS4oh8IKVrEeW14C2PcaCg3iyynL9v9a42g/s1600/Twitter.png" />

            <script type="text/javascript" src="http://script-ot.googlecode.com/svn/twitterbox.js"></script>

      <div id="twitterfanbox"></div>

      <script type="text/javascript">fanbox_init("idesainer");</script>

        </div>

    </div>

</div>

<div id="on">

    <div id="google_plus_right" style="top: 42%;">

        <div id="google_plus_div">

            <img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJARZLiqKa3cgB_7WZKubQPNfRZZt0tIZFw-cdEHeXgbzCqzBfUOquX0iP3Opxa4g3ByulMCeq4u3kfuCLJgJC1PM1d7BipFZ9lkphotJXkfg6n_yBGD5ZeArDAZeGT0fPGhnsKcV17w/s1600/Google+Plus.png" />

            <div style="float:left;margin:1px 0px 0px 2px;">

   <script type="text/javascript">mbgc='ffffff';ww='320';mbc='006ec9';bbc='3F79D5';bmobc='3b71c6';bbgc='006ec9';bmoc='3F79D5';bfc='FFFFFF';bmofc='ffffff';tlc='006ec9';tc='006ec9';nc='006ec9';bc='006ec9';l='y';fs='16';fsb='13';bw='100';ff='4';pc='4889F0';b='l'; pid='115921464120058542011';</script><script type="text/javascript" src="http://widgetsplus.com/google_plus_widget.js"></script>

   </div>

  </div>

 </div>

</div>

<div id="on">

    <div id="youtube_right" style="top: 59%;">

        <div id="youtube_div">

            <img id="youtube_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNe_1CDjUGZZbBywWhC1Elk53kczI70EIstYjQGOOHaAuzUGvoArp_xPCKMKm167jFxLRwS19MQjxp6Njwyzek1Hur3QZDlN4gYF_3eFR95JTg9fp_er1S5FpmcgcKBrmrlYdxfw9UAg/s1600/YouTube.png" />

            <div style="float:left;margin:1px 0px 0px 2px;">

   <iframe src=http://www.youtube.com/subscribe_widget?p=danghilal style="height: 105px; width: 300px; border: 0;" scrolling="no" frameBorder="0"></iframe>

   </div>

  </div>

 </div>

</div>

<div id="on">

    <div id="feedburner_right" style=" top: 76%;">

        <div id="knfeedburner_div">

   <center><br/>▼▼▼▼▼▼▼▼▼▼▼▼

   <h4 style="color:#F66303;">You Can Also Receive Free E-Mail Updates:</h4>

            <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=idesainer', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="enteryouremail" name="email" value="Enter Your E-Mail Here..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter Your E-Mail Here...&#39;;}" onfocus="if (this.value == &#39;Enter Your E-Mail Here...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="idesainer" name="uri" type="hidden" /><input value="Submit" class="submitbutton" type="submit" /></form>

   </center>

            <img id="feedburner_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqno69J7YLEQ6_DA28hsv7OZS94YvhkxUYIgeFL6eGvPnZY52FHhckYgL9-dQgHBtRtTR-GbOFwOS9EbJJtjp039tw9oF0QeAcbof5lQjl4ZPVDjULseH5wHcsisrf-wx64Cx73ZxPrA/s1600/Subscribe.png" />

        </div>

    </div>

</div>

Keterangan untuk pengeditan :
Pertama :
Ganti kode di bawah : 
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FIDesainer%2F148240711943571&amp;width=290&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true&amp;appId=133580686742000" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:290px;" allowtransparency="true"></iframe>  
dengan kode Plugin Box Facebook Page Anda

Kedua :
Ganti kode  fanbox_init("idesainer") dengan akun TWITTER anda yakni pada bagian (idesainer)

Ketiga :
Ganti pid='115921464120058542011'; dengan ID untuk Google Plus Anda

Keempat :
Ganti kode  p=danghilal dengan username YOUTUBE anda

Kelima :
Ganti kode  uri=idesainer dengan kode / username / URL feedburner anda

Selesai.. Silahkan Lihat hasilnya dengan menyimpan Rancangan / Design Anda terlebih dahulu
Selamat Mencoba
Related Posts Plugin for WordPress, Blogger...
Meta Keyword
software,modem+aha, modem+smart, koneksi+smart, dns, ip+address, proxy+changer, facebook, internet, visual+basic, vb6+source, gadget, software+gratis, download+software, mp3, tips+blogger, tips, bisnis, bisnis+onlline, amazon, iklan+ppc, ppc+lokal, bukti+pembayaran, paypal, verifikasi+paypal, hacking, sql+injection, google+dork, iklan+gratis, internet+gratis, browser+tercepat, download+manager, notebook, android, handphone, gadget, iphone, hacking+ppc, hacking+ptc, cewek+seksi, cewek+sma, abg+hot, cara+amazon, buku+tamu, software+hacking, internet, keluarga, komputer, pendaftaran, alami, air, video, situs, kanker, percetakan, masyarakat, apartemen, bayi, download, motor, hadiah, teknologi, konsultasi, perusahaan, telkomsel, biaya, perawatan, domain, kelahiran, seks, pria, wanita, kansultan, digunakan, asi, komputer, paket, musik, kasus, gratis, sayur, mobile, china, sony, foto, tinggi, kamera, umrah, kamera, badan, penyakit, kesehatam, surabaya, musik, pulsa, ibu, gambar, eksklusif, ibu, lembaga, tampil, kontes, center, siswa, dollar, perempuan, jakarta, menuju, lebaran, angka, haji, sablon, seksual, apartemen, banyumas, kabupaten, ponsel, tradisional, akses, barat, pc, terbesar, kulit, world, islam, anggota, timur, publik, low, ungu, iso, harga, umrah, beras, lagu, jawaservices, ketua, smartphone, ahm, paket, gambar, indonesia, jaringan, meningkat, bangunan, kecantikan, masalah, nelepon, menarik, yahoo, penjualan, usaha, cepat, honda, bonus, rumahinformasi, akses, center, makanan, terbaik, tanah, bakar, menu, naik, web, obat, kegiatan, warga, biaya, kelahiran, aksi, hotel, pendidikan, android, putih, indonesia, personal, consulting, terbaik, internet 7 download, wireless internet internet providers internet marketing internet browsers what is internet internet services internet radio home internet internet access internet speed test get,internet internet,service ie9 internet,9 mobile,internet, internet,speed, cable,internet, internet,connection, history,of,internet, internet,explorer9, internet,browser, internet,exploer,8, internet,exploer,9, definition,of,internet, wireless,internet,providers,