Cara Membuat Like Box Fb Melayang

Setelah mencari cari.. akhirnya dapet juga yang cocok widget Like Box FB nya. ane dapat dari mbah Google. Sebelumnya jangan lupa siapin kode Like Box FBnya ya :D, kalo mau kasih Tombol Follow Twitter juga jangan lupa siapin itu kodenya.

Like Box Fb Melayang

Berikut ini cara bagaimana membuat fanspage atau like Bok FB melayang diatas postingan, fb merupakan salah satu web yang berpage rank tinggi jadi apa salahnya kita membacklinkan web atau blog ke page rank tinggi. ya ude karena leamaan langsung  saja ini dia caranya.

1. Login Blogger >> Layout

2. Add a gadget trus pilih HTML/Javascript

3. Jangan kasih judul ya biar ngga muncul tulisan aneh di pagenya.hehehhe :)

4. Paste kode di bawah ini ke HTML/Javascript tadi

<!-- FB melayang tombol close --!>
<style type='text/css'>
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
right:40%;
margin:0px 0px 0px -182px;
width:310px;
height:auto;
padding:16px;
-webkit-box-shadow: 0px 0px 7px #222;
-moz-box-shadow: 0px 0px 7px #222;
box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
color:#111;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}
#kotak-facebook a.close {
position:absolute;
top:-10px;
right:-10px;
background:#333;
font:bold 16px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#fff;
border:2px solid #fff;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
cursor:pointer;
}
</style>
<script type='text/javascript'>
$(window).bind("load", function() {
// animasikan nilai top saat halaman telah selesai dimuat
$('#kotak-facebook').animate({bottom:"50px"}, 1000);
// hilangkan kotak pesan saat tombol (x) di klik
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='kotak-facebook'>
<p style=" margin-right:10px; font-size:15px; color:#000000;">Mohon Bantu Saya,<blink> Like This !!!</blink> </p>
<!-- Mulai --!>

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fgistechindo&amp;width&amp;height=290&amp;colorscheme=dark&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:290px;" allowtransparency="true"></iframe>

<!-- Selesai --!>
<a class='close' href='#'>&times;</a>
<p style=" float:right; margin-right:35px; font-size:10px;" >Powered By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="#">Blogger Widget</a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="#">Get This Widget</a></p>
</div>

5. dan yang terahir Simpan dan lihat hasilnya :)

5 Browser Terbaik sepanjang Masa

Browser merupakan alat untuk surfing ( berselancar ) didunia maya, pada masa dulu browser – browser ini tidak banyak seperti sekarang yang banyak bertebaran di dunia maya .disini ane akan memaparkan browser terbaik sepanjang masa versi GISTECHINDO berikut ini fungsi dari web browser. fungsi dari web browser tersebut untuk menjelajah didunia maya dan browser menjadi sangatlah penting karena tanpa browser sobat sekalian tidak dapat mengakses dan menggunakan fitur web browser di internet. Web browser bisa dikatakan baik apabila telah mampu menterjemahkan dengan baik dan menampilkan aplikasi web yang dibangun menggunakan bahasa .html, .php, .java dan javascript serta .net dan juga flash.

Aplikasi tersebut dapat dengan mudah kita dapat kan secara gratis tanpa mengeluarkan sepeserpun, browser ini dari tahun ketahun persaingannya menjadi sangat ketat baik itu versi dektop maupun mobile version. Dengan adanya kemajuan yang pesat pihak pengembang belomba – lomba memberikan kepuasan dalam berselancar kepada user dalam menggunakan produk mereka, seperti Mozilla fireFox, Opera Web Browser dan tidak ketinggalan juga yang membuat plathform android pun ikut serta dalam kompetisi ini yaitu Google Inc. mengleluarkan chrome versi mobilenya.

berikut ini web browser desktop Version yang menurut ane browser terbaik sepanjang masa.

• Google Chrome

Aplikasi web browser milik Google Inc. ini bisa dibilang terbaik saat ini. Browser yang mengklaim memiliki downstream tercepat dari yang lainnya ini memiliki banyak sekali keunggulan dengan mendukung fitur website yang semakin berkembang. Tapi untuk kebanyakan para web designer, Chrome menjadi pilihan kedua sebagai alat tester kode HTML yang mereka buat. Chrome bisa di instal di semua Operating System (OS).

•  Mozilla Firefox
  

Yang satu ini juga masih menjadi favorite browser yang menjadi andalan bagi para pengguna. Mungkin selain mudah digunakan juga tampilannya yang ramah dengan berbagai fitur yang lengkap ditawarkan dan mendukung fitur situs. Mozilla memang good karena bisa di instal di semua Operating System seperti Windows 7, Vista, XP dan juga Mc OS. Serta Mozilla juga sudah merilis versi mobilenya namun ini hanya di flatfom android saja, diandroid pun tidak semua versi andraid support hanya versi 3 keatas.

•  Internet Explorer

Ini dia web browser yang jadul namun powerfull. Kalau dulu inget waktu pertama kalinya main komputer terus internetan itu memapakai aplikasi web browser ini, Internet Explorer. Web Browser satu ini adalah bawaan dari Windows, jadi bisa di pasang di semua tipe Windows. IE juga tidak kalah dengan saingannya dengan selalu mengembangkan browser supportnya. Bahkan ada yang bilang, IE versi terbaru tidak kalah dengan Chrome. Kalau pengen membuktikan silahkan sobat mencobanya.

• Safari Browser

Nahh, kalau yang ini pasti sudah jelas dari namanya, Apple yang kita kenal sebagai perusahaan pemroduksi laptop tercanggih saat ini. Safari buatan asli Apple Inc., jadi kalau sobat beli Laptop merk Apple pasti ada aplikasi web browser satu ini. Safari juga tidak kalah bagus dengan lainnya, mempunyai fitur-fitur yang hampir sama dengan Mozilla dan kawan kawan. Pada dulunya aplikasi web browser ini tidak Bisa di pasang/instal di semua operating system, namun kini pihak pengembang sudah berusaha keras untuk bisa di pakai semua system Operasi.

• Opera web Browser

Yang ini pasti sudah sangat familiar dengan para pengguna internet via Handphone. Opera terkenal karena aplikasi internet yang bisa digunakan melalui hp yaitu Opera Mini. Selain itu, banyak orang menggunakan opera mini karena bisa untuk internet gratis. Kalau pengen tahu, udah banyak yang menjelaskannya dan bisa di cari di Google.com. Web Browser ini juga mendukung di semua Operating System.

Demikian postingan kali ini semoga bermaanfaat

cara mudah membuat scroll pada blog archive

Cara Mudah Membuat atau Memasang Scroll pada Archive Blog kita, yang biasanya di kenal dengan Scroll Naik-Turun, dengan kita memasang Scroll di Blog maka tidak akan memakan banyak tempat untuk Archive Blog kita, sehingga semua isi konten  pada blog kita bisa di baca dan di lihat oleh pengunjung blog dengan tampilan yang dinamis, Nah, Kalian ingin tahu caranya bukan? yang hasilnya nanti seperti berikut ini :

Contoh Scroll Pada Blog Archive

Atau sobat bisa melihatnya pada sidebar gistechindo , di karena gistechindo sendiri sering gonta ganti template jadi scrollnya hilang! Yok langsung saja ikuti tutorial dibawah ini :

Cara Mudah Membuat Scoll pada Blog Archive 

• Login ke Blogger
• Di halaman Dasbor, pilih Template
• Kemudian pilih Edit HTML
• Cari kode ini : <div id='ArchiveList'> untuk memmudahkan gunakan CTRL+F supaya lebih cepat dalam mencarinya
• Setelah ketemu taruh kode <div style='overflow:auto; width:ancho; height:200px;'> ini tepat diatasnya kode <div id='ArchiveList'>
• Kemudian beri kode tambahan </div> sebelum kode <b:include name='quickedit'/>
• Selesai!
  Catatan : Sebelum kalian menggunakan tutorial ini sebelumnya kalian harus tambahkan HTML/Java Script - Blog Archive pada Tata Letak kalian!
• Jika masih bingung kalian bisa melihat tata letak yang benar seperti dibawah ini :

<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div></div>
  <b:include name='quickedit'/>
  </div>
</b:includable>

Semoga Bermanfaat artikel yang mengenai Cara Mudah membuat Scroll pada Blog Archive

Panduan Cara mengganti Domain Blogspot di idhostinger

Sore sobat sekailan kali ini ane pengen share Panduan Cara Mengganti Domain Blogspot di IdHostinger. apa yang harus dilakukan pertama kali? oke langsung saja kita ikuti step by stepnya ya

1. buatlah akun gmail karena sekarang google tidak bisa pakai email lain jadi buat akum gmailnya
2. masuk ke blogger.com dan buat blog di sana terserah namanya apa yang penting punya blog.
3. jika sudah  jadi masuk ke Dashboard
4. masuk ke settingan disitu tertera penerbitan alamat blog nah alamt tersebutkan masih berdomainkan blogspot  
5. Pada Penerbitan, klik Tambahkan domain khusus.

  6. Tulis nama domain dengan www kemudian klik Simpan, nantinya ada peringatan seperti di    bawah

Setelah semua langkah tersebut selesai dilakukan selanjutnya kita menuju ke control panel domain yang telah anda beli tersebut. Lalu masuk ke  DNS Management.

Pada DNS Management, Anda harus memasukan CNAME dan Address Reccord (A Reccord).

 

Untuk tampilan DNS Management tiap penyedia domain akan berbeda

pertnyaan akan muncul bagaimana cara menggantinya?   
jawabanya adalah sobat harus memiliki akun idhostinger jika belum silahkan DAFTAR  disini

1. oke jika sobat sudah membuat silahkan lanjutkan ke step ke 2 namun jika belum tau cara membuatnya silahkan klik disini
2. masuk ke id hostinger 
   
3. buat akun baik itu yang gratis maupun yang berbayar
4. masuk ke kelola 
   
5. Cari bagian tool penting lalu klik DNS Zone Editor
   
6. terlihat tampilan
   
7. rubahlah dan tambah satu record seperti yang terlihat pada gambar 
   
   jika sudah selesai dan sukses ga ada error itu namanya berhasil dan enjoy dengan domain baru sobat 

Semoga bermanfaat