Cara Mudah Mencadangkan, Mengimpor, Menghapus Pada Blogspot

Dalam dunia blogger sangat diperlukan sekali dalam mencadangkan, mengimpor, atau menghapus blog dan anda dapat melakukan itu semua demi kelancaran dalam ngeblog itu sendiri. Adapun cara ketiga tersebut adalah antara lain :

Cara mencadangkan Blog :

1. Ketika mencadangkan blog, Anda akan mendapatkan file .xml untuk pos dan komentar:
2. Masuk ke Blogger.
3. Klik blog untuk dicadangkan.
4. Pada menu sebelah kiri, klik SetelanLainnya.
5. Di bagian "Impor & cadangan", klik Cadangkan KontenSimpan ke komputer.

Cara menyimpan salinan template blog :

1. Masuk ke Blogger.
2. Klik blog yang Anda inginkan.
3. Di menu sebelah kiri, klik Template .
4. Di sudut kanan atas, klik Cadangkan / Pulihkan.
5. Klik Unduh template lengkap.

Cara mengimpor pos dan komentar ke blog Anda dan Anda juga dapat mengimpor file .xml pos dan komentar ke blog:

1. Masuk ke Blogger.
2. Pilih blog yang ingin Anda beri pos dan komentar hasil impor.
3. Di menu sebelah kiri, klik Setelan Lainnya.
4. Di bagian "Impor & cadangan", klik Impor Konten.
5. Pilih file .xml dari komputer Anda.
6. Klik Publikasikan.

Catatan: Tidak ada batasan ukuran file untuk mengimpor blog, tetapi jumlah impor dalam sehari dibatasi.

Ada dua cara untuk menghapus blog:

Bila menghapus blog: Anda memiliki waktu singkat untuk memulihkannya jika berubah pikiran.
Bila menghapus blog secara permanen: semua informasi blog, pos, dan laman akan dihapus, dan Anda tidak akan dapat memulihkannya.

Catatan: Anda harus menjadi administrator blog untuk dapat menghapusnya.

Cara menghapus blog :

1. Masuk ke Blogger.
2. Pilih blog yang ingin Anda hapus.
3. Di menu sebelah kiri, pilih Setelan Lainnya.
4. Di bagian "Hapus Blog" di samping "Hapus blog Anda", klik Hapus blog.
5. Klik Hapus Blog Ini.

Cara menghapus blog secara permanen

Untuk menghapusnya secara permanen, ikuti langkah-langkah di atas, kemudian:

1. Pada dasbor Blogger di sebelah nama blog yang Anda hapus, klik Hapus secara permanen.
2. Di jendela yang terbuka, klik Hapus secara permanen.

Catatan: Setelah blog dihapus secara permanen, URL blog tidak dapat digunakan lagi.

Cara memulihkan blog yang dihapus

Anda dapat memulihkan blog untuk jangka waktu yang pendek setelah menghapusnya, jika blog belum dihapus secara permanen:

1. Masuk ke Blogger.
2. Di sebelah kiri dasbor Blogger Anda, klik Blog yang dihapus.
3. Di samping nama blog yang ingin dipulihkan, klik Urungkan penghapusan.

Demikianlah sedikit Cara Mudah Mencadangkan, Mengimpor, Menghapus Pada Blogspot, semoga bermanfaat.

Sumber : bantuan blogger

Cara Membuat Daftar Isi Secara Manual di Blogspot

Cara Membuat Daftar Isi Secara Manual di Blogspot. Pada umumnya jenis daftar isi ada 2 (dua) macam yaitu daftar isi manual dan daftar isi otomatis. Perbedaan dari kedua daftar isi tersebut adalah jika daftar isi manual sesuai dengan namanya dipasang dan diatur secara manual sesuai keinginan pemilik blog, sedangkan jika daftar isi otomatis akan secara otomatis menampilkan isi blog berdasarkan urutan abjad pada label dan judul postingan.

Penjelasan singkat tentang fungsi daftar isi pada blog sudah cukup dan sekarang mari mulai bahas sesuai judul posting ini Cara Membuat Daftar Isi Secara Manual di Blogspot.
Adapun caranya sebagai berikut :

1. Login ke Blogger, Klik Rancangan/Design; 
2. Pada Elemen Halaman, klik Add Gadget/Tambah Gadget di lokasi yang Anda inginkan; 

3. Cari dan pilih HTML/Javascript; 

4. Copy paste kode di bawah ini ke dalam Content yang telah tersedia, berikut ini kodenya : 

