Post Game: December 2016

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

Cara Membuat FB Cover Facebook Timeline 2011

Tampilan Facebook Timeline 2011

Jika Anda tidak sabar dan ingin Membuat Cover Facebook Timeline (tampilan facebook terbaru yang di luncurkan bulan Oktober 2011). Sekarang ini anda dapat membuatnya melalui bagian Pengembang Facebook/Aplikasi Facebook. Prosesnya sederhana, hanya membutuhkan waktu beberapa menit, dan memerlukan kesabaran anda bisa mudah membuat FB Cover.

Sebagaimana laporan dari TechCrunch beberapa waktu lalu, pengguna dapat dengan cepat mengaktifkan timeline facebook pada account mereka dalam hitungan menit. Berikut adalah Cara Membuat FB Cover (Facebook Timeline) 2011 :

1.Log in ke Facebook

2.Kunjungi halaman Facebook Developer page dan klik tombol Allow

3. Pilih Tombol untuk membuat Aplikasi baru/Create new app yang ada di sudut kanan atas halaman Apps. Isilah nama tampilan aplikasi Anda dan ruang nama aplikasi anda lalu klik Lanjutkan/Continue

4. Setelah Anda telah diverifikasi, Anda akan mencapai layar dibawah ini, dan klik "Buka Grafik/Open Graph" di sisi kiri.

5. Anda akan melihat tampilan berikutnya, berjudul "Get Started with Open Graph" - Isi sesuai keinginan anda (tidak masalah) setelah anda melihat "start by defining
one action than one object for your app "Klik Get Started.

6. Pada layar ini, anda tidak melakukan apa pun kecuali gulir ke bawah dan klik
"Simpan Perubahan dan Next." Lakukan hal yang sama pada layar berikutnya.

7. Anda akan dibawa ke tampilan bawah ini. Tunggu beberapa menit, dan kemudian pergi ke Facebook homepage anda. Dimana anda akan diundang untuk mengaktifkan Facebook Timeline.
Bersabarlah dan tunggu sejenak - kadang-kadang anda diharuskan untuk menunggu sebelum perubahan berlaku.

8. Ketika Anda kembali ke situs Facebook Anda, Anda akan melihat ini. Sukses! Klik Get It Now, dan Facebook anda sudah berubah tampilan Facebook Timeline

9. Nah sekarang sudah selesai.! Di sinilah Anda tinggal mengaturnya dengan cara ikuti tour, atau lewati

Nah, dengan Cara Membuat FB Cover (Facebook Timeline) 2011 ini anda bisa menikmati layanan facebook dengan tampilan yang lebih seru,. Jika anda ingin Cover Fb yang lebig menarik klik disini
Silahkan mencoba, Jika masih bingung atau gagal mencobanya, anda bisa menanyakan di kotak komentar bawah ini...

Go to link Download

Cara Membuat Widget Kode Warna HTML Di Blog

Cara Membuat Widget Kode Warna HTML Di Blog. Pernahkah anda mengedit rangkaian CSS dari template blog anda? Jika pernah, pasti tidak akan asing jika mendengar kata Kode Warna HTML. Warna dari suatu widget yang diatur oleh CSS adalah warna yang berupa kode html yang kita bisa dapatkan kode nya dari widget punya saya yang bernama Color Picker.

Kode warna HTML berformat # (pagar) dengan diikuti oleh kombinasi 6 karakter antara huruf dengan angka, angka semua, atau huruf semua. Kode warna dimulai dari titik paling terang (putih) dengan kode ff hingga paling gelap (hitam) dengan kode 00. Seluruh kombinasi kode terang dan gelap dapat menghasilkan 16 juta warna berbeda. 6 karakter setelah pagar tadi melambangkan 2 karakter warna merah, 2 karakter warna hijau, dan 2 karakter warna biru.

