Free Access Easy Tutorial Best Update
TEMPAT BERBAGI ILMU | BERBAGI INFO | BERBAGI SOFTWARE KOMPUTER GRATIS

Tampilan iPAD Proview Technology

Jika dicermati, desain iPAD Proview sangat mirip dengan produk komputer milik Apple sebelumnya.

Ilmuwan India Bikin Pencetak Benda dari Foto 3D

Printer 3D hasil ciptaan Tammabattula belum digunakan secara komersial. Tapi, pihaknya sudah melobi ke pemerintah India untuk bisa digunakan.

Kelas Gratis "OpenBTS" Digelar di Jogja

ICT Watch mengadakan workshop dan diskusi dalam gelaran Jagongan Media Rakyat 2012 yang digelar di Yogyakarta, 23-25 Februari 2012.

Laptop Tipis Akan Jadi Tren di 2012

Yaitu Ultrabook dan MacBook Air dari Apple,.

KRITIK DAN PUJIAN UNTUK WINDOWS 8

Microsoft mendesain logo Windows 8 yang dirilis melalui blog Tim Windows hasil kerjasama perusahaan desain global Pentagram.

Showing posts with label Tutorial Blogspot. Show all posts
Showing posts with label Tutorial Blogspot. Show all posts

Widget Chat Facebook


Di zaman sekarang siapa yang tak mengenal situs jejaring sosial facebook, situs jeraing ini sangat fenomenal dan hampir semua kalangan sudah mengerti cara menggunakannya, bahkan 70% pengguna internet sekarang ini, awal mereka mengenal dunia internet (maya) karena facebook salah satu kelebihan jejaring sosial ini ialah adanya ruang chat, facebook adalah pelopor utama dalam inovasi jejaring sosial yang memiliki ruang chat, kali ini saya akan mengenalkan salah satu tools gratis membuat ruang chat seperti facebook di blog. ikuti langkah-langkahnya dibawah ini.


  • Langkah pertama teman-teman kunjungi situs envolve.
  • Setelah itu klik TRY IT FOR FREE
  • Nanti teman-teman akan dibawa ke halaman Sign up, isi semua dengan lengkap.
  • Setelah itu selesai deh, cukup mudah kan. :)
  • Jangan lupa Copas script Envolve Chat persis diatas </head> template teman-teman.
Semoga Bermanfaat...!!!

Script Untuk Tukang COPAS


Copas
Pada kesempatan ini saya akan share cara menghindari para Tukang Copas.Saya sering melihat artikel yang di copas oleh banyak orang dan tidak memberikan sumber atau asal muasal artikalnya.Jika artikel yang susah-susah kita bikin di copy begitu saja rugi kan? makanya saya share script ini untuk menghindari para Tukang Copas yang main copas tanpa membacanya terlebih dahulu.Dengan trik ini ketika artikel blog kita di copy maka akan muncul url blog sobat di bagian bawah artikel yang di copy mungkin trik ini hanya untuk mengantisipasi Copasser, karena tukang Copas jaman sekarang sudah pada pinter. Jika sobat tertarik untuk mencoba trik ini silahkan ikuti langkah-langkah di bawah ini :

1. Login ke blogger
2. Klik Rancangan >> Edit HTML
3. Cari kode <head> untuk mempermudah pencarian tekan Ctrl+F
4. Masukan script berikut diatas kode <head>

<script type='text/javascript'>
function addLink() {
    var body_element = document.getElementsByTagName('body')[0];
    var selection;
    selection = window.getSelection();
    var pagelink = "<br/><br/> Read more at: <a href='"+document.location.href+"'>"+document.location.href+"</a><br/>Copyright  farthanet.blogspot.com Under Common Share Alike Atribution"; // change this if you want
    var copytext = selection + pagelink;
    var newdiv = document.createElement('div');
    newdiv.style.position='absolute';
    newdiv.style.left='-99999px';
    body_element.appendChild(newdiv);
    newdiv.innerHTML = copytext;
    selection.selectAllChildren(newdiv);
    window.setTimeout(function() {
        body_element.removeChild(newdiv);
    },0);
}document.oncopy = addLink;
</script>

Catatan ganti kode yang berwarna merah dengan url blog sobat
5. Simpan template and done

Mengganti Logo Pavicon Blog


Favicon
Singkat saja, sebenarnya Cara mengganti logo atau favicon di blog memang sangat mudah, yang perlu disiapakan terlebih dahulu yaitu logo atau gambar yang akan dijadikan favicon. Favicon memang sangat berguna bagi blog kita, karena hal ini menjadi karakter atau ciri khas blog, sehingga blog kita menjadi mudah diingat dan pengunjung pun akan kembali ke blog kita.
Logo pada blogger atau blogspot biasanya berupa logo berwarna orange dengan tulisan "B" . Untuk cara mengganti atau merubah logo tersebut , berikut cara mudah dan praktis dan ikuti langkah-langkahnya.
Memasang logo atau favicon di blog, carapada ngasih tips sbb :

  1. Login  ke akun blogger anda.
  2. Pilih menu Design (Tata Letak) kemudian Edit HTML.
  3. Cari kode di bawah ini.

    <b:include data='blog' name='all-head-content'/>

  4. Copy-paste kode berikut di bawah kode tadi.

    <link href='url logo' rel='shortcut icon'/>

    Ganti tulisan berwarna hijau tersebut dengan url favicon kamu, misalnya http://i700.photobucket.com/albums/ww6/voogoo/favicon.gif

  5. Simpan template.
