Post Game

Friday, December 30, 2016

Cara Membuat Tombol Share Tersebunyi dan Muncul Ketika Di Sorot

Assalamualaikum wr. wb para pembaca, pada kesempatan kali ini saya akan membagikan cara tentang membuat tombol share yang baru baru ini saya pasang di blog saya, tombol tersebut saya dapatkan dari Bloggermint dan script ori dari sananya tidak bisa di gunakan jadi saya otak atik lagi scriptnya heehehe dan setelah 2 hari ngotak ngatik akhirnya saya berhasil membuat script tersebut bekerja dengan baik, dan jika anda tertarik untuk memasangnya di blog anda, silahkan langsung cekidot..

1. Kita masuk dulu ke Blogger
2. Klik Template > Edit HTML > Lanjutkan.
3. Lalu Centang Expand Template Widget.
4. Setelah itu cari kode <data:post.body/> {gunakan CTRL + F}
5. Jika sudah COPAS kode berikut di atas atau di bawahnya

<b:if cond=data:blog.pageType != "index">
<b:if cond=data:blog.pageType != "archive">
<style>
#sharetersembunyi_mini, #sharetersembunyi_mini ul {padding:0; margin:0; list-style:none; width:100px; font-family:arial, sans-serif; background:url("http://www.bloggermint.com/demos/mintshare/images/bkg-btn-grey.gif") repeat-x scroll 0 0 #EDEDED;
}
#sharetersembunyi_mini {width:100px; height:30px; border:1px solid #888; padding: 0 15px;
-o-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}
#sharetersembunyi_mini a.sharetext {
display:block; width:100px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; font-size:13px; font-weight:bold;
background: url("http://www.bloggermint.com/demos/mintshare/images/plus.png") no-repeat scroll 0 center transparent;
padding-left:5px;
cursor:pointer;
}
#sharetersembunyi_mini a.sharetext img {
border: 0 none;
display: block;
margin-left: 10px;
}
#sharetersembunyi_mini .flyout {
background: none repeat scroll 0 0 #AAAAAA;
height: 113px;
left: 40px;
position: relative;
top: -4px;
width: 0;
transition: width 1s ease-in-out;
-o-transition: width 1s ease-in-out;
-moz-transition: width 1s ease-in-out;
-webkit-transition: width 1s ease-in-out;
}
#sharetersembunyi_mini .flyout ul {
background:url("http://www.bloggermint.com/demos/mintshare/images/bkg-btn-grey.gif") repeat-x scroll 0 0 #EDEDED;
list-style:none;
position:absolute;
left:-1000px;
top:-27px;
width:310px;
height:30px;
border:1px solid #888;
border-left:0;
padding-right:10px;
z-index: 500;
overflow: hidden;
padding-left: 15px;
transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-border-radius: 0 15px 15px 0;
-icab-border-radius: 0 15px 15px 0;
-khtml-border-radius: 0 15px 15px 0;
-moz-border-radius: 0 15px 15px 0;
-webkit-border-radius: 0 15px 15px 0;
border-radius: 0 15px 15px 0;
}
#sharetersembunyi_mini:hover .flyout ul{
left:50px;
}
#sharetersembunyi_mini .flyout ul li {
float: left;
}
#sharetersembunyi_mini .flyout ul li a{
}
#sharetersembunyi_mini .flyout ul a img {
}
#sharetersembunyi_mini .flyout ul li.drop-li {position:relative; width:35px; height:30px; float:left; z-index:100; margin-top: -2px;}
#sharetersembunyi_mini .flyout ul li.drop-li a.drop-a {display:block; width:100px; float:left; text-decoration:none; line-height:16px;}
#sharetersembunyi_mini .flyout ul li.drop-li a.drop-a img {display:block; border:0; position:absolute; left:5px; top:5px; z-index:-1; opacity:1; filter: alpha(opacity=100);
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
#sharetersembunyi_mini .flyout ul li.drop-li a b {background:lightBlue; padding:2px 0; font-family:arial, sans-serif; display:block; width:100px; margin-top:58px; text-align:center; cursor:pointer; color:#000; font-size:14px; opacity:0; filter: alpha(opacity=0);
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-o-border-radius:10px;
}
#sharetersembunyi_mini .flyout ul li.drop-li:hover > a img {opacity:0.5; filter: alpha(opacity=50);}
#sharetersembunyi_mini .flyout ul li.drop-li:hover > a b {opacity:1; filter: alpha(opacity=100);}
/* For IE6 */
#sharetersembunyi_mini .flyout ul li.drop-li a:hover img {filter: alpha(opacity=50);}
#sharetersembunyi_mini .flyout ul li.drop-li a:hover b {filter: alpha(opacity=100);}
/* Get Sharetersembunyi */
#sharetersembunyi_mini .get_sharetersembunyi {
font-size: 10px;
margin-left: 5px;
position: relative;
top: 2px;
}
</style>

<div id=sharetersembunyi_mini>
<a class=sharetext><b>Share This</b></a>

