Cara Download File di pan.baidu.com

10:10 AM 0
Cara Download File di pan.baidu.com - Oke kali ini mimin akan share tutorial bagaimana cara download File pada situs pan.baidu.com. Yups karna pada situs ini menggunakan bahasa dewa (cina) dan pastinya kita juga sulit untuk mendownloadnya (karna mimin juga mengalaminya :v hiks). Oke simak baik-baik untuk kalian para downloaders

1. Buka link yang ingin di download beserta passwordnya

contoh : http://pan.baidu.com/share/init?shareid=1730114844&uk=2970521831
password : jq1p


2. Jika sudah ubah kata share pada URL menjadi wap

contoh :  http://pan.baidu.com/share/link?shareid=1730114844&uk=2970521831
menjadi : http://pan.baidu.com/wap/init?shareid=1730114844&uk=2970521831


3. Jika sudah maka kalian sudah bisa mendownload file yang kalian inginkan dengan mengklik tombol download (yang ada ukuran sizenya)


Nah sekarang sudah enggak binggung kan cara downloadnya, oke selamat downloading :)

http://www.irhamantap.my.id/2015/07/cara-download-file-di-panbaiducom.html

Memasang Back To Top Smooth Keren di Blog

9:38 AM 0

Memasang Back To Top Smooth Keren di Blog - Hai sobat, ketemu lagi dengan Saya dipostingan terbaru ini, oke sebelumnya Saya ingin mengucapkan selamat menunaikan ibadah puasa bagi kalian yang menjalankan. Oke kali ini saya akan memberikan tips bagaimana cara memasang back to top smooth keren di blog.

Fungsi back to top sendiri, yaitu memudahkan pengunjung blog sobat saat mengscroll ke atas pada blog sobat, jika dengan menggunakan back to top, hanya dengan 1x klik, halaman langsung kembali keatas.

CATATAN!:
Template Sobat harus telah terpasang Font Awesome, jika belum silahkan baca Cara Memasang dan Menggunakan Font Awesome di Blog. Jika template sobat telah terpasang back to top sebelum silahkan sobat hapus terlebih dahulu.

Memasang Back To Top Smooth di Blog :

1. Buka Blogger > Fashboard > Pilih Template > Klik Edit HTML.
2. Salin/Copy kode CSS dibawah ini tepat diatas ]]></b:skin> atau </style>.

/* Smooth Back To Top Bloggerisn */
.smoothscroll-top {
    position:fixed;
    opacity:0;
    visibility:hidden;
    overflow:hidden;
    text-align:center;
    z-index:99;
    background-color:#2ba6e1;
    color:#fff;
    width:47px;
    height:44px;
    line-height:44px;
    right:25px;
    bottom:-25px;
    padding-top:2px;
    border-radius:5px;
    transition:all 0.5s ease-in-out;
    transition-delay:0.2s;
}
.smoothscroll-top:hover {
    background-color:#3eb2ea;
    color:#fff;
    transition:all 0.2s ease-in-out;
    transition-delay:0s;
}
.smoothscroll-top.show {
    visibility:visible;
    cursor:pointer;
    opacity:1;
    bottom:25px;
}
.smoothscroll-top i.fa {
    line-height:inherit;
}
3. Lalu salin/copy kode jQuery dan HTML dibawah ini tepat sebelum kode </body>
<div class="smoothscroll-top">
    <span class="scroll-top-inner">
        <i class="fa fa-2x fa-arrow-circle-up"></i>
    </span>
</div>
<script type='text/javascript'>
//<![CDATA[
$(function(){
 
    $(document).on( 'scroll', function(){
 
        if ($(window).scrollTop() > 100) {
            $('.smoothscroll-top').addClass('show');
        } else {
            $('.smoothscroll-top').removeClass('show');
        }
    });
 
    $('.smoothscroll-top').on('click', scrollToTop);
});
 
function scrollToTop() {
    verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0;
    element = $('body');
    offset = element.offset();
    offsetTop = offset.top;
    $('html, body').animate({scrollTop: offsetTop}, 600, 'linear');
}
//]]>
</script>
4. Setelah itu Simpan/Save Template dan lihat hasilnya.

Bagaimana, cukup mudah bukan dalam memasang back to top smoot keren di blog? Oke sekian tutorial yang bisa Saya berikan, kurang lebihnya mohon maaf. Semoga bermanfaat .

http://www.irhamantap.my.id/2015/07/memasang-back-to-top-smooth-keren-di-blog.html