Susunan dari kode warna merah, hijau dan biru itu disebut dengan hex warna yang penggunaannya harus diawali dengan pagar (#). Sedikit contoh saja, untuk warna hitam, kode nol (0) semua = #000000. Untuk kode warna putih, huruf F semua = #FFFFFF. Dan silahkan anda gabungkan sendiri. Misalkan #969696 untuk warna abu abu, #A52A2A untuk warna coklat. Untuk lebih banyak kode warna, silahkan buka tool saya dan klik yang bernama Color Picker.

Mungkin cukup ulasan saya tentang Kode Warna HTML, karena pada kali ini saya membahas Cara Membuat Widget Kode Warna HTML Di Blog, mungkin untuk penjelasan lebih lanjut mengenai Kode Warna akan saya posting jika ada kesempatan.

Cara Membuat Widget Kode Warna HTML Di Blog

1. Login ke Blogger

2. Pada dashboard, pilih blog ada

3. Widget ini saya sarankan untuk dipasang di postingan saja. Sebab, kalau di sidebar akan sangat memberatkan blog nantinya. Untuk itu, klik Entri Baru

4. Selanjutnya, buat entri mode HTML dengan mengklik tulisan HTML disamping bacaan Compose.

5. Setelah itu, langsung saja copy kode HTML dibawah ini dan letakkan di kolom HTML postingan tersebut.

<div class="separator" style="clear: both; text-align: center;">
<object border="0" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="480"> <param value="http://www.2createawebsite.com/build/color.swf" name="movie">
<param value="High" name="quality">
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://www.2createawebsite.com/build/color.swf" name="obj1" type="application/x-shockwave-flash" width="485" height="485"></embed> </object></div>
</div>

6. Terakhir silahkan mau di publish atau di edit edit dulu. Yang jelas, setelah di publikasikan, Widget Kode Warna HTML Di Blog pun akan muncul.

Mudah sekali bukan untuk Cara Membuat Widget Kode Warna HTML Di Blog? Saya merasa alat ini sangat membantu saya dalam mencari kode warna yang sesuai dengan keinginan. Sebab, saya senang sekali untuk mengedit edit CSS dan HTML. Mau tahu lebih lengkap tentang HTML dan CSS? silahkan langsung saja baca di Pengertian HTML dan CSS Serta tutorial Memakainya.

Itulah artikel dari Jona Rendra yang berjudul Cara Membuat Widget Kode Warna HTML Di Blog, semoga dapat membantu anda dalam memahami dan mencari kode warna melalui parse ini. Jika ada kesulitan atau pertanyaan lebih lanjut tentang kode warna, anda bisa tanyakan lewat komentar dibawah.

Go to link Download

Cara Membuat Menu Navigasi Keren Pada Blog

Cara Membuat Menu Navigasi Keren Pada Blog adalah postingan mengedit blog Jona Rendra yang lain. Menu Navigasi atau menu horizontal merupakan widget yang sangat penting keberadaannya di dalam blog. Menu navigasi akan mempermudah pengunjung untuk menavigasi blog anda. Yang kali ini saya share adalah Menu Navigasi Tampilan Keren dan elegan. Terdapat kombinasi tombol Inset dan Outset membuat blog yang berisi menu ini kelihatan profesional.

Seperti yang anda lihat pada gambar diatas, begitulah desain dari menu horizontal yang akan saya berikan. Kalau dilihat dari gambarnya saja pasti kurang menarik, oleh karena itu, langsung saja pasang widgetnya di blog anda.

Cara Membuat Menu Navigasi Keren Pada Blog

1. Login ke blogger, pada dashboard pilih blog lalu masuk ke template
2. Klik Edit HTML dan letakkan CSS berikut ini di atas kode ]]></b:skin> atau </style>