<div class=flyout>
<ul class=icons>

<div class=addthis_toolbox addthis_default_style addthis_32x32_style>
<a class=addthis_button_preferred_1/>
<a class=addthis_button_preferred_2/>
<a class=addthis_button_preferred_7/>
<a class=addthis_button_preferred_8/>
<a class=addthis_button_preferred_9/>
<a class=addthis_button_preferred_10/>
<a class=addthis_button_preferred_3/>
<a class=addthis_button_compact/>
<a href="http://zamal-tkj.blogspot.com/2012/02/cara-membuat-tombol-share-tersebunyi.html" title=" HOW TO MAKE THIS"> [i] </a>
</div>
<script src=http://s7.addthis.com/js/250/addthis_widget.js type=text/javascript/>

</ul>
</div>
</div>

</b:if>
</b:if>

6. Klik Simpan Template
selesai....

Sekian dari saya Assalamualaikum wr wb

-Semoga Bermanfaat ^^, -

Go to link Download

Cara Membuat Video Lipsync di Android Dengan Dubsmash

Setelah sekian lama tidak pernah memposting artikel di blog ini karena kesibukan setiap harinya. Maka, sekarang saya kembali lagi mengurus blog ini. Untuk artikel kali ini saya akan membahas mengenai Cara Membuat Video Lipsync di Android Dengan Dubsmash. Baru - baru ini di sosial media mulai dihebohkan dengan banyaknya video dubbing singkat yang dibuat oleh para artis atau yang biasa disebut sebagai Dubsmash.

Dubsmash sendiri adalah sebuah aplikasi yang digunakan untuk membuat sebuah video, hanya saja dengan menggunakan suara lipsync.Jadi anda hanya perlu mengikuti irama/mimik suara yang ada pada aplikasi tersebut. Aplikasi Dubsmash ini diciptakan oleh Jonas Druppel, Daniel Taschik, dan Roland Grenke yang berkewarganegaraan jerman. Aplikasi ini sudah diunduh lebih dari 50 juta orang pengguna android.Namun, dibalik banyaknya peminat aplikasi ini, ternyata Dubsmash pernah mendapatkan masalah soal hak cipta, karena semua klip suara yang dihasilkan tidak memiliki lisensi

Nah, bagi anda yang masih penasaran dengan aplikasinya anda bisa mendownloadnya dibawah sini atau bagi anda yang masih bingung cara menggunakannya anda bisa melihat disini.

Langkah - Langkah :

Download Disini

atau

Go to link Download

CARA MEMBUAT BLOG DI FACEBOOK

CARA MEMBUAT BLOG DI FACEBOOK. Dalam Facebook memang tidak tersedia fitur resmi untuk membuat blog. Tetapi berkat aplikasi buatan para pengguna Facebook, terdapat beberapa aplikasi blog yang siap anda gunakan dalam pembuatan blog dalam Facebook anda. Jika anda ingin membuat blog di Facebook atau iseng ingin membuat blog ikuti langkah-langkah di bawah ini.

Langkah 1:
Dalam keaadaan anda sudah log in kedalam akun Facebook anda, cobalah untuk memasukan kata kunci / keyword “blog” pada bagian search untuk mencari aplikasi blog yang tersedia.

Langkah 2:
Akan muncul beberapa aplikasi blog yang dibuat oleh pihak ketiga. Kali ini pilihlah yang merupakan buatan Shujaat bin tariq dengan ikon B berwarna biru, dan klik View Aplication.

Langkah 3:
Selanjutnya akan muncul halaman utama aplikasi blog tersebut. Klik Go Aplication.

Langkah 4:
Kemudian anda akan mendapatkan beberapa blog yang telah di publishkan oleh pengguna Facebook lainya dengan aplikasi yang sama juga. Di halaman ini juga terdapat link untuk membuat blog pertama anda. Klik Create New Blog Entry.

Langkah 5:
Sebelum anda dapat membuat blog entry baru, anda harus mengaktifkan blog face. Klik Add Face Blog

Langkah 6:
Di halaman berikutnya anda akan diminta konfirmasi untuk memberikan akses untuk tampilan profile dan segala sesuatu yang berkenaan dengan data diri anda di Facebook. Klik Allow

Langkah 7:
Anda akan menjumpai kembali tampilan halaman yang sama dengans ebelumnya. Klik Create New Blog Entry

Langkah 8:
Ada baiknya anda membuat kategori terlebih dahulu untuk menjadikan blog anda menjadi lebih rapi berdasarkan topik-topik berbeda yang anda buat. Klik Add New Category

Langkah 9:
Pada dialog Add New Category, berikan nama untuk kategori tersebut pada bagian Title. Untuk Description berikan penjelasan singkat menenai kategori tersebut, atau bisa juga anda biarkan dalam keaadaan kosong namun ada baiknya di isi terlebih dahulu.

Langkah 10:
Sejurus kemudian kategori baru yang telah anda buat kini sudah tercantum di dalam blog anda.

