Widget edited by fajri.net

Tombol dengan sentuhan CSS




sudah lama tidak posting. kali ini saya akan mencoba menjelaskan sedikit trik mungkn bisa sobat jadikan referensi untuk dterapkan di blognya, terutama bagi sobat yang ingin mempercantik tampilan blognya. ok sob..!!! langsung ke TKP..cekidoott..!!!

Berikut trik singkatnya sob :

1. Silahkan sobat masuk ke  Link ini   
2. Edit tampilan button yang disediakan disana.
3. Klik View CSS pada Button
4. Masuk ke akun Blogger sobat, Edit template
5. Copas scriptnya di atas kode ]]></b:skin>


Mudah kan sob...selamat mencoba...!!


Membuat Menu Drop Down dengan CSS3



Kali ini saya akan membahas bagai mana cara membuat Drop Down Menu dengan CSS3, banyak orang yang pingin mendesain Blognya dengan Menu Drop Down yang keren dan bagus,nah ini kesempatan baik bagi para blogger untuk memasang menu Drop Down ini yang menggunakan CSS3 ini di blog kamu, cara nya membuat nya sangat mudah, dan tidak ribet, dan jika kamu pernah melihat artikel Cara Membuat Menu Horizontal Drop Down di bog ini, dan mengalami kesulitan atau kegagalan coba sekarang gunakan Menu Drop Down CSS3 yang satu ini.


screenshot

Berikut sedikit trik-triknya sob :

