★ HamNes Share ★

Cara Memasang / Memberi Scroll Pada Arsip Blogger

2013-12-31T22:22:00.000-08:00

Hai sobat jumpa lagi di blogger kami, kali ini kami ingin memposting tentang Cara Memasang / Memberi Scroll Pada Arsip Blogger. cara ini adalah untuk memberi tampilan blog menjadi lebih minimalis atau tidak terlalu panjang ke bawah, caranya cukup mudah kok sobat, mari simak cara di bawah ini.

Cara :

1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut dengan cara tekan CTRL + F

6. Setelah ketemu, kemudian paste kode ini <div style='overflow:auto; width:ancho; height:200px;'> tepat di atas kode cara nomer 5, dan kode </div> tepat diatas kode </b:includable>

7. Kode lengkapnya adalah seperti ini

8. Simpan dan lihat hasilnya.

Keterangan :

Kode warna merah dan biru adalah kode yang ditambahkan kedalam script tersebut, 200 adalah tingginya, dan kita bisa ubah sesuai selera.

OK sekian posting dari kami, semoga bermanfaat.

Cara Memasang Widget Share Button Di Bawah Postingan Blogger

2013-12-16T20:50:00.002-08:00

Hallo Sobat, Kali ini kami akan menpostingkan tentang Cara Memasang Widget Share Button di Blogger.
Widget ini dapat memberikan kemudahan bagi pemilik dan pengunjung blog dalam berbagi suatu konten yang ada di blog.
Share button yang akan saya posting kali ini adalah share button dari situs www.sharethis.com, yang terletak dibawah artikel seperti yang terpasang di blog ini
dan dalam widget ini terdapat tombol, facebook like, google plus1 button, twitter, dan juga sharethis.

Oke tanpa basa - basi lagi, ayo simak caranya di bawah ini :

1. Login ke Blog.
2. Masuk menu Template.
3. Edit HTML.
4. Cari kode <data:post.body/>.
5. Masukkan kode ini dibawah <data:post.body/> yang ke 3 (kalo masih belum bisa silahkan dicoba satu persatu ).

<p>Share this</p>


<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count" href=""></a>
<a class="addthis_button_tweet" href=""></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium" href=""></a>
<a class="addthis_counter addthis_pill_style" href=""></a>
</div>
<script src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e8062ca66617053" type="text/javascript"></script>

6. Biasanya terdapat kode </b:if> di bawah kode <data:post.body/>, atau sobat bisa masukan kode pada cara nomer 5 tadi di bawah kode </b:if>.
Contoh :

<data:post.title/>
</b:if>

<p>Share this :</p>
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e8062ca66617053"></script>

7. Simpan dan lihat hasilnya.

Sekian dulu posting kami kali ini, semoga bermanfaat, dan sampai jumpa lagi di posting yang selanjutnya sobat.

Cara Memasang Scroll Pada Popular Post | Entri Populer Di Blogger

2013-12-06T16:53:00.001-08:00

Cara Memasang Scroll Pada Popular Post Di Blogger, blog archive dan label bertujuan untuk mendapatkan tampilan blog yang ringkas dan enak untuk dipandang, jadi kelihatan rapi, dan menghemat tempat pastinya. Blog akan kelihatan profesionall dangan memakai scroll. Untuk membuat scroll ini sangat mudah dan gampang sekali. Ada dua cara untuk Memasang Scroll Pada Popular Post / Entri Populer Di Blogger.

Lihat caranya di bawah ini :

Cara 1.

1. Login ke akun blogger sobat
2. Pilih Template >Edit HTML
3. Cari kode " ]]>< /b:skin > " untuk mempercepat pencarian gunakan ctrl+f pada keyboard
Jika sudah ketemu copy dan pastekan kode di bawah ini tepat diatas kode ]]>< /b:skin >

#PopularPosts1 .widget-content{
height:170px; width:auto;
overflow:auto;
}

Kode diatas juga berlaku untuk pemasangan scroll pada Blog Archive, Label, dan Categori blog. Sobat bisa mengganti tulisan PopularPost1 dengan kata-kata yang lain sesuai dengan widget sidebar blog sobat. Untuk mendapatkan ukuran scroll yang diinginkan sobat bisa mengganti tulisan warna Merah dengan ukuran yang sobat inginkan.

Sebelum kalian menggunakan tutorial ini sebelumnya kalian harus tambahkan HTML/Java Script - Blog Archive pada Tata Letak kalian.!!

