Showing posts with label BLOGSPOT. Show all posts

Wednesday, 2 April 2014

CARA BACK UP DAN RESTORE BOOKMARK MOZILLA FIREFOX

1. Buka mozilla firefox

2. pada menu bar pilih Bookmarks –> “Show all bookmarks”

3. di “Bookmark Library” –> pilih “Backup” dari “Import and backup” drop down menu yang ada di top menu.

4.pilih tempat yang akan digunakan untuk menyimpan backup bookmark lalu klik OK

setelah sukses back up, mari agan-agan merapat untuk melihat bagaiaman cara merestore bookmark di firefox

1. buka Firefox

2. di menu bar pilih Bookmarks –> “Show all bookmarks”

3. di “Bookmark Library” –> pilih “Restore” from the “Import and backup” –> pilih “Choose File”.

4. pilih tempat yang akan digunakan untuk menyimpan file lalu klik OK

terima kasih atas kunjungannya :)

BLOGSPOT, TUTORIAL

CARA MEMBUAT FULL BACKUP UNTUK BLOGGER

MEMBUAT BACKUP TEMPLATE

masuk ke blog → Template. Click at Backup/Restore button at Top right. A Popup box will appear click on Download full template button. Your template will start downloading.
klik pada backup/restore. kotak popup akan muncul. setalah itu klik download full template. templatemu akan segera didownload.

simpan di tempat yang aman hlu bro n sist.

CARA MEMBUAT BACKUP SEMUA POSTINGAN YANG ADA DI BLOGGER

Masuk ke blog→ Settings → Other → Blog Tools. klik pada export blog . menu popup akan muncul lagi, lalu kalian tinggal klik pada dowload. semua postinganmu akan di download. kamu dapat menguploadnya di platform CMS lainnya seperti wordpress.com

simpan hasil download di tempat yang super duper aman, kalau gak aman, percuma kalian download.

BLOGSPOT, SITUS/WEBSITE, TUTORIAL

CARA MENAMBAHKAN PRESENTASI PPT KE BLOGGER ( via slideshare.net)

cap cuzzz gannn :

1. masuk ke Slideshare.net

masuk ke situs Slideshare.net dan silahkan login ke akunmu .

