back to top

Popular Products

Toko Online DEKALITA

Backup atau export.
Sebelum mengimport konten di dalam blog, maka yang dilakukan terlebih dulu adalah menyiapkan konten yang akan diimport. Hasil dari export sebelumnya. Baik diexport sendiri dari blog sendiri maupun hasil export dari blog lain.

Mengeksport blog adalah untuk memindahkan atau mengamankan file tersebut dari kemungkinan akun kita dibajak orang atau kemungkinan lain yang membuat blog kita hilang, terhapus atau kehilangan akses ke akun kita karena lupa password. Dengan kata lain, meng-eksport blog bertujuan untuk mem-back up blog dengan cara mengunduh atau mendownload file yang ada di blog untuk disimpan ke dalam komputer kita atau ke hard drive, flashdisk, USB Data, atau tempat penyimpanan sejenisnya. File ini mencakup seluruh isi konten, misalnya artikel teks, gambar, video, musik, dan apa saja yang ada di blog kita. Ketika anda sedang mengeksport blog, file yang ada di blog anda tidak akan terpengaruh atau tidak akan hilang.  Ketika diexport atau di backup, maka ketika diimport ke blog lain juga tidak akan merubah penulis kontennya.

Ketika mencadangkan blog, Anda akan mendapatkan file .xml untuk pos dan komentar.

Import.
Mengimport blog adalah mengunggah atau mengupload file hasil backup atau export-an blog yang tersimpan di komputer atau USB Data ke dalam blog tujuan. Namun agar tidak terjadi duplikat konten di internet, yang nantinya bisa menyebabkan blog jauh dari SERP atau halaman mesin pencari maka sebaiknya ada beberapa modifikasi. Baik judul maupun beberapa isinya.

Cara backup atau export adalah sebagai berikut:
Backup blog

  1. Login ke Blogger.
  2. Klik blog yang akan di-backup.
  3. Di menu sebelah kiri, klik Setelan berikutnya Lainnya.
  4. Di bagian "Impor & backup", klik Backup Konten berikutnya Simpan ke komputer.

Cara mengimpor file .xml pos dan komentar hasil backup ke blog:
Import blog

  1. Login ke Blogger.
  2. Pilih blog yang ingin Anda beri postingan dan komentar hasil impor.
  3. Di menu sebelah kiri, klik Setelan berikutnya Lainnya.
  4. Di bagian "Impor & backup", klik Impor Konten.
  5. Pilih file .xml dari komputer Anda.
  6. Klik Publikasikan. Anda dapat memilih mana saja yang dipublish dan tidak.

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

Fungsi Import dan Backup Dalam Menu Blogspot.

Backup atau export.
Sebelum mengimport konten di dalam blog, maka yang dilakukan terlebih dulu adalah menyiapkan konten yang akan diimport. Hasil dari export sebelumnya. Baik diexport sendiri dari blog sendiri maupun hasil export dari blog lain.

Mengeksport blog adalah untuk memindahkan atau mengamankan file tersebut dari kemungkinan akun kita dibajak orang atau kemungkinan lain yang membuat blog kita hilang, terhapus atau kehilangan akses ke akun kita karena lupa password. Dengan kata lain, meng-eksport blog bertujuan untuk mem-back up blog dengan cara mengunduh atau mendownload file yang ada di blog untuk disimpan ke dalam komputer kita atau ke hard drive, flashdisk, USB Data, atau tempat penyimpanan sejenisnya. File ini mencakup seluruh isi konten, misalnya artikel teks, gambar, video, musik, dan apa saja yang ada di blog kita. Ketika anda sedang mengeksport blog, file yang ada di blog anda tidak akan terpengaruh atau tidak akan hilang.  Ketika diexport atau di backup, maka ketika diimport ke blog lain juga tidak akan merubah penulis kontennya.

Ketika mencadangkan blog, Anda akan mendapatkan file .xml untuk pos dan komentar.

Import.
Mengimport blog adalah mengunggah atau mengupload file hasil backup atau export-an blog yang tersimpan di komputer atau USB Data ke dalam blog tujuan. Namun agar tidak terjadi duplikat konten di internet, yang nantinya bisa menyebabkan blog jauh dari SERP atau halaman mesin pencari maka sebaiknya ada beberapa modifikasi. Baik judul maupun beberapa isinya.

Cara backup atau export adalah sebagai berikut:
Backup blog

  1. Login ke Blogger.
  2. Klik blog yang akan di-backup.
  3. Di menu sebelah kiri, klik Setelan berikutnya Lainnya.
  4. Di bagian "Impor & backup", klik Backup Konten berikutnya Simpan ke komputer.

Cara mengimpor file .xml pos dan komentar hasil backup ke blog:
Import blog

  1. Login ke Blogger.
  2. Pilih blog yang ingin Anda beri postingan dan komentar hasil impor.
  3. Di menu sebelah kiri, klik Setelan berikutnya Lainnya.
  4. Di bagian "Impor & backup", klik Impor Konten.
  5. Pilih file .xml dari komputer Anda.
  6. Klik Publikasikan. Anda dapat memilih mana saja yang dipublish dan tidak.

Tidak ada batasan ukuran file untuk mengimpor blog, tetapi jumlah impor dalam sehari dibatasi.
Ikon edit cepat
Icon Obeng & Tang muncul di setiap Gadget/Widget di sidebar. Fungsinya sama dengan ikon quick edit, yaitu memudahkan blogger untuk mengedit widget di blognya.

Namun keberadaan kedua icon tersebut menjadikan blog kita jadi kurang cantik, apalagi jika di klik justru mengarah ke ruangan edit yang seharusnya blog bisa tampil layaknya website profesional.