.jona-menu-wrap{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrlQn1bA41FrNxr7O-d3eEhd3SIMEAusNPTAGwFRoto5TonW9wxcrkV5X50Ooxw73AZAK-vzJO_op-0yIFTv4AymU-Vli0FCCDhX93U-K9KDd9vpixnaBXC46Bd29g0Cbq8H8yAtqtIg-0/s1600/menuku.png) repeat-x top;height:54px;width:100%;}
.jona-menu{font:normal 12px Arial;line-height:normal;width:960px;text-transform:none;color:#f1f1f1;text-decoration:none;margin:0 auto;padding:0 auto}
.jona-menu ul{margin:0;padding:0}
.jona-menu li{list-style:none;color:#b69786;float:left;display:inline;position:relative;margin:0;padding:0}
.jona-menu li a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLsFyKIpE-59AveyEvhIK9FF8lPaElozo9vH4-SAbFv25kiRKngRGNY62i4ENMHOIosj93cAvBstZRy_QOqgXj3Rkz8fncSwmau1Iuk7OqEy04PNZabo8TFP1q1ZUzXH0VH-aHxUxnSp7h/s1600/mnubg.png) repeat-x top;display:block;text-decoration:none;font-weight:700;color:#ccc;text-shadow:1px 1px 2px #111;outline:none;margin:10px 4px 8px;padding:8px 16px;border:1px solid #111}
.jona-menu li a:hover{background:#333;-moz-box-shadow: inset 2px 2px 2px #151515;-webkit-box-shadow: inset 2px 2px 2px #151515;box-shadow: inset 2px 2px 2px #151515;}
.jona-menu li ul{position:absolute;z-index:10;left:0;top:100%;height:30px;width:170px;display:none;margin:0;padding:0;-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)}
.jona-menu li ul a{margin:0;font:12px Arial;background:#2c2c2c;border-left:none;border:none;display:block;padding:7px 10px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6)}
.jona-menu li ul a:hover{background:#1b1b1b;color:#fff}
.jona-menu li ul li{float:none;display:block;width:auto}
.jona-menu li ul ul{top:0;left:100%}
.jona-menu li a:hover,.menuku ul li a:hover{color:#eee}

3. Setelah itu, jangan di simpan dulu. Masih ada langkah berikutnya. Cari kode <div id=header> atau <header>
4. Kalau sudah ketemu salah satu kode diatas, copy paste kode dibawah ini dan letakkan dibawah kode <div id=header> atau <header>

<div class=jona-menu-wrap>
<div class=jona-menu>
<ul>
<li><a href=#>Home</a></li>
<li><a href=#>Site Map</a></li>
<li><a href=#>About Me</a></li>
<li><a href=#>Contact Us</a></li>
<li><a href=#>Link Exchange</a></li>
</ul>
</div>
</div>

Keterangan:

Jangan lupa mengganti kode # dengan URL menu yang dituju
Jika ingin mengganti bagian tulisan pada menu, silahkan diubah
Mau tahu lebih banyak tentang cara mengedit menu horizontal? baca di Panduan Mengedit Menu Horizontal

5. Setelah di kustomisasikan, baru terakhir klik Simpan Template.

Cara diatas adalah cara memasukkan menu dengan edit html. Sebenarnya ada cara lain. Yaitu dengan Tambah Gadget, HTML/Javascript. Tetapi, anda perlu lagi untuk menambah satu kolom dibawah header. Dan menggabungkan CSS diatas dengan kode HTML link menu nya. Kalau CSS, diapit dengan <style>CSS</style> setelah itu baru HTML. Seperti yang telah dijelaskan pada Pengetian HTML dan CSS serta Tutorial pemakaiannya.

Itulah artikel dari Jona Rendra yang berjudul Cara Membuat Menu Navigasi Keren Pada Blog, semoga dapat bermanfaat untuk anda. Apabila ada pertanyaan mengenai tutorial diatas, silahkan poskan melalui komentar.

Go to link Download

Cara Membuat Like Box Facebook Valid HTML5

Cara Membuat Like Box Facebook Valid HTML5 - Alhadulillah setelah koneksi internet tadi malam saya erorr , sekarang sudah pulih lagi . kali ini saya akan membuat tutorial tentang bagaimana cara membuat like box / yang biasa disebut temukan kami di facebook valid html5. pada dasarnya like box yang asli pada script facebook , tidak valid HTML5 dan mengandung Iframe . Teentunya itu tidak baik untuk blog anda. serta dapat mengurangi nilai score seo anda ketika anda cek di chkme.com.

image : kang-ismet

Nah untuk itu sekarang saya akan menjawab masalah tersebut supaya tetap ada like book namun blog sobat akan tetap valid dan terhindar dari ifareme . Gimana caranya ..? Nah simaklah Cara Membuat Like Box Facebook Valid HTML5 di bawah ini :

1. Seperti biasanya , Sobat harus masuk dulu ke blog sobat .

2. Kemudian sobat pilih menu Template

3. Setelah ketemu menu templatenya . sekarang pilih sub menu EditHtml

4. Kemudian sobat cari kode </body> ( kode ini terletak di paling buawah pisan )

5. Kemduian salin kode dibawah ini di atas kode </body> terebut .

<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, script, facebook-jssdk));</script>

Keterangan : sebelum sobat menyimpan kode diatas . sobat harus menghapus kode yang berwarna hitam tebal ( <div id="fb-root"></div> ) dengan catatan kode tersebut sudah ada . namun bila belum ada maka jangan dihapus kode tersebut . "Understhan ....

6. KLik save / Simpan

7. kemudian sobat log out dari edit template tersebut dan Masuk pada bagian Tata Letak » Tambah Gadget » HTML/JavaScript Letakkan kode berikut ini kedalamnya kemudian Simpan

<div class="fb-like-box" data-href="https://www.facebook.com/ahmad.suyadi04" data-width="292" data-show-faces="true" data-stream="false" data-header="false"></div>

Keterangan untuk mengatur kode diatas tersebut :

- Ganti https://www.facebook.com/ahmad.suyadi04 dengan alamat URL fans page facebook sobat .

- data-width="292" // Lebar widget

- data-show-faces="true" // Tampilkan foto
- data-stream="false" // Tampilkan artikel terbaru
- data-header="false" // Tampilkan header "Temukan Kami di Facebook"

Sesuaikan kode diatas dengan template sobat . Nah setelah itu langkah terakhir adalah klik Save / simpan . kemudian lihat perubahan hasilnya yang terjadi pada blog sobat .

Demikian tutorial saya pada sore hari ini mengenai "Cara Membuat Like Box Facebook Valid HTML5 " semoga tutorial tadi bermanfaat bagi sobat . Akhirul kalam wassalamualaikaum wr.wb.

Go to link Download

Cara Membuat ID CARD atau KTP Facebook

Cara Membuat ID CARD atau KTP Facebook - Halo facebooker maniani , pasti bagi anda pengguna facebook tidak asing lagi dengan yang namanya ID Card atau KTP facebook .nah bagi anda yang belum bisa membuatnya mari . kita mutholaah bersamaa untuk membuat id card facebook dengan mudah . Berikut ini hasil dari KTP atau Id card yang berhasil saya buat

Berikut Cara Mudah Membuat Id Card KTP Facebook

Pertama Koneksikan dulu internet sobat , karena cara ini online
Kemudia klik Link ini atau juga Link ini ( pilih salah satu ya )
Kemudian isikan data-data yang di perlukan sesuai dengan identitas anda

Kemudian Centang " Include an official looking barcode? "
Langkah terkahir klik Create

Nah gimana mas atau mbak brow , mudah kan Cara Membuat ID CARD atau KTP Facebook . bila anda ingin memodifikasi nya silahkan modifikasi agar tampak lebih keren . hehehe . Selamat mencoba brow

Go to link Download

Cara Membuat Server San Andreas Multiplayer Menggunakan Hamachi

Cara Membuat Server San Andras Multiplayer Menggunakan Hamachi - Post pertama untuk blog Foxitae akan membahas tentang cara membuat Server GTA Online yang sekarang jadi permainan Favorit anak muda.

Dari pengalaman saya membuat Server San Andreaas Multiplayer sendiri saya akan berbagi ilmu yang sudah saya dapatkan. Walaupun Server yang saya buat cuman bertahan 1 bulan karena mau memperisapkan UAN.

Pasti anda pernah berpikir bagamana cara Membuat Server sendiri, karena kalau cuman tinggal pakai kurang Greget, hehe. Membuat server SAMP sih gampang, cuman susah nya bagian Scriptnya. Disini saya akan cuman memberi cara Server menyala dan bisa bermain bersama sama. Untuk Script Script nya bisa masuk ke Forum SAMP.

Yuk, berikut tutorialnya

Bahan :
1. Hamachi - Download
2. SAMP Windows Server - Download

Langkah Selanjutnya :

1. Buka dan Ekstrak SAMP Windows Server yang sudah anda download.

2. Buka server.cfg menggunakan Notepad

3. Dibagian ini kita akan mengedit

rcon_passord changeme : Adalah password server anda, untuk ban ID, Restart server DLL
maxplayer 500 : Adalah maksimal Jumlah pemain di server
hostname SA-MP 0.3 Server : Adalah nama server anda

Ket :

Yang saya beri warna merah silahkan anda ganti dengan keinginan anda dan di Save :)

4. Jika langkah ke3 sudah anda lakukan Klik 2x samp-server.exe, jika berhasil akan mucul Window baru yang menandakan server sudah Load/terbuka, jika tidak kebuka coba cek Langkah 3 lagi sudah benar apa belum.

5. Kita kebagian Hamachi agar teman anda yang akan ajak bermain bisa masuk server.

6. Install Hamachi, Next - Next - Next sampai pemasangan selesai.

7. Buka Hamachi dan Klik Power On.

8. Akan ada Muncul Client ID, isi dengan kehendak anda.

9. Klik Create a Network.

Network ID : Adalah nama jaringan anda.
Password : Adalah password jaringan anda.
Confirm Password : Adalah Konfirmasi Password yang tadi sudah anda ketik.

Klik Create.

10. Ajak teman anda untuk Join Network Hamachi yang sudah anda buat.

11. Jika sudah buka San Andreas Multiplayer dan masukan IP Hamachi Network anda.

12. Ok, Selamat! Anda sudah membuat server SAMP Sendiri! dan teman teman yang sudah Join Network anda juga sudah bisa bermain di Server anda menggunakan IP Network anda! Happy Gaming!

Go to link Download

Cara Membuat icon Author comment

Cara Membuat icon Author comment - Kali ini saya akan membagikan tutorial tentang bagaimana membuat komentar admin berbeda dengan komentar pengunjung dengan menggunakan icon komentar . tahukah anda apa itu Comment author ? Comment author adalah pesan komentar yang dipublish oleh pemilik akun situs web atau blog.

Berikut Cara Membuat icon Author comment

Login dulu ke akun blog sobat
Pilih " Template "
Kemudian Klik " Edit HTML "
Setelah itu cari code ]]></b:skin> atau pun </style>, setelah ketemu silahkan copy code CSS dibawah ini dan pastekan didalam ataupun diatas code ]]></b:skin> atau pun </style>. kalo lebih bagusnya silahkan pastekan code dibawah ini dekat dengan atau bersamaan dengan code CSS (comments ) agar lebih mudah suatu saat anda untuk mengeditnya.

