Senin, 12 Februari 2018

Cara Memasang Link Sumber Otomatis

Cara Otomatis Menambahkan Link Sumber - Kali ini saya akan berbagi sedikit tips yang saya pelajari dari blog mbak Arlina Design di blognya www.arlinadzgn.com.
Memasang Link Sumber Otomatis

Tips ini berfungsi agar pengunjung sebuah blog yang menyalin sebuah teks pada blog tersebut lalu mempublikasikan di blognya, seharusnya ia menambahkan link sumber dari situs yang ia salin teksnya. Namun, banyak juga yang mengabaikan hal seperti ini.

Nah, sobat jangan khawatir untuk menghindari hal itu, disini saya akan memberikan kode yang akan secara otomatis memunculkan link sumber dari teks yang ia salin.

Dengan cara ini maka artikel kita yang di copy paste oleh orang lain akan muncul link sumbernya secara otomatis. Sebetunya cara ini sangat sederhana sekali kok hanya dengan menambahkan beberapa kode script ke dalam blog kita.

Link ini dapat di hapus dengan mudah. Namun, setidaknya ini akan memberi sedikit peringatan bagi yang menyalin teks dalam blog sobat.

Bagi yang ingin mencoba Tips ini, silahkan ikuti tutorial berikut :

Cara Otomatis Menambahkan Link Sumber

Login Blogger > Tema > Edit HTML > Kemudian tambahkan kode dibawah sebelum kode ]]></body> > Simpan Tema

Versi 1

<script type='text/javascript'>
//<![CDATA[
// Copy Text
function nocopas(){var e=window.getSelection();pagelink="Read more :"+document.location.href,copytext=e+pagelink,newdiv=document.createElement("div"),newdiv.style.position="absolute",newdiv.style.left="-99999px",document.body.appendChild(newdiv),newdiv.innerHTML=copytext,e.selectAllChildren(newdiv),window.setTimeout(function(){document.body.removeChild(newdiv)},100)}document.addEventListener("copy",nocopas);
//]]>
</script>

Versi 2

<script type='text/javascript'>
//<![CDATA[
!function(e,t){var n="getSelection",o="removeAllRanges",i="addRange",l="parentNode",a="firstChild",d="appendChild",r="removeChild",s="test",c="innerHTML";if(e[n]){var p,g,f,h,u,y;t.addEventListener("copy",function(C){for(g=C.target;3===g.nodeType;)g=g[l];if(h=t.createElement("div"),(p=e[n]())&&p.rangeCount&&(p=p.getRangeAt(0))&&(f=p.cloneRange(),p=p.cloneContents())){for(;u=p[a];)h[d](u);if(!/^(pre|code)$/i[s](g.nodeName||"")&&!/(^|\s)no-attribution(\s|$)/i[s](g.className||"")){var v=e.location.href;h[c]+="<br><br>&copy; "+t.title+'<br>Source: <a href="'+v+'">'+v+"</a>"}y=t.createRange(),t.body[d](h),y.selectNodeContents(h),p=e[n](),p[o](),p[i](y),setTimeout(function(){h[l][r](h),p[o](),p[i](f)})}},!1)}}(window,document);
//]]>
</script>

Sobat Bisa mengganti tulisan yang saya tandai
Demikian Tips kali ini. Semoga Bermanfaat...

Source : http://www.arlinadzgn.com/2017/09/cara-otomatis-menambahkan-link-sumber.html
|

Selasa, 16 Januari 2018

Membuat Daftar isi Otomatis Berdasarkan Label

Untuk memudahkan para pengunjung kita, yang kebingungan mencari artikel yang mereka butuhkan inilah suatu cara membantu para pengunjung blog yang kebingungan itu dengan cara membuat halaman Daftar Isi atau Sitemap artikel blog kita.
Sitemap

Daftar isi atau sering di sebut sitemap ini, bisa membantu para pengunjung blog kita yang mecari artikel yang mereka butuhkan

Sitemap juga bisa di fungsikan untuk menginformasikan kepada search engine ( Google misalnya ) tentang halaman-halaman pada situs kita yang bisa di crawl.

Bentuk paling sederhana Sitemap adalah berupa file .xml yang berisi daftar url sebuah situs beserta metadata-nya masing-masing. Metadata misalnya : kapan terakhir di-update.

Biasanya file sitemap.xml ini sudah otomatis ada dan bisa sobat lihat melalui URL ini:

http://namablogmu.blogspot.com/sitemap.xml

Penampakan file sitemap.xml tersebut kurang lebih seperti ini:

Tampilan Sitemap

Sitemap bisa kita buat di halaman statis blog kita dengan cara berikut ini.

Widget yang saya bagikan ini merupakan hasil modifikasi dari widget yang dibuat oleh Arlina Design di blognya www.arlinadzgn.com.

Ok, Langsung saja berikut caranya :

Membuat Daftar isi Otomatis Berdasarkan Label

1. Buka Dasbor Blogger.
2. Buka Menu Halaman lalu buat Halaman Baru. 
3. Pindah ke HTML Lalu masukkan kode berikut:

<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:#4e6cef}
.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:#4e6cef;text-decoration:none;transition:initial}
.post ol li:before{display:none}
</style>

<div class="table-of-content" id="table-of-content">
<span class="loading">Memuat konten...</span></div>
<script>
var toc_config = {
    url: 'https://www.denylistianto.com/',
    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/Deny-Listianto/tips/master/Sitemap1.js"></script>
</div>
Ganti Kode url: 'https://www.denylistianto.com/' dengan url blog sobat, dan showNew: 15 adalah jumlah artikel yang akan di tampilkan dengan tulisan Baru/New

Terakhir Publikasikan dan lihat hasilnya.

Demikian tutorial Membuat Daftar isi Otomatis Berdasarkan Label, semoga bermanfaat, semoga bermanfaat.
|
© Copyright 2017-2018 About