Showing posts with label Widget. Show all posts
Showing posts with label Widget. Show all posts

Wednesday, January 3, 2018

Cara Membuat Sitemap SEO Di Blogger dengan Mudah


Assalamualaikum,
Pada Kesempatan kali ini saya akan membahas sebuah artikel tentang Cara Membuat Sitemap SEO Di Blogger.

Apa Itu Sitemap?

Sitemap adalah suatu kumpulan artikel-artikel pada suatu web yang dapat mempermudah dalam pengenalan peta situs dalam web.

Kita langsung saja lanjut okee :v

Oh ya kali Sitemap nya ada 3 , jadi bisa pilih yang mana saja terserah ea :v

Kebetulan Saya Memakai Yang KETIGA :V

1. Pertama kita buka dulu https://www.blogger.com , abis itu kita buat HALAMAN baru seperti gambar dibawah ini :v




2. Copy Source Code SITEMAP bentuk PERTAMA :

<div dir="ltr" style="text-align: left;" trbidi="on">
<script type="text/javascript"> var numposts = 100; var standardstyling = true; function showrecentposts(json) { for (var i = 0; i < numposts; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; }} posttitle = posttitle.link(posturl); if (standardstyling) document.write('<li>'); document.write(posttitle);} if (standardstyling) document.write('</li>
'); } </script>

<ul>
<div>
<h3>
Daftar Isi : </h3>
</div>
<script src="https://www.mr-roz3r.net/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=9999"></script>
</ul>
</div>

*Ganti Tulisan Warna Merah Menjadi Web Masing-Masing :)

3. Setelah di copy lalu Paste kan seperti gambar dibawah ini :)

Jangan lupa paste nya di HTML bukan COMPOSE :v

4. Dan Terakhir adalah PUBLIKASIKAN :v


*Source Code SITEMAP bentuk KEDUA :

<script style="text/javascript" src="https://cdn.rawgit.com/mowdot/mysitemap/master/sitemapku.js"></script>

<script src="https://www.mr-roz3r.net/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
*Ganti Tulisan Merah Dengan Web Masing-Masing :)


*Source Code SITEMAP bentuk KETIGA :