Cara 2.

1. Masuk ke blogger
2. Buatlah Entri Populer/Populer Post dengan menambah Gadget. (jika diblog anda belum terpasang popular post). Dan save it..
3. Untuk menambahkan fungsi scroll pada popular post, masuk ke Template >> Edit HTML.
4. CTRL+F dan ketikkan kata “Populer Post”. Cari kode yang mirip seperti dibawah ini :

<b:widget id='PopularPosts1' locked='false' title='Terpopuler' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div style='overflow:auto; width:ancho;height:500px;'>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>

<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>

<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a>
</div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>

<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize'
expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a>
</div></div>
<div style='clear: both;'/>
<b:else/>

<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize'
expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a>
</div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
</div>
</div>
</b:includable>
</b:widget>

Letakkan Kode berikut ini <div style='overflow:auto; width:ancho;height:200px;'> sebelum kode <div class='widget-content popular-posts'>.
Letakkan Kode </div> berikut Sebelum kode </b:includable>.
Perhatikan tulisan berwarna merah di atas, kode itulah yang harus disisipkan, sedangkan tulisan yang berwarna biru pada height:260px; adalah ukuran tinggi pada fungsi scroll ( ganti angka 260 sesuai dengan keinginan anda)

5. Simpan template.

Jangan lupa di partinjau dilu ya, supaya benar berhasil.
Oke sekian dulu posting saya pada kali ini, semoga bermanfaat.

Cara Memberi Widget Social Media Keren Di Blogger

2013-11-25T17:11:00.000-08:00

Cara Memberi Widget Social Media Keren Di Blogger, Kali ini Hamnes Share ingin memposting tentang widget social media tersebut, dengan adanya widget ini kalian atau para bloggers dapat di hubungi melalui melalui Facebook, Twitter, Google+, dan RSS yang anda punya.
Pokoknya keren deh sobat widgetnya. hehehe...
Oke langsug saja, ikuti langkah - langkahnya di bawah ini :

1. Tentunya masuk ke akun blogger anda / di sini

2. Masuk ke Tata Letak - Klik Tambahkan Gadget.

3. Setelah itu pilih HTML / Java script.

4. Lalu masukan Code di bawah ini :

Code :

#saye{list-style:none; text-decoration:none; font-size:0.9em; font-family:trebuchet ms,sans-serif;}

#saye a{text-decoration:none; font-family:trebuchet ms,sans-serif;}

#saye p{position:relative; height:38px; cursor:pointer; padding: 0 !important;list-style:none;}

#saye .facebook, .googleplus, .pinterest, .rss, .twitter{position:relative; z-index:5; display:block; float:none; margin:1.5px 0 0; width:210px; height:38px; border-radius:5px; background:url(https://lh4.googleusercontent.com/-l0EYSSxxuc8/UFd37FdwjzI/AAAAAAAAG2E/CDbmwPO4haA/s800/sprites.png) no-repeat; background-color:rgba(217,30,118,.42); -webkit-box-shadow:rgba(0,0,0,.28) 0 2px 3px; -moz-box-shadow:rgba(0,0,0,.28) 0 2px 3px; box-shadow:rgba(0,0,0,.28) 0 2px 3px; color:#141414; text-align:left; text-indent:50px; text-shadow:#333 0 1px 0; white-space:nowrap; line-height:32px; -webkit-transition:width .25s ease-in-out,background-color .25s ease-in-out; -moz-transition:width .25s ease-in-out,background-color .25s ease-in-out; -ms-transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-transition:width .25s ease-in-out,background-color .25s ease-in-out; transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-box-shadow:rgba(0,0,0,.28) 0 2px 3px;}

#saye p:after{position:absolute; top:0; left:50px; z-index:2; display:block; height:38px; color:#141414; content:attr(data-alt); line-height:32px;}

#saye .icon{overflow:hidden; color:#fafafa;}

#saye .facebook{width:32px; height:32px; background-color:rgba(59,89,152,0.42); background-position:0 0;}

#saye .twitter{width:32px; height:32px; background-color:rgba(64,153,255,0.42); background-position:0 -33px;}

#saye .googleplus{width:32px; height:32px; background-color:rgba(228,69,36,0.42); background-position:-3px -66px;}

#saye .pinterest{width:32px; height:32px; background-color:rgba(174,45,39,0.42); background-position:0 -95px;}