.comments .comments-content 
.icon.blog-author {
 position:absolute;
 top:-8px;
 right:-12px;
 margin:0;
 background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSvRkDwTv84KJIqOMYvlYKCBQ5SYMvEYcSQ96NLxRZEEswreH3pQHF-sxB1EzPd21WxgJtwPSK2UOE_M58l4ZW5TKS-m-dfEgS9Bre7-kaaN60g74GpGrVIX57Rkzv3zeMFrLTPUA28nc/s1600/Merah-autor.png);
 width:56px;
 height:56px;
}

Sobat bisa mengganti url kuning di atas dengan salah satu url di bawah ini

`https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQzJA72cvVHdiFxFjM9droD4Hv9ZuyexMTIRgPNFft1UIN7c6VAM4sp0E9XjHAIvUUQKorziwC7j8dEcKDUbIBffmple6wFIYGFH4FG2-Ppoqrrxpwxvakw7VghmHTStG_jecuqvmDUX0/s1600/autor-biru.png`
`https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_QMbUxCEyoCVrlEoeycKpW2JuDWm7VHtJZjq7bkDwRl8_3HNn-uqQo1pBTy1GQTr_NoQmLLyXPsujv0IOc9hCRmHZ5rAdPfPTECMXU0Y4xUdf54s_tCB5r4r4H-7bzcU8p4Yhk6OVLao/s1600/autor-black.png`
`https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDsQjxFJ2S_PAvHzvNeZEaLzOCCz72M2fEVOiFWxfseo7QVsDJGpHASZmrMSOUlIxgxOnZuFo1Un5cLWS0vgaBqLjCidDnDrPHXXkcF8rjvuWs_bx_-DqsGuq0EYFuSNU0A3wcb3HX8Tc/s1600/autor-hijau.png`
`https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgToekTl6ldWzruAU-nefaQsfhMcGwu0TKabzcFKbqbCYkLC33-6jJjIHOYb0dKacLFtrB4NMwkhXq1g_0z6wLyslu3usLX6CMU1kB1mTlX70WZ37zIqm4uwDrrHWQ7piU-VG9Rhrikqbg/s1600/autor-kuning.png`
`https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl1XR2kx2nduZBhImwiiLFDh_Eao5Ot-oyvhPnctbxRq53R7_51LWBql7495LrXrlLS-1VqbnAYDjzLCqLe3DS2si6Cq1mDFy7Kd-sB5hjMZK5sTGoh7UCwWSbAiHmFgn7ykGyejvY3f0/s1600/authorpink.png`