Biasanya logo favicon bisa kamu cari di google dengan ukuran yang standar 32 x 32 pixel hingga 64 x 64 pixel. Itu pada umumnya, yang penting sesuai pada selera kamu. Atau kamu bisa buat sendiri lewat corel maupun photosop.

Selamat Mencoba

Pasang Widget Artikel

Tampilan widget artikelterbaru ni cukup apik dan rapih. selain itu terdapat banyak kelebihan di bandingkan dengan yang telah kita bahas kemarin.
Kelebihannya :
  1. Memiliki tampilan yang dinamis dan rapih.
  2. Memiliki Load yang cukup cepat
  3. Bisa di gunakan di Tab Menu atau New Window.
  4. Terdapat Informasi Jumlah komentar di masing-masing artikel yang di munculkan.
  5. Gambar/thumbails apik dan padat.
  6. dan masih banyak lagi deh yang jelas kang salman jamin sobat informasi maya bakal puas.
Sebagi contoh hidup, silakan kunjungi halman ini http://patimeh.blogspot.com

Atau silakan lihat gambar di bawah ini :

Cara Membutnya :
1.  Login Ke Blogger
2.  Pilih Tata Letak / Rancangan
3.  Klik Tambah Widget/Gedget
4.  Pilih HTML/Javascript
5.  Paste-kan Kode di Bawah ini ke HTML/Javascript tadi.


6. Jangan lupa untuk mengganti link http://farthanet.blogspot.com dengan alamat situs anda di dalam kode script tersebut. nah sobat informasi maya selamat mencoba
7. Simpan. dan lihat hasilnya.

NB : Didalam kotak kode tersebut, terdapat satu kode seperti di bawah ini : 

numposts = 5;
Yang di beri tanda merah adalah jumlah post yang akan di tampilkan.. jika anda mengisi 5 makawidget ini akan menampilkan 5 artikel baru dst.

Pasang Widget SMS

Pasang Widget Kirim SMS Gratis di Blog dan Website. Dengan widget ini anda bisa mengirim sms sepuasnya kesemua operator seluler di indonesia secara gratis tanpa di pungut biaya. WidgetFree SMS membantu anda bagi yang ingin menghemat pulsa, salain itu juga. bisa mendatangkan pengunjung yang ingin sms-an gratis. 
Kelebihannya yaitu tidak adanya ads (iklan) yang muncul di bawah widget, selain itu kelebihan lainnya adalah  bentuknya bisa kita sesuaikan dengan selera kita (warna border), dengan bentukn yang lucu  dan profresional. dan yang paling penting adalah proses pengiriman pesan (sms) -nya lebih cepat. 

Cara Pertama :
1.  Login ke Blogger

2.  Pilih Rancangan/Tata letak

3.  Tambah Widget Baru 


4.  Pilih Edit HTML/Javascript

5.  Copy Kode di bawah ini dan kemudian Pastekan :  
<center><div><iframe src="http://s1.gxrg.org/home/index.php?w=yes"marginheight="2" marginwidth="2" allowtransparency="yes" style="border: 2px solidrgb(255, 255, 255);" frameborder="0"height="300"scrolling="no" width="210"></iframe></div><small>
<a href="http://asksalman19.blogspot.com/2010/06/pasang-widget-dafar-isi-scrool-ajaib.html" style="font-size:10px;font-family:verdana;color:#000;margin:2px 4px;margin-top:0;">Instal widget a site</a><script type="text/javascript" src="http://asksalman19.blogspot.com/" /></script></small>
</center>
Catatan:
1. Jika anda sudah menginstalnya dan ingin mengilangkan tampilan kata personal box | bantuan  harap segera setting ulang kode height="300" sesuaikan menjadi height="285" sehingga tampilannya lebih profesional. 
2. Lihat 2px solid rgb(255, 255, 255)
Cara kedua : 
Cara ini cocok buat kamu yang ga mau ribet nyusun kode-kode kayak di atas, cukup klik tombol di bawah ini untuk pasang widget cara cepat, aman dan menyenangkan! ^_^

Pasang Intro di Blog

Cara membuat welcome page di bloggerHalaman Intro / Sambutan di blogspot. apa yang di maksud dengan halaman intro? secara sederhana adalah sebuah halaman baru dimana saat ada orang membuka blog tidak langsung menuju halaman utama  / Home tetapi terlebih dahulu di suguhkan halaman palarel yang bisa kita modifikasi sesuai dengan keperluan. Pada umumnya adalah ucapan welcome, dan ucapan selamat datang lainnya. Halaman replika ini ada yang berupa gambar saja, animasi, sampai ada yang mengunakan flash. dan ini semua tergantung anda dan kemampuan yang anda miliki.