#saye .rss{ width:32px; height:32px; background-color:rgba(255,102,0,0.42); background-position:-3px -126px;}

#saye p:hover .icon,

.touch #saye p .icon{width:97%;}

.touch #saye p .facebook, #saye p:hover .facebook{background-color:rgba(59,89,152,1);}

.touch #saye p .twitter, #saye p:hover .twitter{background-color:rgba(64,153,255,1);}

.touch #saye p .googleplus, #saye p:hover .googleplus{background-color:rgba(228,69,36,1);}

.touch #saye p .pinterest, #saye p:hover .pinterest{background-color:rgba(174,45,39,1);}

.touch #saye p .rss, #saye p:hover .rss{background-color:rgba(255,102,0,1);}

</style>

<ul>

<p data-alt="Follow us on Facebook"><a class="icon facebook" href="rio.permana.ilham.co.id?ref=tn_tnmn" data-alt="Follow us on Facebook">Ikuti Saya di Facebook</a></p>

<p data-alt="Follow us on Twitter"><a class="icon twitter" href="https://twitter.com/HamNesShare">Ikuti Saya di Twitter</a></p>

<p data-alt="Follow us on Google+"><a class="icon googleplus" href="https://plus.google.com/101153979919678528441">Ikuti Saya di Google+</a></p>

<p data-alt="Subscribe with RSS"><a class="icon rss" href="http://feeds.feedburner.com/HamnesShare">Update melalui RSS</a></p>

</ul>

</div>

5. Ganti code yang berwarna biru dengan URL sobat, dan sobat juga bisa ganti code yang berwarna merah sesuai keinginan sobat.

6. Simpan dan lihat hasilnya.

Sekian dulu posting dari Hamnes Share, Semoga bermanfaat ya sobat.

Cara Membuat atau Memasang Visitor Flag Counter di Blog

2013-11-23T04:45:00.000-08:00

Cara Memasang visitor Flag Counter di Blogger atau Cara menghitung visitot dengan counter flag, kali ini saya ingin mempostingkan tentang bagaimana Cara Memasang Visitor Flag Counter pada blogger. Fasilitas ini dapat membantu kita intuk mengetahui berapa banyak jumlah pengujung beserta negaranya yang mampir di blog kita, Akan tetapi pengunjung yang datang untuk ke dua kalinya Tidak di Hitung, ( karena counter ini mendeteksi darimana pengunjung berasal, jadi setiap pengunjung yang online / menggunakan IP Adress lah yang di deteksi oleh counter ini ).
Contoh gambar :

Berikut cara memasang visitor dengan counter flag - Visitor blog :

1. Kunjungi dulu alamat flagnya DISINI.

2. Pada create your free counter isikan option untuk mengatur tampilan flag counter isikan option untuk mengatur tampilan flag counter dan sesuaikan dengan kondisi blog anda :

o maximum flag to show : jumlah bendara yang akan ditampilkan

o columns of flag : jumlah kolom bendera

o label on top of counter : nama dari counter flag

o Background color : warna latar dari counter flag

o text color : warna tulisan

o Border color : warna garis tepi dari counter flag

o show country flag : untuk menampilkan kode negara

o show pageview : untuk menampilkan jumlah halaman yang dikunjungi

3. Setelah mengatur tampilan counter flag akan terlihat preview pada example flag counter with your choices setelah tampilan sesuai dengan keinginan kita kemudian klik get your flag counter.

4. Masukan alamat Email blog anda.

5. Setelah itu copy code yang berada di Code for website Untuk di pastekan ke dashbor blog sobat.

6. Login ke Acount Blog anda Lalu pilih tata letak atau layout. Lalu pilih Elemen halaman atau Page element. Lalu klik tambah Gadget atau add Gadget, lalu pilih opsi HTML/JAVA SCRIPT setelah itu paste kode HTML Flag Counter yang anda dapatkan tadi.

7. Klik OK dan Save.

Selesai, atur saja letaknya sesuai keinginan sobat.

Selesai. Counter Blog Sobat sudah Jadi. Sekian posting mengenai cara memasang visitor flag counter di blog. Semoga bermanfaat.

Download AVG Internet Security 2014 + Serial Number

2013-11-13T07:31:00.001-08:00

Hai sobat.! kali ini saya akan memposting tentang antivirus AVGInternet Security2014 + Serial Number.

KEUNGGULAN PERLINDUNGAN AVG ANTIVIRUS TERBARU 2014 :