anonim : min ane gak punya akun ???? :(

admin : buaaaat dungs >,<

2. Upload your Presentation

setelah kamu logged in, click tombol account yang berada di top menu, setelah itu click single upload dari submenu. upload presentasimu dan jangan lupa tambahkan judul, deskripsi, dan pelengkap lainnya (kayak masak sayur aja sih)

3. Copy Embedding code (admin gak tahu istilah bahasa indonya apa )

nah sekarang silahkan klik option my slideshow yang ada di top menu, dan buka presentasi yng telah kalian upload, setelah terbuka, klik pada embed. kik customize jika kamu ingin mengganti ukuran dari PPT. setelah itu click copy .

4. Posting the Presentation

Sekarang buka editor posting Blogger. Klik pada pilihan HTML yang ada di samping Compose di pojok kanan. Paste kode yang sudah disalin dari Slideshare. publikasikan postingan Anda dan nikmati Presentasi.

Sunday, 30 March 2014

BLOGSPOT, TUTORIAL

CARA MENGGANTI DOMAIN BLOGSPOT

postingan terakhir, yang kupersembahkan khusu kalian yang ingin mengetahui "CARA MENGGANTI URL BLOG"

Step by Step Guide

masuk ke Blogger.com
pilih blog kalian, setelah itu pilih Settings
kamu akan melihat 3 kategori yaitu Basic, Publishing and Permissions.
pilih publishing
nah selanjutnya anda tahu sendiri kan, kelanjutannya

NB : maaf postingannya gak rapi :D

BLOGSPOT, TUTORIAL

CARA MENAMBAHKAN WIDGET RECENT POST DENGAN Thumbnails UNTUK BLOGGER

Recent Posts

widget ini ampuh, dan sudah saya buktikan di blog saya

menambahkan Widget di Layout

pergi Blog Title → Layout → Add Widget → HTML/JavaScript. pastekan kode dibawah ini

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<style type="text/css">
#post-gallery {width:100%; margin:0px auto;font:normal 11px Arial,Sans-Serif;color:##000000;padding:8px;}
#post-gallery .rp-item {float:left;display:inline; position:relative; margin:2px; padding:0px 0px; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCe5_Ng0CGrDYFAh1d6nsKgBICqwddBgvcCKaVTdTlHMIchzhtvFw0NpcDXe27NZjrDnHEdUXeTelEifGBc5RefRG1LShyu_lfQ6y4VqcptMCLJhqptp9WNWGg91aL6MDRSHaOEvT-v9vm/s1600/LOAD+(66).gif') no-repeat 50% 50%; width:79px; height:79px;}
#post-gallery .rp-item img { width:69px; height:69px; border:none !important; margin:0px 0px !important; padding:0px 0px !important; background:transparent !important; display:none;}
#post-gallery .rp-item img:hover{-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);}
#post-gallery .rp-item .rp-child { position:relative; top:10%!important; left:10%!important; z-index:1000; width:200px; background-color:white; border-bottom:5px solid #1BA1E2; -webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7); box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7); padding:10px 15px; overflow:hidden; word-wrap:break-word; display:none; opacity: 0.9;}
#post-gallery .rp-item .rp-child h4 { font-size:12px; margin:0px 0px 5px; color:#1BA1E2;}
#post-gallery .rp-item:hover .hidden {display:block;}</style>
<script type="text/javascript">
var rpTitle     = "Recent Posts",       // Widget Title
    numposts    = 14,      // Number of Posts to show
    numchar     = 200,      // Number of Characters to be displayed
    rcFadeSpeed = 600,      // Speed
    pBlank      = "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",      // If No Image
    blogURL     = "http://www.allbloggertricks.com/";       // Your Blog URL
</script>
<script src="https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/abt-recent-posts.js" type="text/javascript"></script>

setelah itu ganti tulisan Widget Title, Number of Posts to show and Your Blog URL.sesukamu

finish, tinggal save dan lihat perubahannya

BLOGSPOT, TUTORIAL

CARA MENAMBAHKAN SOSIAL ICONS KEREN dengan effect Tooltip Hover

masuk ke Blog Title → Layout → Add Widget → HTML/JavaScript paste kode dibawah ini.

Cool Social Icons with Tooltip Hover Effect
<div class="container">
<ul class="action-bar clearfix">
<li>
<a href="http://twitter.com/TWITTERHANDLE" class="like">
<span class="zocial-twitter"></span>
<span class="tooltip">Follow</span>
</a>
</li>
<li>
<a href="https://plus.google.com/GOOGLEPLUSID" class="favourite">
<span class="zocial-googleplus"></span>
<span class="tooltip">Circle us</span>
</a>
</li>
<li>
<a href="https://www.facebook.com/FBID" class="comment">
<span class="zocial-facebook"></span>
<span class="tooltip">Like us</span>
</a>
</li>
<li>
<a href="http://YOURBLOG.blogspot.com/feeds/posts/default" class="share">
<span class="zocial-rss"></span>
<span class="tooltip">Subscribe</span>
</a>
</li>
</ul>
</div>
<style>
@charset "utf-8";
@import url(http://weloveiconfonts.com/api/?family=zocial);
/* zocial */
[class*="zocial-"]:before {
font-family: 'zocial', sans-serif;
}
/* ---------- GENERAL ---------- */

a { text-decoration: none; }
ul {
list-style: none;
margin: 0;
padding: 0;
}
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after {
content: "";
display: table; }
.clearfix:after { clear: both; }
.container {
display: block;
height: 64px;
position: relative;
width: 256px;
}
/* ---------- Action Bar ---------- */
.action-bar li {
float: left;
}
.action-bar a {
-webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, .5);
box-shadow: inset 0 -2px rgba(0, 0, 0, .5);
color: #e7e7e7;
display: block;
font-size: 32px;
height: 64px;
line-height: 64px;
position: relative;
text-align: center;
-webkit-transition: background .3s;
-moz-transition: background .3s;
-ms-transition: background .3s;
-o-transition: background .3s;
transition: background .3s;
width: 64px;
}
.action-bar a:hover .tooltip {
margin-top: 16px;
opacity: 1;
}
.tooltip {
border-radius: 3px;
font-size: 14px;
height: 28px;
left: 50%;
line-height: 28px;
margin: 0 0 0 -50px;
opacity: 0;
position: absolute;
top: 100%;
-webkit-transition: margin-top .3s, opacity .3s;
-moz-transition: margin-top .3s, opacity .3s;
-ms-transition: margin-top .3s, opacity .3s;
-o-transition: margin-top .3s, opacity .3s;
transition: margin-top .3s, opacity .3s;
width: 100px;
}
.tooltip:before {
content: "";
height: 8px;
left: 50%;
margin: -4px 0 0 -4px;
position: absolute;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 8px;
}
.like,
.like .tooltip,
.like .tooltip:before { background: #65B1F8; }
.like:hover { background: #65B1F8; }
.favourite,
.favourite .tooltip,
.favourite .tooltip:before { background: #c93037; }
.favourite:hover { background: #b02b32; }
.comment,
.comment .tooltip,
.comment .tooltip:before { background: #43438e; }
.comment:hover { background: #393978; }
.share,
.share .tooltip,
.share .tooltip:before { background: #FF8000; }
.share:hover { background: #FF8000; }
</style>

ganti text yang ditebalkan merah dengan URL anda ya, setelah semua beres simpan templatenya dan lihat hasilnya. taraaaaaaaaaaaa :D
ini hasilnya gan

BLOGSPOT, TUTORIAL

CARA MENAMBAHKAN TOMBOL SOCIAL MEDIA MELAYANG DI BLOGGER TERBARU 2014 (SOCIAL SHARE)

NOTE : TIDAK BEKERJA PADA SMALL POST

Adding the Marker

Masuk ke Blog Title → Template → Edit HTML. cari kode <data:post.body/> dan paste kode berikut ini tepat dibawah <data:post.body/>.

NOTE :mungkin akan ada banyak kode <data:post.body/> jadi yakinlah bahwa kalian memilih kode yng tepat

<b:if cond='data:blog.pageType == "item"'>
<div id='md-active-share-comment-marker'/>
</b:if>

tambahkan kode dan ikuti langkah selanjutnya

Adding the HTML/CSS/JS in HTML Editor

masuk ke Blog Title → Template → Edit HTML tambhakn kode dibawah ini diatas kode </body>.

     <b:if cond='data:blog.pageType == "item"'>
    <script src='https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/abt-floating-share.js' type='text/javascript'/>
    <div id='md-share-window' style='width: 100%; display: block; position: fixed; bottom: -450px; left: 0px; background-color: rgba(128, 128, 128, 0.6); z-index: 100; padding: 0 0 10px 0;'>
    <div style='width: 800px; margin: 20px auto;'> <a class='boxclose' id='boxclose'/>
<style>
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400);
@import "//netdna.bootstrapcdn.com/font-awesome/3.0/css/font-awesome.css";
#share-buttons{border-radius:5px;background:#FFF;width:660px;overflow:hidden;margin-left:60px;box-shadow:0 2px 3px rgba(71,71,71,0.31);padding:14px 7px}.share-button{background:#DCE0E0!important;position:relative;display:block;float:left;height:40px;overflow:hidden;width:150px;border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin:0 7px}.icon{display:block;float:left;position:relative;z-index:3;height:100%;vertical-align:top;width:38px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:3px;-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;text-align:center}.icon i{color:#fff;line-height:42px}.slide{z-index:2;display:block;height:100%;left:38px;position:absolute;width:112px;-moz-border-radius-topleft:0;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:0;-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;margin:0}.slide p{font-family:Open Sans;font-weight:400;border-left:1px solid rgba(255,255,255,0.35);color:#fff;font-size:16px;left:0;position:absolute;text-align:center;top:10px;width:100%;margin:0}.share-button .slide{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.facebook iframe{display:block;position:absolute;right:16px;top:10px;z-index:1}.twitter iframe{width:90px!important;right:5px;top:10px;z-index:1;display:block;position:absolute}.google #___plusone_0{width:70px!important;top:10px;right:15px;position:absolute;display:block;z-index:1}.linkedin .IN-widget{top:10px;right:22px;position:absolute;display:block;z-index:1}.facebook:hover .slide{left:150px}.twitter:hover .slide{top:-40px}.google:hover .slide{bottom:-40px}.linkedin:hover .slide{left:-150px}.facebook .icon,.facebook .slide{background:#305c99}.twitter .icon,.twitter .slide{background:#00cdff}.google .icon,.google .slide{background:#d24228}.linkedin .icon,.linkedin .slide{background:#007bb6}</style>
<div id='share-buttons'> <div class='facebook share-button'> <i class='icon'> <i class='icon-facebook'> </i> </i> <div class='slide'> <p> facebook </p> </div> <iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fbakerstreetblog&send=false&layout=button_count&width=80&show_faces=false&font&colorscheme=light&action=like&height=20&appId=568581339861351' style='border:none; overflow:hidden; width:80px; height:20px;'> </iframe> </div> <div class='twitter share-button'> <i class='icon'> <i class='icon-twitter'> </i> </i> <div class='slide'> <p> twitter </p> </div> <a class='twitter-share-button' data-via='AllBloggerTrick' href='https://twitter.com/share'> Tweet </a><script>
    !function(d,s,id){
      var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';
      if(!d.getElementById(id)){
        js=d.createElement(s);
        js.id=id;
        js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
</script>
</div> <div class='google share-button'> <i class='icon'> <i class='icon-google-plus'> </i> </i> <div class='slide'> <p> google+ </p> </div> <div class='g-plusone' data-size='medium'> </div><script type='text/javascript'>
    (function() {
      var po = document.createElement('script');
      po.type = 'text/javascript';
      po.async = true;
      po.src = 'https://apis.google.com/js/plusone.js';
      var s = document.getElementsByTagName('script')[0];
      s.parentNode.insertBefore(po, s);
    }
    )();
</script>
</div> <div class='linkedin share-button'> <i class='icon'> <i class='icon-linkedin'> </i> </i> <div class='slide'> <p> linkedin </p> </div> <script data-counter='right' type='IN/Share'> </script> <script src='//platform.linkedin.com/in.js' type='text/javascript'> lang: en_US </script> </div></div><div style='display:block; margin: 0 200px; padding: 5px 0px 0px;font-family: Oswald; font-weight: 700;color: #000'> Don't You Think this Awesome Post should be shared ??<br/> <span style='color: #000; font-size: 18px;'>| <data:blog.pageName/> |</span> </div> </div> </div> </b:if>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>

ganti bakerstreetblog dengan ID facebook page mu, terkahir simpan template

BLOGSPOT, TUTORIAL

CARA MENAMBAHKAN SOCIAL ICONS UNTUK BLOGGER

tambahkan di Layout

untuk menambahkan widget ini pergi ke Blog Title → Layout → Add Widget → HTML/JavaScript paste kode dibawah ini

<center>
<ul id="abt-social-icons">
<li class="rss-icon"><a href="http://feeds.feedburner.com/FEEDID" target="_blank"><img height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ5yrw306IPc_twC-f7CKpi27gd4-uDrfxDVdytnl0bXHaU-tIhiENetiYbu2fHB5Q44uhU-GYHvlh_A-RiL_3NAuBWfg-8YmQWPNnCdLvd3oi4CcPtNBV9oXO5QzbYdGjCH3spd7rwZ4/s1600/rss.png" width="147" /></a></li>
<li class="twitter-icon"><a href="http://www.twitter.com/TWITTERHANDLE" target="_blank"><img height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS6x0DkDBTvS7Re46xVOnJotOleqiTT6HMt5evx-XnDR2Mb2Ex3alhkmiF5uz7QjMHa2aw17ziMzyBTDDGHQ_TQHIpQKqytcf2TDqWb3-cQ_36MfrTdxEWmtYOc6_rpLx4LbjW4EO0mvE/s1600/twitter.png" width="147" /></a></li>
<li class="facebook-icon"><a href="http://www.facebook.com/PAGEID" target="_blank"><img height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZxkNNSQGu6CneqA5uDk_SMS9nprMMQsOSvhSH8BqHmHFTmT-065rHLh4doHmY34aroPLtkUkoogQ0gaclUvfhyBlQQO3gZhhEqD3VAO2ofZKzLzFJO-UjnQeKgDCVD_1HEYAVTUncOq4/s1600/facebook.png" width="147" /></a></li>
<li class="google-icon"><a href="https://plus.google.com/YOURID" target="_blank"><img height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkLQF2JJmDU4ODKvTRTE188zKdTRqcX6S-y1rLh8F0UtpBjkCwT8Cad4teP7G4UGN7BNMMMsCroZAZ_Tyd21dhNVAwznPtiS2gc7l2nwxXHnEGaao2TVtDn3Or1OAhtjsoGXrGgUS2PKw/s1600/google.png" width="147" /></a></li>
</ul>
</center>
<style>
#abt-social-icons li {
float: left;
width: 147px;
height: 147px;
margin: 0 6px 6px 0;
padding: 0 0 0 0;
border-bottom: none;
list-style: none;
}
#abt-social-icons li a {
line-height: 1px;
display: block;
}

#abt-social-icons li a:hover img {
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}

#abt-social-icons li a span {
display: none !important;
}
</style>

After adding the code change the Link in BOLD RED with your own IDs. Now save the widget and ultimately save the template.

setelah menambahkan kode, ganti link yang berwarna merah dengan IDmu . sekarang simpan widget lalu simpan template, nah mudah kan ?

BLOGSPOT, TUTORIAL

CARA MENAMBAHKAN WIDGET POPULAR POSTS BERNOMOR KEREN

menambahkan widget di layout

pertama masuk ke Blog Title → Layout → Add Widget → Popular Posts. tambahkan widget lalu simpan template.

sekarang pergi ke Blog Title → Template → Edit HTML. cari ]]></b:skin> .setelah keremu tambahkan kode dibawah ini tepat diatas ]]></b:skin>

.popular-posts ul li a {
    background: none repeat scroll 0 0 #222222;
    color: #FFFFFF;
    display: block;
    margin: 10px 0;
    padding: 25px 15px 30px;
    position: relative;
    text-decoration: none;
    transition: all 0.3s ease-out 0s;
width: 85%;
}
.popular-posts ul li a:before {
    background: none repeat scroll 0 0 #2DB3E9;
    color: #FFFFFF;
    font-weight: 700;
    height: 2em;
    line-height: 2em;
    margin-left: 88%;
    padding: 4px;
    position: absolute;
    text-align: center;
    width: 2em;
    transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
}
.popular-posts ul li a:hover {
    opacity: 0.8;
}
.popular-posts ul li a:hover:before {
    border-left-color: #CCCCCC;
    left: -1px;
     -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
}
.popular-posts ul li:first-child + li + li + li + li + li + li + li + li + li a:before {
    content: "10";
}
.popular-posts ul li:first-child + li + li + li + li + li + li + li + li a:before {
    content: "9";
}
.popular-posts ul li:first-child + li + li + li + li + li + li + li a:before {
    content: "8";
}
.popular-posts ul li:first-child + li + li + li + li + li + li a:before {
    content: "7";
}
.popular-posts ul li:first-child + li + li + li + li + li a:before {
    content: "6";
}
.popular-posts ul li:first-child + li + li + li + li a:before {
    content: "5";
}
.popular-posts ul li:first-child + li + li + li a:before {
    content: "4";
}
.popular-posts ul li:first-child + li + li a:before {
    content: "3";
}
.popular-posts ul li:first-child + li a:before {
    content: "2";
}
.popular-posts ul li:first-child a:before {
    content: "1";
}
.item-snippet {
    display: none;
}
.PopularPosts .item-thumbnail {
    display: none;
}

BLOGSPOT, TUTORIAL

CARA MENAMBAHKAN WIDGET POPULAR POST DENGAN EFFECT ROTASI

Adding CSS in Edit HTML

1. masuk Blog → Layout → Add Widget → Popular Posts. tambahkan widget

2. Blog Title → Template → Edit HTML. cari (Press Ctrl + F) ]]></b:skin>