<style>
.list {
background: url("http://lh4.ggpht.com/_15FopxVONSo/ShYuf4RqUuI/AAAAAAAACxI/jcump2GgfLg/iconbullet.gif") no-repeat left center;
line-height:1.5em;
padding:3px 0px 3px 20px;
}
</style>
<div style="background-color: #fff; font: bold 9px Arial, Helvetica; border: 1px solid #d9d9d9; height: 150px; margin: 0px; overflow: auto; padding: 3px; width: 300px;">
<div class="list">
<a href="URL ANDA">JUDUL 1</a></div>
<div class="list">
<a href="URL ANDA">JUDUL 2</a></div>
<div class="list">
<a href="URL ANDA">JUDUL 3</a></div>
<div class="list">
<a href="URL ANDA">JUDUL 4</a></div>
<div class="list">
<a href="URL ANDA">JUDUL 5</a></div>
<div class="list">
<a href="URL ANDA">JUDUL 6</a></div>
</div>

5. Klik Tombol Save/Simpan
Keterangan : 

Link dan Teks, silahkan diganti dengan link dan teks Anda; 

width : 300px; adalah merupakan lebar dari kotak daftar isi manual dan boleh anda sesuaikan; 

height : 150px; adalah merupakan tinggi dari kotak daftar isi manual dan boleh anda sesuaikan.

Demikian Cara Membuat Daftar Isi Secara Manual di Blogspot, semoga bermanfaat.

Contoh Kode Warna HTML Keren

Users Latest Favorite Colors

#66ff99

#9966ff

#000000

#0066cc

#191919

#fff3f0

#ffe7e1

#ffd7ce

#ffc7b9

#041e75

#fac22a

#9afeff

#893bff

#c12283

#c28700

#c98c00

#039cb7

#ff8c42

#ff3378

#b25b00

#81aec1

#00dd88

#bb00ff

#9900ff

#55aadd

#00ffaa

#66ff99

#aa00aa

#ff6600

#aa8866

#ff0077

#4455dd

#fdcd9c

#009a9a

#9a0000

#c9a0dc

#60dfe5

#e68c80

#fdc500

#ff6969

#69ff69

  

         #94b2fe

Warna-hex memberikan informasi tentang warna termasuk model warna (RGB, HSL, HSV dan CMYK), warna Triadic, warna monokromatik dan warna analog dihitung halaman warna. Color-hex.com juga menghasilkan css kode sederhana untuk warna yang dipilih. Html sampel elemen juga ditunjukkan di bawah halaman detail warna. Cukup ketik kode warna 6 digit dalam kotak di atas dan tekan enter.

Source : color-hex.com

Cara Mudah Membuat Slide Box sekaligus Back to Top tanpa edit HTML

Slide Box and Back to Top

Cara Mudah Membuat Slide Box sekaligus Back to Top tanpa edit HTML. Mungkin sobat pernah mengunjungi beberapa situs yang menggunakan slidebox recommendation, atau kotak yang bergeser ke samping ketika mouse discroll ke bawah yang berisi tulisan rekomendasi Untuk Anda. Slide box seperti ini bisa sobat temukan situsnya tuh DISINI

Isi dari Box Rekomendasi ini adalah related post with thumbnail, selain related posts juga ditampilkan random post apabila pengunjung berkali-kali mengunjungi alamat yang sama. Hal ini dilakukan agar pengunjung betah di blog dengan membaca beberapa artikel kita sekaligus.

Fungsi Slide Box dan Back to Top : 

Slide Box

Slide Box yang manfaatnya memberitahukan pengunjung blog Sobat dengan mudah melihat artikel apa saja yang ada dalam blog, sehingga membuat pengunjung blog kita terasa nyaman dan mudah karna dimanjakan dengan tersedia Artikel Artikel yg sudah terpampang di Slide Box tersebut .

Back to Top

Tombol back to top memiliki peranan cukup penting bagi sebuah blog atau website dengan konten yang berat dan memiliki halaman yang panjang. Untuk website yang memiliki banyak informasi pada halamannya, akan membuat konten-konten lain terlewati, tanpa disadari menggulir jauh ke bawah halaman.

Sedangkan tombol ini memberikan fungsi baik cara untuk melompat ke atas dengan mudah dan singkat, dari pada menggerakannya dengan mouse. Ini adalah salah satu cara untuk mendorong pengguna menelusuri lebih banyak konten-konten yang lainnya.

Langsung aja kita ke TKP ......

Adapun Langkah-langkah Memasang Widget Slide Box sekaligus Back to Top  :

1. Login dulu ke blog sobat

2. Kemudian buka tata letak dan pilih Tambah gadget.

3. Setelah itu pilih HTML/Java Script.

4. Kemudian copy script di bawah ini dan paste di  HTML/Java Script tersebut :

<!--Slidbox by toriqoel-http://www.toriqoel.blogspot.com/--!>     <script type="text/javascript" src="http://marewainfo.googlecode.com/files/slidboxordinary.js"></script>
<div style="position:fixed; width:340px; overflow:hidden; bottom:3px;
right:3px; display:none;
background: #800; background: #800( center top, #800 85%, #800 100% ); 
background: #800( linear, left top, left bottom, color-stop(.2, #999999), color-stop(1, white) );
background-attachment: fixed;
 repeat; -moz-border-radius:0px; -webkit-border-radius:5px;
