DanAndroid-Download

Memasang Kotak Breaking News Berjalan di Blog

2017-01-21T23:00:00.004+07:00

Hallo Bloggers... Lama tidak berjumpa... Di postingan kali ini saya akan membahas cara memasang Kotak Breaking News berjalan di blog. Breaking News? Ya seperti berita terbaru atau berita terupdate. Untuk apa? Untuk memcantik blog dan untuk mempermudah pengunjung mengetahui postingan terupdate blog.

Screenshot:

GIF:

Memasang Kotak Breaking News Berjalan di Blog

Cara Pertama :

1. Buka Blogger - Kemudian login.

2. Dashboard - Template.

3. Edit HTML.

Proses Pembuatan :

1. Temukan <CTRL+F> kode ]]></b:skin> atau </style>.

2. Copy&paste kode berikut ini, dan letakkan diatas kode ]]></b:skin> atau </style>.


/* breakingnews-danandroid-download */
#beritahangat {
background:#359BED;
float: left;
height: 42px;
line-height:  42px;
overflow: hidden;
width: 70%;
}
#beritahangatterakhir li a {
color:#fff;
font-family: sans-serif;
font-weight: bold;
}
#beritahangatterakhir li a:hover {
color:#444;
}
#beritahangat .tulisbreaking {
background:#0566A9;
}
#beritahangat .tulisbreaking{
color:$(mainbgfontcol.background.color) !important;
}
span.tulisbreaking:after{
content: close-quote;
position: absolute;
width: 0px;
top: 15px;
right: -12px;
border-bottom: 6px solid rgba(0, 0, 0, 0);
border-left: 6px solid #006ECC;
border-top: 6px solid rgba(0, 0, 0, 0);
border-right: 6px solid rgba(0, 0, 0, 0);
}
#beritahangat .tulisbreaking {
color: #FFFFFF;
display: block;
float: left;
font-family: sans-serif;
font-weight: bold;
padding: 0 10px;
position: absolute;
border-bottom: 1px solid #006ECC;
}
#beritahangatterakhir {
float: left;
margin-left: 74px;
}
#beritahangatterakhir ul,#beritahangatterakhir li{list-style:none;margin:0;padding:0}

Catatan:
- Width: 70% bisa diganti sesuai lebar template anda.

3. Temukan lagi <CTRL+F> kode <body> atau </header>.
4. Copy&paste kode berikut ini, dan letakkan dibawah kode <body> atau </header>.


<!--beritahangatdanandroid-download-->
<div id='beritahangat'><span class='tulisbreaking'>News</span>
<div id='beritahangatterakhir'>Tunggu Sebentar...</div></div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
var url_blog = 'https://danandroid-download.blogspot.com/', // Replace With your Blog Url
    numpostx= 20; // Maximum Post
$.ajax({
url: ''+url_blog+'/feeds/posts/default?alt=json-in-script&max-results=' + numpostx + '',
type: 'get',
dataType: "jsonp",
success: function(data) {
var posturl, posttitle, skeleton = '',
entry = data.feed.entry;
if (entry !== undefined) {
skeleton = "<ul>";
for (var i = 0; i < entry.length; i++) {
for (var j=0; j < entry[i].link.length; j++)
{
if (entry[i].link[j].rel == "alternate")
{
posturl = entry[i].link[j].href;
break;
}
}    
posttitle = entry[i].title.$t;
skeleton += '<li><a href="' + posturl + '" target="_blank">' + posttitle + '</a></li>';
}
skeleton += '</ul>';
$('#beritahangatterakhir').html(skeleton);
// kode untuk efek pada breaking news
function tick(){
$('#beritahangatterakhir li:first').slideUp( function () { $(this).appendTo($('#beritahangatterakhir ul')).slideDown(); });
}
setInterval(function(){ tick () }, 5000);
} else {
$('#beritahangatterakhir').html('<span>No result!</span>');
}
},
error: function() {
$('#beritahangatterakhir').html('<strong>Error Loading Feed!</strong>');
}
});
});
//]]>
</script>
<div style='clear:both;'/>

Catatan :Ganti URL dengan URL blog kalian.

Sekian postingan saya kali ini jika ada masalah silahkan menulis di kolom komentar di bawah. Terima kasih sudah berkunjung ,sampai jumpa di kesempatan berikutnya dan tolong bagikan : Memasang Kotak Breaking News Berjalan di Blog.

Cara memasang Kotak Media Sosial diatas header

2017-01-05T22:27:00.001+07:00

Hai Bloggers... Di malam hari yang indah ini saya akan memberi tutorial Cara memasang Kotak Media Sosial diatas header. Apa kegunaanya? Ya untuk mempopulerkan situs original yang kita miliki. Media sosial disaat ini adalah media yang sangat banyak digunakan orang untuk bersaing secara modern. Contoh seperti banyak-banyakan followers,banyak-banyakan pengikut, dan masih banyak yang lain. Kotak media sosial ini bisa anda isi dengan akun pribadi milik anda.

Screenshot :

GIF :