Simpan Template anda dan lihat hasilnya

Perbedaan author comment dengan para komentator dengan menambahkan icon gambar User Author pada postingan kali ini, akan mempermudah para komentator melihat Komentar author pada suatu halaman blog form Comment.

Go to link Download

Cara Membuat Tombol Next Page Dengan Angka

Cara Membuat Tombol Next Page Dengan Angka - Sahabat blogger pada kesempatan pagi yang cerah ini bang dadan akan membuat artikel tentang Cara Membuat Tombol Next Page Dengan Angka. Tombol next page ini sama fungsinya dengan tombol next page, previous, dan home yang terdapat pada bagian bawah postingan, namun yang satu ini kita merubah itu semua dengan angka, tujuan nya agar para pengunjung lebih mudah menjelajahi isi daripada blog kita.

Oke langsung saja bagi sobat yang ingin melihat DEMO nya silahkan sobat lihat pada bagian bawah blog ini, dan contoh nya silahkan sobat perhatikan gambar dibawah ini:

Cara Membuat Tombol Next Page Dengan Angka

Login ke blog
Masuk ke dasbor dan klik template => pilih Edit HTML
Backup Dulu Template anda dengan meng Klik Download Full Template (Terserah anda Ya atau Tidak.tapi lebih baik Ya)
Centang Expand Template Widget
Cari Kode ]]></b:skin> Copy kode di bawah lalu paste di atas kode ]]></b:skin>