Mendeteksi dan menghentikan virus, ancaman, dan malware
Mencegah spam dan pengirim scam online
Menghentikan tautan dan file yang tidak aman

Keamanan :

Meninggalkan file yang dihapus tanpa jejak
Membantu menjaga agar data pribadi Anda tetap aman
Mencegah aktivitas mata-mata dan pencurian data
Menghentikan peretas mengakses data pribadi Anda

Kinerja :

Membantu memastikan PC bekerja dengan cepat
Mengakselerasi pengalaman web

Dukungan :

Saran dan peringatan yang mudah diterapka

Tampian AVG 2014 :

Oke Langsung saja, bila anda ingin download silahkan klik download di bawah ini.

AVG.exe :

Serial Number Until 2018:

Lebih Baik, lebih Melindungi, lebih Canggih, dan lebih Keren kan Sobat.!!!

Sekian posting dari saya, Semoga bermanfaat.

Cara Memasang Energi Saving Mode Keren Di Blogger

2013-11-12T06:43:00.001-08:00

Apa kabar sobat, kali ini saya akan memposting tentang Cara Memasang Energi Saving Mode Di Blogger. Siapa yang belum tau tentang fitur ini.? Fitur ini memberikan cara yang berfungsi penuh dan sederhana untuk membantu website atau blogger yang Anda jalankan menghasilkan energi lebih sedikit.

Fitur tersebut menyembunyikan animasi berat, seperti widget - widget yang banyak. Ketika pengunjung anda tidak aktif, maka fitur akan menampilkan Standby Screen, dengan tulisan "Energy saving mode".

Berikut Cara Memasangnya :

1. Login ke Blogger

2. Jika sudah masuk lalu pilihlah tata letak

3. Pilihlah widget HTML/Java Script

4. Setelah itu copy kode di bawah ini :

Code:

