Tips: Mengembalikan Tampang Mobil Jadi Mudah dengan Modal Rp 5 Juta.

Tips: Mengembalikan Tampang Mobil - Jika anda mencari informasi yang tepat tentang Mengembalikan Tampang Mobil maka anda tidak perlu mencari terlalu jauh, karena halbapitaguni merupakan tempat yang anda semua cari, dimana halbapitaguni menyediakan banyak informasi Mengembalikan Tampang Mobil. Termasuk kali ini halbapitaguni akan memberikan informasi seputar Mengembalikan Tampang Mobil Jadi Mudah Dengan Modal Rp 5 Juta. Untuk keterangan lebih lanjut mari kita lihat bersama-sam di bawah ini.

Mobil - Tiap tahun mobil mengalami perubahan minor alias facelift. Nah, bagi anda yang ingin tampilan mobilnya selalu up to date tanpa perlu mengeluarkan banyak dana, bengkel ini sepertinya pantas untuk disambangi.

Bengkel IPC_Inc yang berada di Jl Arteri Kedoya No. 8A, Jakarta Barat menyediakan berbagai body kit terbaru untuk menjadikan tampilan mobil menjadi makin fresh.

"Mulai dari Pajero Sport, Outlander sampai CR-V ada body kit-nya," jelas kepala bengkel IPC_Inc Eko S Budiyanto.

Untuk Pajero Sport, IPC-Inc mampu menjadikan mobil keluaran lama menjadi keluaran baru dengan menyematkan body kit ala Pajero Sport terbaru. "Bukan cuma seperti facelift Pajero Sport terbaru saja, kita juga punya body kit Pajero Sport Limited," ujarnya.

Selain itu, ada pula body kit untuk mereka yang memiliki Mitsubishi Outlander tapi ingin menjadikannya seperti modifikasi ala Damd serta body kit Modulo untuk para pemilik CR-V.

"Untuk harga beragam tapi masih di kisaran angka Rp 5 jutaan saja. Dan ini semua tinggal pasang, jadi tidak perlu mengubah apa-apa," tambah Eko lagi.

Hanya tiga model itu saja? "Tidak. Kami punya body kit hampir semua model yang ada. Bahkan sampai mobil sport juga ada," lugasnya seraya menambahkan kalau waktu pengerjaan tiap mobil ini hanya memerlukan waktu 3 hari saja.

Itulah berita yang kami dapat tampilkan dari salah satu sumber tentang seputar Tips: Mengembalikan Tampang Mobil Jadi Mudah Dengan Modal Rp 5 Juta. Demikian Informasi yang kami sampaikan kali ini, semoga informasi diatas bisa menjadi referensi bagi anda semua yang siapa tau berminat atau berangan-angan untuk Mengembalikan Tampang Mobil nya, dan tak lupa kami sampaikan terima kasih bagi anda yang sudah menyimak informasi halbapitaguni.blogspot.com

Read More

PERTENTANGAN DAN INTEGRASI SOSIAL

1. Perbedaan kepentingan

    Kepentingan merupakan dasar dari timbulnya tingkah laku individu. Individu bertingkah laku karena ada dorongan untuk memenuhi kepentinganya. Kepentingan merupakan hal dasar bagi kehidupan setiap individu. Jika individu berhasil dalam memenuhi kepentingannya,maka ia merasa puas,tetapi bila sebaliknya akan menimbulkan masalah bagi dirinya maupun orang lain. Oleh karena itu bisa disimpulkan bahwa kegiatan kegiatan yang dilakukan individu individu dalam masyarakat merupakan manifestasi dari kepentingan kepentingan.

