Friday, November 15, 2013

Cara Membuat Tombol Share di Bawah Posting

Cara Membuat Tombol Share di Bawah Posting - Pasti anda sudah sering melihat tombol share atau like yang ada di bawah posting blog, tombol share atau like ini berfungsi agar visitor atau pengunjung blog kita dapat dengan mudah membagikan artikel yang sudah kita posting ke beberapa media sosial seperti facebook, twitter, google+, dll.

Untuk memasang tombol share di bawah posting ini cukup mudah, kita hanya menambahkan sedikit kode di template blog.

tombol share keren dan gaul


Berikut langkah-langkah pemasanganya di blog :

1. Masuk ke akun blogger
2. Pilih tab Template lalu klik Edit HTML
3. Cari kode ]]></b:skin>
4. Copy kode dibawah ini diatas kode ]]></b:skin>

.widgetshare {font:bold 12px/20px Tahoma !important; background: #333;border: 1px solid #444; padding: 5px 4px; color: #fff !important; margin-top: 10px;}.widgetshare a{font:bold 12px/20px Tahoma !important; text-decoration: none !important; padding: 5px 4px; color: #fff !important; border: 1px solid #222; transition: all 1s ease;}.widgetshare a:hover {box-shadow: 0 0 5px #00ff00; border: 1px solid #e9fbe9;}.fcbok { background: #3B5999; }.twitt { background: #01BBF6; }.gplus { background: #D54135; }.digg { background: #5b88af; }.lkdin { background: #005a87; }.ltsme { background: #fb8938;
}

5. Selanjutnya copy kode berikut, dan taruh di bawah kode <div class='post-footer'> atau bisa juga di bawah kode <data:post.body/>.

Note : Perlu diperhatikan biasanya di dalam template blog terdapat lebih dari satu kode <div class='post-footer'> dan <data:post.body/> maka dari itu untuk pemasangannya tombol share ini silahkan sesuaikan dengan template yang anda gunakan.

<div class='widgetshare'>Share artikel ke: <a class='fcbok' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' rel='nofollow' target='_blank'>Facebook</a> <a class='twitt' expr:href='&quot;http://twittter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Twitter</a> <a class='gplus' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Google+</a><a class='lkdin' expr:href='&quot;http://www.linkedin.com/cws/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Linkedin</a><a class='digg' expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Digg</a><script>//<![CDATA[var uri = window.location.href;var ttle = document.title;document.write("<a href='http://www.lintas.me/?c=bookmarklet&url="+uri+"&title="+ttle+"' rel='nofollow' class='ltsme'>Lintasme</a>");//]]></script></div>

5. Pilih media jejaring sosial yang ingin ditampilkan.
Note : Hapus script kode berdasarkan warna apabila ingin menghapus tombol share salah satu media jejaring sosial.
Contohnya anda ingin menghapus tombol facebook maka anda tinggal menghapus kode script berwarna biru  saja.

6. Langkah terakhir simpan template anda lalu lihat hasilnya.

Demikian tutorial kali ini tentang Cara Membuat Tombol Share di Bawah Posting. Semoga artikel ini dapat bermanfaat.
[Continue Reading]

Friday, November 8, 2013

Squid Server Proxy di Windows

Baiklah kali ini saya akan membuat tutorial memblokir suatu situs dengan menggunakan squid server proxy di windows lalu mensharingnya ke client dengan saya sebagai servernya. Tapi sebelumnya tau nggak apa itu squid proxy server.

Squid adalah program proxy server yang tersedia secara opensource yang sangat banyak kegunaannya, salah satunya adalah melakukan cache terhadap konten dari sebuah website. Jadi apabila sebuah situs pernah dibuka oleh salah satu anggota jaringan, maka Squid akan menyimpan konten situs tersebut kedalam hard disk atau memori dari komputer, sehingga jika salah satu anggota jaringan membuka situs yang sama, anggota jaringan tersebut tidak perlumengakses ke internet, dia hanya perlu mengkases cache yang sudah disimpan oleh Squid tadi, yang berakibat proses dalam membuka situs akan menjadi lebih cepat dan tentunya akan menghemat bandwidth.


squid proxy server


Berikut ini cara installasi squid di windows 7 :

1. Pastikan laptop atau komputer anda terkoneksi ke internet.
2. Download file squid nya.
3. Ekstrak file squid tadi ke drive C:
4. Buka command prompt (cmd) menggunakan Run As Administrator


squid server proxy

5. Pada cmd, ketikkan 
    cd:\
    cd squid
    install.bat
    Apabila muncul kotak dialog windows firewall klik allow access.


squid server proxy


6. Tekan ctrl+c untuk menghentikan proses dan ketik n atau no.


squid server proxy

7. Squid pun telah selesai terinstallasi


Cara memblokir suatu situs dengan squid proxy server

1. Buatlah file blokir.txt dengan menggunakan notepad file ini berisi situs yang akan kita blokir lalu simpan di c:\squid\etc


squid server proxy

2. Lalu buka file squid.conf pada drive c:\squid\etc


squid server proxy

3. Tekan ctrl+f untuk mencari kata http_access. 
    Lalu tambahkan perintah seperti pada gambar di bawah ini di atas kata TAG: http_access


squid server proxy

4. Tambahkan parameter '#' pada http_access deny all


squid server proxy

5. Buka windows run lalu cari services.msc
    Kemudian cari service squid


squid server proxy

6. Buka service squid lalu klik start untuk menjalankan aplikasi squid


squid server proxy

7. Bukalah salah satu browser lalu klik tab tools --> option --> network --> setting. Pada manual proxy isikan localhost atau bisa juga 127.0.0.1 dan portnya 3128