Sebagian pengunjung maupun blogger pun merasa terganggu dengan ikon-ikon tersebut. Padahal kita bisa mengedit widget dan posting langsung di menu dashboard. Berikut cara menghilangkan ikon obeng dan tang (Wrench Icon) di blogspot:

1. Masuk ke dashboard > Template > Edit HTML
2. Cari (Ctrl+F) dan hapus semua kode  <b:include name='quickedit'/>
3. Simpan!

Menghilangkan Ikon Edit Ikon Obeng Dan Tang Di Blogspot

Ikon edit cepat
Icon Obeng & Tang muncul di setiap Gadget/Widget di sidebar. Fungsinya sama dengan ikon quick edit, yaitu memudahkan blogger untuk mengedit widget di blognya.

Namun keberadaan kedua icon tersebut menjadikan blog kita jadi kurang cantik, apalagi jika di klik justru mengarah ke ruangan edit yang seharusnya blog bisa tampil layaknya website profesional.

Sebagian pengunjung maupun blogger pun merasa terganggu dengan ikon-ikon tersebut. Padahal kita bisa mengedit widget dan posting langsung di menu dashboard. Berikut cara menghilangkan ikon obeng dan tang (Wrench Icon) di blogspot:

1. Masuk ke dashboard > Template > Edit HTML
2. Cari (Ctrl+F) dan hapus semua kode  <b:include name='quickedit'/>
3. Simpan!

Untuk disamping:
<a href='URL LINK' style='display:scroll;position:fixed;Bottom:0px;right:300px;' title='Keterangan Gambar'><img src='URL Gambar'/></a>

Untuk di pojok:
<a href='URL LINK' style='display:scroll;position:fixed;top:0px;right:0px;' title='Keterangan Gambar'><img src='URL Gambar'/></a>

Tinggal menyesuaikan posisi ukuran.

Kode HTML Gambar, Link Di Pojok Atau Samping Web

Untuk disamping:
<a href='URL LINK' style='display:scroll;position:fixed;Bottom:0px;right:300px;' title='Keterangan Gambar'><img src='URL Gambar'/></a>

Untuk di pojok:
<a href='URL LINK' style='display:scroll;position:fixed;top:0px;right:0px;' title='Keterangan Gambar'><img src='URL Gambar'/></a>

Tinggal menyesuaikan posisi ukuran.
Related Post
  • Klik "Template" > "edit HTML". 
  • Cari (Ctrl+F) kode ]]></b:skin>
  • Copy & Paste kode berikut ini di atas kode ]]></b:skin>
#related-posts{float:left;width:100%;margin:10px;padding:1px 0 10px}
#related-posts .widget h2,#related-posts h3{font:18px Oswald;color:#000;text-transform:none;margin:0 0 10px;padding:0;font-weight:500}
#related-posts a{color:#0973CF;font:14px Arial,Sans-serif;}
#related-posts li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6U1gevycr7PtwHCoiZ0Jwy35u85BFbpNBGJJfHTrHMCe_t0FOWr5muHWCBH-PkZlXbvd-kHxeyCy-3Lb8g2uwg_y2fcOtjP5FbUwrM4g3amsTOnksfneVe5bc4mLdEVL-R7Fj5rTmjLU/s1600/bullet-list.gif) no-repeat 0 10px;text-indent:0;line-height:1.3em;border-bottom:1px dotted #ccc;margin:0;padding:3px 0 8px 12px}
#related-posts a:hover{color:#c00;text-decoration:none}
#related-posts .widget{margin:0;padding:0}
#related-posts ul{list-style:none;margin:0;padding:0}
  • Copas kode berikut ini di atasnya kode </head>:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type='text/javascript'>
var numposts = 5;
var showpostthumbnails = false;
var showpostdate = false;</script>
<script type='text/javascript'>
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];relatedTitles[relatedTitlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if(d.link[a].rel=="alternate"){relatedUrls[relatedTitlesNum]=d.link[a].href;relatedTitlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);var c=new Array(0);for(var a=0;a<relatedUrls.length;a++){if(!contains(b,relatedUrls[a])){b.length+=1;b[b.length-1]=relatedUrls[a];c.length+=1;c[c.length-1]=relatedTitles[a]}}relatedTitles=c;relatedUrls=b}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){for(var b=0;b<relatedUrls.length;b++){if(relatedUrls[b]==a){relatedUrls.splice(b,1);relatedTitles.splice(b,1)}}var c=Math.floor((relatedTitles.length-1)*Math.random());var b=0;if(relatedTitles.length>1){document.write("<h3>"+relatedpoststitle+"</h3>")}document.write("<ul>");while(b<relatedTitles.length&&b<20&&b<maxresults){document.write('<li><a href="'+relatedUrls[c]+'">'+relatedTitles[c]+"</a></li>");if(c<relatedTitles.length-1){c++}else{c=0}b++}document.write("</ul>");relatedUrls.splice(0,relatedUrls.length);relatedTitles.splice(0,relatedTitles.length)};
//]]>
</script>
  • Cari kode <div class='post-footer'> atau <data:post.body/> kemudian copas kode berikut ini di atas nya:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var maxresults=5;
removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);
</script>
</div>
<div class='clear'/>
<div style='clear: both;'/>
</b:if>
  • Save Template!

Pasang Menu Artikel Terkait Pada Blogspot

Related Post
  • Klik "Template" > "edit HTML". 
  • Cari (Ctrl+F) kode ]]></b:skin>
  • Copy & Paste kode berikut ini di atas kode ]]></b:skin>