-	Dalam pengertian Sosiologis konflik dapat didefinisikan sebagai suatu proses sosial dimana dua orang atau kelompok berusaha menyingkirkan pihak lain dengan jalan menghancurkannya atau membuatnya tidak berdaya.
-	Penyebab terjadinya konflik antara lain: 1. adanya perbedaan kepribadian diantara mereka, yang disebabkan oleh adanya perbedaan latar belakang kebudayaan.  2. adanya perbedaan pendirian atau perasaan antara individu yang satu dengan individu yang lain, sehingga terjadi konflik diantara mereka.  3. adanya perbedaan kepentingan individu atau kelompok diantara mereka.  4. adanya perubahan-perubahan sosial yang cepat dalam masyarakat karena adanya perubahan nilai/sistem yang berlaku.
-	Bentuk-bentuk Konflik: 1. pertentangan pribadi artinya konflik yang berlangsung antara dua orang. 2. Pertentangan kelas sosial, artinya konflik antara kelas sosial yang ada dalam masyarakat. 3. konflik rasial, artinya konflik antar suku bangsa yang ada. 4. konflik internasional, artinya konflik yang terjadi antar negara yang disebabkan oleh perbedaan kepentingan.
-	Akibat-akibat Konflik: 1. Bertambah kuatnya rasa solidaritas antara sesama anggota 2. Hancurnya atau retaknya kasatuan kelompok 3. Adanya perubahan kepribadian seorang individu 4. Hancurnya harta benda dan jatuhnya korban manusia

(Sumber www.e-dukasi.net download 29 juli 2006 jam 21:50)

Ketidakmampuan suatu ideologi mewujudkan idealisme yang merupakan kesepakatan dari berbagai sub ideologi akan melahirkan kondisi konflik. Permasalahan utama yang tampak jelas adalah jarak yang terlalu besar antara harapan ( tujuan sosial ) dengan kenyataan hasilnya atau disebabkan oleh cara pandang yang berbeda antara pemerintah sebagai pemegang kendali ideologi dengan kelompok kepentingan sebagai sub sub ideologi. Jika kita lihat lebih rinci maka akan kita dapati perbedaan juga terjadi pada kelompok kepentingan dalam melihat suatu masalah. Seperti: kelompok agama,kelompok sosial,kelompok orang-orang kaya,kelompok seniman,dll. Lebih dalam lagi kita akan melihat didalam sustu kelompok kepentingan juga terjadi perbedaan kepentingan antar individu dalam kelompok tersebut:

Tahapan suatu perbedaan kepentingan yang berakibat pada konflik:

a.    Fase disorganisasi: Kesalah pahaman ( akibat perbedaan antara harapan dengan standar normatif ) yang menyebabkan sulitnya atau tidak dapatnya suatu kelompok sosial menyesuaikan diri dengan norma ( Ideologi ).

b.    Fase disintegrasi ( Konflik ): adanya kemerosotan integritas (persatuan & kesatuan) atau hancurnya kesatuan organisasi/ Pernyataan tidak setuju dalam berbagai bentuk,seperti protes,mogok,pemberontakan.

Menurut Walter T Martin,tahapan disintegrasi terjadi:

a.    Perbedaan paham antar anggota kelompok tentang tujuan sosial yang hendak diraih yang semula menjadi pedoman kelompok.

b.    Norma norma sosial tidak mendukung anggota masyarakat lagi dalam mencapai tujuan yang telah disepakati.

c.    Norma norma dalam kelompok dan yang dihayati oleh kelompok,bertentangan satu sama lain.

d.    Sanksi sudah menjadi lemah,bahkan sanksi tidak dilaksanakan dengan konsekuen

e.    Tindakan anggota masyarakat sudah bertentangan dengan norma kelompok

2. Prasangka,Diskriminasi dan Ethnosentrisme

a. Prasangka dan Diskriminasi

Prasangka merupakan sikap yang terlalu tergesa,generalisasi yang terlalu cepat,sifat berat sebelah dan dibarengi proses simplifikasi terhadap suatu realita. Mnurut Morgan (1966 ),Sikap adalah kecenderungan untuk merespon,baik positif maupun negatif terhadap orang,obyek atau situasi. Sikap seseorang baru diketahui bila ia sudah berbuat. Oleh karena itu bisa saja sikap bertentangan dengan perbuatan. Prasangka merupakan kecenderungan tidak tampak. Prasangka sebagian besar sifatnya apriori,mendahului pengalaman sendiri,menumbuhkan jarak sosial antara anggota kelompok dengan kelompok luar.