<span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="line-height: 20.796875px; word-spacing: 1px;"><style type="text/css">body .saving{position: fixed;width: 100%;top: 0;left:0;height: 98%;opacity: 0.98;filter: alpha(opacity=98);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";background: #000;border-bottom: 3px solid transparent;z-index: 999999;-o-transition: all 3s ease-in-out 10s;-moz-transition: all 3s ease-in-out 10s;-webkit-transition: all 3s ease-in-out 10s;}body:hover .saving {opacity: 0.0;height:0.001%;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";background: #0ea6fa;border-bottom: 5px solid #339;-o-transition: opacity 2s ease-in-out 2.5s, background-color 3s linear 0.5s, height 1s ease-in 1.8s;-moz-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;-webkit-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;}body .saving p.esm1{margin: 0;padding: 0;width: 92%;background: transparent;font-size: 100px;font-family: "Serif", Times New Roman;color: #0ea6fa;text-shadow: 0 0 2px #ccc, 0 -5px 4px #009, 2px -6px 6px #009, -2px -8px 9px #9cc, 2px -10px 10px #009;position: relative;margin-top: 200px;line-height: 20px;font-weight: bold;text-align: center;border: 30px solid transparent;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;-o-transition: -o-transform 5s ease-out 8s, background-color 4s ease-out 12s;-moz-transition: -moz-transform 5s ease-out 8s, background 4s ease-out 12s;-webkit-transition: -webkit-transform 5s ease-out 8s, background 4s ease-out 12s;}body:hover .saving p.esm1{font-size: 10px;color: Blue;width: 25%;margin: 340px 0 0 300px;padding: 25px;background: #0ea6fa;border: 20px solid #009;border-radius: 170px;-moz-border-radius: 170px;-webkit-border-radius: 170px;-o-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-moz-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-webkit-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-o-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -o-transform 1.2s linear 1.5s, background-color 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-moz-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -moz-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-webkit-transition: font 1.1s 0.1s, width 1.7s 0s, margin-left 0.8s 1.2s, -webkit-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1s ease-in 0.5s, border 3s ease-in, -webkit-border-radius 3s ease-in;}.saving p span.esm2{font-size: 18px;opacity: 0.5;filter: alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";display: block;text-align: center;width: 300px;margin: -10px auto; font-weight: normal;padding: 2px 8px;background: #000;border: 1px solid #336;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;color: #0ea6fa;text-shadow: none;font-family: Arial, Helvetica, sans-serif;-o-transition: 1s ease-out;-moz-transition: 1s ease-out;-webkit-transition: 1s ease-out;}.saving:hover p span.esm2{font-size: 10px;width: 200px;padding: 0;}.saving p span.esm3{color: #ccc;font-family: "Tahoma", Arial, Helvetica;display: block;margin:10px auto;background: url http://i964.photobucket.com/albums/ae124...) left center repeat-x;background: -moz-linear-gradient(top,#cff,#9ff);background: -webkit-gradient(linear,0% top,0% bottom,from(#ccc),to(#009));opacity: 0.6;filter: alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";width: 250px;text-shadow: 1px 1px 1px #000;border: 1px solid #0ea6fa;border-radius: 4px;padding:2px 10px;-moz-border-radius: 4px;-webkit-border-radius: 4px;font-size: 12px;font-weight: normal;line-height: 16px;}.saving .by_evanzip{margin-left: 30px;text-align: center;color: #0ea6fa;font-size: 12px;font-weight: normal;position: absolute;bottom: 30px;width: 100%;height: 20px;left: 0;}.saving .by_Tejahtc span.esm4 {color: #009;font-style:italic;font-size:14px;font-weight:bold;text-transform:uppercase;}#recpost {width:210px;overflow: hidden;height: 327px;float: right;margin-top: 10px;padding: 4px 2px;background: transparent;border: 1px solid transparent;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-webkit-transition: all 1.5s ease-out;}</style></span></span></div> <div style="background-color: rgba(255, 255, 255, 0.498039); border: 0px; margin-bottom: 1.6em; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="line-height: 20.796875px; word-spacing: 1px;"><div class='saving'> </span></span></div> <div style="background-color: rgba(255, 255, 255, 0.498039); border: 0px; margin-bottom: 1.6em; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="line-height: 20.796875px; word-spacing: 1px;"><p class='esm1'>Energi Saving Mode<br/></span></span></div> <div style="background-color: rgba(255, 255, 255, 0.498039); border: 0px; margin-bottom: 1.6em; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="line-height: 20.796875px; word-spacing: 1px;"><br/><div class='by_evanzip'> Original design by: <span class='esm4'> hamnesshare.blogspot.com </span> | Copyright © 2013.</div> </span></span></div> <div style="background-color: rgba(255, 255, 255, 0.498039); border: 0px; margin-bottom: 1.6em; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="line-height: 20.796875px; word-spacing: 1px;"></p> </span></span></div> <div style="background-color: rgba(255, 255, 255, 0.498039); border: 0px; margin-bottom: 1.6em; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="line-height: 20.796875px; word-spacing: 1px;"><center> <span class='esm3'> Move your mouse to go back to the page! <br/><blink> Hey...! jangan pergi dulu, gerakin aja lagi mousenya. </blink><br/><blink></span></span></div> <div style="background-color: rgba(255, 255, 255, 0.498039); border: 0px; margin-bottom: 1.6em; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="line-height: 20.796875px; word-spacing: 1px;"><center> <span class='esm3'> Nah gitu Dong. :) <br/></span></span></div> <div style="background-color: rgba(255, 255, 255, 0.498039); border: 0px; margin-bottom: 1.6em; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="line-height: 20.796875px; word-spacing: 1px;"></span></span></span></div> <div style="background-color: rgba(255, 255, 255, 0.498039); border: 0px; margin-bottom: 1.6em; outline: 0px; padding: 0px; vertical-align: baseline;"> <span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="background-color: white; line-height: 20.796875px; text-align: justify; word-spacing: 1px;"></span></span></div> <div style="background-color: rgba(255, 255, 255, 0.498039); border: 0px; margin-bottom: 1.6em; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="line-height: 20.796875px; word-spacing: 1px;"></center> </blink></span></center> </div> </span></span></div>

5. Ganti tulisan / warnanya sesuai keinginan anda

6. Simpan

Coba lihat Hasilnya sobat, keren kan.!! Hehehe...
Bilang kurang memuaskan sobat bisa edit sendiri.
Terimakasih sudah berkunjung dan semoga bermanfaat.

Cara Memasang Widget Twitter Berputar & Lucu di Blog

2013-10-26T20:56:00.001-07:00

Apa kabar sobat, jumpa lagi di blogger saya, pada postingan kali ini saya akan memberitahu tentang bagaimana Cara Memberi Widget Twitter Lucu Dan Keren Di Blog. jika sobat pernah membuka suatu blog di mana di sidebar blog terlihat gambar burung twitter yang memutar - mutar papan kayu, yang apabila di klik menuju acount si pemilik blogger.

oke langsung saja.

1. login ke blogger

2. jika sudah masuk lalu pilihlah tata letak

3. jika sudah masuk kemudian pilih tambahkan widget di sidebar blog sobat-sobat sekalian

4. pilihlah widget HTML/Java Script

5. Kemudian copy kede dibawah ini :

Keterangan untuk tulisan yang berwarna merah sobat ganti dengan nama user name twitter sobat-sobat sekalian dan jika ingin merubah kuran lebar tinggal menganti angka yang bertanda warna biru, dan jika ingin mengubah ukuran tinggi dan lebarnya tinggal mengubah angka yang berwana biru

6. jika sudah lalu simpan dan lihat hasilnya.

Terimakasih sudah berkunjung dan semoga bermanfaat.

Cara Membuat Spoiler Di Dalam Posting Blog | Buka Tutup

2013-10-24T19:43:00.000-07:00

Cara Membuat Spoiler Di Dalam Posting Blog | Buka Tutup, Mungkin anda berpikiran bahwa tampilan ini lebih menarik, dan tidak terlalu memakan banyak tempat.
Memang begitulah seharusnya bila anda menerapkan tampilan ini di blogger anda.
Oke langsung saja ikuti langkah - langkah di bawah ini.!

Caranya :

1. Login ke Blogger

2. Pilih New Post atau Entri Baru

3. Kemudian pilih mode HTML (selain Compose) saat membuat entri baru

4. Sisipkan kode script di bawah ini untuk membuat spoiler :

Code:

5. Ganti tulisan Judul Spoiler, ( Buka / Tutup ) sesuai keinginan anda

6. Klik Publikasikan dan lihat lah hasilnya

7. Contoh :

Sample:

Sekian postingan dari saya, selamat mencoba dan Semoga bermanfaat.

Download Mozilla Firefox Terbaru | Full Version

2013-10-24T18:31:00.002-07:00

Mozilla Firefox, Siapa yang tidak mengenal alat bantu atau perantara untuk browsing di internet ini, pasti kalian sudah mengenal persis kan tentang browser tersebut.
Nah pada kali ini saya ingin membahas tentang keunggulan dari Mozilla Firefox ini.

Setelah lebih dari sepuluh tahun pembangunan Firefox telah menjadi salah satu browser yang paling populer, dengan pangsa 20 % dari pasar dan ratusan juta pengguna. Kreator Mozilla tidak benar-benar menjalankan kekurangan ide, meskipun, justru sebaliknya: pindah ke siklus rilis cepat, dan update besar setiap enam minggu, telah melihat browser lebih ditingkatkan dengan sejumlah fitur baru.

Firefox sekarang dapat melihat file PDF itu sendiri, misalnya - tidak perlu menginstal alat pihak ketiga. Dan itu penampil besar, juga, dengan dukungan zoom, thumbnail dokumen dan ikon, tampilan layar penuh, pencetakan dan banyak lagi.

Navigasi selalu cepat dan mudah. Luncurkan browser dan halaman rumah didesain ulang memberikan Anda akses satu-klik ke fungsi kunci seperti " Download " , " Bookmarks " , " Add- ons " dan banyak lagi. Sementara laman Tab Baru secara otomatis menampilkan thumbnail dari situs yang paling baru dan sering mengunjungi Anda. Anda tidak harus menelusuri menu panjang, atau klik tombol toolbar lagi - Anda dapat menemukan situs favorit Anda dalam sekejap, dan membukanya dengan klik.

Mungkin Anda khawatir tentang keamanan.? Program ini sekarang akan mengingatkan Anda jika ada sesuatu mencoba untuk mengubah penyedia pencarian default, tanpa izin Anda. Hal ini dapat memblokir plugin web usang - Flash, Java, dan sebagainya - dari pembukaan konten, membantu melindungi Anda dari eksploitasi. Dan menjaga privasi online Anda sekarang lebih mudah dari sebelumnya, seperti Firefox dapat membuka tab browsing pribadi tanpa mengganggu sisa sesi browser Anda .

Antarmuka secara teratur sedang disempurnakan untuk membuatnya lebih sederhana dan lebih bermanfaat. Pelacakan download lebih mudah dari sebelumnya, misalnya: ikon kecil di sebelah kanan address bar membuat Anda tetap up - to-date dengan kemajuan download, dan sekarang Anda dapat mengelola download Anda, sejarah, tag dan bookmark dari Perpustakaan Firefox yang sama layar.

Masa depan tampak sangat menarik, juga dengan update tingkat rendah rutin memberikan browser kekuasaan bahkan lebih. Jadi baru " API Sosial " berarti Anda akan dapat mengakses Facebook langsung dari Firefox, misalnya, tanpa harus mengunjungi situs Facebook, sedangkan kerangka WebRTC baru menambahkan dukungan langsung untuk audio di -browser dan video chatting.

Dan tentu saja semua ini dibangun di atas fondasi yang sudah kuat, benar-benar dikemas dengan fitur-fitur penting : bar pencarian yang kuat, mudah menggunakan antarmuka tab, password manager, pop-up blocker, pencarian web terintegrasi, RSS feed reader, komprehensif keamanan dan alat privasi, dan koleksi besar addons browser yang terbaik Anda akan menemukan di mana saja.

Firefox masih memiliki banyak kompetisi yang kuat, tentu saja, khususnya dari Google Chrome.

Type: Full commercial application
Platform: Windows 8 compatible, Windows Vista 64-bit, Windows 7, Windows 7 64-bit, Windows Vista, Windows XP
Manufacturer: Mozilla

Oke itu saja penjelassan dari saya, tanpa basa basi lagi bila anda ingin download silahkan download di link yang sudah saya sediakan di bawah ini.

Mozilla Firefox 20

Mozilla Firefox 21

Mozilla Firefox 22

Mozilla Firefox 23

Mozilla Firefox 24

Semoga bermanfaat, lebih cepat dan seru browsing di internet ya sobat.

Cara Membuat / Memasang Widget Monyet Ngumpet di Blog

2013-10-24T07:12:00.004-07:00

Cara Membuat | Memasang Widget Monyet Ngumpet di Blog, Bagi para bloggers mungkin ada yang sudah tau mengenai widget yang lucu, unik, ngegemesin, dan unyu" ini tentunya.
Penasaran kan.??Haio siapa yang belum tau.?
Hehehe...
Nah bagi sobat yang mau pasang widget ini di blogger, berikut caranya :

1. Login ke akun blogger anda.

2. Klik Template » Edit HTML » Lanjutkan » Centang Expand Template Widget ( Mungin di tampilan baru tidak ada Expand Template Widget ).

3. Cari kode </body>, lalu letakan kode dibawah ini tepat diatas kode </body>.

<div id='namanyayoyo' style='position:fixed;bottom:50px;left:0;z-index:1'><embed bgcolor='#FFFFFF' height='125' id='mymovie' name='mymovie' quality='high' src='http://www.cute-factor.com/animation/yoyocici/yoyoduo.swf' style='' type='application/x-shockwave-flash' width='50' wmode='transparent'/></div>

4. Simpan.

5. Dan Lihat sendiri hasilnya ya sobat.

Gimana lucu banget kan sobat.!!
Hehehe... Terimakasih atas kunjungannya, semoga bermanfaat.

10 Situs Template Generator | Membuat Template Website / Blog Sendiri

2013-10-21T07:42:00.003-07:00

Apa bila anda tidak puas dengan template blog / website yang sudah dibuat sendiri desain atau kode - kode template bebas buatan orang lain yang beredar di luar sana dan ingin membuat sendiri desain anda dengan mudah tanpa terlalu ahli di bidang kode web, maka template generator ini adalah yang anda perlukan, karena mudah digunakan dengan struktur dasar yang mudah dipahami. Nah di bawah ini adalah 10 Template Generator terbaik tersebut.

1. Weebly
http://www.weebly.com
Generator template yang rapi ini memiliki 15 desain pre-built yang bisa dikustomisasi dengan menambahkan elemen seperti iklan, feed icon, map, contact form, teks dan layout gambar, kolom google dan youtube video dan lain sebagainya. Jika anda sudah selesai anda bisa mempublikasikan situs/blog tersebut pada platform anda.

2. CSSEZ
http://cssez.com
CSSEZ ini adalah generator template online untuk blog wordpress dan movable type. Jika anda ingin menggunakan layanan ini, anda perlu registrasi gratis disini. Beberapa fiturnya yang bagus adalah memilih antara satu sampai empat kolom template, mengatur lebar kolom, padding, margin, border, font dan style link. Anda juga dapat mengupload gambar atau membuat sendiri dengan image maker.

3. Dotemplate
http://www.dotemplate.com
Dotemplate ini menyediakan 12 template XHTML dan CSS compliant dasar gratis yang bisa anda pilih sendiri. Anda bisa memilih salah satu dan kemudian mengkustomisasinya dengan mengubah warna, font, teks, posisi teks dan lain sebagainya pada background, container, footer, menu dan boks. Selain itu anda juga bisa menambahkan efek seperti drop shadow, gradien dan round corner. Layanan ini sangat menarik karena tidak memerlukan pengetahuan html yang terlalu banyak untuk mempergunakannya, selain itu ada pilihan untuk mengupload gambar anda sendiri.

4. Firdamatic
http://www.wannabegirl.org/firdamatic
Generator template online untuk blogger dan movable type ini memiliki pilihan dua dan tiga kolom, anda bisa memasukkan sendiri informasi pada boks relevan pada form online yang tersedian dan klik generate template, selain itu anda juga bisa menambahkan judul situs, url gambar dan memilih huruf dan warnanya.

5. Drupal Theme Generator
http://xlecom.com/?q=node/152
Generator ini adalah generator theme berbasis MS Excel untuk situs atau blog drupal yang menggunakan template PHP dan Xtemplate. Layanan ini gratis dan memiliki fitur yang kaya seperti generator theme random color, preview theme langsung, html color assistant, dan integrasi CSS, javascript, PHP dan kode html pada theme dari file eksternal dan lain sebagainya. Selain itu ada 9 theme yang bisa anda dapatkan ketika mendownload generator ini.

6. PsycHo
http://psyc.horm.org
Generator online template open source ini dapat diaplikasikan pada platform blogger, persian blog, dan blogFa. Anda bisa mengatur sendiri judul halaman, warna background body template, judul background, deskripsi, teks, spacing dan memilih hingga 4 pilihan kolom. Anda juga bisa preview template anda dan menyimpan kodenya. Layanan ini mudah digunakan tanpa pengetahuan html yang terlalu banyak.

7. Eris’ Template Generator
http://www.erisfree.com/d2/apart.php
Generator ini menyediakan 11 skin untuk blog anda dengan tiga pilihan kolom untuk setiap skinnya. Saat ini layanan ini mendukung diaryland, diary-x, movabletype, blogger, wordpress, b2 dan free html site template lainnya. Anda bisa menambahkan tagline, meta tag dan termasuk link ke index, arsip, email, notes, profile, buddylist dan juga 5 entri untuk diaryland, 10 entri untuk movable type, kalender untuk b2, blogroll untuk wordpress, XHTML compliant dan content copyright, webring, chat screen name dan button.

8. Templatr
http://templatr.cc
Templatr ini menyediakan lebih dari 20 layout dan pilihan formatting untuk berbagai elemen halaman termasuk halaman utama, header, footer, titles, margin, padding, border dan banyak lagi untuk keperluan wordpress blog. Selain itu, layanan ini juga menyediakan upload dimana anda bisa mengupload grafis/gambar . Setelah itu anda bisa mendownload template jika anda telah selesai dan mengaplikasikannya pada blog anda.

9. WordPress Theme Generator
http://www.yvoschaap.com/wpthemegen/
Layanan generator online dapat membantu anda untuk membuat sendiri theme wordpress anda dengan mudah tanpa pengetahuan html dan css language. Layanan ini menyediakan pilihan untuk memilih sendiri nama blog, ukuran body, lokasi sidebar dan ukurannya, menambahkan kolom ketiga, layout menu, warna dan skema teks, anda juga bisa menambahkan tag cloud, arsip dan kotak pencarian. Selain itu anda bisa mengupload logo situs anda online dan membuat link-nya dari template. Jika anda telah selesai anda bisa melihat hasil kreasi anda dan mendownloadnya dalam file zip.

10. HTML PHP CSS Website Template Generator
http://www.maketemplate.com
Online generator ini mampu membuat template situs PHP, bersamaan dengan file CSS dan HTML. Anda juga bisa mengkustomisasi style sheet, header, sidebar, dan footer dengan menambahkan sendiri font, warna, margin dan alignment pada form online template generator. ANda juga bisa membuat sendiri scriptnya yang bisa anda kopi dan simpan untuk keperluan anda nanti.

Sekian posting yang telah saya bahas kali ini, Semoga bermanfaat.