border-radius:0px; border:0px solid #333;" id="fbslidebox">
    <div style="width:300px; padding:5px; margin:0 auto; overflow:hidden;">

        <a href="#" style="float:right; color:#000000; padding:0 2px;
border:0px solid #000000; text-decoration:none; font-size:12px; font-family:Verdana, Geneva, sans-serif;" id="fbcloseslidebox"><strong style="color:#fff;"><b><u>Close</u></b></strong></a>

        <strong style="color:#fff;"><b><u>LIHAT ARTIKEL LAINNYA</u> >></b></strong>

<b>
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=2;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&
callback=randomposts" type="text/javascript"></script>
</b>
</div></div>
<!---toriqoel-http://www.toriqoel.blogspot.com/---!><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" >
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="http://3.bp.blogspot.com/-81WhtvKh-Wo/U_tKfD4rxYI/AAAAAAAAFq8/3EgSOimZv6M/s1600/back1.jpg" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

state: {isvisible:false, shouldvisible:false},

scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},

keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},

togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},

init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'BACK to TOP'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}

scrolltotop.init()

</script>

5. Terakhir langsung aja simpan dan lihat hasil blog anda.

Ket: Widget akan terlihat apabila pengunjung men-scroll kebawah pada halaman blog sobat, widget akan terlihat secara otomatis jika sudah men-Scroll ke halaman paling bawah.

Demikianlah Cara Mudah Membuat Slide Box sekaligus Back to Top tanpa edit HTML, mungkin bermanfaat, jika ada masalah silahkan koment...

Cara Menonaktifkan/menghapus dan menghilangkan navbar di atas halaman blogger

Cara Menonaktifkan/menghapus dan menghilangkan navbar di atas halaman blogger bisa dilakukan dengan dua cara, yaitu dengan menyembunyikannya dari halaman atau dengan cara menghilangkan elemen navbarnya dari navbar.

Apabila hanya untuk menyembunyikan navbar dari halaman blogger kita hanya perlu me-non aktifkan navbarnya dari widget settingnya. Namun hal ini hanya menghilangkan tampilannya saja dan tidak menghilangkan elemennya pada halaman, dengan kata lain ukuran dari elemen navbarnya masih bersentuhan dengan elemen lain.

Adapun dua cara tersebut sebagai berikut :

1. Menon-aktifkan Navbar

Hal yang harus dilakukan adalah masuk ke dalam dashboard blogger kemudian pilih "Tata Letak". Muncul halaman pengaturan widget lalu pilih Navbar yang berada di paling atas lalu klik "Edit".

Pada jendela Konfigurasi Navbar, kemudian klik "Off" dan "Simpan". Maka sesudah itu tampilan dari Navbarnya sudah hilang.

Cara di atas hanya untuk menghilangkan tampilan dari navbarnya saja, namun tidak merubah dari ukuran dan susunan elemen pada halaman blogger, sehingga terlihat di halaman atas blog terdapat ruang kosong yang tadinya berisi tampilan navbar.

2. Menghilangkan Navbar dan elemennya.

Untuk membuat ruang kosong hilang, kita hanya perlu menambahkan sedikit kode CSS yang otomatis membuat ruang kosong itu tidak ada. Kita bisa menambahkan kode CSS pada "Setting Template". Namun biar lebih mudah yaitu dengan menggunakan "Sesuaikan" saja.

Hal yang harus dilakukan adalah dengan masuk pada dashboard Blogger, kemudian klik "Sesuaikan", pilih "Tingkat Lanjut" kemudian pilih "Tambahkan CSS".

Pada area teks tambahkan kode CSS berikut ini: #navbar {display:none}

Klik simpan lalu lihat hasilnya. Maka ruang kosong tadi tidak lagi terlihat.

Mungkin hanya itu saja Cara Menonaktifkan/menghapus dan menghilangkan navbar di atas halaman blogger. Semoga dapat mudah dimengerti dan membantu anda. Thanks...

referensi:otodidakers-tutor.blogspot.com

Cara Menata Susunan Kalimat Dengan Text Alignment Pada HTML

Cara Menata Susunan Kalimat Dengan Text Alignment Pada HTML. Menata susunan kalimat pada posting dengan Text Alignment sangatlah mudah. Cukup dengan mengatur dan menempatkan tag <p align="#"> dan </p> . Simbol “#” adalah jenis pengaturan yang hendak digunakan yakni left (rata kiri), right (rata kanan), center (tengah), dan justify (rata kiri-kanan). Format default jika pengaturan <p align=”#”> tidak diisi adalah rata kiri.