Cara memasang Kotak Media Sosial diatas header

Cara Pertama :

1. Buka Blogger - Kemudian login.

2. Dashboard - Template.

3. Edit HTML.

Proses Pembuatan :

1. Temukan <CTRL+F> kode ]]></b:skin> atau </style>.

2. Copy&paste kode berikut ini, dan letakkan diatas kode ]]></b:skin> atau </style>.


/* CSS Kotak Media Sosial atas header - DanAndroid-Download*/
#kotak_media_sosial_atas_header{width:100%;background:rgba(255, 255, 255, 0);;display:block;margin:0 auto;text-align:right}
#kotak_media_sosial_atas_header ul {background:#fff;display:block;height:32px;margin:0 auto;padding:5px;list-style:none;}
#kotak_media_sosial_atas_header li{opacity:0.5;display:inline-block;margin:0 auto;width:32px;height:32px;background-position:left top;text-align:center;margin-left:5px;transition:All 0.4s ease;}
#kotak_media_sosial_atas_header li:hover{opacity:1;background-position:left -32px;}
#kotak_media_sosial_atas_header li a{display:inline-block;width:32px;height:32px;}
#kotak_media_sosial_atas_header li a:hover{background:transparent;color:#ddd;box-shadow:none;}
#kotak_media_sosial_atas_header li a span{display:none;}
#kotak_media_sosial_atas_header li.facebook{background-image:url(http://4.bp.blogspot.com/-o_g8larFjdU/U4Y0XpgorCI/AAAAAAAADYg/0ZQbECBzU60/s1600/facebook.png);}
#kotak_media_sosial_atas_header li.twitter{background-image:url(http://3.bp.blogspot.com/-Ke4tQTtY3jI/U4Y0Zfg0N-I/AAAAAAAADYw/dlg4LjddJQE/s1600/twitter.png);}
#kotak_media_sosial_atas_header li.youtube{background-image:url(http://4.bp.blogspot.com/-4aom3PHdSCA/U4Y0aUmR75I/AAAAAAAADY8/V2bRVAX84Fc/s1600/youtube.png);}
#kotak_media_sosial_atas_header li.googleplus{background-image:url(http://4.bp.blogspot.com/-YiQrpkjpv7o/U4Y0XhoOmVI/AAAAAAAADZE/W1mDEl3fl-w/s1600/google.png);}
#kotak_media_sosial_atas_header li.instagram{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeUelYqPl8CbXplJBUjRLSPMqqbqSvaXwTQaDzdTLYdTm7Xs6DLDYBOhZYxH5G0d7K_bIZ2q9ANs1mWX6-C9io_pKo7iz0HAF63PPp4SD-gKf8MSubr2V7UoHZYorfYXo-8jyV6ryO4l-c/s1600/instagram.png);}
#kotak_media_sosial_atas_header li.linkedin{background-image:url(http://2.bp.blogspot.com/-9nf11_L6Ax0/U4Y0ZDh7ihI/AAAAAAAADYs/4g3M5XXuGas/s1600/linkedin.png);}

3. Temukan lagi <CTRL+F> kode <body>.
4. Copy&paste kode berikut ini, dan letakkan dibawah kode <body>.


<!--Kotak Media Sosial atas header-DanAndroid-Download-->
<div id='kotak_media_sosial_atas_header'>
<ul><!--Kotak Media Sosial atas header-DanAndroid-Download Started-->
<li class='sorting-01 facebook'><a href='#'><span class='inv'>Facebook</span></a></li>
<!--Ganti dengan Url di Facebook-->
<li class='sorting-02 twitter'><a href='#'><span class='inv'>twitter</span></a></li>
<!--Ganti dengan Url di Twitter-->
<li class='sorting-03 googleplus'><a href='#'><span class='inv'>googleplus</span></a></li>
<!--Ganti dengan Url di Google Plus-->
<li class='sorting-04 youtube'><a href='#'><span class='inv'>youtube</span></a></li>
<!--Ganti dengan Url di Youtube-->
<li class='sorting-05 instagram'><a href='#'><span class='inv'>instagram</span></a></li>
<!--Ganti dengan Url di instagram -->
<li class='sorting-06 linkedin'><a href='#'><span class='inv'>linkedin</span></a></li>
<!--Ganti dengan Url di Linked-->
</ul>
</div><!--Kotak Media Sosial atas header Started End-->

Note : "#" Silahkan anda isi dengan link sosial media anda.

5. Terakhir Simpan Template.

Sekian tutorial Cara memasang Kotak Media Sosial diatas header. Makasih udah berkunjung. Apabila ada kesalahan jangan sungkan berkomentar ya. Mohon di bagikan : Cara memasang Kotak Media Sosial diatas header. Dan Sampai jumpa di kesempatan berikutnya.

Cara Membuat Join This Site Bagus

2017-01-02T22:59:00.000+07:00

Ya kembali lagi dengan ane. Di malam pergantian tahun kali ini ane akan ngasih tutorial Cara Membuat Join This Site Bagus. Kegunaan sama seperti Google Plus,Facebook, ataupun Twitter yaitu untuk menambah follower yang mengikuti situs web atau blog anda. Dengan ada nya Join This Site ini blog anda dapat di ikuti oleh pengunjung.