squid server proxy

8. Bukalah situs yang diblokir seperti www.facebook.com


squid server proxy

9. Apabila tidak bisa dibuka berarti pemblokiran berhasil


Melakukan Sharing ke client dengan saya menjadi servernya

1. Aktifkan wireless kita yang akan dijadikan server

squid server proxy

2. Buka network and sharing center --> change adapter setting --> lalu buka properties wireless kita
    Masukkan IP address seperti di bawah ini

squid server proxy

3. Buka properties pada wireless terminal lalu klik tab sharing dan centang semua kotak lalu klik OK

squid server proxy


Setting client yang ingin mengkoneksikan ke proxy server

1. Pastikan client terkoneksi dengan wireless server

squid server proxy

2.  Buka network and sharing center --> change adapter setting --> lalu buka properties wireless kita --> pada IP dan gateway masukkan IP seperti dibawah ini


squid server proxy

3. Bukalah salah satu browser lalu klik tab tools --> option --> network --> setting. Pada manual proxy isikan ip server dan portnya 3128


squid server proxy

Demikianlah tutorial saya kali ini tentang memblokir suatu situs dengan squid server proxy di windows, semoga artikel ini bermanfaat.

[Continue Reading]

Sunday, November 3, 2013

Cara Membuat Tombol Share Melayang di Blog

Untuk meningkatkan traffic blog kita, selain upaya optimasi SEO kita juga perlu membuat tombol share di blog kita yang akan menghubungkan blog dengan media jejaaring sosial seperti facebook, twitter ataupun google+. Tutorial kali ini saya akan membahas cara membuat tombol share melayang di sisi kiri atau kanan blog anda.


tombol share di blog

Berikut langkah-langkah pemasangannya di blog :

1. Masuk ke akun > Pilih Tata Letak
2. Klik Tambah Gadget di bagian sidebar
3. Pilih HTML/Javascript kemudian copy paste kode di bawah ini

<!--Widget Share like FB tweet google plus digg Button Melayang Start-->
<style>
#pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solidblack; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px
0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style><div id='pageshare' title="bagikan ke teman anda"><div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div><div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div><div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div><div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 8px;text-align:center;"><a href=" http://inticoretan.blogspot.com/2013/11/cara-membuat-tombol-share-melayang-di-blog.html"  target="blank"><font color="blue">Get Widget Here<font></font></font></a></div></div>
<!--Widget Share like FB tweet google plus digg  Button Melayang End-->

4. Simpan  widget dan lihat blog anda

Note : Tulisan berwarna merah adalah posisi widget, saya memakai widget ini disebelah kiri jadi saya tulis left, kalau anda ingin mengubahnya di sebelah kanan tinggal ganti tulisan berwarna merah dengan right.

Selesai...mudah kan ??
oh iya jika anda sudah memiliki tombol google+ ( G+ ) baik di atas maupun dibawah postin, kemungkinan tombol google+ di widget yang kita buat tadi tidak akan muncul.

Demikianlah tutorial cara menampilkan tombol share melayang di blog. Semoga bermanfaat
[Continue Reading]

Saturday, November 2, 2013

Mengenal Domain dan Hosting

Istilah Domain dan Hosting mungkin sudah tak asing lagi bagi anda, namun tak jarang banyak pengguna internet tak mengenal tentang kedua hal tersebut meskipun tanpa mereka sadari mereka sudah menjumpainya dalam bentuk nyata berkali-kali.

free domain hosting



Domain adalah sebuah nama unik yang digunakan untuk mempermudah mengakses informasi pada server komputer yang ada di jaringan komputer. Sebelum mengenal istilah domain, untuk mengakses informasi yang ada pada server komputer digunakan alamat IP Address yang berupa angka yang panjang, kan ribet kalo harus mengingat IP Address. Nah, oleh karena itu digunakanlah domain untuk mempermudah penggunaan untuk mengakses informasi pada server komputer dan mempermudah pengguna untuk mengingatnya.


Jenis-jenis domain

1. Top Level Domain (TLD)

Top level domain masih dibagi lagi menjadi 2 yaitu Generik/Global Top Level Domain (gTLD) dan Country Code Top Level Domain (ccTLD).
  • Generic/Global Top Level Domain (gTLD) merupakan domain yang digunakan secara global. Contohnya : .com ; .net ; .org dll.
  • Country Code Top Level Domain (ccTLD) merupakan domain yang dipakai untuk mengidentifikasikan kode negara. Contohnya : .co.id ( kode domain Negara Indonesia) ; .co.us ( kode domain Negara Amerika Serikat) ; .co.uk (kode domain Negara Inggris.

2. Second Level Domain (SLD)

Second level domain merupakan nama domain yang ada di sebelah kiri TLD. Contohnya pada website facebook.com yang merupakan TLD adalah .com dan facebook merupakan SLD.


3. Lower Level Domain

Lower level domain merupakan nama domain yang ada di sebelah kiri SLD. Lower level domain dapat dibagi menjadi Third level domain, Fourth level domain dan seterusnya. Namun penggunaan lower level domain sangat jarang, kebanyakan nama domain hanya sampai SLD saja. 


Pengertian Hosting


Hosting merupakan sebuah space atau ruang yang digunakan untuk menyimpan file-file yang ada hubungannya dengan website kita, seperti file HTML, file PHP, file musik, file video ataupun gambar. Hosting dapat juga diibaratkan flashdisk atau harddisk, dimana alat tersebut berfungsi sebagai media penyimpan semua file dan data yang ada di komputer kita.
[Continue Reading]
Powered By Blogger · Designed By Seo Blogger Templates