.showpageArea a {text-decoration:underline;}
.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}
.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}
.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}
.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}
.showpage a:hover {text-decoration:none;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}

7. Selanjutnya cari kode </body>
8. Copy lalu paste kode di bawah ini tepat si atas kode </body>

9. klik pratinjau untuk memastikan terjadinya kesalahan
10. Apabila sudah oke dan silahkan sobat klik simpan template
11. Selesai

Sekian dulu pembahasan kita kali ini tentang Cara Membuat Tombol Next Page Dengan Angka, Apabila ada yang ingin ditanyakan silahkan tinggalkan pesan pada kotak komentar.

Terimakasih, selamat mencoba dan semoga bermanfaat..!!!

Go to link Download

Cara Membuka 2 Facebook di Mozilla

Selamat berjumpa kembali dengan saya, sobat sobat saya yang Kvlt banget :v
Kali ini saya akan share tentang Cara Membuka 2 Facebook di Mozilla
Sebenarnya ini cara yang sangat mudah dipahami, jika anda Tidak paham mungkin anda adalah Orang Imbisil :v

Oke langsung saja...
1. Buka Run, klik simbol Windows + R ( Simbol windows ada diantara Tombol CTRL dan ALT disebelah kiri )
2. Tuliskan "firefox.exe -p -no-remote" ( Tanpa tanda kutip ), lalu Klik OK

3. Maka akan terbuka Jendela Rumah... Eh... Jendela seperti dibawah ini...

4. Lalu klik Buat Profil... atau Create Profile...

5. Klik Lanjut atau Next

6. Isi namanya, lalu klik Selesai atau Finish

7. Lalu klik pada nama akun yang baru dibuat, lalu Klik Jalankan Firefox atau Start Firefox

8. Pergi ke website facebook
9. Masuk ke Facebook dengan akun berbeda
10. Sekarang kamu sudah membuka 2 Facebook di Firefox ^_^

Sampai disini dulu, sudah pasti kalian paham caranya, jika belum paham silahkan Tanya :v
Wassalamualaikum WR.WB.

Go to link Download

Cara Membuat Strip Ads di Blog

Terima kasih atas requestnya sobat, sehingga saya tidak bingung untuk memikirkan atau bingung untuk memposting apa, hehe, langsung saja sobat berikut cara untuk memasang widget " FansPage ELANGSHARED?,Join NOW!!! " atau biasa disebut Strip ads seperti punya saya hehe, Ok langsung saja begini sob,

1. Login Ke Blogger.... lalu ke Menu Edit Html
2. Copykan Script berikut ini, di atas ]]></b:skin>