Screenshoot :

GIF :

Cara Pertama :

1. Buka Blogger - Kemudian login.

2. Dashboard - Tata Letak/Layout.

3. Tambah Gadget Pilih HTML/JavaScript.
4. Copy-Pastekan kode berikut ini.

<!---JoinUsDanAndroidDownload-->
<center><a href="http://www.blogger.com/follow-blog.g?blogID=7956859774354335108"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTGwv7E1UUnEE-0bf5Lr0T7wbcbGRNU7DSJyGqq_1xMdCk2sC5gqM6ClzhejZYtzbnGmNiWRGrJhCoa3XGd3AJ3U3i2LzpKJRrfcuSw6rjRTd2cqbroG0I1n2eaGZfbM7H8widBZayewQ/s800/Join%2520This%2520Site.png"/></a></center>

Note :
Gantikan code 7956859774354335108 dengan kode anda.

Cara Kedua :
1. Buka Blogger - Kemudian login.

2. Dashboard - Tata Letak/Layout.

3. Tambah Gadget Pilih HTML/JavaScript.
4. Copy-Pastekan kode berikut ini.

<!---JoinUsDanAndroidDownload-->
<div class='widget-content'>
<marquee behavior="alternate"><a href ="http://www.blogger.com/follow-blog.g?blogID=7956859774354335108"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTGwv7E1UUnEE-0bf5Lr0T7wbcbGRNU7DSJyGqq_1xMdCk2sC5gqM6ClzhejZYtzbnGmNiWRGrJhCoa3XGd3AJ3U3i2LzpKJRrfcuSw6rjRTd2cqbroG0I1n2eaGZfbM7H8widBZayewQ/s800/Join%2520This%2520Site.png"/></a></marquee>
</div>

Note :
Gantikan code 7956859774354335108 dengan kode anda.

Cara Ketiga :
1. Buka Blogger - Kemudian login.

2. Dashboard - Tata Letak/Layout.

3. Tambah Gadget Pilih HTML/JavaScript.
4. Copy-Pastekan kode berikut ini.


<!---JoinUsDanAndroidDownload--> 
<center><a href='http://www.blogger.com/follow-blog.g?blogID=7956859774354335108'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLDZhcNQMSwh1SRq59HTRrmtEk2K9hsQbOKpNBHE-A7yISii6zOvn_24rSj59wU-l2p3UAZoe3jd3HkWYQDmQltP4_EbU90MlZ24_pc-exh4OuFwH-f_GfzJq90GViCbOTDeYJqBYwxadg/s1600/Follow+my+blog.gif'/></a></center>

Note :
Gantikan code 7956859774354335108 dengan kode anda.

Cara Keempat :
1. Buka Blogger - Kemudian login.

2. Dashboard - Tata Letak/Layout.

3. Tambah Gadget Pilih HTML/JavaScript.
4. Copy-Pastekan kode berikut ini.


<!---JoinUsDanAndroidDownload-->
<div class='widget-content'>
<marquee behavior="alternate"><a href ="http://www.blogger.com/follow-blog.g?blogID=7956859774354335108"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLDZhcNQMSwh1SRq59HTRrmtEk2K9hsQbOKpNBHE-A7yISii6zOvn_24rSj59wU-l2p3UAZoe3jd3HkWYQDmQltP4_EbU90MlZ24_pc-exh4OuFwH-f_GfzJq90GViCbOTDeYJqBYwxadg/s1600/Follow+my+blog.gif"/></a></marquee>
</div>

Note :
Gantikan code 7956859774354335108 dengan kode anda.

Sekian tutorial Cara Membuat Join This Site Bagus. Bila ada kesalahan jangan sungkan berkomentar. Terima kasih sudah mengunjungi blog saya dan bagikan : Cara Membuat Join This Site Bagus.

Back To Top Bagus dan Keren

2017-01-02T10:32:00.003+07:00

Back To Top? Ya seperti namanya yaitu kembali ke top atau kembali ke atas. Buat apa? Biar pengunjung ga perlu cape -cape buat scroll ke atas atau ke judul lagi. Di postingan saya kali ini saya akan membuat tutorial membuat Back To Top Bagus dan Keren. bagaimana cara kerjanya? gampang kok...cuma 1x klik langsung kembali ke atas atau ke awal lagi deh. Oke tanpa basa basi lagi langsung aja. Berikut contoh dan tutorial membuatnya.
Screenshot Back To Top Bagus dan Keren :

Cara Pertama :

1. Buka Blogger - Kemudian Login.
2. Dashboard - Template.
3. Silakan Edit HTML.

Prosese Pembuatan dan Pemasangan :

1. Temukan kode ]]></b:skin> atau </style>.
2. Copy&Paste kode berikut ini, dan Letakkan diatas kode ]]></b:skin> atau </style>.

