Cara membuat Like Box Facebook Gambar Aikatsu Menlayang dengan Timer

Nah Sobat Like Box Facebook Ini Gambar Aikatsu Ini Ada Menlayang dengan Time Ini Aikatsu Characher Ini Ichgo, Aoi Atau Ran Siapa Facebook Suka Box Waktu Habis Di Hilang Ini Siapa Adalah.

 1.   Buka Dasboard Blogger

2.   Buka menu "Tata Letak" lalu Klik "Tambahkan Gadget"

3.   Pilih "HTML/JavaScript"

4.   Copy kemudian paste kode di bawah ini pada widget HTML/JavaScript tadi.

<!-- Maharani Template Terbaru Superminima Likebox Pro FBFan Code Start -->
<style>#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 6*/width:450px;border:10px solid #6F6F6F;z-index:200;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#333333;text-align:left;font-family:arial,sans-serif;font-size:13px;}#fblikepop body{background:#fff none repeat scroll 0%;line-height:1;margin:0pt;height:100%;}.fbflush{cursor: pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;}#fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 6*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;}#fblikepop #closeable{float:right;margin:7px 15px 0 0;}#fblikepop h1{background:#6D84B4 none repeat scroll 0 0;border-top:1px solid #3B5998;border-left:1px solid #3B5998;border-right:1px solid #3B5998;color:#FFFFFF !important;font-size:14px !important;font-weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;}#fblikepop #actionHolder{height:30px;overflow:hidden;}#fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCCCCC;padding:10px;min-height:50px;}#fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;}#fblikepop #buttonArea a:hover{color:#333 !important;text-decoration:none !important;border:0 !important;}#fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#fff !important;}#fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;}</style>
<script src="http://www.google.com/jsapi"></script><script>google.load("jquery", "1");</script> 
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script type="text/javascript">
//<![CDATA[
kakinetworkdotcom01username="maharanitemplatema",
kakinetworkdotcom01title="Klik 'Suka' Untuk Menutup",
kakinetworkdotcom01skin="02",
kakinetworkdotcom01time="30",
kakinetworkdotcom01wait="0",
kakinetworkdotcom01lang="id",
gambaraikatsucharacter="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCb2MkMlwoDKnH-5apa8UHIaZPc2vtZuWXPIA7LV4HXEKFkK9xh378V4yo5fZLIC2EtAAxfMXPwghlF3jC1H-361_ekqmByVtrO_gIl30qS0hLpwr549e2nHJ74Jfz0Ag1s0QMAnZTtFg/s1600/ichigo111.jpg"
//]]>
</script>
<script type="text/javascript" src="https://cdn.rawgit.com/songketwarnetma/maharani-site-ma/aikatsu/likeboxfbfansaikatsu2.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){$().kakinetworkdotcom({ closeable: false });});
//]]>
</script>
<!-- KakiNetwork.Com Likebox Pro FBFan Code End -->

5. Klik "Simpan" dan lihat hasilnya.

Demo

Siapa Gambar Aikatsu Kode gambaraikatsucharacter="Gambar Dibawan Disini" Ini

Ichigo hoshimiya

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCb2MkMlwoDKnH-5apa8UHIaZPc2vtZuWXPIA7LV4HXEKFkK9xh378V4yo5fZLIC2EtAAxfMXPwghlF3jC1H-361_ekqmByVtrO_gIl30qS0hLpwr549e2nHJ74Jfz0Ag1s0QMAnZTtFg/s1600/ichigo111.jpg

 Aoi Kiriya

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAePBUVnMBZ3HGr0e_7Ujs_BENhDkLHb3VIZP6FobFeSGjggynunD4CHqlCmMIDSb2ch4PlIsmmTXNe9U1taXlZSJcqkkTLYVlFs7JLNCfIhbTIaKUm52OYQIBLs3-EzdxPLghXgvZNls/s1600/aoikiriya1111.jpg

Ran Shibuki

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV48Jw1xHlHOMRlzngJ_DymZ5-X81o96Y1-22_r6Sn4EOTgZ-VG57BtvbUzXE3HBI7UnJeFfUrbUmwrUHO3spybXwh9gQmsvJ-OuUcNGUGMThTgcobMDov3NR32EihWJsK1PZyDkVjzYc/s1600/ranshibuki111.jpg

Biasa Facebook Like

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikc-84uWwJ0XKIUD3JaWK8JWi_SfooY6015X9x1I9iJxAfvwUXxdePdXzxKLDbOY4_iKtNPqLDV4tiFTk4KjqxV8QO20ojF9DMoL7_Uwc_3Scxc8cZAr55cUJYG00hRqEbKhDnH8zI4fiW/s200/Facebook_like_thumb.png