#related-posts{float:left;width:100%;margin:10px;padding:1px 0 10px}
#related-posts .widget h2,#related-posts h3{font:18px Oswald;color:#000;text-transform:none;margin:0 0 10px;padding:0;font-weight:500}
#related-posts a{color:#0973CF;font:14px Arial,Sans-serif;}
#related-posts li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6U1gevycr7PtwHCoiZ0Jwy35u85BFbpNBGJJfHTrHMCe_t0FOWr5muHWCBH-PkZlXbvd-kHxeyCy-3Lb8g2uwg_y2fcOtjP5FbUwrM4g3amsTOnksfneVe5bc4mLdEVL-R7Fj5rTmjLU/s1600/bullet-list.gif) no-repeat 0 10px;text-indent:0;line-height:1.3em;border-bottom:1px dotted #ccc;margin:0;padding:3px 0 8px 12px}
#related-posts a:hover{color:#c00;text-decoration:none}
#related-posts .widget{margin:0;padding:0}
#related-posts ul{list-style:none;margin:0;padding:0}
  • Copas kode berikut ini di atasnya kode </head>:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type='text/javascript'>
var numposts = 5;
var showpostthumbnails = false;
var showpostdate = false;</script>
<script type='text/javascript'>
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];relatedTitles[relatedTitlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if(d.link[a].rel=="alternate"){relatedUrls[relatedTitlesNum]=d.link[a].href;relatedTitlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);var c=new Array(0);for(var a=0;a<relatedUrls.length;a++){if(!contains(b,relatedUrls[a])){b.length+=1;b[b.length-1]=relatedUrls[a];c.length+=1;c[c.length-1]=relatedTitles[a]}}relatedTitles=c;relatedUrls=b}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){for(var b=0;b<relatedUrls.length;b++){if(relatedUrls[b]==a){relatedUrls.splice(b,1);relatedTitles.splice(b,1)}}var c=Math.floor((relatedTitles.length-1)*Math.random());var b=0;if(relatedTitles.length>1){document.write("<h3>"+relatedpoststitle+"</h3>")}document.write("<ul>");while(b<relatedTitles.length&&b<20&&b<maxresults){document.write('<li><a href="'+relatedUrls[c]+'">'+relatedTitles[c]+"</a></li>");if(c<relatedTitles.length-1){c++}else{c=0}b++}document.write("</ul>");relatedUrls.splice(0,relatedUrls.length);relatedTitles.splice(0,relatedTitles.length)};
//]]>
</script>
  • Cari kode <div class='post-footer'> atau <data:post.body/> kemudian copas kode berikut ini di atas nya:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var maxresults=5;
removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);
</script>
</div>
<div class='clear'/>
<div style='clear: both;'/>
</b:if>
  • Save Template!
Tips Whatsapp

Memasang tombol Whatapp Twitter, Facebook Share dan Facebook Like, Telegram di akhir artikel.
Blogspot. Cari kode 
<data:post.body/> di edit template pada posisi yang kedua karena biasanya ada dua kode tersebut di blog <data:post.body/> yang kedua. Lalu isikan di bawahnya kode berikut ini:

<!-- LinksAlpha button snippet. -->
<div class="linksalpha_container linksalpha_app_3" data-title="Jelajah" data-url="http://jelajah.dekalita.com" data-size="large" data-style="circle" data-counters="">
    <a class="linksalpha_icon_facebook" href="//www.linksalpha.com/share?network=facebook"></a>
    <a class="linksalpha_icon_twitter" href="//www.linksalpha.com/share?network=twitter"></a>
    <a class="linksalpha_icon_gmail" href="//www.linksalpha.com/share?network=gmail"></a>
    <a class="linksalpha_icon_whatsapp" href="//www.linksalpha.com/share?network=whatsapp"></a>
    <a class="linksalpha_icon_sms" href="//www.linksalpha.com/share?network=sms"></a>
    <a class="linksalpha_icon_telegram" href="//www.linksalpha.com/share?network=telegram"></a>
    <a class="linksalpha_icon_yahoomail" href="//www.linksalpha.com/share?network=yahoomail"></a>
    <a class="linksalpha_icon_la" href="//www.linksalpha.com/share?network=la"></a>
</div>
 Kemudian di bagian html sebelum  </body> letakkan kode berikut lalu simpan:
<!-- LinksAlpha Plugin Script. -->
<script async src="//www.linksalpha.com/js/social.js"></script>
Untuk yang pakai wordpress dapat menyesuaikan

Pasang Tombol Berbagi Whats App, Facebook Dan Media Sosial Lain

Tips Whatsapp

Memasang tombol Whatapp Twitter, Facebook Share dan Facebook Like, Telegram di akhir artikel.
Blogspot. Cari kode 
<data:post.body/> di edit template pada posisi yang kedua karena biasanya ada dua kode tersebut di blog <data:post.body/> yang kedua. Lalu isikan di bawahnya kode berikut ini:

<!-- LinksAlpha button snippet. -->
<div class="linksalpha_container linksalpha_app_3" data-title="Jelajah" data-url="http://jelajah.dekalita.com" data-size="large" data-style="circle" data-counters="">
    <a class="linksalpha_icon_facebook" href="//www.linksalpha.com/share?network=facebook"></a>
    <a class="linksalpha_icon_twitter" href="//www.linksalpha.com/share?network=twitter"></a>
    <a class="linksalpha_icon_gmail" href="//www.linksalpha.com/share?network=gmail"></a>
    <a class="linksalpha_icon_whatsapp" href="//www.linksalpha.com/share?network=whatsapp"></a>
    <a class="linksalpha_icon_sms" href="//www.linksalpha.com/share?network=sms"></a>
    <a class="linksalpha_icon_telegram" href="//www.linksalpha.com/share?network=telegram"></a>
    <a class="linksalpha_icon_yahoomail" href="//www.linksalpha.com/share?network=yahoomail"></a>
    <a class="linksalpha_icon_la" href="//www.linksalpha.com/share?network=la"></a>