/* Back To Top Bagus dan Keren  */
#back-to-top{background:#006ecc;color:#ffffff;padding:8px 10px;font-size:24px}
.back-to-top{position:fixed!important;position:absolute;bottom:20px;right:20px;z-index:999}

3. Selanjutnya kita pasang Font Awesome.
4. Temukan kode </head>.
5. Copy&Paste kode berikut ini, dan Letakkan diatas kode </head>.


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

6. Terakhir, Temukan (CTRL+F) kode </body>.
7. Copy&Paste kode berikut ini, dan letakkan diatas kode </body>.


<!--Back To Top Bagus dan Keren Start-->

<div class='back-to-top'><a href='#' id='back-to-top' title='back to top'>

<i class='fa fa-arrow-up'/>

</a></div>

<script>          

$(window).scroll(function() {

if($(this).scrollTop() &gt; 200) {

$(&#39;#back-to-top&#39;).fadeIn();

} else {

$(&#39;#back-to-top&#39;).fadeOut();

}

});

$(&#39;#back-to-top&#39;).hide().click(function() {

$(&#39;html, body&#39;).animate({scrollTop:0}, 1000);

return false;

});

</script>

<!--Back To Top Bagus dan Keren End-->

8. Simpan Template

Demikian tutorial atau cara membuat Back To Top Bagus dan Keren. Bila ada kesalahan jangan sungkan untuk berkomentar. Saya akhiri postingan Back To Top Bagus dan Keren. Sekian dari saya postingan kali ini. Share : Back To Top Bagus dan Keren.

Cara menghilangkan Obeng dan Tang di blogger

2017-01-01T22:07:00.000+07:00

Hai sobat Bloggers. Di postingan kali ini ane akan memberi tutorial Cara menghilangkan Obeng dan Tang di blogger. Sebenernya obeng dan tang ini berguna loh. Tapi mungkin dari kalian ada yang risih ngeliatnya makanya pada nyari tau gimana cara ngilanginya. Apa gunanya? gunanya pengeditan secara cepat dan langsung di blog anda. Cara menghilangkan nya cukup simple kok. Oke langsung saja kita mulai Cara menghilangkan Obeng dan Tang di blogger.

Berikut perbedaanya :

Note : anda bisa melihat nya jelas tepat di bawah multitab sidebar right.

Cara Pertama :

1. Buka Blogger - Kemudian login.

2. Dashboard - Template.

3. Edit HTML.

Proses Pembuatan :

1. Temukan <CTRL+F> kode ]]></b:skin>.

2. Copy&paste kode berikut ini, dan letakkan diatas kode ]]></b:skin>.


/* Obeng dan Tang */ .quickedit{ display:none;visibility:hidden;}

3. Simpan Template dan lihat perubahanya.

Yak begitu cara Cara menghilangkan Obeng dan Tang di blogger. Mudah bukan?Mudah dong. Oke sekian tutorial ane kali ini makasih udah berkunjung dan Share : Cara menghilangkan Obeng dan Tang di blogger.

Top Navigasi Diatas Header Keren

2016-12-19T21:01:00.001+07:00

Ketemu lagi dengan saya. Di postingan ini saya akan membuat Top Navigasi Diatas Header Keren. Top Navigasi? Ini agar mempermudah pengunjung melihat fiture blog kita. mungkin kebanyakan ada Top Navigasi tapi di bawah header. Nah disini berbeda. Top Navigasi Diatas Header Keren ini bisa di isi dengan Contact US,Sitemap,Disclaimer,Privacy Policy. Nah kali ini saya akan memberi tutorial memasang Contact US,Sitemap,Disclaimer,Privacy Policy di Top Navigasi Diatas Header. Apa tujuanya? ya agar lebih rapih aja sih. Itu menurut saya.
Screenshot :

Preview GIF :

Cara Membuat Top Navigasi Diatas Header Keren

Cara Pertama :

1. Buka Blogger - Kemudian login.

2. Dashboard - Template.

3. Edit HTML.

Proses Pembuatan :

1. Temukan <CTRL+F> kode ]]></b:skin> atau </style>.

2. Copy&paste kode berikut ini, dan letakkan diatas kode ]]></b:skin> atau </style>.