<div dir="ltr" style="text-align: left;" trbidi="on">
<style scoped="" type="text/css">
.table-of-content{background-color:#fff;color:#444;font-family:Verdana,Geneva,Tahoma,Arial,Sans-serif;font-size:13px;font-weight:400;overflow:hidden;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.2)}
.table-of-content .toc-header{color:#444;font-family:inherit;font-weight:400;font-size:14px;background-color:#fff;margin:0;padding:15px;overflow:hidden;cursor:pointer;border-bottom:1px solid #ccc;transition:initial}
.table-of-content .toc-header:hover{background-color:#fdfdfd}
.table-of-content .toc-header:before{content:'';width:0;height:0;position:absolute;top:22px;right:15px;border:5px solid transparent;border-color:#aaa transparent transparent;transition:all .3s ease}
.table-of-content .toc-header.active{color:#fc4f3f}
.table-of-content .toc-header.active:before{border-color:#666 transparent transparent;top:16px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}
.table-of-content .loading{display:block;padding:15px;text-decoration:blink}
.table-of-content ol{margin:0;padding:0;list-style:none;transition:initial}
.table-of-content li{line-height:normal!important;margin:0!important;padding:8px 8px 8px 15px!important;white-space:nowrap;text-align:left;overflow:hidden;background:#444359!important;transition:initial}
.table-of-content a{color:#d9d9d9;text-decoration:none;font-size:86%;transition:initial}
.table-of-content a:visited{color:#a2a2a9;transition:initial}
.table-of-content a:hover,.table-of-content a:visited:hover{color:#ffc937;text-decoration:none;transition:initial}
.post ol li:before{display:none}
</style>

<br />
<div class="table-of-content" id="table-of-content">
<span class="loading">Memuat konten...</span></div>
<script>
var toc_config = {
    url: 'https://www.mr-roz3r.net',
    containerId: 'table-of-content',
    showNew: 15,
    newText: ' <strong style="font-weight:normal;font-style:normal;color:#fff;font-size:11px;background:#5c5a78;padding:1px 6px 3px 6px;line-height:normal;float:right;border-radius:3px;">baru</strong>',
    sortAlphabetically: {
        thePanel: true,
        theList: true
    },
    maxResults: 9999,
    activePanel: 1,
    slideSpeed: {
        down: 400,
        up: 400
    },
    slideEasing: {
        down: null,
        up: null
    },
    slideCallback: {
        down: function() {},
        up: function() {}
    },
    clickCallback: function() {},
    jsonCallback: '_toc',
    delayLoading: 0
};
</script>
<script src="https://rawgit.com/ardycool/sitemapku/master/sitemap.js"></script>

</div>
*Ganti Tulisan Merah Dengan Web Masing-Masing :)

***DEMO

Cukup Sekian Tutorial Cara Membuat Sitemap SEO Di Blogger.
Semoga Artikel ini bermanfaat untuk semua orang :) Terima Kasih
#Mr-Roz3R.net
WidgetAssalamualaikum Wr Wb, Hallo Kawan - kawan Hobbyku Desain | TrendingKita | Tutorial Desain Dan Blog, Pada Artikel yang kami buat dan juga anda baca kali ini dengan judul Widget, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan Artikel Blog, Artikel Tutorial, Artikel Widget, yang kami tulis ini dapat anda pahami dan juga bermanfaat.

Download Kumpulan Wallpaper Mobile Legends di MasMochen

Judul Artikel: Cara Membuat Sitemap SEO Di Blogger dengan Mudah
link : Cara Membuat Sitemap SEO Di Blogger dengan Mudah

Baca juga


Widget


Assalamualaikum,
Pada Kesempatan kali ini saya akan membahas sebuah artikel tentang Cara Membuat Sitemap SEO Di Blogger.

Apa Itu Sitemap?

Sitemap adalah suatu kumpulan artikel-artikel pada suatu web yang dapat mempermudah dalam pengenalan peta situs dalam web.

Kita langsung saja lanjut okee :v

Oh ya kali Sitemap nya ada 3 , jadi bisa pilih yang mana saja terserah ea :v

Kebetulan Saya Memakai Yang KETIGA :V

1. Pertama kita buka dulu https://www.blogger.com , abis itu kita buat HALAMAN baru seperti gambar dibawah ini :v




2. Copy Source Code SITEMAP bentuk PERTAMA :

<div dir="ltr" style="text-align: left;" trbidi="on">
<script type="text/javascript"> var numposts = 100; var standardstyling = true; function showrecentposts(json) { for (var i = 0; i < numposts; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; }} posttitle = posttitle.link(posturl); if (standardstyling) document.write('<li>'); document.write(posttitle);} if (standardstyling) document.write('</li>
'); } </script>

<ul>
<div>
<h3>
Daftar Isi : </h3>
</div>
<script src="https://www.mr-roz3r.net/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=9999"></script>
</ul>
</div>

*Ganti Tulisan Warna Merah Menjadi Web Masing-Masing :)

3. Setelah di copy lalu Paste kan seperti gambar dibawah ini :)

Jangan lupa paste nya di HTML bukan COMPOSE :v

4. Dan Terakhir adalah PUBLIKASIKAN :v


*Source Code SITEMAP bentuk KEDUA :

<script style="text/javascript" src="https://cdn.rawgit.com/mowdot/mysitemap/master/sitemapku.js"></script>

<script src="https://www.mr-roz3r.net/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
*Ganti Tulisan Merah Dengan Web Masing-Masing :)


*Source Code SITEMAP bentuk KETIGA :

<div dir="ltr" style="text-align: left;" trbidi="on">
<style scoped="" type="text/css">
.table-of-content{background-color:#fff;color:#444;font-family:Verdana,Geneva,Tahoma,Arial,Sans-serif;font-size:13px;font-weight:400;overflow:hidden;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.2)}
.table-of-content .toc-header{color:#444;font-family:inherit;font-weight:400;font-size:14px;background-color:#fff;margin:0;padding:15px;overflow:hidden;cursor:pointer;border-bottom:1px solid #ccc;transition:initial}
.table-of-content .toc-header:hover{background-color:#fdfdfd}
.table-of-content .toc-header:before{content:'';width:0;height:0;position:absolute;top:22px;right:15px;border:5px solid transparent;border-color:#aaa transparent transparent;transition:all .3s ease}
.table-of-content .toc-header.active{color:#fc4f3f}
.table-of-content .toc-header.active:before{border-color:#666 transparent transparent;top:16px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}
.table-of-content .loading{display:block;padding:15px;text-decoration:blink}
.table-of-content ol{margin:0;padding:0;list-style:none;transition:initial}
.table-of-content li{line-height:normal!important;margin:0!important;padding:8px 8px 8px 15px!important;white-space:nowrap;text-align:left;overflow:hidden;background:#444359!important;transition:initial}
.table-of-content a{color:#d9d9d9;text-decoration:none;font-size:86%;transition:initial}
.table-of-content a:visited{color:#a2a2a9;transition:initial}
.table-of-content a:hover,.table-of-content a:visited:hover{color:#ffc937;text-decoration:none;transition:initial}
.post ol li:before{display:none}
</style>

<br />
<div class="table-of-content" id="table-of-content">
<span class="loading">Memuat konten...</span></div>
<script>
var toc_config = {
    url: 'https://www.mr-roz3r.net',
    containerId: 'table-of-content',
    showNew: 15,
    newText: ' <strong style="font-weight:normal;font-style:normal;color:#fff;font-size:11px;background:#5c5a78;padding:1px 6px 3px 6px;line-height:normal;float:right;border-radius:3px;">baru</strong>',
    sortAlphabetically: {
        thePanel: true,
        theList: true
    },
    maxResults: 9999,
    activePanel: 1,
    slideSpeed: {
        down: 400,
        up: 400
    },
    slideEasing: {
        down: null,
        up: null
    },
    slideCallback: {
        down: function() {},
        up: function() {}
    },
    clickCallback: function() {},
    jsonCallback: '_toc',
    delayLoading: 0
};
</script>
<script src="https://rawgit.com/ardycool/sitemapku/master/sitemap.js"></script>

</div>
*Ganti Tulisan Merah Dengan Web Masing-Masing :)

***DEMO

Cukup Sekian Tutorial Cara Membuat Sitemap SEO Di Blogger.
Semoga Artikel ini bermanfaat untuk semua orang :) Terima Kasih
#Mr-Roz3R.net

Tuesday, January 2, 2018

Cara Membuat Widget Parse Di Blog dengan Mudah

Apa Kegunaan Widget Parse?

Kegunaan Widget Parse adalah untuk merubah  Bahasa HTML ke XML, yang diubah pada saat di Parse ialah simbol - simbol nya.

Sebagai salah satu contohnya adalah "<" setelah di Parse akan menjadi "&lt;" .

Parse juga berguna untuk memasukkan kode iklan yang akan digunakan ketika kita ingin mendaftar Adsense :)

Kita lanjut saja untuk membahas Cara Membuat Widget Parse Di Blog Sendiri:

1. Pertama kita buka ini dulu untuk copy script nya -> Mr-Roz3R

2. Setelah kita Copy, Kemudia masuk ke Menu Halaman -> Halaman Baru :)




3. Jangan lupa Klik HTML bukan COMPOSE lalu pastekan kode yang tadi, setelah itu PUBLIKASIKAN :)


4. Daaaan  Selesai :v WIDGET PARSE sudah terpasang di web anda.

Widget Parse

WidgetAssalamualaikum Wr Wb, Hallo Kawan - kawan Hobbyku Desain | TrendingKita | Tutorial Desain Dan Blog, Pada Artikel yang kami buat dan juga anda baca kali ini dengan judul Widget, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan Artikel Blog, Artikel Tutorial, Artikel Widget, yang kami tulis ini dapat anda pahami dan juga bermanfaat.

Download Kumpulan Wallpaper Mobile Legends di MasMochen

Judul Artikel: Cara Membuat Widget Parse Di Blog dengan Mudah
link : Cara Membuat Widget Parse Di Blog dengan Mudah

Baca juga


Widget

Apa Kegunaan Widget Parse?

Kegunaan Widget Parse adalah untuk merubah  Bahasa HTML ke XML, yang diubah pada saat di Parse ialah simbol - simbol nya.

Sebagai salah satu contohnya adalah "<" setelah di Parse akan menjadi "&lt;" .

Parse juga berguna untuk memasukkan kode iklan yang akan digunakan ketika kita ingin mendaftar Adsense :)

Kita lanjut saja untuk membahas Cara Membuat Widget Parse Di Blog Sendiri:

1. Pertama kita buka ini dulu untuk copy script nya -> Mr-Roz3R

2. Setelah kita Copy, Kemudia masuk ke Menu Halaman -> Halaman Baru :)




3. Jangan lupa Klik HTML bukan COMPOSE lalu pastekan kode yang tadi, setelah itu PUBLIKASIKAN :)


4. Daaaan  Selesai :v WIDGET PARSE sudah terpasang di web anda.

Widget Parse