</div>
 Kemudian di bagian html sebelum  </body> letakkan kode berikut lalu simpan:
<!-- LinksAlpha Plugin Script. -->
<script async src="//www.linksalpha.com/js/social.js"></script>
Untuk yang pakai wordpress dapat menyesuaikan
Apa itu text area? Text area adalah sebuah komponen HTML untuk menyimpan text atau tulisan baru yang digunakan untuk menampilkan text atau kode script dalam bentuk dan format text. Biasanya text area dipakai untuk menyimpan kode HTML yang tidak bisa di tulis langsung ke dalam postingan di blog.
Text Area
Untuk memasangnya letakkan kode html berikut dalam bidang html. textarea blockquote. Kode berikut selain teks area juga sekaligus terdapat rezise merubah ukuran dapat ditarik ulur walaupun disekat dengan batas tampilan tinggi 106 dan lebar 487 pixel

<blockquote>
<center>
<textarea cols="50" onclick="this.focus();this.select()" readonly="readonly" rows="5" style="height: 106px; width: 487px;">

OKE YA

</textarea></center>
</blockquote>


Teks Area

Apa itu text area? Text area adalah sebuah komponen HTML untuk menyimpan text atau tulisan baru yang digunakan untuk menampilkan text atau kode script dalam bentuk dan format text. Biasanya text area dipakai untuk menyimpan kode HTML yang tidak bisa di tulis langsung ke dalam postingan di blog.
Text Area
Untuk memasangnya letakkan kode html berikut dalam bidang html. textarea blockquote. Kode berikut selain teks area juga sekaligus terdapat rezise merubah ukuran dapat ditarik ulur walaupun disekat dengan batas tampilan tinggi 106 dan lebar 487 pixel

<blockquote>
<center>
<textarea cols="50" onclick="this.focus();this.select()" readonly="readonly" rows="5" style="height: 106px; width: 487px;">

OKE YA

</textarea></center>
</blockquote>


Letakkan kode berikut di widget. Edit judul yang diperlukan 😆

Html Slide Show

Letakkan kode berikut di widget. Edit judul yang diperlukan 😆

async" associated with an element type "script" must be followed by the ' = ' character.
Ketikakita menambahkan kode async pada blog dan eror, berikut solusi yang sudah benar-benar berhasil setelah kami uji.

Tambahkan async='async' atau ganti kata async di barisan kata yang eror dengan async='async' #DahGituSaja

Bagian ini biasanya digunakan untuk memasang tombol share di akhir atau awal postingan.

Kesalahan saat mengurai XML Attribute name async associated with an element type script must be followed by the character

async" associated with an element type "script" must be followed by the ' = ' character.
Ketikakita menambahkan kode async pada blog dan eror, berikut solusi yang sudah benar-benar berhasil setelah kami uji.

Tambahkan async='async' atau ganti kata async di barisan kata yang eror dengan async='async' #DahGituSaja

Bagian ini biasanya digunakan untuk memasang tombol share di akhir atau awal postingan.
Untuk menshare artikel langsung ke aplikasi Whatsapp kopi pastekan kode berikut ini di tempat yang diinginkan, atau dibawah kode < data: post. body /> yang kedua. Sesuaikan dengan tempat atau kumpulkan bersama kode sharing lainnya. Lalu simpan.
Hanya nampak di perangkat mobile android.

Pasang Share Whats App Beserta Link Artikel

Untuk menshare artikel langsung ke aplikasi Whatsapp kopi pastekan kode berikut ini di tempat yang diinginkan, atau dibawah kode < data: post. body /> yang kedua. Sesuaikan dengan tempat atau kumpulkan bersama kode sharing lainnya. Lalu simpan.
Hanya nampak di perangkat mobile android.
"The reference to entity "version" must end with the ';' delimiter."
Cara mengatasi error "The reference to entity "version" must end with the ';' delimiter."di penerapan kode Facebook di blog cukup mudah. Tambahkan kode amp; di dua tempat setelah simbol & pada letak baris yang diberitahukan salah.

Error "The reference to entity "version" must end with the ';' delimiter."

"The reference to entity "version" must end with the ';' delimiter."
Cara mengatasi error "The reference to entity "version" must end with the ';' delimiter."di penerapan kode Facebook di blog cukup mudah. Tambahkan kode amp; di dua tempat setelah simbol & pada letak baris yang diberitahukan salah.

Letakkan kode berikut sebelum kode </head>:
<script type='text/javascript'>
//<![CDATA[

msg = "| xxxxxxxxxxxx ";
msg = "| xxxxxxxxxxxx " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>

***** xxxxxxxxxxx ganti dengan tulisan yang diinginkan.

Tulisan Berjalan Dekat Favicon

Tulisan Berjalan Di Bar Dekat Favicon


Letakkan kode berikut sebelum kode </head>:
<script type='text/javascript'>
//<![CDATA[

msg = "| xxxxxxxxxxxx ";
msg = "| xxxxxxxxxxxx " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>

***** xxxxxxxxxxx ganti dengan tulisan yang diinginkan.

Tulisan Berjalan Dekat Favicon
p/blog page.html.
Mengapa url halaman menjadi tidak ramah tautan? p/blog page.html. Itu dikarenakan saat menulis artikel judul ditulis belakangan. Sehingga langsung tersimpan sebagai draft. Solusinya adalah menuliskan Judul Artikel terlebih dahulu. Baru artikelnya. #DahGituSaja #WisNgonoAe

P Blog Page Html.