//* Top Navigasi Diatas Header Keren */
#topwrapper{width:100%;overflow:hidden;height:35px;}#topnav{font-weight:bold;margin:0;float:right;width:500px;overflow:hidden;height:45px;line-height:45px;list-style-type:none;padding:0 0 0 0;}#topnav li{display:block;float:left;margin:0 0 0 0;}#topnav li a{padding:0 20px;font-size:14px;display:block;text-decoration:none;}#topnav li a:hover{color:#000;box-shadow:inset 0px -3px 0px rgba(0,0,0,0.3);background:#f5f5f5;}#topnav li:nth-child(1) a:hover{box-shadow:inset 0px -2px 0px #006ECC;}#topnav li:nth-child(2) a:hover{box-shadow:inset 0px -2px 0px #0084C5;}#topnav li:nth-child(3) a:hover{box-shadow:inset 0px -2px 0px #006ECC;}#topnav li:nth-child(4) a:hover{box-shadow:inset 0px -2px 0px #006ECC;}#topnav li:nth-child(5) a:hover{box-shadow:inset 0px -2px 0px #006ECC;}#topnav li:nth-child(6) a:hover{box-shadow:inset 0px -2px 0px #FFBA0F;}#search-top{float:left;margin:4px 0px 4px 10px;display:none;}#search-top input[type="text"]{box-shadow:inset 2px 2px 0px #f0f0f0;border-radius:3px 0 0 3px;height:25px;width:100px;line-height:24px;background-color:#f8f8f8;border:1px solid #d3d3d3;outline:none;font-size:13px;padding:0 10px;float:left;}#search-top input#search-button-top{box-shadow: inset 1px 1px 0 #f9f9f9;border-radius:0 3px 3px 0;height:27px;width:30px;color:#006ECC;background-color:#f0f0f0;border:1px solid #d3d3d3;border-left:none;float:left;cursor:pointer;}#search-top input#search-button-top:hover{background-color:#e8e8e8;}

Note : Width 500px itu lebarnya jadi anda bisa menggantinya sesuai dengan template anda.

3. Temukan lagi <CTRL+F> kode <body>.
4. Copy&paste kode berikut ini, dan letakkan dibawah kode <body>.


<!--Top Navigasi Diatas Header Keren-->
<ul id='topnav'>
<li><a href='###' title='Contact us'><i class='fa fa-envelope'/> Contact</a></li>
<li><a href='###' title='Sitemap'><i class='fa fa-list'/> Sitemap</a></li>         
<li><a href='###' title='Disclaimer'><i class='fa fa-check-circle'/> Disclaimer</a></li>
<li><a href='###' title='Privacy Policy'><i class='fa fa-unlock-alt'/> Privacy Policy</a></li>
</ul>
<!---Clear-->

Note : "###" Silahkan anda isi dengan link laman anda.

5. Terakhir Simpan Template.

Sekian Top Navigasi Diatas Header Keren. Apabila ada kesalahan jangan sungkan untuk berkomentar. Semoga Bermanfaat ! dan Share : Top Navigasi Diatas Header Keren.

Widget Multi Tab Sidebar Right Keren

2016-12-10T20:20:00.005+07:00

Kembali lagi dengan saya. Perihal saya lagi membuat banyak postingan untuk mengisi sitemap agar berisi agak banyak kali ini saya akan membuat Widget Multi Tab Sidebar right Keren. Widget ini berada di sebelah kanan postingan. Widget Multi Tab ini gunanya untuk menghemat area blog yang biasanya memakanbanyak tempat. Widget Multi Tab Sidebar right Keren akan mempercantik blog sehingga pengunjung merasa senang,nyaman,dan kemungkinan akan absen terus ke blog anda.
Baca Juga :

Screenshot :

Preview GIF :

Cara Membuat Widget Multi Tab Sidebar Right Keren

Cara Pertama :

1. Buka Blogger - Kemudian login.

2. Dashboard - Template.

3. Edit HTML.

Proses Pembuatan :

1. Temukan <CTRL+F> kode ]]></b:skin>

2. Copy&paste kode berikut ini, dan letakkan diatas kode ]]></b:skin>

/*Widget Multi Tab Sidebar right Keren*/
#sidebar-tab h2{display:none;}
#select-tab{margin:0 auto 10px}
#select-tab,#select-tab li{padding:0;margin:0;list-style:none;overflow:hidden}
#select-tab li{float:left;width:33.3%;text-align:center}
#select-tab a{line-height:53px;display:block;background-color:#359BED;color:white;font-size:15px;text-decoration:none}
#select-tab .selected a,#select-tab a:hover{background-color:#0566A9}
#sidebar-main .widget1{background-color:#fff;width:100%;float:left;padding:5px 0}
#sidebar-main{overflow:hidden}

3. Temukan lagi kode <div class='sidebar-inner'> atau <div id='sidebar-wrapper'>
4. Copy & Paste kode berikut ini, dan Letakkan dibawah kode <div class='sidebar-inner'> atau <div id='sidebar-wrapper'>

<!--Widget Multi Tab Sidebar right Keren-->
<div id='sidebar-tab'>
<div id='tab'>
<div class='tab-widget-menu clear'>
<ul id='select-tab'>
<li class='tab1'><a href='#tab1'>Popular Post</a></li>
<li class='tab2'><a href='#tab2'>Kategori</a></li>
<li class='tab3'><a href='#tab3'>Arsip</a></li>
</ul>
</div>
<div id='sidebar-main'>
<div class='widget1' id='tab1'> 
<b:section class='sidebar' id='tab1-popular-posts' showaddelement='yes'>
</b:section>
</div>
<div class='widget1' id='tab2'> 
<b:section class='sidebar' id='tab2-latest-posts' showaddelement='yes'>
</b:section>
</div>
<div class='widget1' id='tab3'> 
<b:section class='sidebar' id='tab3-labels' showaddelement='yes'>
</b:section>
</div>
</div>
</div>
<script type='text/javascript'>
//<![CDATA[
$(function(){$("#select-tab li:first").addClass("selected");$("#sidebar-main > div").hide();$("#sidebar-main > div:first").show();$("#select-tab a").click(function(){$("#select-tab li").removeClass("selected");$(this).parent().addClass("selected");var a=$(this).attr("href");$("#sidebar-main > div:visible").hide();$(a).fadeToggle(1000);return false})});
//]]>
</script>
</div>