Cara Memasang Spoiler Aikatsu Dengan Warna Tombol di Postingan

Kali ini saya akan berbagi tips gambar sederhana ini aikatsu 3 karakter ada ichigo, aoi dan ran apakah warna tombol pink, biru, merah siapa. cara membuat spoiler aikatsu dengan colour button dengan efek slide di postingan blog.






Berikut cara penerapannya :  

Pertama, buka blogger > Template > Edit HTML > Terapkan kode CSS di bawah ini sebelum </style> atau ]]></b:skin> dan untuk kode jQuery terapkan sebelum </body>

/* Spoiler Flippy 1 */
#flippy1 {
    text-align: center;
}

#flippy1 button {
    background: #FFC0CB;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    border: none;
    border-radius: 3px;
    padding: 20px 20px;
    margin: 10px auto;
    font-size: 14px;
    font-weight: bold;
    box-shadow: 0px 3px 0px 0px #88C0CB;
    vertical-align: middle;
    cursor: pointer;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    transition: background 0.1s ease-in-out;
}

#flippy1 button:hover, #flippy1 button:focus {
    background: #FFB6C1;
    outline: none;
}

#flippanel1 {
    padding: 1px;
    text-align: left;
    background: #f5f5f5;
    border: 0px;
}

#flippanel1 {
    padding: 24px;
    display: none;
}
/* Spoiler Flippy 2 */
#flippy2 {
    text-align: center;
}

#flippy2 button {
    background: #0000FF;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    border: none;
    border-radius: 3px;
    padding: 20px 20px;
    margin: 10px auto;
    font-size: 14px;
    font-weight: bold;
    box-shadow: 0px 3px 0px 0px #000088;
    vertical-align: middle;
    cursor: pointer;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    transition: background 0.1s ease-in-out;
}

#flippy2 button:hover, #flippy2 button:focus {
    background: #ADD8E6;
    outline: none;
}

#flippanel2 {
    padding: 1px;
    text-align: left;
    background: #f5f5f5;
    border: 0px;
}

#flippanel2 {
    padding: 24px;
    display: none;
}
/* Spoiler Flippy 3 */
#flippy3 {
    text-align: center;
}

#flippy3 button {
    background: #800000;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    border: none;
    border-radius: 3px;
    padding: 20px 20px;
    margin: 10px auto;
    font-size: 14px;
    font-weight: bold;
    box-shadow: 0px 3px 0px 0px #400000;
    vertical-align: middle;
    cursor: pointer;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    transition: background 0.1s ease-in-out;
}

#flippy3 button:hover, #flippy3 button:focus {
    background: #8B0000;
    outline: none;
}

#flippanel3 {
    padding: 1px;
    text-align: left;
    background: #f5f5f5;
    border: 0px;
}

#flippanel3 {
    padding: 24px;
    display: none;
}

<script>
$(document).ready(function() {
    $("#flippy1").click(function() {
        $("#flippanel1").slideToggle("normal");
    });
});
</script>
<script>
$(document).ready(function() {
    $("#flippy2").click(function() {
        $("#flippanel2").slideToggle("normal");
    });
});
</script>
<script>
$(document).ready(function() {
    $("#flippy3").click(function() {
        $("#flippanel3").slideToggle("normal");
    });
});
</script>

Kemudian terapkan kode di bawah ini di postingan tab HTML

ichigo hoshimiya

<div id="flippy1"><button><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCb2MkMlwoDKnH-5apa8UHIaZPc2vtZuWXPIA7LV4HXEKFkK9xh378V4yo5fZLIC2EtAAxfMXPwghlF3jC1H-361_ekqmByVtrO_gIl30qS0hLpwr549e2nHJ74Jfz0Ag1s0QMAnZTtFg/s1600/ichigo111.jpg" width="200"/></button></div>
<div id="flippanel1">
Hai Ichigo
</div>

Aoi Kiriya

<div id="flippy2"><button><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAePBUVnMBZ3HGr0e_7Ujs_BENhDkLHb3VIZP6FobFeSGjggynunD4CHqlCmMIDSb2ch4PlIsmmTXNe9U1taXlZSJcqkkTLYVlFs7JLNCfIhbTIaKUm52OYQIBLs3-EzdxPLghXgvZNls/s1600/aoikiriya1111.jpg" width="200"/></button></div>
<div id="flippanel2">
Hai Aoi
</div>

Ran Shibuki

<div id="flippy3"><button><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV48Jw1xHlHOMRlzngJ_DymZ5-X81o96Y1-22_r6Sn4EOTgZ-VG57BtvbUzXE3HBI7UnJeFfUrbUmwrUHO3spybXwh9gQmsvJ-OuUcNGUGMThTgcobMDov3NR32EihWJsK1PZyDkVjzYc/s1600/ranshibuki111.jpg" width="200"/></button></div>
<div id="flippanel3">
hai Ran
</div>