p/blog page.html.
Mengapa url halaman menjadi tidak ramah tautan? p/blog page.html. Itu dikarenakan saat menulis artikel judul ditulis belakangan. Sehingga langsung tersimpan sebagai draft. Solusinya adalah menuliskan Judul Artikel terlebih dahulu. Baru artikelnya. #DahGituSaja #WisNgonoAe
Cara mempassword halaman blogspot
Cara mempassword halaman blogspot:
  • Login ke Blogger  >> Dashboard >> Pages >>
  • Buatlah halaman dengan cara :klik New Pages >> Blank Page
  • Isi judul/nama Halaman
  • Isi halamannya dengan tulisan atau materi yang Anda inginkan
  • Klik “HTML”
  • Masukkan kode berikut ini sebelum atau sesudah isi halaman:
<script language="JavaScript">
var password;
var pass1="PASSWORD";
password=prompt('Masukkan password untuk membuka halaman ini!',' ');
if (password==pass1) alert('Password benar, OK untuk masuk!');
else {
  window.location="Link Halaman";
}
</script>
  • Ganti teks berwarna merah dengan versi Anda, terutama PASSWORD.
  • Ganti teks Link Halaman dengan URL Page/Halaman Blogspot Anda.
  • Save!

Cara Mempassword Halaman Blogspot

Cara mempassword halaman blogspot
Cara mempassword halaman blogspot:
  • Login ke Blogger  >> Dashboard >> Pages >>
  • Buatlah halaman dengan cara :klik New Pages >> Blank Page
  • Isi judul/nama Halaman
  • Isi halamannya dengan tulisan atau materi yang Anda inginkan
  • Klik “HTML”
  • Masukkan kode berikut ini sebelum atau sesudah isi halaman:
<script language="JavaScript">
var password;
var pass1="PASSWORD";
password=prompt('Masukkan password untuk membuka halaman ini!',' ');
if (password==pass1) alert('Password benar, OK untuk masuk!');
else {
  window.location="Link Halaman";
}
</script>
  • Ganti teks berwarna merah dengan versi Anda, terutama PASSWORD.
  • Ganti teks Link Halaman dengan URL Page/Halaman Blogspot Anda.
  • Save!
Letakkan kode berikut sebelum </head>:
body {
    background-image: url("Gambar yang diinginkan");
    background-color: red;
}
Properti background-image menetapkan satu atau lebih gambar latar belakang untuk elemen. Latar belakang warna yang akan otomatis digunakan jika gambar tidak tersedia.
body {
    background-color: red;
}
Contoh penerapan halaman:
Memberi Warna dan Gambar Sebagai Latar Belakang

<!DOCTYPE html>
<html>
<head>
<style>
body  {
    background-image: url("Gambar yang diinginkan");
    background-color: red;
}
</style>
</head>
<body>

<h1>Hello World!</h1>

</body>
</html>

Memberi Warna dan Gambar Sebagai Latar Belakang

Letakkan kode berikut sebelum </head>:
body {
    background-image: url("Gambar yang diinginkan");
    background-color: red;
}
Properti background-image menetapkan satu atau lebih gambar latar belakang untuk elemen. Latar belakang warna yang akan otomatis digunakan jika gambar tidak tersedia.
body {
    background-color: red;
}
Contoh penerapan halaman:
Memberi Warna dan Gambar Sebagai Latar Belakang

<!DOCTYPE html>
<html>
<head>
<style>
body  {
    background-image: url("Gambar yang diinginkan");
    background-color: red;
}
</style>
</head>
<body>

<h1>Hello World!</h1>

</body>
</html>

Cara setting masing-masing penyedia hosting berbeda. Cara ini dapat menjadi pertimbangan jika mengalami kesulitan dalam penyettingan saja. Biasanya penyedia hosting telah menyediakan panduan masing-masing.
  1. Pertama create subdomain.
  2. Jika subdomain sudah di buat kemudian beralih ke blogger.com ,
    masuk ke blogger.com kemudian login.
  3. Setelah berhasil masuk pilih blogspot yang ingin custom subdomain .
  4. Masuk ke pengaturan atau setelan .
  5. Pilih “ tambahkan domain pihak ke-3 yaitu subdomain
  6. Kemudian masukan subdomain pada kolom.
  7. Setting Subdomain ke Blogspot.
  8. Setelah itu kemudian klik ” simpan ” , maka akan muncul cname kode yang di berikan di informasikan blogspot untuk verifikasi custom domain atau untuk mengarahkan subdomain ke server blogspot .

  9. Cara untuk memasukan cname tersebut adalah sebagai berikut :
    >> Jika domain utama setting cname nya melalui file manager ,maka lain halnya dengan subdomain , untuk subdomain setting cname melalui “ Advance edit dns zone “ yang ada di cPanel .
    >> Login ke cPanel .
    >> Kemudian masuk ke “ Advance edit dns zone
    >> Masukkan cname, jika eror. Periksa sub domain dan cname yang ada. Edit dan simpan.
  10. Setelah berhasil setting cname record , beralih kembali ke halaman blogger.com . klik tombol “ simpan “ seperti gambar di nomor 7.