Silahkan Copas Script di bawah ini masuk ke menu rancangan, add gatged, HTML javascript.
<style>
/*------ CSS3 Drop Down Menu By www.blazerracing.blogspot.com ---------*/
#menu
{
width: 100%;
margin: 0;
padding: 10px 0 0 0;
list-style: none;
background: #111;
background: -moz-linear-gradient(#444, #111);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
background: -webkit-linear-gradient(#444, #111);
background: -o-linear-gradient(#444, #111);
background: -ms-linear-gradient(#444, #111);
background: linear-gradient(#444, #111);
-moz-border-radius: 50px;
border-radius: 50px;
-moz-box-shadow: 0 2px 1px #9c9c9c;
-webkit-box-shadow: 0 2px 1px #9c9c9c;
box-shadow: 0 2px 1px #9c9c9c;
}
#menu li
{
float: left;
padding: 0 0 10px 0;
position: relative;
line-height: 0;
}
#menu a
{
float: left;
height: 25px;
padding: 0 25px;
color: #999;
text-transform: uppercase;
font: bold 12px/25px Arial, Helvetica;
text-decoration: none;
text-shadow: 0 1px 0 #000;
}
#menu li:hover > a
{
color: #fafafa;
}
*html #menu li a:hover /* IE6 */
{
color: #fafafa;
}
#menu li:hover > ul
{
display: block;
}
/* Sub-menu */
#menu ul
{
list-style: none;
margin: 0;
padding: 0;
display: none;
position: absolute;
top: 35px;
left: 0;
z-index: 99999;
background: #444;
background: -moz-linear-gradient(#444, #111);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
background: -webkit-linear-gradient(#444, #111);
background: -o-linear-gradient(#444, #111);
background: -ms-linear-gradient(#444, #111);
background: linear-gradient(#444, #111);
-moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
-webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
box-shadow: 0 0 2px rgba(255,255,255,.5);
-moz-border-radius: 5px;
border-radius: 5px;
}
#menu ul ul
{
top: 0;
left: 150px;
}
#menu ul li
{
float: none;
margin: 0;
padding: 0;
display: block;
-moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
-webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}
#menu ul li:last-child
{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#menu ul a
{
padding: 10px;
height: 10px;
width: 130px;
height: auto;
line-height: 1;
display: block;
white-space: nowrap;
float: none;
text-transform: none;
}
*html #menu ul a /* IE6 */
{
height: 10px;
}
*:first-child+html #menu ul a /* IE7 */
{
height: 10px;
}
#menu ul a:hover
{
background: #0186ba;
background: -moz-linear-gradient(#04acec, #0186ba);
background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
background: -webkit-linear-gradient(#04acec, #0186ba);
background: -o-linear-gradient(#04acec, #0186ba);
background: -ms-linear-gradient(#04acec, #0186ba);
background: linear-gradient(#04acec, #0186ba);
}
#menu ul li:first-child > a
{
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
#menu ul li:first-child > a:after
{
content: '';
position: absolute;
left: 30px;
top: -8px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 8px solid #444;
}
#menu ul ul li:first-child a:after
{
left: -8px;
top: 12px;
width: 0;
height: 0;
border-left: 0;
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
border-right: 8px solid #444;
}
#menu ul li:first-child a:hover:after
{
border-bottom-color: #04acec;
}
#menu ul ul li:first-child a:hover:after
{
border-right-color: #04acec;
border-bottom-color: transparent;
}

#menu ul li:last-child > a
{
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
/* Clear floated elements */
#menu:after
{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html #menu { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
</style>
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Categories</a>
<ul>
<li><a href="#">CSS</a></li>
<li><a href="#">Graphic design</a></li>
<li><a href="#">Development tools</a></li>
<li><a href="#">Web design</a></li>
</ul>
</li>
<li><a href="#">Work</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>


N/B :
Ganti tanda '#' dengan URL yang di tuju.
Jika sobat mau menambah menu Drop Downya tinggal tambah kode di bawah ini :

<li><a href="#">Drop Down 1</a>

<ul>

<li><a href="#">MENU DR 1</a></li>

<li><a href="#">MENU DR 2</a></li>

<li><a href="#">MENU DR 3</a></li>

<li><a href="#">MENU DR 4</a></li>

</ul>

</li> 

Sehingga jika disatukan dengan yang di atas menjadi :

<ul id="menu">

<li><a href="#">Home</a></li>

<li><a href="#">Categories</a>

<ul>

<li><a href="#">CSS</a></li>

<li><a href="#">Graphic design</a></li>

<li><a href="#">Development tools</a></li>

<li><a href="#">Web design</a></li>

</ul>

</li>

<li><a href="#">Work</a></li>

<li><a href="#">About</a></li>

<li><a href="#">Contact</a></li>

<li><a href="#">Drop Down 1</a>

<ul>

<li><a href="#">MENU DR 1</a></li>

<li><a href="#">MENU DR 2</a></li>

<li><a href="#">MENU DR 3</a></li>

<li><a href="#">MENU DR 4</a></li>

</ul>

</li>

</ul>


SELESAI...!!! selamat mencoba sob..ada  keluhan silahkan sobat Coment.


Membuat tombol Share keren dibawah postingan II



Membuat tombol Share keren dibawah potingan II, di postingan kali ini saya akan menyajikan sobat sdikit tips yang mngkn bisa sobat jadikan referensi nantinya di blognya sobat, sebelum postingan ini saya sempat memposting tentang Membuat tombol Share keren dibawah potingan I, silahkan sobat buka dan pilih mana yang menurutnya bagus dan cocok untuk blognya. tombol share kali ini saya katakan keren karena saya lihat dari segi kerapiannya sendiri dan enak di pandang. 


Langung saja dari pada basa basi, beikut trik-triknya :
1. Silahkan sobat login dulu ke blogger, masuk di rancangan dan edit html
2. Sebelum anda otak atik css, sebaiknya anda backup dulu templatenya biar aman
3. Cetang, Expend Widget
4. Caro code ini <div class='post-body entry-content'> (pencarian cepat tekan ctrl+f)
5. Jika sudah ketemu, masukkan kode di bawah ini di atas kode 
 <div class='post-body entry-content'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:4px 0px 30px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;font-style:Italic;'>

Share this history on :
</div>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>
</script></div>

<div style='float:left;padding-left:10px;'>
<a class='google-buzz-button' data-button-style='small-count' href='http://www.google.com/buzz/post' title='Post to Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/>
</div>

<div style='float:left;padding-left:10px;'>
<a class='DiggThisButton DiggCompact'/>
<script type='text/javascript'>
(function() {
var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];
s.type = &#39;text/javascript&#39;;
s.async = true;
s.src = &#39;http://widgets.digg.com/buttons.js&#39;;
s1.parentNode.insertBefore(s, s1);
})();
</script>
</div>

<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='User Name' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
</div>
</b:if>


N/B :
perhatikan pada kode diatas, ada tulisan "user name" twitter, ganti dengan milik Sobat
SELESAI..!!! selamat mencoba sob..


Membuat Tombol Share keren Dibawah Postingan



Ass, Sobat Blogger semua, nah di kesempatan kali ini saya akan coba memposting sedikit trik untuk blog, terutama mereka yg ingin tampilan blognya sedikit berbeda. Walaupun tampilan bagus tapi fungsi tidak diutamakan gak ada gunanya kan sob,???? sudah beberapa kali saya praktekkan cara membuat tombol share ini, tapi belum ada yang pas mungkn dalam hal fungsinya sendiri, nah kesempatan kali ini saya coba menawarkan sobat sedikit tips yg mungkn sobat tidak akan rugi untuk mencoba karena saya sudah mempraktekkan sendiri.

Screen shot

Berikut trik-triknya sob :
1. Login Ke Blog Sobat.
2. Pilih Rancangan.
3. Pilih EDIT HTML.
   Centang Expand Widget Template.
4. Lalu Cari Kode ]]></b:skin>
   Setelah Ketemu Letakan Script Di Bawah Ini Tepat Di Bawah Kode ]]></b:skin>


<style type='text/css'>
div.sexy-bookmarks { height:54px; background:url(http://img709.imageshack.us/img709/57/sharing.png) no-repeat left bottom;position:relative; width:540px }
div.sexy-bookmarks span.sexy-rightside { width:17px; height:54px; background:url(http://img709.imageshack.us/img709/57/sharing.png) no-repeat right bottom; position:absolute; right:-17px }
div.sexy-bookmarks ul.socials { margin:0 !important;padding:0 !important; position:absolute; bottom:0;left:10px }
div.sexy-bookmarks ul.socials li { display:inline-block !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:48px !important; cursor:pointer !important; padding:0 !important }
div.sexy-bookmarks ul.socials a { display:block !important; width:48px !important; height:29px !important;f ont-size:0 !important; color:transparent !important}
.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover { background:url(http://img406.imageshack.us/img406/9198/sexyy.png) no-repeat !important }
.sexy-furl { background-position:-300px top !important }
.sexy-furl:hover { background-position:-300px bottom !important }
.sexy-digg { background-position:-500px top !important }
.sexy-digg:hover { background-position:-500px bottom !important }
.sexy-reddit { background-position:-100px top !important }
.sexy-reddit:hover { background-position:-100px bottom !important }
.sexy-stumble { background-position:-50px top !important }
.sexy-stumble:hover { background-position:-50px bottom !important }
.sexy-delicious { background-position:left top !important }
.sexy-delicious:hover { background-position:left bottom !important }
.sexy-yahoo { background-position:-650px top !important }
.sexy-yahoo:hover { background-position:-650px bottom !important }
.sexy-blinklist { background-position:-600px top !important }
.sexy-blinklist:hover { background-position:-600px bottom !important }
.sexy-technorati { background-position:-700px top !important }
.sexy-technorati:hover { background-position:-700px bottom !important }
.sexy-myspace { background-position:-200px top !important }
.sexy-myspace:hover { background-position:-200px bottom !important }
.sexy-twitter { background-position:-350px top !important }
.sexy-twitter:hover { background-position:-350px bottom !important }
.sexy-facebook { background-position:-450px top !important }
.sexy-facebook:hover { background-position:-450px bottom !important }
.sexy-mixx { background-position:-250px top !important }
.sexy-mixx:hover { background-position:-250px bottom !important }
.sexy-script-style { background-position:-400px top !important }
.sexy-script-style:hover { background-position:-400px bottom !important }
.sexy-designfloat { background-position:-550px top !important }
.sexy-designfloat:hover { background-position:-550px bottom !important }
.sexy-syndicate { background-position:-150px top !important }
.sexy-syndicate:hover { background-position:-150px bottom !important }
.sexy-email { background-position:-753px top !important }
.sexy-email:hover { background-position:-753px bottom !important }
</style>


5. Cari Kode <data:post.body/> 
   Setelah ketemu letakan Script di bawah ini tepat di Bawah Kode <data:post.body/>


<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-syndicate'><a href='http://feeds.feedburner.com/blogspot/ZqAec' title='Subscribe to RSS'/></li>
<li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
</ul>
<span class='sexy-rightside'/></div></b:if>


N/B :
Jika sobat menemukan 2 kode <data:post.body/> pilih saja yang ke-2, dan kalau sobat sudah menambahkan Related Post  di bawah postingan blognya silahkan Copas Script di atas tepat di atas Script Related post itu.
SELESAI...!!!! jangan lupa save templatenya sob..!! ada keluhan silahkan sobat koment.


Cara ampuh masuk ke Situs yang di Blokir (100% sukses)



Mungkin di beberapa tempat seperti sekolah, kantor atau warnet ada situs-situs yang tidak bisa diakses oleh kita misalnya Facebook, Friendster, Youtube dan lainnya, banyak alasan mengapa website website tersebut di block oleh network admin. Namun dengan sedikit improvisasi kita dapat mengakses atau membuka situs yang diblok tersebut. Berikut beberapa cara yang bisa dilakukan:

1. Dengan Ultrasurf 9.92, 

untuk membuka situs yang di blok, cara membuka situs website yang diblokir server, cara membuka situs website yang diblokir admin, dapat di download disini

Catatan:
- untuk browser IE dan Chrome akan tersetting dengan otomatis oleh ultrasurf
- untuk Firefox buka menu Tool - Option - Advance - Network - Setting - pilih

  manual


proxy configuration. Isikan kotak sesuai gambar di bawah ini:



Setting Opera browser, menu: Tools - Preferences - Advanced - Network - Proxy Servers,
ikuti gambar berikut:




alu langkah" lain yang dapat padcom naizer lakukan selain yang diatas yaitu :
Webproxy, untuk membuka situs yg tdk bisa dibuka Ultrasurf. Aktifkan ultrasurf, baru buka
webproxy,copy paste alamat situs yg dituju di kotak, lalu tekan GO.link:




2. Menggunakan IP address
Setiap kali kita browsing di internet hampir semuanya mengetikkan alamat URL (Uniform Resource Locator) seperti google.com, youtube.com. URL digunakan untuk membedakan alamat web dan pastinya semua wesite memiliki URL yang tidak sama, selain itu URL dapat mempermudah user internet untuk mengingat alamat web di internet. Namun bagi komputer tidak mengerti format seperti URL, komputer hanya dapat membaca IP address untuk dapat mengakses website dan saling berkomunikasi di internet. Kadang situs situs yang diblok disimpan alamat URLnya atau hanya memblock alamat URLnya saja sehingga jika diakses melalui IP address-nya masih bisa terbuka. Untuk mengetahui IP address suatu website kita bisa melakukan ping ke website tersebut melalui command promt, setelah diketahui IP addressnya, ketik IP address ke browser.




Dengan Cara :

Untuk browser IE dan Chrome akan tersetting dengan otomatis oleh ultrasurf - untuk Firefox buka menu
-Tool - Option - Advance - Network - Setting - pilih manual
Mozilla firefox:
- Tools –> Options
- Lalu kita memilih “tab Advanced”–>dan dilanjutkan dengan “tab Network” –> kemudian kita klik Setting
- kita Klik opsi “ Manual proxy configurations “ –> dan kemudian kita isikan nomor IP Proxy server yang
  bisa di cari di Proxy4free.com, misalnya : 313.287.279.221 dan portnya : 8888.
- Dan pada sesi yang terakhir kita kasih ceklist di “ Use this proxy for all protocol “
Internet Exploler:
- Pilih “Menu Tools”–>Kemudian klik “Internet Options”–>Lalu klik “tab Connections”.
- Lalu setelah itu pilih “LAN Setting” –>Kemudian kasih ceklist di opsi “ Automatically detect setting “
– lalu di pilihan “Proxy server”, ceklist optional “ Use a proxy server for LAN”.
- Lalu pada step ini silahkan isi nomor proxy, misal : 313.204.279.221 dan di port : 8888. kemudian pada  
  langkah terakhir ceklist “Bypass proxy server for local address” , dan OK.

3. Redirect menggunakan jasa URL shortener service
Mengkonvert alamat URL situs yang di blok dengan layanan URL short seperty SnipURL, goo.gl, atau bit.ly dapat membypass settingan admin yang memblok.

4. Google Translator
Ini pernah saya lakukan waktu situs youtube dan friendster tidak dapat diakses karena diblok oleh pemerintah (katanya). Kita tinggal memasukkan alamat URL pada form disebelah kiri Google translate, maka di sebelah kanan akan muncul link URL yang bisa kita klik untuk membuka website tersebut.




5. Menggunakan Proxy online
Beberapa situs memberikan layanan proxy server gratis dimana kita bisa mengakses website melalui server mereka, Situs yang paling sering saya gunakan adalah hidemyass.com meski gratisan namun tak mengecewakan.

6. Menggunakan proxy di browser
Banyak sekali situs yang memberikan daftar proxy dari berbagai negara. Untuk mendapatkan proxy list yang sesui bisa di cari di samair.ru, pilih salah satu proxy. Buka firefox–>klik tool–>pilih option–>pilih advance–>pilih tab network–> klik tombol settings–>akan muncul jendela Connection Settings pilih Manual proxy configuration:–>masukkan IP address proxy beserta port-nya kemudian OK.
Untuk firefox ada add-on untuk mempermudah setting proxy pada browser yaitu FoxyProxy, kita bisa menggunakan lebih dari satu proxy.




7. Menggunakan Google Mobile Search
Anda juga dapat mencoba menggunakan Google mobile search, tetapi biasanya hasil yang didapat tidak maksimal. Cara ini sama seperti saat menggunakan web translator atau web proxy.

8. Menggunakan Aplikasi Tambahan
Aplikasi tambahan yang dimaksud adalah aplikasi selain browser yang dapat digunakan untuk mengakses internet untuk menghindari blokir. Beberapa di antara aplikasi yang dapat digunakan adalah:
GPass adalah aplikasi gratisan yang menyediakan koneksi terenkripsi untuk melewati sensor dan filtering. Aplikasi ini menggunakan socks tunnel yang terenkripsi dan dapat memanfaatkan aplikasi anonymizer lain seperti Skype dan Tor sebagai tambahan.
Pengguna cukup melakukan drag dan drop aplikasi tertentu seperti web browser, email client, IM dan aplikasi lainnya yang membutuhkan koneksi internet ke dalam jendela program GPass. Tanpa membutuhkan pengaturan lain yang biasanya rumit, Anda dapat langsung menjalankan aplikasi-aplikasi tersebut seperti biasa dengan lebih aman. Sangat berguna bagi Anda yang menggunakan akses internet menggunakan Hotspot/ Wi-Fi publik. Coba juga Hotspot Shield.
Aplikasi lainnya yang bisa Anda coba adalah Tor. Aplikasi ini sudah terkenal sangat tangguh untuk membuat keberadaan kita di internet tidak diketahui. Pengembangan awalnya dilakukan dan digunakan oleh U.S. Navy (Angkatan Laut AS) untuk mengamankan komunikasi pemerintah. Cara kerjanya adalah dengan menggunakan banyak anonymous server sekaligus untuk sebuah permintaan situs web.

9. Remote Connect ke PC
Ini cara yang paling ampuh, tetapi ada beberapa syarat yang harus dipenuhi. Anda harus memiliki komputer di tempat lain yang aktif dan terkoneksi dengan internet, misalnya sebuah komputer di rumah. Instal dan jalankan aplikasi Remote Connect yang gratis seperti UltraVNC atau TightVNC dan gunakan sandi yang aman.
Setelah itu instal aplikasi client di komputer yang Anda pakai di tempat lain, dan ketik alamat IP/Host name/Nama komputer di rumah (kunjungi whatsmyip.org untuk mendapatkan alamat IP Anda) dan sandi untuk memanfaatkan jaringan internet rumah Anda yang bebas untuk mengakses apapun situs yang Anda dapat Anda akses di rumah sendiri.
Untuk mendapatkan tingkat keberhasilan yang lebih tinggi, gunakan juga beberapa trik di bawah ini:
* Gunakan nama domain apabila koneksi internet di kantor/sekolah memblokir semua request yang menggunakan alamat IP (DynDNS atau lebih baik lagi apabila Anda sudah memiliki domain Anda sendiri)
* Gunakan protokol HTTP VNC yang dapat diakses melalui browser (tidak perlu menginstal VNC Viewer di komputer kantor/sekolah)

10. Menggunakan Layanan Alternatif
Kalau Anda tahu layanan online alternatif yang bisa dipakai dan selalu menyimpan data online, Anda tidak perlu marah-marah, kesal atau stress hanya karena satu situs diblok. Misalkan akses ke layanan email GMail diblok dari tempat Anda, gunakan layanan email lain untuk mem-forward ke GMail atau mengaksesnya melalui aplikasi atau perangkat yang mendukung POP3.
Jangan jadikan internet sebagai tempat penyimpanan data utama. Terlebih untuk file-file penting dan rahasia. Biasakan untuk mem-backup data online ke komputer maupun sebaliknya. Mungkin saja cloud computing itu serapuh namanya^^. Bisa Anda baca pendapat pendiri GNU mengenai cloud computing.
Bagian ini sebenarnya bukan cara terakhir, tapi saya masukkan untuk mengingatkan Anda supaya tidak lagi hanya terpaku pada satu layanan di internet, dan mulai dari sekarang mencari alternatif yang tersedia banyak di internet yang sangat luas ini.
Demikian beberapa cara yang bisa dilakukan untuk dapat membuka atau mengakses alamat website yang diblokir oleh network admin.


"Demikian triks singkat dari saya semoga bermanfaat. salam blogger, maju terus blogger indonesia...!!!"


Cara membuat Widget Recent Comment



Assalamualikum sob,,hehe 
baru posting lagi ni...banyak aktifitas yang perlu di selsaikan sehingga jarang nongol lagi di blogger
mumpung ada selah waktu digunain aja buat posting. walaupun singkat tapi semoga bermanfaat. 


ok tha sob..!!! Postingan kali ini saya coba menguraikan sedikit trik,"cara memasang widget recent comment", simple ja ko sob. 


bagi yang berminat silahkan Copas Script di bawah ini :

<script style="text/javascript" src="http://blogoptimization.googlecode.com/files/recent_comment.js"></script><script style="text/javascript">var numcomments = 10;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script><script src="http://optimasi-blog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>


Berikut trik pemasangannya sob :


1. Pastinya login dulu ke blog sobat.


2. Klik Tata letak,add gadget, HTML javascrript.


3. Copas Script di atas.


Note :
Ganti kode yang berwarna merah dengan alamat penyimpanan file "recent_comment.js atau recent_comment.txt" kamu sendiri (ex : googlecode.com). Kalau tidak biarkan apa adanya.
Ganti kode yang berwarna hijau nilai numcomments untuk menampilkan jumlah komentator dan numchars untuk menampilkan jumlah karakter teks komentar per-komentator.
Ganti kode yang berwarna biru dengan alamat blog Sobat.
jangan lupa Save..Semoga bermanfaat...


Mengurangi pemakaian sudut lancip pada Border



Pengunaan sudut lancip pada border sudah mulai berkurang sekarang ini, 
Dengan adanya css3 (border-radius) bentuk lengkung atau tumpul pada border sudah bisa dibuat, 


Penggunaan border dengan bentuk lengkung lebih saya sukai dan saya banyak menggunakan bentuk lengkung ini pada blog.

ok..! langsung aja sob



di bawah ini ada beberapa contoh penggunaan sudut lengkung pada garis border

Contoh Border 1:

BORDER 1


.border-1 {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
border: 2px solid #A89D61;
}


Contoh Border 2:
BORDER 2


.border-2 {
-moz-border-radius-topleft: 30px;
-moz-border-radius-bottomright: 30px;
-webkit-border-top-left-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
border: 2px solid #A89D61;
}


Contoh Border 3:

CIRCLE


.circle {
-moz-border-radius: 80px;
-webkit-border-radius: 80px;
border-radius: 80px;
border: 2px solid #A89D61;
background:#D2CCAD;
width: 150px;
height: 150px;
}


Note :
Gantilah bagian warna merah di bagian border sesuai dengan keinginan sobat, untuk mempermudah pencarian warna yang sesuai,bisa pergunakan tools warna Disini..
Selamat mencoba sob. semoga bermanfaat,,


Menyembunyikan Widget pada Halaman tertentu



Memodifikasi bentuk dan tampilan bagi seorang blogger adalah kerjaan yang mamakan waktu dan biaya, tapi dilain pihak juga merupakan kerjaan yang mengasyikan dan menyenangkan, kadang sampai lupa waktu, lupa mandi. lupa pacar,,hehehe,,,Selain mengasyikan juga sambil mengasah otak supaya tidak cepat tumpul.

Untuk menampilkan atau meyembunyikan widget sidebar caranya sama seperti Postingan yang Kemarin mengenai Menampilkan Widget hanya pada Homepage atau pada Beranda saja. Untuk mengetahui kode penyembunyi atau kode untuk memunculkan widget pada halaman tertentu lainnya adalah sebagai berikut :



1. menampilkan widget hanya pada Homepage


<b:if cond='data:blog.url == data:blog.homepageUrl'>
=====
</b:if>


2. menampilkan widget selain pada Homepage


<b:if cond='data:blog.url != data:blog.homepageUrl'>
=====
</b:if>


3. menampilkan widget hanya pada Itempage/Post


<b:if cond='data:blog.pageType == "item"'>
=====
</b:if>


4. menampilkan widget selain pada Itempage/Post


<b:if cond='data:blog.pageType != "item"'>
=====
</b:if>


5. menampilkan widget hanya pada Archivepage

<b:if cond='data:blog.pageType == "archive"'>
=====
</b:if>


6. menampilkan widget selain pada Archivepage


<b:if cond='data:blog.pageType != "archive"'>
=====
</b:if>


7. menampilkan widget hanya pada Staticpage


<b:if cond='data:blog.pageType == "static_page"'>
=====
</b:if>


8. menampilkan widget selain pada Staticpage


<b:if cond='data:blog.pageType != "static_page"'>
=====
</b:if>


9. menampilkan widget pada URL postingan tertentu


<b:if cond='data:blog.url == "Alamat Postingan"'>
=====
</b:if>


10. menampilkan widget selain pada postingan tertentu


<b:if cond='data:blog.url != "Alamat Postingan"'>
=====
</b:if>


Untuk Alamat postingan ganti dengan URl sobat


Note :
Untuk cara pemasangan bisa melihat pada posting terdahulu mengenai Menampilkan widget hanya pada Homegape,
Selamat mencoba sob. ada  keluhan silahkan koment.



Cara Memasang widget Random Post



Assalamualaikum sob.Widget Random Post,menampilkan title post secara acak, baik itu artikel lama atau pun baru.
Penggunaan widget ini akan mempermudah pengunjung untuk mengetahui artikel-artikel didalamnya, seperti halnya widget Popular Post yang menampilkan title-title yang sering dibaca pada waktu tertentu, Ok sob bagi yang berminat silahkan copas Script di bawah ini :




<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&
callback=randomposts" type="text/javascript"></script>
<span class="Apple-style-span" style="color: black; font-family: arial, sans-serif; font-size: 10px;"><a href="http://situseo.blogspot.com/2011/11/memasang-widget-random-post-atau.html" target="_blank">thank you for visiting</a></span>


Note :
Angka 10 yang diberi tanda warna merah, menunjukan jumlah post yang akan muncul dalam widget random post, sobat bisa merubahnya sesuai dengan keinginan.
Demikian postingan singkat dari saya sob, semoga bermanfaat.


 

Flag counter

free counters

Followers

CloseDon't forget to click LIKE or FOLLOW!!
Return to top of page Copyright © 2012 | Platinum Theme Modification Blogger Template by DhAnEy