Demo

Selamat mencoba dan Aikatsu! Idol Activity & Academy

Luar Lihat Blog Arlina Design Memasang Spoiler di Postingan

Cara Membuat Tombol Surprise Me (Random Post) Bersama Mario Box pada Halaman Di Blog

Cara Membuat Tombol Surprise Me Bersama Mario Bros. Pada Halaman Apakah Mario Bros Ini Games Di Softendo. Game Super Mario Bros. Acak Pos Halaman Blog Ada Mario dan Luigi Game Super Mario. Adalah Games Mario Permainan. Apakah Mario Box Click Box Apakah Siapa Ini.






1. Di Blog kamu
2. Pilih Laman >> Laman Baru
3. Pilih mode HTML (sebelahnya compose) dan masukan kode dibawah ini.

<h2 style="text-align: center;">
Apakah kita Random Post Dari Box Mario Tekan Klik Box Ini.
</h2>
<br />
<br />
<div class="ranpost" style="text-align: center;">
<a href="#" onclick="feelingLucky();alert('Selesai Diklik Hasil Blog Di Random Post Terima Kasih.');"><img src="http://www.mariowiki.com/images/thumb/0/02/Question_Block_NSMB.png/300px-Question_Block_NSMB.png" /></a>
</div>
<h3 style="text-align: right;"><a href="http://maharanitemplate-ma-minima.blogspot.com/2015/12/cara-membuat-tombol-surprise-me-random.html">Get Widget</a></h3>
<script type="text/javascript">
//<![CDATA[
function showLucky(root){
    var feed = root.feed;
    var entries = feed.entry || [];
    var entry = feed.entry[0];
      for (var j = 0; j < entry.link.length; ++j) {
       if (entry.link[j].rel == "alternate") { 
       window.location = entry.link[j].href; 
       } 
      } 
   }
function fetchLuck(luck){
    script = document.createElement('script');
    script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky';
    script.type = 'text/javascript';
    document.getElementsByTagName('head')[0].appendChild(script);
   }
function readLucky(root){
    var feed = root.feed;
    var total = parseInt(feed.openSearch$totalResults.$t,10);
    var luckyNumber = Math.floor(Math.random()*total);
    luckyNumber++;
    fetchLuck(luckyNumber);
    }
function feelingLucky(){
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = '/feeds/posts/summary?max-results=0&alt=json-in-script&callback=readLucky';
    document.getElementsByTagName('head')[0].appendChild(script);
    }
//]]>
</script> 

Perhatikan kode berwarna biru Pesan Kata-kata Tanya ini / Kedua Baru! : "Gambar Aikatsu Kartu"
Perhatikan kode warna merah Alert Hasil Pesan Kata-Kata Tanya ini
Perhatikan kode warna ungu Gambar Box Anda itu disini: "Gambar Mario Box" / Kedua Baru! : "Gambar Aikatsu Kartu"

Gambar Mario Box

Cari Google Mario Box

Atau

1. http://www.mariowiki.com/images/thumb/0/02/Question_Block_NSMB.png/300px-Question_Block_NSMB.png

2. http://www.mariowiki.com/images/thumb/4/48/Question_Block_Artwork_-_Super_Mario_3D_World.png/300px-Question_Block_Artwork_-_Super_Mario_3D_World.png

3. http://d2x3wmakafwqf5.cloudfront.net/wordpress/wp-content/blogs.dir/106/files/2015/09/Coin-Box.png

4. http://previewcf.turbosquid.com/Preview/2014/05/25__18_32_44/question%20block.jpgb4951a97-7e01-4e67-a571-2c6a6fd7c708Larger.jpg

5. http://www.mariowiki.com/images/thumb/d/d1/Shiny_Question_Block_Artwork_-_Super_Mario_3D_World.png/300px-Shiny_Question_Block_Artwork_-_Super_Mario_3D_World.png

Baru! Gambar Aikatsu Kartu

Pesan Kata-Kata Ganti Kode "Apakah kita Random Post Dari Kartu Aikatsu Tekan Klik kartu Ini."

6. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTTtmG1hJMjfCRDyoFo_cp1wasyL6uA5yGXMN8SSi1aZ8C8dr7za3fpzBnHuWhlPaAxKAtkujNqy7akISGJJRJevA6k9XcdENiD7vI9O_tv8a2MeJmFLUK6lFT-mzhpkltH3OpN7uOEwnk/s400/cardaikatsu.png

5. Masih dalam mode HTML dan Publikasikan,
6. Selesai.

Demo

Selamat mencoba dan Super Mario Bros

Cara Memasang Pesan kata "Terimakasih" Ini Gambar Lucu Aikatsu

