Cara Membuat Internal Link Secara Otomatis di Blogger

Oleh Khalis

Related Post Otomatis - Dalam hal ini kami dapat menunjukkan kepada kalian bagaimana kalian dapat membuat tautan internal link secara otomatis di Blog. Kita semua tahu bahwa tautan internal link sangat baik dan penting untuk blog kita karena ketika satu posting kita banyak pembaca yakni viral itu membantu pengunjung lebih memahami navigasi terkait.

Jadi dalam posting ini, kami dapat menjelaskan bagaimana kalian dapat membuat tautan internal link secara otomatis di dalam artikel posting blog kalian.

Jadi mari kita mulai cara membuat tautan internal otomatis di blogger. Simak dengan baik langkha-langkah berikut ini:

Langkah-langkah untuk membuat tautan internal link secara otomatis di Blogger

Langkah 1. Pertama-tama kalian bisa pergi ke dashboard blogger kalian

Langkah 2. Kemudian klik pada tema dan kemudian klik edit HTML dan tekan Ctrl + F untuk pencarian

Langkah 3. Lalu cari dan paste sebelum </head>

<b:if cond='data:blog.pageType != "index"'> <style type='text/css'> /* Internal Links */ .awsomemultiRelated{background-color:#e2c1be;color:#000;margin:15px auto;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:nowrap;justify-content:space-between;overflow:hidden;transition:all .3s} .awsomemultiRelated:hover{background-color:#b7a6a5} .awsomemultiRelated .content{padding:12px 15px} .awsomemultiRelated .content .text{margin-right:5px} .awsomemultiRelated .content a{color:#000;text-decoration:none;line-height:1.5em} .awsomemultiRelated .content a:hover{text-decoration:underline} .awsomemultiRelated .icon{height:auto;min-width:55px;background:#f44336 url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='%23fff'/%3E%3C/svg%3E") center / 40px no-repeat;transition:all .3s} </style> </b:if>

Langkah 4. Setelah itu lagi tekan ctrl + f dan cari <data:post.body/> ada banyak opsi data:post.body untuk setiap template. Namun saya menyarankan paste dibawah <data: post.body /> yang terakhir. Silahkan coba satu persatu.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <title></title> <meta name="Generator" content="Cocoa HTML Writer"> <meta name="CocoaVersion" content="1671.2"> <style type="text/css"> p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 15.0px; font: 13.3px Menlo; color: #a1a7b6; -webkit-text-stroke: #a1a7b6; background-color: #272330} span.s1 {font-kerning: none} </style> </head> <body> <b:if cond='data:view.isPost'> <script type='text/javascript'> //<![CDATA[ // Multi Related Post (function() {var jumlah = 4;let post = document['querySelectorAll']('.post-body br, .post-body p'),a = jumlah + 1,b = post['length'] / a;c = Array['from']({length: jumlah}, (redfx, blufx) => blufx + 1); for (let d = 0; d < c['length']; d++) {let e = c[d],f = parseInt((b * e)),g = document['createElement']('div');g['className'] = 'awsomemultiRelated';if (post[f]['nodeName'] == 'P') {post[f]['parentNode']['insertBefore'](g, post[f])} else {post[f]['parentNode']['insertBefore'](g, post[f]['nextSibling'])}}})(); var relatedTitles = new Array();var relatedTitlesNum = 0;var relatedUrls = new Array();function related_results_labels(nerdfx) {for (var desfx = 0; desfx < nerdfx['feed']['entry']['length']; desfx++) {var nefx = nerdfx['feed']['entry'][desfx];relatedTitles[relatedTitlesNum] = nefx['title']['$t'];for (var ciafx = 0; ciafx < nefx['link']['length']; ciafx++) {if (nefx['link'][ciafx]['rel'] == 'alternate') {relatedUrls[relatedTitlesNum] = nefx['link'][ciafx]['href'];relatedTitlesNum++;break}}}} function removeRelatedDuplicates() {var viefx = new Array(0);var labfx = new Array(0);for (var desfx = 0; desfx < relatedUrls['length']; desfx++) {if (!contains(viefx, relatedUrls[desfx])) {viefx['length'] += 1;viefx[viefx['length'] - 1] = relatedUrls[desfx];labfx['length'] += 1;labfx[labfx['length'] - 1] = relatedTitles[desfx]}};relatedTitles = labfx;relatedUrls = viefx} function contains(yelfx, yufx) {for (var grefx = 0; grefx < yelfx['length']; grefx++) {if (yelfx[grefx] == yufx) {return true}};return false} //]]> </script> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:view.isPost'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=100"'/> </b:if> </b:loop> </b:if> <script type='text/javascript'> //<![CDATA[ (function awsomemultiRelated() {var text = 'Also read :';let r = Math['floor']((relatedTitles['length'] - 1) * Math['random']());let i = 0;let jumlah = document['querySelectorAll']('.awsomemultiRelated');while (i < relatedTitles['length'] && i < jumlah['length']) {for (let a = 0; a < jumlah['length']; a++) {jumlah[a]['innerHTML'] = '' + text + '<a href="' + relatedUrls[r] + '" title="' + relatedTitles[r] + '">' + relatedTitles[r] + '</a>';if (r < relatedTitles['length'] - 1) {r++} else {r = 0};i++}}})(); //]]> </script> </b:if> </body> </html>

Dan kemudian simpan terapkan tema untuk melihat hasilnya.

Akhir Kata

Terima kasih teman-teman telah mengunjungi Sumekar31 dan telah membaca artikel ini. Silakan terus kunjungi situs ini untuk lebih banyak artikel dan informasi baru. Sampai nanti selamat tinggal. Semoga harimu indah dan menyenangkan.