Cara Memasang Dan Menggunakan Font Awesome di Blog

3:57 AM 0

Cara Memasang Dan Menggunakan Font Awesome di Blog - Sebelumnya Saya selaku admin blog ini mengucapkan Selamat hari raya Idul Fitri 1346 H Mohon maaf lahir dan batin ya.

Font Awesome adalah kumpulan icon dan tombol yang berbasis pada text atau font. Jadi, ketika sobat membutuhkan ikon di blog, sobat perlu lagi repot menyisipkan gambar yang tentunya akan lebih mempercepat blog sobat.

Memasang Font Awesome :
Untuk memasang Font Awesome pada blog sobat, Sobat harus Menyimpan kode CSS dibawah ini tepat diatas kode </head>

<link href="//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css" rel="stylesheet"></link>

Menggunakan Font Awesome :
Untuk menggunakan Font Awesome, sobat harus menambahkan tag <i> kemudian class nya gunakan nama icon


cara penulisannya :
<i class="fa fa-play"></i>
cara penulisannya :
<i class="fa fa-pause"></i>

Memperbesar Ukuran







<i class="fa fa-play"></i>
<i class="fa fa-play fa-2x"></i>
<i class="fa fa-play fa-3x"></i>
<i class="fa fa-play fa-4x"></i>

Bordered & Pulled Icons

Gunakan kode pull-right atau pull-left untuk disimpan di kanan atau dikiri, dan fa-border untuk membuat kotak diluar icon bendera. Ini hanya sekedar contoh, untuk lebih variatif silahkan dicoba sendiri.
<i class="fa fa-smile-o-left fa-3x pull-left icon-border"></i>Gunakan kode pull-right atau pull-left untuk disimpan di kanan atau dikiri, dan icon-border untuk membuat kotak diluar icon bendera.  Ini hanya sekedar contoh, untuk lebih variatif silahkan dicoba sendiri.

Memasang Animasi

   Ini contoh fa fa-spinner yang diputar.
<i class="fa fa-spinner fa-spin fa-3x"></i> Ini contoh fa fa-spinner yang diputar.

Rotated & Flipped

Ikon Font Awesome juga dapat Sobat putar dengan menentukan derajat putar, dan Sobat juga bisa membaliknya secara vertikal maupun horizontal.

  ikon normal

  ikon diputar 90 derajat

  ikon diputar 180 derajat

  ikon diputar 270 derajat

  ikon dibalik secara horizontal

  ikon dibalik secara vertikal
<i class="fa fa-bolt"></i> : ikon normal
<i class="fa fa-bolt fa-rotate-90"></i> : ikon diputar 90 derajat
<i class="fa fa-bolt fa-rotate-180"></i> : ikon diputar 180 derajat
<i class="fa fa-bolt fa-rotate-270"></i> : ikon diputar 270 derajat
<i class="fa fa-bolt fa-flip-horizontal"></i> : ikon dibalik secara horizontal
<i class="fa fa-bolt fa-flip-vertical"></i> : ikon dibalik secara vertikal

Button

Sobat juga dapat menerapkan ikon pada tombol / button.

<div id="wrap">
<a href="#" class="btn" rel="nofollow" target="_blank">Live Demo <i class="fa fa-paper-plane"></i></a>

<a href="#" class="btn down" rel="nofollow" target="_blank">Download <i class="fa fa-download"></i></a>
</div>

Ikon Awesome juga dapat ditambahkan di beberapa berbagai tempat, seperti menu, menu dropdown, form, widget, dan lain-lain.

Nah itulah Cara memasang dan menggunakan Font Awesome, semoga bermanfaat dan selamat berkreasi ya sobat blogger.

http://irhamantapblog.blogspot.com/2015/07/cara-memasang-dan-menggunakan-font-awesome-di-blog.html

Cara Membuat Custom Thumbnail Youtube di Postingan Blog

7:23 AM 0
Cara Membuat Custom Thumbnail Youtube di Postingan Blog

Cara Membuat Custom Thumbnail Youtube di Postingan Blog - Selamat pagi sobat irhamantap semua, oke kali ini Saya akan memberikan sedikit tips untuk sobat yang sangat berguna jika blog sobat menggunakan postingan ditambah video, yups bener banget thumbnail youtube menggunakan CSS, jQuery dan HTML.

Oke berikut cara penerapannya :

Memasang Thumbnail Youtube di Blog

1. Pertama login ke Blogger > Dashboard > Template > Edit HTML.
2. Salin/Copy kode CSS dibawah ini dan tempel/pastekan tepat diatas kode ]]></b:skin> atau </style>.