/*-- (mta bar) --*/
#mta_bar{background:#000; border-bottom:2px solid #111; z-index:100; top:0; left:0; width:100%; overflow:auto; position:fixed; margin-left:0; margin-right:0; margin-top:0; margin-bottom:4px; padding-left:0; padding-right:0; padding-top:7px; padding-bottom:4px;
z-index:10000;opacity: 0.9;filter: alpha(opacity: 90);}
* html #mta_bar{position:absolute; /*IE6 hack*/width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px":body.clientWidth+"px")}
#mta_bar .center{float:left; text-align:center; font-family:Verdana,Arial; font-size:13px; font-weight:bold; font-style:normal; color:#FFFFFF; width:65%}
#mta_bar .left{float:left; text-align:left; font-family:Verdana,Arial; font-size:13px; font-weight:normal; font-style:normal; color:#FFFFFF; width:20%}
#mta_bar .right{font-family:verdana,Arial,Helvetica,sans-serif; float:right; text-align:center; font-weight:normal; font-size:10px; letter-spacing:0; width:30px; white-space:nowrap}
#mta_bar .right a{font-size:10px; color:#FFFFFF; text-decoration:none}
#mta_bar .right a:hover{font-size:10px; color:#80ff00; text-decoration:none}
#left_bar a{background:url(http://remoxp.hostzi.com/FaceBook.png) no-repeat; text-decoration:none; color:#FFFFFF; padding-left:23px; padding-right:0; padding-top:0; padding-bottom:0}
#left_bar a:hover{text-decoration:none; color:#80ff00}
#left_bar2 a{background:url(http://remoxp.hostzi.com/FaceBook.png) no-repeat 2px; text-decoration:none; color:#FFFFFF; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0}
#left_bar2 a:hover{text-decoration:none; color:#80ff00}
#to_top{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDNBjfuS2yGJq5Bhya3Q48TftKeVPkGp1fes8PH39-NUDpJhGF8IqSe5B4hZ2utrNnrVoeVA-MMS_u49whVTUwtSs2wML-s_A8-pG8b4LIM5hnV4BEC5VuCLmh0ZMYC9KGxGGfN1xuX21D/s400/delete.png) no-repeat scroll 0%; position:absolute; /*this replaces float - fixes thanks to Larry ofhttp://blog.lroot.com*/height:18px; width:19px; margin:0 0 0 900px; /*this was updated*/padding:9px 5px}
#anima_sudut2 a:link {
color:#000000;
}
#anima_sudut2 a:visited {
color: #FFFFFF;
text-decoration:none;
}
#anima_sudut2 a:hover {
color: #000000;
}
#to_top a{padding:8px}
a.tip {position:relative}
a.tip span {
display:none;
padding:5px;
z-index:100;
background:#000;
color:#fff;
text-decoration:none;
width:200px; /* lebar tooltip */
height:auto;
-moz-border-radius:2px;
-webkit-border-radius:2px
}
a:hover.tip {
font-size:99%;
cursor:pointer
}
a:hover.tip span {
display:block;
position:absolute;
-moz-opacity:0.7;
opacity:0.7;
top:-40px;
left:auto;
right:-2px;
bottom:auto;
line-height:14px;
font-size:12px;
font-weight:normal;
}
.menu{
border:none;
border:0px;
margin-left:35px;
padding:0px;
font-size:13px;
}
.menu ul{
background:#000000;
height:2px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
float:left;
padding:0px;
}
.menu li a{
background:#000000;
color:#80ff00;
display:block;
font-weight:normal;
line-height:30px;
margin:0px;
padding:0px 10px;
text-align:center;
text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
background: #212121;
color:#80ff00;
text-decoration:none;
}
.menu li ul{
background:#000000;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:180px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;
}
.menu li li {
display:block;
float:none;
margin:0px;
padding:0px;
width:180px;
}
.menu li:hover li a{
background:none;
}
.menu li ul a{
display:block;
height:30px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
background:#212121 center left no-repeat;
border:0px;
color:#80ff00;
text-decoration:none;
}
.menu p{
clear:left;
}

3. Masukan kode pemanggilan JavaScript atau JS dibawah ini, letakan diatas kode </head>

<script src="http://strip-ads.googlecode.com/files/strip-ads-versi2.js" type="text/javascript"></script>
atau menggunakan alamat Javascript yang sudah kamu uploud
<script src="http://alamat file javascript kamu.js" type="text/javascript"></script>

4. Letakan kode dibawah ini dibawah kode <body>, Silahkan sesuaikan setingan dibawah dengan link dan deskripsi kamu sendiri.

<div id=mta_bar>
<div id=left_bar2>
<span class=left>
<a href=http://www.facebook.com/ target=_blank>Login to Facebook</a></span></div>
<div id=left_bar>
<span class=center><a href=https://www.facebook.com/pages/Free-Download-Software-Games-And-Templete-ELANGSHARED/298138506920708 target=_blank;>FansPage ELANGSHARED?,Join NOW!!!</a></span></div>
<span class=right onmouseout=self.status='' onmouseover=self.status='o-om.com.com';return true;> <img align=absmiddle border=0 onClick=closeTopAds();return false; src=http://lh4.ggpht.com/_QfufFNlfNgs/TEFGnF1yYBI/AAAAAAAAADM/d659lgBAzSI/delete.png style=cursor:hand;cursor:pointer;/></span></div>

Catatan :
*Silahkan ganti kode yang berwarna dengan alamat URL sobat.

5. Simpan dan lihat hasilnya :)
Jika kurang jelas atau gagal bisa ditanyakan :)
Selamat mencoba dan semoga berhasil..!!!

Go to link Download

Cara Membuat kotak Text Berscroll di Blog

Saya Kali ini share cara membuat kotak text scroll

pertama-tama copy text dibawah

<div style="padding: 5px; overflow: auto; width: 500; height: 50px; border: 1px solid #000000;">masukkan text anda di sini</div> See More http://anggadwisaputrablog.blogspot.com/