tambahkan kode dibawah ini tepat diatas ]]></b:skin>

.PopularPosts .item-title {
display:none;
}
.PopularPosts .widget-content ul li {
background: none repeat scroll 0 0 transparent;
float: right;
list-style: none outside none;
margin: 10px 0 0 !important;
padding: 0 !important;
}
.PopularPosts .item-thumbnail {
margin: 0 8px !important;
}
#PopularPosts1 img:hover{-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 0px rgba(255,0,0,.4), inset 0 0 0px rgba(255,255,255,1);-moz-box-shadow: 0 0 0px rgba(255,0,0,.4), inset 0 0 0px rgba(255,255,255,1);box-shadow: 0 0 0px rgba(255,0,0,.4), inset 0 0 0px rgba(255,255,255,1);}

.item-thumbnail img {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
border: 3px solid #ccc;
height: 60px;
padding: 3px;
width: 60px;
}

3. save template

BLOGSPOT, TUTORIAL

CARA MUDAH UNTUK BACKUP BLOG BLOGGER

Backup via Software

1. Download Blogger Backup Utility dari HERE. Extract dan Install Software.

2. dari blog yang tersedia di dropdown pilih Add/Update/Remove Blogs option

3. masukkan Blogger ID and password mu dan tunggu.

4. Once the process is completed select the desired blog from the dropdown and get a look at the below options such as as save post in individual or single file etc.

saat proses sudah selesai pilih blog yang akan di backup dan pilih local disk yang akan digunakan untuk menyimpan

5. terakhir klik pada backup posts dan backup akan disimpan di folder yang telah dipilih . dan sekarang postingan agan2 semua sudah di back up dan tersimpan di local disk