.youtubeBorder{
    background:none repeat scroll 0 0 #fff;
    border:1px solid #e0e0e0;
    border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,0.2);
    margin:10px 0 20px;
    padding:4px
}
.youtubeBorder p.post-video{
    margin:0!important
}
.youtube{
    background-color:#000;
    max-width:100%;
    overflow:hidden;
    position:relative;
    cursor:hand;
    cursor:pointer;
    height:330px;
    width:100%
}
.youtube .thumb{
    bottom:0;
    display:block;
    left:0;
    margin:auto;
    max-width:100%;
    position:absolute;
    right:0;
    top:0;
    width:100%;
    height:auto;
    opacity:.8;
}
.youtube .play{
    opacity:.9;
    height:77px;
    left:50%;
    margin-left:-38px;
    margin-top:-38px;
    position:absolute;
    top:50%;
    width:77px;
    background:url(http://1.bp.blogspot.com/-UxHkp1GZmYI/VEpXsS2YAeI/AAAAAAAAHH0/kgw4wjcrOvw/s1600/play.png) no-repeat}
.play:hover {
    opacity:1;
}

3. Kemudian Salin/Copy kode jQuery dibawah ini, dan tempel/pastek tepat diatas kode </body>
<script>
$(document).ready(function(){
  $("#play").click(function(){
    $("#remove").hide();
    $("#add").show();
  });
});
</script>

4. Simpan/Save Template.

Cara Penerapan Pada Blog

Buat postingan> masukan kode HTML dibawah ini pada tab HTML bukan Compose
<div  class='youtube' data-id='mbPO4FPAX1Y'><iframe id="add" style="display:none" width="100%" height="330" src="//www.youtube.com/embed/mbPO4FPAX1Y?rel=0" frameborder="0" allowfullscreen></iframe><div id="remove"><a href="https://www.youtube.com/watch?v=mbPO4FPAX1Y"><img class='thumb' src="http://i.ytimg.com/vi/mbPO4FPAX1Y/hqdefault.jpg"/></a><div class='play' id="play"></div></div></div>

Silahkan sobat sesuaikan :

1. Ubah semua kode video youtube irhamantap dengan kode video yang sobat inginkan.

Contoh :

https://www.youtube.com/watch?v= irhamantap

Salin kode yang ditandai kedalam kode HTML diatas.

Jika ingin memunculkan autoplay pada videonya, silahkan tambahkan autoplay=1 dibelakan link youtube-nya.

https://www.youtube.com/watch?v=irhamantap?autoplay=1

Dengan trik ini pun gambar dari link video youtube akan muncul di post halaman utama blog sobat. Oke sekian tips untuk weekend ini, Semoga bermanfaat.

Source : http://arlinadesign.blogspot.com/2014/10/cara-membuat-custom-thumbnail-youtube-di-postingan.html

http://www.irhamantap.my.id/2015/07/cara-membuat-custom-thumbnail-youtube-di-postingan-blog.html

Vienna Lite Responsive Blogger Template

5:05 AM 0
Vienna Lite Responsive Blogger Template - Setelah kemarin mimin telah share template Simple Grid, pada kesempatan kali ini Saya akan share kembali template hasil mbak Arlina design yaitu Vienna Lite.

Vienna Lite Responsive Blogger Template

Bagi sobat yang tertarik, bisa dilihat beberapa fitur dari template vienna lite, demo serta link downloadnya dibawah ini :
FEATURES AVAILABILITY
Responsive True Cek
SEO Friendly True Cek
Google Testing Tool Validator True Cek
Mobile Friendly True Cek
Dynamic Heading True
Personal Blog True
2 Column Style True
3 Column Footer True
Google Friendly True
Custom Threaded Comment True
Responsive Ad Slot True
Light Base Theme Color True
Minimalist True
Breadcrumbs True
Top Navigation True
Responsive Dropdown Menu True
Related Posts with Thumb True
Search Box True
Social Share Button True
Smooth Scroll back To Top True
Custom Subscribe Box Widget True
Custom Contact Form Widget True
Custom Sitemap Widget True
Multi Author Box True
Well Documentation True
Hilangkan tanda centang sebelum mendownload

Password RAR : viennalite

Oke sekian template untuk hari ini, Sampai jumpai di artikel template berikutnya.

http://www.irhamantap.my.id/2015/07/vienna-lite-responsive-blogger-template.html
Subscribe to: Comments (Atom)