<!--Widget Multi Tab Sidebar right Keren Selesai-->

5. Save Template
6. Buka Tata Letak/Layout.
7. Tambahkan Gadget.

Demikian Tutorial Blogger kali ini, bila terjadi kesalahan, silakan jangan sungkan untuk berkomentar dibawah ini. Terakhir, silakan anda add gadget di tata letak lalu lihat homepage anda. Sekian dari saya, Semoga Bermanfaat! Thanks for Reading & Sharing : Widget Multi Tab Sidebar Right Keren

Widget Labels (Kategori) Keren dan Bagus

2016-12-10T20:02:00.000+07:00

Ketemu lagi dengan saya. Hari ini saya akan share Widget Labels (Kategori) Keren dan Bagus. Label untuk apa? Untuk menempatkan postingan berkategori atau berlabels. Kategori atau labels bertujuan untuk mempermudah pencarian. Pencarian dilakukan agar mempermudah pembaca menemukan postingan yang diinginkan. Jadi kesimpulanya label atau kategori bertujuan agar mempermudahkan pembaca menemukan postingan yang diinginkan.
- Screenshot :

- Preview Label Cloud :

Cara Pertama :

1. Buka Blogger - Kemudian login.

2. Dashboard - Template.

3. Edit HTML.

Proses Pembuatan :

1. Temukan <CTRL+F> kode ]]></b:skin> atau </style>.

2. Copy&paste kode berikut ini, dan letakkan diatas kode ]]></b:skin> atau </style>.

/* Labels (Kategori) Keren dan Bagus */
.label-size{margin:4px;padding:7px;text-transform:uppercase;border:solid 1px #006ECC;border-radius:5px;float:left;text-decoration:none;font-size:12px;color:#006ECC}.label-size a{color:#006ECC}
.label-size:hover{border:1px solid #6BB5FF;text-decoration:none;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-moz-transform:rotate(5deg);-o-transform:rotate(5deg);-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg);filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.9961946980917455,M12=-0.08715574274765817,M21=0.08715574274765817,M22=0.9961946980917455,sizingMethod=&#39;auto expand&#39;);zoom:1}.label-size a{text-transform:uppercase;float:left;text-decoration:none}.label-size a:hover{text-decoration:none}

3. Simpan Template.
4. Buka Tata letak/Layout.
5. Tambahkan : <Add a gadget pilih > Choose Label>

6. Jangan lupa pilih dari Daftar menjadi Cloud pada Elemen gadget Label.

7. Simpan gadget.

Demikian tutorial Widget Labels (Kategori) Keren dan Bagus. Gimana mudah bukan? Mudah dong. Hasilnya juga lumayan bagus. Share : Widget Labels (Kategori) Keren dan Bagus. Saya Akhiri Widget Labels (Kategori) Keren dan Bagus. Sampai Jumpa di kesempatan berikutnya.

Geometry Dash

2016-12-05T19:35:00.002+07:00

Assalamualaikum Wr.Wb

Di post pertama gerne game kali ini saya akan ngasih game yang ngeselin tapi membuat anda terlatih untuk tidak mudah putus asa dan mencoba lagi. Penasaran? tunggu dulu saya akan rewiew gamenya dulu game ini mengandalkan pemikiran,ketepatan,kecepatan,ketidak putus asaan pokoknya seru bagi saya. Langsung aja ke gamenya

* Game ini terdiri dari 20 level
* Terdiri dari Easy,Normal,Hard,Harder,Insane,Demon,Auto(Robot).

* Dan Berbagai Macam Lintasan ada yang Tiny(Kecil),Pendek,Medium,Panjang, dan XL (Panjang banget).

* Berikut Contoh Screenshot GamePlay nya.

* Fiture tambahan :
- Anda bisa membuat level sendiri Creator Level
Note: dengan ini anda bisa menantang teman anda untuk memainkan level yang anda buat.

Penasaran? Ingin coba memainkanya?
[Klik Disini] Media Fire
[Klik Disini] Google Drive
Password Rar : danandroid-download
Cara Mengekstraknya anda bisa baca [Baca Disini]

Sekian Postingan Game Geometry Dash kali ini... Selamat bermain Ingat bermain game boleh asalkan ingat waktu Terima kasih dan sampai jumpa di kesempatan berikutnya. Saya akhiri Game Geometry Dash kali ini :).

Wassalamualaikum Wr.Wb

Cara Membuat Share Box Responsive

2016-12-04T17:50:00.001+07:00

Ketemu lagi sama saya kali ini saya akan membuat tombol Share Box Responsive untuk blog. Mungkin bagi kalian ada yang menganggap tidak perlu? tetapi sebenarnya ini perlu untuk mempopulerkan situs / blog agan. Hal ini sangat bermanfaat, diantaranya adalah agar pengunjung dapat membagikan sebuah postingan anda di Sosial Media

Dengan tombol share ini pengunjung dapat mengeshare ke media sosial dengan mudah dan simple. Ok bila sudah siap lanjut ke Cara Membuat Share Box Responsive.

Screenshot :

Cara Membuat Share Box Responsive

Cara nya :
1. Buka Blogger - Kemudian Login

2. Dashboard - Kemudian Template.

3. Edit HTML.

Proses Pembuatan.

1. Temukan <CTRL+F> kode ]]></b:skin> atau </style>.