Jika prasangka disertai agresivitas dan rasa permusuhan,maka hal tersebut akan disalurkan dengan mencari “kambing hitam”,yaitu suatu obyek untuk melampiaskan rasa frustasi dan rasa negatif. Kambing hitam biasanya berwujud individu,kelompok sosial yang lemah,golongan minoritas,kelompok luar,ras atau bangsa lain. Biasanya prasangka dibarengi dengan rasionalisasi,yaitu membuat logis segala prasangka,pikiran negatif yang ditujukan pada kambing hitam. Pada akhirnya muncul pembenaran diri sendiri. Pada titik tindakan disebut diskriminatif,yaitu tindakan kepada pihak lain atas dasar sikap negatif,simplifistik,stereotip.

b. Sebab sebab timbulnya prasangka dan diskriminasi:

a.    Latar belakang sejarah: karena pengaruh kejadian masa lalu. Seperti Orang kulit putih di AS terhadap orang kulit hitam/ Negro,orang Eropa terhadap orang Arab/Islam.

b.    Perkembangan sosio kultural dan situasional: suatu prasangka muncul dan berkembang dari ke individu lain atau terhadap kelompok sosial. Misal: prasangka buruh terhadap majikan,kaum miskin terhadap orang kaya pada era kapitalisme.

c.    Faktor Kepribadian: keadaan frustasi beberapa orang atau kelompok sosial tertentu,merupakan kondisi yang cukup untuk menimbulkan tingkah laku agresif. Para ahli beranggapan bahwa prasangka lebih dominan disebabkan tipe kepribadian tertentu. Tipe Authoritarian personality adalah ciri kepribadian orang yang penuh prasangka seperti konservatif,tertutup.

d.    Perbedaan keyakinan/ agama,politik,ekonomi dan Ideologi: Seperti konflik Irlandia utara dan selatan,keturunan Yunani dengan Turki di Cyprus, perang Vietnam, Kashmir, Palestina, Afghanistan, Irak.

c. Ethnosentrisme

            Merupakan kecenderungan untuk menilai kelompok lain dengan ukuran kebudayaannya sendiri. Hal ini dapat mengakibatkan konflik. Seperti kasus Nazi Hitler.

3.Pertentangan di masyarakat

merupakan situasi yang memiliki ciri:

1. Terdapat dua atau lebih unit atau bagian yang terlibat konflik
2. Unit unit tersebut memiliki perbedaan yang tajam dalam kebutuhan,tujuan,masalah,nilai,sikap
3. Terdapat interaksi antara bagian bagian yang memiliki perbedaan tersebut

Konflik terjadi pada lingkungan kecil ( individu ) sampai masyarakat:

1. Pada taraf diri seseorang: menunjuk pada pertentangan,ketidakpastian emosi dan dorongan yang antagonistik.
2. Pada taraf kelompok: menunjuk pada pertentangan antar individu anggota kelompok dalam tujuan,nilai,motivasi mereka untuk menjadi anggota kelompok.
3. Pada taraf masyarakat: bersumber pada perbedaan nilai dan norma antar kelompok yang berbeda.

Cara pemecahan konflik:

1. Elimination,yaitu pengunduran diri salah satu pihak yang terlibat dalam konflik,yang diungkapkan dengan: Kami mengalah,kami mendongkol,kami keluar,kami membentuk kelompok kami sendiri
2. Subjugation atau Domination, yaitu pihak yang memiliki kekuatan terbesar dapat memaksa pihak lain untuk menaatinya,sehingga hanya memuaskan pihak yang kuat
3. Majority Rule,yaitu suara terbanyak akan menentukan keputusan,tanpa mempertimbangkan argumentasi. Pada dasarnya hal ini merupakan bentuk subjugation
4. Minority Consent,yaitu kelompok yang terkalahkan tidak merasa dikalahkan dan menerima keputusan untuk melaksanakan kegiatan bersama dengan pihak yang menang
5. Compromise,yaitu semua pihak yang terlibat dalam konflik berusaha mencari jalan keluar/jalan tengah
6. Integration,yaitu pengambilan keputusan yang memuaskan semua pihak yang konflik. Dengan cara melakukan diskusi,analisa terhadap semua pendapat

4. Integrasi sosial yaitu terwujudnya solidaritas sosial/ rasa kebersamaan antar anggota masyarakat, terjadinya kerjasama antar kelompok yang memiliki sifat berbeda

Read More

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..

Read More

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

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

Read More

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

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,

Read More