Langkah 11:
Anda bisa membuat beberapa kategori lainya dengan cara yang sama. Jika demikian maka nantinya di bagian Categories akan muncul nama-nama kategori yang anda telah buat tadi. Kali ini anda sudah bisa membuat blog entry dengan mengklik Create New Blog Entry.

Langkah 12:
Sebenarnya untuk aplikasi blog buatan shujaat bin tariq ini memiliki fitir WYSIWYG editor, namun saat artikel ini di susun ternyata masih terdapat perbaikan. Karena itu kali ini tampilanya tak ubahnya dengan Basic Editor. Masukan namajudul pada title dan pilih kategori yang ingin anda pakai.

Langkah 13:
Anda bisa memasukan artikel blog anda di bagian yang telah di sediakan. sayangnya kali ini fitue WYSIWYG editor masih belum sempurna. Tetapi anda bisa menyertakan link video dari Youtube disini.

Langkah 14:
Untuk memasukan video dari Youtube, cari video yang anda cari menggunakan fasilitas search di Youtube. Setelah anda menemukan hasil pencarian video, klik salah satu yang anda inginkan, lalu copy alamat URL dari video tersebut dan masukan URL video yang anda dapatkan dari Youtube tadi di bagian Video URL.

Langkah 15:
Setelah semuanya nada yakini telah terisi dengan benar klik Publish. Kemudian anda akan mendapatkan pesan bahwa blog anda telah selesai di buat.

"semoga bermanfaat"

Go to link Download

Cara Membatasi Bandwidth Mikrotik Lewat Simple Queue Mikrotik

Membatasi bandwith internet adalah suatu hal yang harus dilakaukan agar sistem jaringan bisa teratur pada semua client komputer. Untuk itu kita perlu membatasi kuota bandwidth tiap user yang terkoneksi ke Router Mikrotik.

Simple Queue merupakan cara termudah untuk melakukan management bandwidth yang diterapkan pada jaringan skala kecil sampai menengah , ini digunakan untuk mengatur pemakaian bandwidth upload dan download tiap user.

Untuk itu mari kita bahas langkah- langkahnya :

Buka mikrotik anda lewat winbox . Lalu klik 2 kali pada salah satu IP yang akan di batasi bandwitnya Contoh Disini kita akan membatasi pada FN 1. yang di blok waran biru. lihat gambar di bawah

Klik Advanced. maka akan muncul tampilan seperti berikut.

Atur pada opsi yang di beri tanda merah pada gambar diatas. atur sesuai selera anda. Klik Apply >>OK
Jika sudah klik opsi General . Dan atur lagi sesuai keinginan anda . Klik Apply >>OK

Go to link Download

cara membuat effek zoom Gambar di Blog

Membuat Effek Zoom Gambar di Blog

Sobat blogger mungkin masih sedikit yang tau tentang Membuat Effek Zoom Gambar di Blog, banyak kegunaan dari effek ini. Effek ini menggunakan jQuery, sehingga tampilannya akan lebih lembut dan halus. Ada kalanya kita melihat suatu gambar tutor yang tampilan gambarnya sangat kecil dan tidak jelas, Effek Zoom ini menampilkan gambar dengan ukuran sebenarnya, buat sobat yang penasaran, contohnya bisa sobat lihat di SudutPhoto. Jika sobat berminat, ikuti langkah-langkah berikut ini;

Masuk ke blogger;
Klik Perancangan lalu klik Edit HTML;
Carilah kode ]]></b:skin>
Kemudian sisipkan kode berikut ini tepat di atasnya:

/* Zoom Image www.wakrizki.net
------------------------------- */
div.jquery-image-zoom {
line-height: 0;
font-size: 0;
z-index: 10;
border: 5px solid #fff;
margin: -5px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
div.jquery-image-zoom a {
background: url(http://lh6.ggpht.com/_xcD4JK_dIjU/TEfN4VrRQPI/AAAAAAAAESY/so-0qObS1BM/d/jquery.imageZoom.png) no-repeat;
display: block;
width: 25px;
height: 25px;
position: absolute;
left: -17px;
top: -17px;
/* IE-users are prolly used to close-link in right-hand corner */
*left: auto;
*right: -17px;
text-decoration: none;
text-indent: -100000px;
outline: 0;
z-index: 11;
}
div.jquery-image-zoom a:hover {
background-position: left -25px;
}
div.jquery-image-zoom img,
div.jquery-image-zoom embed,
div.jquery-image-zoom object,
div.jquery-image-zoom div {
width: 100%;
height: 100%;
margin: 0;
}

Selanjutnya cari kode </head>
Kemudian sisipkan kode berikut ini tepat di atasnya:

<script src=http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js type=text/javascript/>
<script src=http://rizki-khaizir.googlecode.com/files/jquery.imageZoom.min.js type=text/javascript/>
<script type=text/javascript>
jQuery(document.body).imageZoom();
</script>

Langkah terakhir adalah simpan template sobat. Semoga berhasil

Go to link Download