2. Copy & Paste kode berikut ini, dan letakkan diatas kode ]]></b:skin> atau </style>.


/* Share Box By DanAndroid-Download*/

.share-box{height:33px;position:relative;line-height:0;margin:0 0 20px;padding:0}

.share-art{display:block;margin:0;padding:0}

.share-art a{float:left;width:20%;height:33px;line-height:33px;color:#fff;font-weight:400;font-size:15px;text-align:center;display:inline-block;box-sizing:border-box;opacity:.75;margin:0;padding:0;transition:all .25s ease}

.share-art a:hover{opacity:1}

.share-art .fac-art{background:#3b5998}

.share-art .twi-art{background:#00acee}

.share-art .goo-art{background:#db4a39}

.share-art .pin-art{background:#CA2127}

.share-art .lin-art{background:#0077B5}

3. Jika sudah dipasang? Temukan lagi kode <data:post.body/>.
4. Copy & Paste kode berikut ini, dan letakkan dibawah kode <data:post.body/>.
Note :

" Bisanya kode ini lebih dari satu, silakan anda pilih yang kedua. Atau anda bisa mencobanya satu/satu."


<!---Share-Box-DanAndroid-Download-->
<div class='share-box'>
<div class='share-art'>
<a class='fac-art' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a>
<a class='twi-art' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a>
<a class='goo-art' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a>
<a class='pin-art' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.firstImageUrl + &quot;&amp;description=&quot; + data:post.snippet' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-pinterest'/></a> 
<a class='lin-art' expr:href='&quot;http://www.linkedin.com/shareArticle?url=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-linkedin-square'/></a>
</div>
</div>
<!--Clear-->

5. Supaya Responsive? Sekarang kita pasang script Bootstrapcdn atau Font Awesome. Karena Icon pada tombol share ini, menggunakan font awesome icons "Contoh : fa fa-twitter"
6. Selanjutnya Temukan kode </head>
7. Copy & Paste kode berikut ini, dan letakkan diatas kode </head>


<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>

8. Terakhir , Simpan template

Sekian Tutorial Blogger kali ini, bila ada kesalahan? Silakan, jangan sungkan untuk berkomentar. Terima kasih sudah mengunjungi dan sampai ketemu lagi di kesempatan berikutnya. Saya akhiri Cara Membuat Share Box Responsive. Semoga bermanfaat & Share Cara Membuat Share Box Responsive.

Cara Mengekstrak file berformat Zip,Rar,7z di android

2016-12-02T18:36:00.000+07:00

Assalamualaikum wr.wb

Kenal yang namanya Zip,Rar? ya file yang harus di ekstrak dulu untuk menggunakanya mungkin bagi kalian yang mempunyai Laptop/PC bisa menggunakan WinRar. Oke disini saya akan ngasih tau untuk di android dan tutorialnya . Kenapa ini di posting terlebih dahulu? karena saya selanjutnya mungkin akan memberi kalian file berformat zip terus jadi akan saya kasih aplikasinya dan tutorial menggunakanya . Oke simak baik -baik.

Nama Aplikasinya ZArchiver Pro.
Dengan aplikasi ini kalian bisa mengekstrak file berformat Zip,Rar,7z. Di aplikasi ini juga anda bisa mengompres ke Zip/7z. Aplikasi ini hanya 8 mb . Oke langsung ke Tutorialnya.

Bahan yang di perlukan
- Aplikasi ZArtiver Pro
[Klik Disini] Media Fire
[Klik Disini] Google Drive
- File berformat Rar,Zip,7z

Tutorial Mengestraknya
- Buka Aplikasi ZArtiver Pro.

- Cari File yang akan di Ekstrak.

- Klik file nya lalu pilih Ekstrak ke ./<Archive name>/

Note :
Ekstrak ke<Archivename>= ekstrak menggunakan folder,nama folder ini sama seperti file yang di ekstak
Ekstak disini = ekstrak tapi tidak memakai folder.

- Ketik Password, bagi file yang menggunakan password.

- Selesai tinggal buka foldernya yang baru diekstak . Lalu instal aplikasinya seperti biasa :)

Tutorial Mengompres/Mengkompres
- Buka Aplikasi ZArtiver Pro.

- Cari Folder yang mau di kompres

- Tekan Folder (yang akan di kompres)agak lama hingga ada pesan selanjutnya. Pilih Kompres

- Pilih Format, Level komposisi, Nama Arsip, Serta Password bila dibutuhkan :)

- Jika sudah selesai klik ok .

Mudah bukan? Mudah dong Simple malah oke dengan ini saya tidak khawatir untuk mengupload file berformat Rar,7z, Ataupun Zip Semoga bermanfaat dan Sampai jumpa di postingan berikutnya .

Wasalamualaikum Wr.Wb

Cara menghapus background foto dengan cepat di android

2016-11-26T21:15:00.001+07:00

Assalamualaikum Wr.Wb

Menghapus background foto dengan cepat?Kalian para editor foto mungkin ada yang belum tau ada
aplikasi yang bisa menghapus background dengan cepat dan mudah. Aplikasi ini cocok sekali untuk
kalian yang suka ngedit foto dan gampang di pahami . Di postingan kali ini saya akan memberi
nama aplikasi dan tutorialnya. yuk simak baik baik

Eraser
Ya seperti yang sudah saya bilang tadi aplikasi ini dapat menghapus background foto dengan mudah dan cepat. Aplikasi ini memiliki ukuran yang sangat kecil hanya 7 Mb . Aplikasi ini cocok banget buat para editor foto untuk menghapus background .

Ya sudah cukup penjelasannya sekarang kita ke tutorialnya :)

Bahan yang di perlukan
- Aplikasi Eraser
[Klik Disini] Google Drive
[Klik Disini] Media Fire
Password Rar : danandroid-download
- Foto yang Backgroudnya mau di hapus :D

Jika sudah lengkap mari kita mulai :)

1. Buka Aplikasi Eraser.

2. Pilih Load a Photo dan pilih foto yang akan di hapus backgroundnya.bila ada tulisan crop "DONE" aja.

3. Klik Auto kemudian arah kan mana background yang akan di hapus.

4. Jika ada bagian yang terhapus dan anda ingin mengembalikanya klik repair kemudian arahkan
dimana anda ingin mengembalikanya.

5. Jika ada yang kurang rapih dalam auto crop anda bisa menghapusnya dengan manual (klik manual
dan arahkan di tempat yang anda ingin hapus)

6. Jika anda rasa sudah selesai pencet Done di pojok kanan atas

7. Pas di Smooth Edge anda bisa melihat hasil cropnya. Disini anda lebih baik melihat satu per satu
dan memilih mana yang lebih rapih (misal : di angka 1 tidak rapih,lalu di angka 2 rapih = pilih angka 2)

8. Klik Save di pojok kanan atas

9. Klik Finish

Nah mudah bukan? Ingat Aplikasi ini berguna untuk menghapus background foto saja agar lebih rapih dan cepat. Biasanya para Editor foto android menggunakan ini untuk menghapus foto dan mengeditnya di PicsArt atau di PicSay Pro. Cukup sekian info dari saya :) semoga bermanfaat :D dan terima kasih.

Wassalamualaikum Wr.Wb

Cara Mendownload Vidio Youtube di Android

2016-11-20T20:53:00.001+07:00

Assalamualaikum Wr.Wb

Youtube ? pasti yang terbayang oleh kalian adalah kumpulan vidio yang tidak ada di televisi. ada banyak pengetahuan umum atau trend ada di youtube. tapi ada ga enaknya :( apa hayo ? Ya Kouta anda semakin boros . nah di postingan kali ini ane akan ngasih apk buat download vidio youtube sekalian tutorialnya . Yuk Simak

Nama aplikasinya VidMate
Aplikasi ini bisa mendownload vidio youtube yang kita inginkan. Mungkin di pikiran kalian terlintas kata " kenapa engga pake aplikasi youtube langsung kemudian download vidio dan nonton offline lewat situ" Ok saya paham. pernah ga sih kalian download offline ? setelah beberapa hari/bulan tiba tiba vidio yang kita download offline sudah hilang tidak tersisa. berbeda dengan aplikasi ini, dengan aplikasi ini anda tidak perlu khawatir vidio yang anda download hilang (kecuali di hapus oleh anda :v), disini anda juga bisa menempatkan dimana vidio itu mau disimpan (jadi bisa di Kartu Sd dan bisa juga di Memori Telepon) dan banyak lagi fiture yang ada.

yuk kita kembali pada topik
Cara nya cukup mudah
Unduh aplikasinya

Media Fire [Klik Disini]
Google Drive [Klik Disini]
Password Rar : danandroid-download

1. Buka aplikasi VidMate.

2. Klik Search dan ketik vidio yang diingin kan.

3. Klik Unduh dan tunggu sebentar.

4. Pilih resolusi yang diinginkan.

5. Jika anda ingin melihat Unduhan atau Terunduh klik pojok kanan atas untuk melihatnya.

Oh iya anda juga bisa membuat ruang pribadi di aplikasi ini.
Note : jadi vidio yang tadi di download bisa di sembunyikan dengan menggunakan pasword angka

Mudah bukan? Sekian Tutorial kali ini, Semoga bermanfaat!