Kali ini saya akan memberikan sedikit tips bagaimana cara meletakkan tulisan/image di tengah (center) postingan atau sidebar, sebenarnya bagi para blogger senior hal ini sangatlah mudah, tapi mungkin sangat membingungkan bagi para blogger pemula.? setelah kita memasangkan gambar (image) ataupun kode html dari pihak ketiga seperti banner program affiliasi, gadget Alexa maupun program adsense lainnya. Kebanyakan kita akan mengalami ketidak teraturnya gambar yang kita pasang tersebut, atau rata-rata terletak di samping kiri. Cara dibawah ini dapat kita lakukan untuk mengatur ke tengah gambar di dalam widget pada blog wordpress maupun pada gadget blogspot.

Langsung saja mari kita buktikan:

<p align="left"> Adalah penataan susunan kalimat rata kiri, contoh penulisan:

<p align="left">Cara Menata Susunan Kalimat Dengan Text Alignment Pada HTML. Menata susunan kalimat pada posting dengan Text Alignment sangatlah mudah. Cukup dengan mengatur dan menempatkan tag...</p>

Akan menghasilkan tampilan seperti dibawah ini :

Cara Menata Susunan Kalimat Dengan Text Alignment Pada HTML. Menata susunan kalimat pada posting dengan Text Alignment sangatlah mudah. Cukup dengan mengatur dan menempatkan tag...

<p align="right"> Adalah penataan susunan kalimat rata kanan, contoh penulisan:

<p align="right">Cara Menata Susunan Kalimat Dengan Text Alignment Pada HTML. Menata susunan kalimat pada posting dengan Text Alignment sangatlah mudah. Cukup dengan mengatur dan menempatkan tag...</p>

Akan menghasilkan tampilan seperti dibawah ini :

Cara Menata Susunan Kalimat Dengan Text Alignment Pada HTML. Menata susunan kalimat pada posting dengan Text Alignment sangatlah mudah. Cukup dengan mengatur dan menempatkan tag...

<p align="center"> Adalah penataan susunan kalimat rata tengah, contoh penulisan:

<p align="center">Cara Menata Susunan Kalimat Dengan Text Alignment Pada HTML. Menata susunan kalimat pada posting dengan Text Alignment sangatlah mudah. Cukup dengan mengatur dan menempatkan tag...</p>

Akan menghasilkan tampilan seperti dibawah ini :

Cara Menata Susunan Kalimat Dengan Text Alignment Pada HTML. Menata susunan kalimat pada posting dengan Text Alignment sangatlah mudah. Cukup dengan mengatur dan menempatkan tag...

<p align="justify"> Adalah penataan susunan kalimat rata kiri-kanan, contoh penulisan:

<p align="justify">Cara Menata Susunan Kalimat Dengan Text Alignment Pada HTML. Menata susunan kalimat pada posting dengan Text Alignment sangatlah mudah. Cukup dengan mengatur dan menempatkan tag...</p>

Akan menghasilkan tampilan seperti dibawah ini :

Cara Menata Susunan Kalimat Dengan Text Alignment Pada HTML. Menata susunan kalimat pada posting dengan Text Alignment sangatlah mudah. Cukup dengan mengatur dan menempatkan tag...

Demikianlah Cara Menata Susunan Kalimat Dengan Text Alignment Pada HTML. Selamat mencoba semoga berhasil.

Cara meletakkan widget pada posisi rata kiri, rata tengah atau rata kanan dengan kode html

Cara meletakkan widget pada posisi rata kiri, rata tengah atau rata kanan dengan kode html. Pada umumnya untuk semua jenis Blog biasanya mereka ingin menempatkan widget pada posisi yang tepat, agar terlihat rapi dan enak dipandang. Untuk itu kami akan sedikit memberikan  tips sederhana yang membantu untuk memodifikasi blog dan menjaga mereka dalam format yang tepat dan enak dipandang atau dilihat. Berikut ini adalah salah satu kode html sederhana yang dapat meluruskan widget anda berada di sebelah kiri, di tengah atau di kanan. Tidak panjang lebar lagi mari kita buktikan .....

Jika Kode html widget berada di kiri atau rata kiri :

<div align="left"> <div align="left">
Letakkan Kode widget anda di sini ...
</div> </ Div> 

Kode html widget berada di tengah atau rata tengah :
<div align="center"> <div align="center">
Letakkan Kode widget anda di sini ...
</div> </ Div>

Kode html widget berada di kanan atau rata kanan :
<div align="right"> <div align="right">
Letakkan Kode widget anda di sini ...
</div> </ Div>

Untuk tulisan Letakkan Kode widget anda di sini ...di atas, silakan ganti dengan kode widget anda.

Demikianlah kurang lebihnya Cara meletakkan widget pada posisi rata kiri, rata tengah atau rata kanan dengan kode html. Mudah-mudahan ada manfaatnya....