Tunggu biasanya membutuhkan waktu sekitar 30 menit atau lebih untuk menunggu verifikasi google .

    Setting Subdomain ke Blogspot.

    Cara setting masing-masing penyedia hosting berbeda. Cara ini dapat menjadi pertimbangan jika mengalami kesulitan dalam penyettingan saja. Biasanya penyedia hosting telah menyediakan panduan masing-masing.
    1. Pertama create subdomain.
    2. Jika subdomain sudah di buat kemudian beralih ke blogger.com ,
      masuk ke blogger.com kemudian login.
    3. Setelah berhasil masuk pilih blogspot yang ingin custom subdomain .
    4. Masuk ke pengaturan atau setelan .
    5. Pilih “ tambahkan domain pihak ke-3 yaitu subdomain
    6. Kemudian masukan subdomain pada kolom.
    7. Setting Subdomain ke Blogspot.
    8. Setelah itu kemudian klik ” simpan ” , maka akan muncul cname kode yang di berikan di informasikan blogspot untuk verifikasi custom domain atau untuk mengarahkan subdomain ke server blogspot .

    9. Cara untuk memasukan cname tersebut adalah sebagai berikut :
      >> Jika domain utama setting cname nya melalui file manager ,maka lain halnya dengan subdomain , untuk subdomain setting cname melalui “ Advance edit dns zone “ yang ada di cPanel .
      >> Login ke cPanel .
      >> Kemudian masuk ke “ Advance edit dns zone
      >> Masukkan cname, jika eror. Periksa sub domain dan cname yang ada. Edit dan simpan.
    10. Setelah berhasil setting cname record , beralih kembali ke halaman blogger.com . klik tombol “ simpan “ seperti gambar di nomor 7.
    Tunggu biasanya membutuhkan waktu sekitar 30 menit atau lebih untuk menunggu verifikasi google .
      Masalah pemasangan berlangganan artikel menggunakan FeedBurner. Feed tidak memiliki langganan melalui email yang diaktifkan mengakibatkan muncul pesan; "The Feed Does Not Have Subscriptions By Email Enabled". Untuk mengatasinya, aktifkan menu berlangganan feed melalui email.
      1. Klik PUBLICIZE.
      2. Klik EMAIL SUBSCRIPTIONS.
      3. SAVE di bagian bawah. Selesai.
      The Feed Does Not Have Subscriptions By Email Enabled

      The Feed Does Not Have Subscriptions By Email Enabled

      Masalah pemasangan berlangganan artikel menggunakan FeedBurner. Feed tidak memiliki langganan melalui email yang diaktifkan mengakibatkan muncul pesan; "The Feed Does Not Have Subscriptions By Email Enabled". Untuk mengatasinya, aktifkan menu berlangganan feed melalui email.
      1. Klik PUBLICIZE.
      2. Klik EMAIL SUBSCRIPTIONS.
      3. SAVE di bagian bawah. Selesai.
      The Feed Does Not Have Subscriptions By Email Enabled

      CSS Efek Gambar Miring
      Efek Hover adalah efek yang muncul digambar ketika mouse mengarah. Cara memasang efek gambar hover miring pada blog. Contoh seperti di blog ini. Arahkan mouse ke gambar cangkir.
      1. Blogger dashboard
      2. Pilih Template => Edit Html
      3. Cari kode ]]></b:skin>atau </style> dan masukan kode dibawah ini sebelum / di atas kode ]]></b:skin> atau </style>.
      4. Save template.
      .post-body img { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; }
      .post-body img:hover { -webkit-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -o-transform:rotate(-10deg); -ms-transform:rotate(-10deg); transform:rotate(-10deg); }

      CSS Efek Gambar Miring

      CSS Efek Gambar Miring
      Efek Hover adalah efek yang muncul digambar ketika mouse mengarah. Cara memasang efek gambar hover miring pada blog. Contoh seperti di blog ini. Arahkan mouse ke gambar cangkir.
      1. Blogger dashboard
      2. Pilih Template => Edit Html
      3. Cari kode ]]></b:skin>atau </style> dan masukan kode dibawah ini sebelum / di atas kode ]]></b:skin> atau </style>.
      4. Save template.
      .post-body img { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; }
      .post-body img:hover { -webkit-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -o-transform:rotate(-10deg); -ms-transform:rotate(-10deg); transform:rotate(-10deg); }
      RSS adalah Really Simple Syndication atau Rich Site Summary biasanya digunakan untuk berlangganan artikel dengan mensubmit alamat e-mail pengunjung setia blog. Strategi ini juga dapat mengirim atau mensubmit ke media sosial dengan otomatis ketika kita update postingan yang baru.

      Diantara manfaatnya:
      Melihat RSS Feed Blog
      • Mendatangkan banyak kunjungan.
      • Menjangkau pelanggan website.
      • Kemudahan dalam melakukan pendaftaran berlangganan situs.
      • Membuat kembali pengunjung.
      • Sarana iklan.

      Cara melihat feed:
      Feed Blog Keseluruhan:
      Atom 1.0: http://NAMABLOG.blogspot.com/feeds/posts/default
      RSS 2.0: http://NAMABLOG.blogspot.com/feeds/posts/default?alt=rss

      Feed Komentar Umum:
      Atom 1.0: http://NAMABLOG.blogspot.com/feeds/comments/default
      RSS 2.0: http://NAMABLOG.blogspot.com/feeds/comments/default?alt=rss

      Feed berdasarkan nama label:
      Atom 1.0: http://NAMABLOG.blogspot.com/feeds/comments/default/-/labelname
      RSS 2.0: http://NAMABLOG.blogspot.com/feeds/comments/default?alt=rss/-/labelname

      Feed Komentar personal:
      Atom 1.0: http://NAMABLOG.blogspot.com/feeds/postId/comments/default
      RSS 2.0: http://NAMABLOG.blogspot.com/feeds/postId/comments/default?alt=rss

      Melihat RSS Feed Blog

      RSS adalah Really Simple Syndication atau Rich Site Summary biasanya digunakan untuk berlangganan artikel dengan mensubmit alamat e-mail pengunjung setia blog. Strategi ini juga dapat mengirim atau mensubmit ke media sosial dengan otomatis ketika kita update postingan yang baru.

      Diantara manfaatnya:
      Melihat RSS Feed Blog
      • Mendatangkan banyak kunjungan.
      • Menjangkau pelanggan website.
      • Kemudahan dalam melakukan pendaftaran berlangganan situs.
      • Membuat kembali pengunjung.
      • Sarana iklan.

      Cara melihat feed:
      Feed Blog Keseluruhan:
      Atom 1.0: http://NAMABLOG.blogspot.com/feeds/posts/default
      RSS 2.0: http://NAMABLOG.blogspot.com/feeds/posts/default?alt=rss

      Feed Komentar Umum:
      Atom 1.0: http://NAMABLOG.blogspot.com/feeds/comments/default
      RSS 2.0: http://NAMABLOG.blogspot.com/feeds/comments/default?alt=rss

      Feed berdasarkan nama label:
      Atom 1.0: http://NAMABLOG.blogspot.com/feeds/comments/default/-/labelname
      RSS 2.0: http://NAMABLOG.blogspot.com/feeds/comments/default?alt=rss/-/labelname

      Feed Komentar personal:
      Atom 1.0: http://NAMABLOG.blogspot.com/feeds/postId/comments/default
      RSS 2.0: http://NAMABLOG.blogspot.com/feeds/postId/comments/default?alt=rss
      Favicon adalah icon kecil yang dibuat secara khusus yang muncul ketika suatu website telah selesai loading, letak icon ini di samping URL situs web di address bar browser web. Mereka juga muncul dalam situs bookmarked, tab tab browser, dan sebagai icon untuk Internet shortcut pada desktop atau folder lain pada Windows.

      Untuk memasang ikon di Blog atau Web, yang diperlukan adalah gambar dalam format ico. Karena format ini yang lebih banyak diterima. Adapun format PNG, BMP, dst ada yang bisa tampil ada yang tidak.

      Untuk membuat file .ico Anda membutuhkan file plugin untuk photoshop agar program tersebut dapat mengenali file .ico dan menyimpan file sebagai .ico. Pastikan plugin tersebut telah terinstall pada komputer anda. Pertama buatlah icon pada photoshop dengan ukuran 400x400 pixel. Lakukan adjust pada icon, setelah hasil yang anda dapatkan dirasakan cukup, ubahlah ukuran kanvas tadi dari 400x400 pixel menjadi 16x16, 32x32, 48x48, atau 64x64. Setelah itu lakukan save as dan pilihlah tipe file .ico.

      File ico juga dapat dibuat secara online, seperti menggunakan website http://www.html-kit.com/favicon/
      Memasang Ikon Pada Website Atau Blog
      1. Kunjungi situs.
      2. Pada Create a Favicon from any picture, klik 'Browse'.
      3. Kemudian klik 'Generate FavIcon.ico'
      4. Setelah itu jika Anda menginginkan favicon animasi, download dalam format gif dan simpan gambar.
      5. Kemudian upload gambar tersebut menggunakan hosting, atau bisa diupload pada blogger, kemudian diambil urlnya.
      Setelah favicon siap, berikut langkah memasangnya:
        1. Login ke akun blogger Anda. 
        2. Pilih 'Tata Letak' pada menu dropdown. 
        3. Klik 'Edit' di bagian Favicon, lihat gambar
        4. Klik 'Browse', pilih file, setelah di upload klik 'Simpan'.

        Cara lainnya adalah dengan menaruh kode html lalu menyimpannya. Pada blogspot masuk ke Template ---> Edit HTML ---> beri tanda centang pada kotak Expand Widget Template. Lalu tambahkan kode dibawah ini tepat diatas </head>
        <link href='URL ICON' rel='icon' type='image/gif'/>
        atau
        <link rel="Shortcut Icon" href="/favicon.ico">
        <link rel="shortcut icon" href="favicon.ico">
        <link rel="icon" type="image/ico" href="favicon.ico">
        <link rel="icon" href="/favicon.png" type="image/png">
        <link rel="icon" href="/favicon.gif" type="image/gif">
        Keterangan:
        Ganti 'URL ICON' dengan URL atau link gambar yang Anda upload tadi. Kemudian simpan template.Pada website selain blog tinggal mencari kode </head>

        Untuk membuat favicon berjalan dapat membuat online di situs Favicon animasi. Generate gambar png, isi tulisan dan unduh. Uploud di hosting atau blog kemudian ambil url link nya.

        Kode faviconnya
        <link rel="shortcut icon" href="alamat link faviconnya">
        Ketika muncul eror: The Element Type "link" Must Be Terminated by The Matching End-tag
        link pada blogspot cukup tambahkan tanda garis miring. Menjadi
        <link rel="shortcut icon" href="alamat link faviconnya"/>

        Memasang Ikon Pada Website Atau Blog

        Favicon adalah icon kecil yang dibuat secara khusus yang muncul ketika suatu website telah selesai loading, letak icon ini di samping URL situs web di address bar browser web. Mereka juga muncul dalam situs bookmarked, tab tab browser, dan sebagai icon untuk Internet shortcut pada desktop atau folder lain pada Windows.

        Untuk memasang ikon di Blog atau Web, yang diperlukan adalah gambar dalam format ico. Karena format ini yang lebih banyak diterima. Adapun format PNG, BMP, dst ada yang bisa tampil ada yang tidak.

        Untuk membuat file .ico Anda membutuhkan file plugin untuk photoshop agar program tersebut dapat mengenali file .ico dan menyimpan file sebagai .ico. Pastikan plugin tersebut telah terinstall pada komputer anda. Pertama buatlah icon pada photoshop dengan ukuran 400x400 pixel. Lakukan adjust pada icon, setelah hasil yang anda dapatkan dirasakan cukup, ubahlah ukuran kanvas tadi dari 400x400 pixel menjadi 16x16, 32x32, 48x48, atau 64x64. Setelah itu lakukan save as dan pilihlah tipe file .ico.

        File ico juga dapat dibuat secara online, seperti menggunakan website http://www.html-kit.com/favicon/
        Memasang Ikon Pada Website Atau Blog
        1. Kunjungi situs.
        2. Pada Create a Favicon from any picture, klik 'Browse'.
        3. Kemudian klik 'Generate FavIcon.ico'
        4. Setelah itu jika Anda menginginkan favicon animasi, download dalam format gif dan simpan gambar.
        5. Kemudian upload gambar tersebut menggunakan hosting, atau bisa diupload pada blogger, kemudian diambil urlnya.
        Setelah favicon siap, berikut langkah memasangnya:
          1. Login ke akun blogger Anda. 
          2. Pilih 'Tata Letak' pada menu dropdown. 
          3. Klik 'Edit' di bagian Favicon, lihat gambar
          4. Klik 'Browse', pilih file, setelah di upload klik 'Simpan'.

          Cara lainnya adalah dengan menaruh kode html lalu menyimpannya. Pada blogspot masuk ke Template ---> Edit HTML ---> beri tanda centang pada kotak Expand Widget Template. Lalu tambahkan kode dibawah ini tepat diatas </head>
          <link href='URL ICON' rel='icon' type='image/gif'/>
          atau
          <link rel="Shortcut Icon" href="/favicon.ico">
          <link rel="shortcut icon" href="favicon.ico">
          <link rel="icon" type="image/ico" href="favicon.ico">
          <link rel="icon" href="/favicon.png" type="image/png">
          <link rel="icon" href="/favicon.gif" type="image/gif">
          Keterangan:
          Ganti 'URL ICON' dengan URL atau link gambar yang Anda upload tadi. Kemudian simpan template.Pada website selain blog tinggal mencari kode </head>

          Untuk membuat favicon berjalan dapat membuat online di situs Favicon animasi. Generate gambar png, isi tulisan dan unduh. Uploud di hosting atau blog kemudian ambil url link nya.

          Kode faviconnya
          <link rel="shortcut icon" href="alamat link faviconnya">
          Ketika muncul eror: The Element Type "link" Must Be Terminated by The Matching End-tag
          link pada blogspot cukup tambahkan tanda garis miring. Menjadi
          <link rel="shortcut icon" href="alamat link faviconnya"/>
          Blog pada Blogpot dapat dikelola oleh beberapa orang. Baik sebagai penulis yang hanya dapat menulis dan mempublikasikan posting blog, editor atau administrator yang dapat mengakses keseluruhan dari blog. Untuk dapat membuat user baru, syaratnya level Anda harus administrator. Adapun langkah-langkah pembuatannya, sebagai berikut:

          1. Login akun blogger Anda.
          2. Pilih menu tab Setelan, kemudian klik Dasar. 
          3. Cari bagian Izin-Pengarang Blog
          4. Pada bagian Penulis Blog, klik Tambahkan penulis. 
          5. Masukkan alamat email yang ingin Anda tambahkan, klik Undang penulis.
            Selanjutnya email user baru diminta konfirmasi lewat email yang didaftarkan tadi.
             
          6. Setelah dikonfirmasi maka email tersebut dapat mengakses blog Anda. Beritahu pemilik email yang didaftarkan tersebut agar mengkonfirmasi undangan.
            Selanjutnya admin/administrator dapat menambahkan pilihan kepada user baru tadi sebagai admin yang dapat mengakses keseluruhan dari blog atau sebagai penulis saja. Dengan cara:
          7. Kembali ke halaman Setelan, klik Dasar. 
          8. Pada bagian Penulis blog akan terlihat email yang Anda daftarkan. Pada samping email tersebut ada kotak pilihan dapat diklik dan user baru dipilih sebagai Admin atau Penulis.
          Cara Menambahkan User Pengelola Blogspot

          Cara Menambahkan User Pengelola Blogspot

          Blog pada Blogpot dapat dikelola oleh beberapa orang. Baik sebagai penulis yang hanya dapat menulis dan mempublikasikan posting blog, editor atau administrator yang dapat mengakses keseluruhan dari blog. Untuk dapat membuat user baru, syaratnya level Anda harus administrator. Adapun langkah-langkah pembuatannya, sebagai berikut:

          1. Login akun blogger Anda.
          2. Pilih menu tab Setelan, kemudian klik Dasar. 
          3. Cari bagian Izin-Pengarang Blog
          4. Pada bagian Penulis Blog, klik Tambahkan penulis. 
          5. Masukkan alamat email yang ingin Anda tambahkan, klik Undang penulis.
            Selanjutnya email user baru diminta konfirmasi lewat email yang didaftarkan tadi.
             
          6. Setelah dikonfirmasi maka email tersebut dapat mengakses blog Anda. Beritahu pemilik email yang didaftarkan tersebut agar mengkonfirmasi undangan.
            Selanjutnya admin/administrator dapat menambahkan pilihan kepada user baru tadi sebagai admin yang dapat mengakses keseluruhan dari blog atau sebagai penulis saja. Dengan cara:
          7. Kembali ke halaman Setelan, klik Dasar. 
          8. Pada bagian Penulis blog akan terlihat email yang Anda daftarkan. Pada samping email tersebut ada kotak pilihan dapat diklik dan user baru dipilih sebagai Admin atau Penulis.
          Cara Menambahkan User Pengelola Blogspot

          shipping

          PENGIRIMAN
          Pengiriman menyesuaikan kebijakan kami
          0 item(s) in cart

          bank acc

          Copyright © 2016.
          Toko Online DEKALITA
          cart
          0 items in cart