Aikatsu Idola Untuk Terima Kasih Pesan Kata Ke Arlina Design Template Untuk itu pada kesempatan ini kita adalah Ichigo, Aoi dan Ran Gambar Lucu Aikatsu Ini Terima Kasih Ada cara memasang Pesan kata "Terimakasih" ini Gambar Lucu Aikatsu sebagai berikut:


1. Buka Dasboard Blogger
2. Masuklah ke Template
3. Pilih Edit HTML lalu carilah kode keatas <data:post.authorAboutMe/> 5 baris bawah kode atau kebawah <div id='virelated-post'> atas kode (gunakan Ctrl+F untuk mencari kode dengan cepar)
4. Salin dan tempatkalah Kode Script di bawah ini tepat di bawah Kode 5 baris dibawah <data:post.authorAboutMe/> atau diatas <div id='virelated-post'> tadi.

Ichigo hoshimiya:

<div class='authorboxwrap'>
<div class='authorboxfull'>
<div class='avatar-container'>
<a href=''>
<img alt='Aikatsu' class='author_avatar img-circle' height='96' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCb2MkMlwoDKnH-5apa8UHIaZPc2vtZuWXPIA7LV4HXEKFkK9xh378V4yo5fZLIC2EtAAxfMXPwghlF3jC1H-361_ekqmByVtrO_gIl30qS0hLpwr549e2nHJ74Jfz0Ag1s0QMAnZTtFg/s1600/ichigo111.jpg' width='96'/>
</a>
</div>
<div class='author_description_container'>
<h4><a href='#' rel='author'>Terimakasih Anda telah membaca tulisan / artikel di atas tentang :</a></h4>
<div style='margin-top:5px'>
Ditulis Oleh <b><a href='https://plus.google.com/114981857040664646747'><data:post.author/></a></b> - Semoga informasi mengenai <a expr:href='data:post.url'><data:post.title/></a> bisa memberikan manfaat bagi Anda. Jangan lupa <b>Komentar Anda</b> sangat dibutuhkan, di bawah ini.
</div>  
</div>
</div>
</div>
<div style='clear:both'/>
 

Aoi kiriya:

<div class='authorboxwrap'>
<div class='authorboxfull'>
<div class='avatar-container'>
<a href=''>
<img alt='Aikatsu' class='author_avatar img-circle' height='96' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAePBUVnMBZ3HGr0e_7Ujs_BENhDkLHb3VIZP6FobFeSGjggynunD4CHqlCmMIDSb2ch4PlIsmmTXNe9U1taXlZSJcqkkTLYVlFs7JLNCfIhbTIaKUm52OYQIBLs3-EzdxPLghXgvZNls/s1600/aoikiriya1111.jpg' width='96'/>
</a>
</div>
<div class='author_description_container'>
<h4><a href='#' rel='author'>Terimakasih Anda telah membaca tulisan / artikel di atas tentang :</a></h4>
<div style='margin-top:5px'>
Ditulis Oleh <b><a href='https://plus.google.com/114981857040664646747'><data:post.author/></a></b> - Semoga informasi mengenai <a expr:href='data:post.url'><data:post.title/></a> bisa memberikan manfaat bagi Anda. Jangan lupa <b>Komentar Anda</b> sangat dibutuhkan, di bawah ini.
</div>  
</div>
</div>
</div>
<div style='clear:both'/>
 

Ran shibuki:

<div class='authorboxwrap'>
<div class='authorboxfull'>
<div class='avatar-container'>
<a href=''>
<img alt='Aikatsu' class='author_avatar img-circle' height='96' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV48Jw1xHlHOMRlzngJ_DymZ5-X81o96Y1-22_r6Sn4EOTgZ-VG57BtvbUzXE3HBI7UnJeFfUrbUmwrUHO3spybXwh9gQmsvJ-OuUcNGUGMThTgcobMDov3NR32EihWJsK1PZyDkVjzYc/s1600/ranshibuki111.jpg' width='96'/>
</a>
</div>
<div class='author_description_container'>
<h4><a href='#' rel='author'>Terimakasih Anda telah membaca tulisan / artikel di atas tentang :</a></h4>
<div style='margin-top:5px'>
Ditulis Oleh <b><a href='https://plus.google.com/114981857040664646747'><data:post.author/></a></b> - Semoga informasi mengenai <a expr:href='data:post.url'><data:post.title/></a> bisa memberikan manfaat bagi Anda. Jangan lupa <b>Komentar Anda</b> sangat dibutuhkan, di bawah ini.
</div>  
</div>
</div>
</div>
<div style='clear:both'/>
 

5.   Klik "Simpan Template" dan lihat hasilnya.

Demo

Selamat mencoba dan Aikatsu! Idol Activity & Academy