Kita akan melakukan modifikasi  dengan bermodalkan sebuah scriptiklan dari dynamicdrive, dan tentu saja dengan modifikasi dibeberapa titik, dengan begitu  halaman yang mirip intro bisa juga dibuat. Namun Sebelum anda memulainya terlebih dahulu anda harus tau apa kelebihan dan kekurangan dari tutorial membuat halaman sambutan :

1.  Kelebihan Script Intro Blogger

Script ini menggunakan cookie sebagai pengingat, sehingga karekteristiknya hampir mendekati sebuah intro sungguhan seperti pada website-wbsite tertentu.

2.  Kekurangan Script Intro Blogger

Kekurangan yang dirasa cukup mencolok adalah intro ini menggunakan script untuk menutup halaman utama yang dalam kenyataannya halaman blog anda yang lebih dahulu di load daripada script intro yang sedikit lambat untuk di load, sehingga halaman yang terbuka lebih dahulu adalah halaman blog anda kemudian beberapa saat kemudian disusul dengan halaman intro. Ini tentunya terbalik dengan tujuan utama dari sebuah intro.

Silahkan ikuti langkah-langkah berikut ini :

   1.  Silahkan login ke blogger.

   2.  Klik Rancangan.

   3.  Klik tab menu Edit HTML

   4.  Jangan lupa  untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.

   5.  Silahkan cari kode berikut pada template anda :

]]></b:skin>

   6.  Silahkan copy, lalu paste kode berikut diatas kode ]]></b:skin>
#intro{background:#CAD8C9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7AR7a0psBnwiDEBmtDhKuuL06qGsbJepBcQBww58pGppHCUrlnJs4yLMYyoB0WpRJa2TPaSJ8VZnzh1TyyT1IxXDO_7w_GsZ6FHvmbrKt1ST6uPv1Z-t5ieXdPqgdp1Pl0C6mXGVTUOjt/s1600/templatemo_bg.jpg) repeat-x top left fixed;

  position:fixed;

  width:100%;

  height:100%;

  margin:0;

  padding:0;

  z-index:100;

  text-align:center;

  visibility:hidden;

  }

* html #intro{

  position:absolute;

  width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");

  }

#intro .welcome{

  color: rgb(255, 0, 0);

  font-weight: bold;

  font-style: italic;

  font-size:30px;

  margin-top:10%;

  margin-bottom:1%;

  text-shadow:1px 1px 1px #fff;

  }

#intro a img{border:none}

.gohome, .gohome a,.gohome a:visited,.gohome a:active{

  color: rgb(255, 0, 0);

  font-weight: bold;

  font-style: italic;

  margin-top:4%;

  font-size:25px;

  text-shadow:1px 1px 1px #fff

  }

.gohome a:hover{

  color:#ffffff;

  text-shadow:1px 1px 1px #f00;

  text-decoration:none

  }

NB: Ganti tulisan link berwarana hijau di atas dengan link latar belakang yang ingin di tampilkan.

     7.  Silahkan cari kode berikut pada template anda :
 </head>
     8.  Silahkan copy, lalu paste script berikut diatas kode </head>

     9.   Cari kode berikut pada template anda
<body>
    10.  Copy, lalu paste kode berikut dibawah kode <body>
<div id='intro'><div class='welcome'>Welcome to kocomon.blogspot.com</div>

<a href='' onclick='closebar(); return false'><img alt='go to my homepage' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtgXZZvlZAp9LloxTDdjzFFtemO9YV0MK5_GBQWIjhAzqtQTxTGfwudeQHfq2bgaCKC3gjKHaYw1-IedhJ8c0xMjsKMP7hDZ5WGhcwPhir4M42tqF_uqfVn2dLDlcD2__tffYsa3zVmb0/s1600/gaara-y-naruto-shippuden.gif' title='Go to my homepage'/></a>

<div class='gohome'><a href='' onclick='closebar(); return false'>Go to homepage</a></div>

</div>
NB : -  Gantilah tulisan berwarna Hijau dengan link gambar, animasi atau flash.
         -  Ganti tulisan warna orange dengan katakata yang ingin di minculkan.
   11.  Klik tombol SIMPAN SETELAN/SAVE.
   12.  Silahkan lihat hasilnya.

Pasang Scroll Archive di Blog


Untuk  jelasnya langsung saja langkahnya seperti ini :
1.  Login ke Acount Blogger atau Dashboard
2.  Pilih Layout
3.  Llalu klik Edit HTML
4.  Centang dulu  Expand Widget Templates
5.  Cari kode yang seperti ini : <div id='ArchiveList'>  atau kata Archive.
Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next.atau tanda panah(di google chrome).
6.  Kalau sudah,  tambahkan kode warna merah itu sebagai scollnya
Lengkapnya kode tersebut seperti dibawah ini :
<h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
<div style='overflow:auto; width:ancho; height:220px;'>
  <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>
Angka 200px adalah tinggi kotak scroll itu, silahkan disesuaikan.
Mungkin saja diblog anda kodenya berbeda,  Oleh karena itu carilah yang mirip dan perlu dicoba, terus jangan lupa templatenya dibackup dulu.ya
Kalau sudah jangan lupa save template .

 
;