pastekan dalam entri baru atau laman yg kosong yang mau ditambahkan
kemudian ganti text yg bercetak tebal dengan text and.
selesai dah :)

kalau kurang jelas tinggalkan komentar supaya kita bisa merenungkan bersama

Go to link Download

Cara membuat percakapan palsu di Whatsapp

§ Download: River (story) » |audio-mp3 | script-doc | sample of exercise-doc|

§ Download: Information Society (story/news) » |audio-mp3 | script-doc| sample of exercise-doc|

§ Download: Confirming a hotel booking (dialogue) » |audio-mp3 | full script-doc | sample of exercise-doc|

§ Download: Ali goes to university (story) » |audio-mp3 | script-pdf|

§ Download: Talking about Pets; Cat’s name (dialogue) » |audio-mp3 |script-pdf | sample of exercise-doc|

§ Download: Let me know (story) » |audio-mp3 | script-doc|

§ Download: The penguin (joke, story) » |audio-mp3 | script-doc|

§ Download: Remembering Snow (story/poem) » |audio-mp3 | script-pdf| sample_exercise-doc|

§ Download: Studying Abroad_ in the United Kingdom(story/narrative text) » |audio-mp3 | script-doc | sample_exercise-doc|

§ Download: I Don’t Wanna Talk About It (Song/by Rod Stewart) » |audio-mp3 | script-pdf | sample_exercise-doc|

§ Download: Love of My Life (Song/by Queen) » |audio-mp3 | script-pdf |sample_exercise-doc|

§ Download: November Rain (Song/by Guns n Roses) » |audio-mp3 |script-pdf|

§ Download: What a Wonderful World (Song/by Louis Armstrong) » |audio-mp3 | script-pdf|

§ Download: Learning English (story) » |audio-mp3 | script & sample of exercise-doc|

§ Download: Future of English (story) » |audio-mp3 | script & sample of exercise-doc|

§ Download: Booking a table at a restaurant (dialogue, ielts_listening section) » |audio-mp3 | script & sample of exercise-pdf|

§ Download: China now world’s biggest energy user (story/news) » |audio-mp3 | script-pdf|

§ Download: The Sick Child (poem) » |audio-mp3 | script & sample of exercise-doc|

§ Download: Natural Disasters (story/report/descriptive) » |audio-mp3 | script & sample of exercise-doc|

§ Download: Keep Calm and Carry on (story/narrative/descriptive) » |audio-mp3 | script-pdf|

§ Download: The use of ‘likely’ and ‘unlikely’ (report/descriptive) » |audio-mp3 | script-pdf|

§ Download: Japan remembers Nagasaki_ 65th anniversary of atomic bombing in Japan (story/news/report) » |audio-mp3 | script & sample of exercise-doc|

§ Download: Mary Lyon, 1797-1849: A Leader in Women’s Education in the 19th Century_ taken from VOA (Voice of America)_(story/biography) » |audio-mp3 | script-pdf|

§ Download: “Wanna, gonna, hafta”: Reduced forms in spoken American English_ taken from VOA (Voice of America)_(story/interviews/descriptive) » |audio-mp3 | script-pdf|

§ Download: Common Greetings in the United States_ taken from VOA (Voice of America)_ (story/interviews/descriptive) » |audio-mp3 |Go to link Download

Friday, December 30, 2016

Cara Membuat Tombol Share Tersebunyi dan Muncul Ketika Di Sorot

Cara Membuat Video Lipsync di Android Dengan Dubsmash

CARA MEMBUAT BLOG DI FACEBOOK

Cara Membatasi Bandwidth Mikrotik Lewat Simple Queue Mikrotik

cara membuat effek zoom Gambar di Blog

Cara Membuat FB Cover Facebook Timeline 2011

Cara Membuat Widget Kode Warna HTML Di Blog

Cara Membuat Widget Kode Warna HTML Di Blog

Cara Membuat Menu Navigasi Keren Pada Blog

Cara Membuat Like Box Facebook Valid HTML5

Thursday, December 29, 2016

Cara Membuat ID CARD atau KTP Facebook

Berikut Cara Mudah Membuat Id Card KTP Facebook

Cara Membuat Server San Andreas Multiplayer Menggunakan Hamachi

Cara Membuat icon Author comment

Cara Membuat Tombol Next Page Dengan Angka

Cara Membuat Tombol Next Page Dengan Angka

Cara Membuka 2 Facebook di Mozilla

Cara Membuat Strip Ads di Blog

Cara Membuat kotak Text Berscroll di Blog

Cara membuat percakapan palsu di Whatsapp