Dewa Blogger: Hasil penelusuran untuk simplify-2

Home / Hasil penelusuran untuk simplify-2

Simplify 2 Responsive Blogger Template - Apa kabar sahabat blogger? Mudah-mudahan dalam keadaan sehat walafiat. Masih di bulan yang penuh berkah, pada kesempatan kali ini akan menyebarkan sebuah template blogger yang merupakan versi 2 dari template Simplify. Tidak ada perubahan yang signifikan namun hanya pada tampilan yang sedikit berwarna.

pada kesempatan kali ini akan menyebarkan sebuah template blogger yang merupaka Simplify 2 Responsive Blogger Template

Oke pribadi saja, bagi yang tertarik mari kita lihat fitur dari template Simplify 2.

Bagi yang berminat dengan versi premium dari template Simplify 2 silakan dapat sahabat pesan melalui Formulir Kontak dengan harga 130.000 dan bonus versi premium dari template Simplify versi pertama.

Update tampilan versi premium

Demo

Update tampilan versi premium 2

Demo

Update tampilan versi premium 3 Style 1 dan 2

Style 1

Style 2

Versi Redesign

Download

Berikut fitur yang ada di dalam template Simplify

Features	Availability
Responsive	True Cek
Google Testing Tool Validator	True Cek
SEO Friendly	True Cek
Mobile Friendly	True Cek
Dynamic Heading	True
Adsense	True
Valid Schema.org	True
High CTR	True
Personal Blog	True
2 Column	True
Auto Read More with Thumbnail	True
Responsive Ad Slot	True
Breadcrumbs	True
Footer Link	True
Related Posts with Thumb	True
Search Box	True
Social Share Button	True
Responsive Sticky Navigation	True
Back to Top Button	True
Shortcodes	True
Unlimited Page Numbered	True
Recent Post with Thumbnail	True
Custom Contact Form Widget	True
Responsive Sitemap Widget	True
4 Varian Template	Premium

Responsive Sitemap Widget (by Kompi Ajaib : Edited by Dunia Blanter)

Untuk demo dan link download, silakan klik tombol di bawah ini

Untuk setelan template dan widget dapat lihat di postingan blog demo Simplify 2 Template Documentation. Mungkin hanya itu dari aku untuk postingan kali ini, biar dengan template ini dapat mendukung aktivitas blogging sahabat semua. Terima kasih.

Dilarang menghapus / mengedit / meniru link kredit pembuat template. Hargailah karya orang lain, jikalau Anda ingin dihargai. Terima kasih.

Template

Simplify 2 Responsive Blogger Template

Concept Phone Rabu, 24 Oktober 2018

Cara Memasang Artikel Terkait di Dalam Postingan - Halo sahabat blogger, tentunya sahabat sudah mengetahui dengan fungsi sebuah widget artikel terkait di blog yang menampilkan sejumlah artikel terkait sesuai label di bawah artikel baik itu dalam bentuk link dan thumbnail ataupun link saja.

Namun sedikit berbeda dari sebelumnya, di sini aku akan memperlihatkan tutorial Cara Memasang Artikel Terkait di Dalam Postingan. Seperti yang aku singgung sebelumnya di artikel Cara Memasang Iklan Adsense di Tengah Postingan bahwa sahabat juga sanggup memasang arahan atau widget lain di dalam arahan tersebut, tutorial blogger kali ini pun masih memakai arahan yang sama. Tutorial ini aku dapatkan dari blog https://sangdewablogger.blogspot.com//search?q=cara-memasang-iklan-adsense-di-tengah-postingan dan telah aku modifikasi kembali diubahsuaikan dengan style saya.

Manfaat lain yang didapatkan dari memasang artikel terkait di dalam postingan ini ialah untuk menambah jumlah pengunjung serta meningkatkan kualitas Internal Link di blog sobat.

Bagi yang ingin memasangnya di blog, silakan ikuti langkah-langkah Cara Memasang Artikel Terkait di Dalam Postingan atau lebih tepatnya di tengah konten artikel berikut ini

Cara Memasang Artikel Terkait di Dalam Postingan

1. Buka Blogger > Template > Klik tombol Edit HTML > Tambahkan arahan di bawah ini sebelum tag </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <script type='text/javascript'> //<![CDATA[ var relatedSimply = new Array(); var relatedSimplyNum = 0; var relatedUrls = new Array(); function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedSimply[relatedSimplyNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') {relatedUrls[relatedSimplyNum] = entry.link[k].href; relatedSimplyNum++; break;}}}} function removeRelatedDuplicates() { var tmp = new Array(0); var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls[i])) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedSimply[i];}} relatedSimply = tmp2; relatedUrls = tmp;} function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false;} function printRelatedLabels() { var r = Math.floor((relatedSimply.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedSimply.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedSimply[r] + '</a></li>'); if (r < relatedSimply.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');} //]]> </script> </b:if>

2. Tambahkan CSS di bawah ini sebelum arahan ]]></b:skin> atau </style>

/* Related Post Style 1 */ .related-simplify{position:relative;padding:0;margin:15px auto;width:100%;} .related-simplify h4{background:#3498db;padding:8px 12px;margin:0;font-size:15px;font-weight:400;color:#fff;border:1px solid #2e88c5} .related-simplify ul{margin:0;padding:0} .related-simplify ul li{background:#f6f6f6;position:relative;list-style:none;padding:9px;margin:auto;line-height:1.4em;border:1px solid rgba(0,0,0,0.1);border-bottom:0;transition:all .3s} .related-simplify ul li:nth-child(odd){background:#fefefe} .related-simplify ul li:last-child{border-bottom:1px solid rgba(0,0,0,0.1)} .related-simplify ul li:before{content:'\f138';font-family:fontawesome;position:absolute;margin:0 9px 0 4px;color:#2ecc71;overflow:hidden;transition:all .3s} .related-simplify ul li:hover:before{content:'\f138';font-family:fontawesome;-webkit-animation:bounceright .3s alternate ease infinite;animation:bounceright .3s alternate ease infinite} .related-simplify a{color:#0383d9;font-size:13px;margin:0 0 0 30px;} .related-simplify a:hover{color:#0383d9;text-decoration:underline} .related-simplify ul li:nth-child(n+4) {display:none;} @-webkit-keyframes bounceright{from{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(3px)}} @keyframes bounceright{from{transform:translateX(0)}to{transform:translateX(3px)}}

Contoh tampilan widget Artikel Terkait Style 1

/* Related Post Style 2 */ .related-simplify{position:relative;padding:20px 12px 12px 12px;margin:32px auto 24px auto;width:93%;border:4px double rgba(0,0,0,0.2)} .related-simplify h4{background:#fff;padding:8px 10px;position:absolute;margin:0;font-size:17px;font-weight:700;color:#000;top:-21px;left:2.5%} .related-simplify ul{margin:0;padding:0} .related-simplify ul li{position:relative;list-style:none;padding:9px 0;margin:auto;line-height:1.4em;transition:all .3s} .related-simplify ul li:before{content:'\f0c8';font-family:fontawesome;position:absolute;margin:0 5px 0 2px;color:rgba(0,0,0,0.5);overflow:hidden;font-size:60%;left:10px;transition:all .3s} .related-simplify ul li:hover:before{content:'\f0c8';font-family:fontawesome;color:#0383d9;} .related-simplify a{color:#000;font-size:14px;margin:0 0 0 30px;} .related-simplify a:hover{color:#0383d9;} .related-simplify ul li:nth-child(n+4) {display:none;} @media only screen and (max-width:768px){ .related-simplify{padding:15px 0 10px 0;width:100%;border:2px solid #e74c3c;border-left:0;border-right:0} .related-simplify h4{color:#e74c3c;padding:8px;font-size:15px;top:-18px;left:3.5%} .related-simplify a{font-size:14px;margin:0}.related-simplify a:hover{color:#e74c3c} .related-simplify ul li{padding:5px 0} .related-simplify ul li:before,.related-simplify ul li:hover:before{display:none}}

Contoh tampilan widget Artikel Terkait Style 2

/* Related Post Style 3 */ .related-simplify{display:inline-block;background:#34495e;color:#fff;position:relative;padding:0;margin:20px auto;width:100%;border:6px double #fff;} .related-simplify ul{background:rgba(38,62,87,0.8);margin:0;padding:20px} .related-simplify ul li{position:relative;list-style:none;padding:9px 0;margin:auto;line-height:1.4em;transition:all .3s} .related-simplify ul li:before{content:'\f0c8';font-family:fontawesome;position:absolute;margin:0 5px 0 2px;color:rgba(255,255,255,0.7);overflow:hidden;font-size:60%;left:10px;transition:all .3s} .related-simplify ul li:hover:before{content:'\f0c8';font-family:fontawesome;color:#f1c40f;} .related-simplify a{color:#fff;font-size:17px;margin:0 0 0 30px;} .related-simplify a:hover{color:#fff;text-decoration:underline} .related-simplify ul li:nth-child(n+4) {display:none;} @media only screen and (max-width:768px){ .related-simplify{padding:15px 0 10px 0;width:100%;border:2px solid #e74c3c;border-left:0;border-right:0} .related-simplify h4{color:#e74c3c;padding:8px;font-size:15px;top:-18px;left:3.5%} .related-simplify a{font-size:14px;margin:0}.related-simplify a:hover{color:#e74c3c} .related-simplify ul li{padding:5px 0} .related-simplify ul li:before,.related-simplify ul li:hover:before{display:none}}

Pastikan di blog sahabat sudah memasang Font Awesome semoga icon sanggup muncul

3. Selanjutnya, cari dan ganti arahan <data:post.body/> dengan arahan di bawah ini

Di dalam template sahabat akan menemukan beberapa arahan <data:post.body/> tergantung template yang digunakan, coba satu persatu hingga artikel terkait muncul di dalam halaman artikel

<div expr:id='&quot;post1&quot; + data:post.id'/> <div class='related-simplify'> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=3&quot;' type='text/javascript'/> </b:if> </b:loop> </b:if> <h4>Baca Juga</h4> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div> <div expr:id='&quot;post2&quot; + data:post.id'><p><data:post.body/></p></div> <script type='text/javascript'> var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;); var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;); var s=obj1.innerHTML; var t=s.substr(0,s.length/2); var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;); if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);} </script>

4. Simpan template dan lihat hasilnya.

Result

Makara dengan memasang arahan ini sahabat tidak perlu lagi repot-repot memasang link secara manual di artikel blog. Demikian tutorial Cara Memasang Artikel Terkait di Dalam Postingan yang sanggup berikan. Terima kasih sudah berkunjung dan semoga bermanfaat.

Cara Memasang Artikel Terkait Di Dalam Postingan

Concept Phone Sabtu, 10 November 2018

Simplify Free Responsive Blogger Template - Di bulan yang penuh berkah ini akan mengembangkan kembali sebuah template blogger yang dapat sahabat download secara gratis. Template ini aku beri nama Simplify Responsive Blogger Template dengan tampilan menyerupai blog ini atau template Minima dengan secara umum dikuasai warna putih, template ini merupakan hasil modifikasi dari template N Light yang sebelumnya aku bagikan.

Simplify Free Responsive Blogger Template Simplify Free Responsive Blogger Template

Untuk sahabat yang sebelumnya pernah membeli template di blog ini (baik itu New Line Pro, Vienna Mag, dll), dapat kirim pesan untuk mendapat versi premium dari template Simplify secara gratis dan untuk pembeli template N Light akan aku kirim sebagai update ke email masing-masing.

Oke, bagi yang ingin tau mari kita lihat fitur yang sudah familiar dengan template-template yang sebelumnya.

Berikut fitur yang ada di dalam template Simplify

Features	Availability
Responsive	True Cek
Google Testing Tool Validator	True Cek
SEO Friendly	True Cek
Mobile Friendly	True Cek
Dynamic Heading	True
Adsense	True
Valid Schema.org	True
High CTR	True
Personal Blog	True
2 Column	True
Auto Read More with Thumbnail	True
Responsive Ad Slot	True
Breadcrumbs	True
Footer Link	True
Related Posts with Thumb	True
Search Box	True
Social Share Button	True
Responsive Sticky Navigation	True
Back to Top Button	True
Shortcodes	True
Unlimited Page Numbered	True
Recent Post with Thumbnail	True
Custom Contact Form Widget	True
Responsive Sitemap Widget (by Kompi Ajaib : Edited by Dunia Blanter)	True

Untuk demo dan link download, silakan klik tombol di bawah ini

Untuk setelan template dan widget dapat lihat di postingan blog demo Simplify Template Documentation. Mungkin hanya itu dari aku untuk postingan kali ini, biar dengan template ini dapat mendukung aktivitas blogging sahabat semua. Terima kasih.

Dilarang menghapus / mengedit / meniru link kredit pembuat template. Hargailah karya orang lain, kalau Anda ingin dihargai. Terima kasih.

Template

Simplify Free Responsive Blogger Template

Concept Phone Senin, 22 Oktober 2018

Meta Tag Seo Friendly dan Valid HTML5 - Kali ini aku akan menjawab pertanyaan yang pernah ditanyakan teman blogger yaitu perihal cara mengisi arahan xxxxx yang aku tambahkan pada template-template yang aku bagikan.

Kali ini aku akan menjawab pertanyaan yang pernah ditanyakan teman blogger yaitu perihal Meta Tag Seo Friendly dan Valid HTML5

Mungkin diantara teman blogger masih ada yang belum faham dengan meta tag ini, sepakat di sini aku akan menjelaskan sedikit perihal meta tag pada template blogger.

Meta tag merupakan salah satu meningkatkan secara optimal pada blog biar blog dan artikel yang kita posting mempunyai identitas yang jelas. Sehingga blog akan lebih gampang ditelusuri robot penelusuran menyerupai pada browser Google, Bing, atau alat penelusuran lainnya dan akan lebih gampang diurutkan di SERP (search engine results page).

Adapun fungsi meta tag intinya terdiri dari beberapa elemen penting diantaranya :

Meta tag description

Meta tag description dipakai untuk menunjukkan citra umum mengenai isi dari halaman blog sobat. Ukurannya disarankan tidak lebih dari 200 karakter. Dan usahakan biar description ini sanggup menjadi :

<meta content='Tulis deskripsi di sini'  name='description'/>

Meta tag keyword

Meta tag keyword sangat penting keberadaannya, sebab memilih kata kunci apa yang sanggup menemukan halaman blog pada search engine.

<meta content="kata kunci 1, kata kunci 2, kata kunci 3,... name="keywords"/>

Meta tag robots

Tujuan utama penggunaan meta tag robots ialah untuk memilih halaman blog mana yang akan diindex oleh penelusuran dan halaman blog mana yang tidak akan ditelusuri. Tag ini sangat mempunyai kegunaan sekali terutama jikalau suatu blog memakai frame untuk navigasinya.

<meta content="index follow" name="robots"/>

Ketiga komponen meta tag ini jikalau dipadukan maka bentuknya menyerupai di bawah ini :

<meta content='Tulis deskripsi di sini' name='description'/> <meta content='kata kunci 1, kata kunci 2, kata kunci 3...' name='keywords'/> <meta content='index, follow' name='robots'/>

Nah, sesudah teman mengetahui fungsi dan beberapa komponen dasar yang wajib teman terapkan pada template blog. Sekarang aku akan menjelaskan satu persatu pada arahan xxxxx yang sering terdapat pada template yang aku bagikan.

Meta Tag Seo Friendly dan Valid HTML5

Di sini aku akan membagikan teladan meta tag Seo Friendly dan Valid HTML5 yang aku gunakan pada template Simplify 2 versi terbaru sekaligus sebagai tanggapan teman blogger perihal cara menghilangkan judul blog dikala menyebarkan artikel ke sosial media. Kode di bawah ini sanggup teman pasang di bawah tag pembuka <head> atau sebelum </head>

<!-- [ Meta Tag SEO ] --> <meta charset='utf-8'/> <meta content='width=device-width, initial-scale=1' name='viewport'/> <meta content='blogger' name='generator'/> <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> <link href='http://www.blogger.com/openid-server.g' rel='openid.server'/> <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/> <link expr:href='data:blog.url' rel='canonical'/> <b:if cond='data:blog.pageType == &quot;index&quot;'> <title><data:blog.pageTitle/></title> <b:else/> <b:if cond='data:blog.pageType != &quot;error_page&quot;'> <title><data:blog.pageName/> - <data:blog.title/></title> </b:if></b:if> <b:if cond='data:blog.pageType == &quot;error_page&quot;'> <title>Page Not Found - <data:blog.title/></title> </b:if> <b:if cond='data:blog.pageType == &quot;archive&quot;'> <meta content='noindex' name='robots'/> </b:if> <b:if cond='data:blog.searchLabel'> <meta content='noindex,nofollow' name='robots'/> </b:if> <b:if cond='data:blog.isMobile'> <meta content='noindex,nofollow' name='robots'/> </b:if> <b:if cond='data:blog.pageType != &quot;error_page&quot;'> <meta expr:content='data:blog.metaDescription' name='description'/> <script type='application/ld+json'>{ &quot;@context&quot;: &quot;http://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script> <b:if cond='data:blog.homepageUrl != data:blog.url'> <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/> </b:if></b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'> <meta content='DESKRIPSI-BLOG' name='keywords'/></b:if> <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/> <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/> <link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:if cond='data:blog.postImageThumbnailUrl'> <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/> </b:if></b:if> <link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/> <link href='/favicon.ico' rel='icon' type='image/x-icon'/> <link href='https://plus.google.com/USER-GOOGLE-PLUS/posts' rel='publisher'/> <link href='https://plus.google.com/USER-GOOGLE-PLUS/about' rel='author'/> <link href='https://plus.google.com/USER-GOOGLE-PLUS' rel='me'/> <meta content='KODE-VALIDASI-GOOGLE-WEBMASTER' name='google-site-verification'/> <meta content='KODE-VALIDASI-BING-WEBMASTER' name='msvalidate.01'/> <meta content='Indonesia' name='geo.placename'/> <meta content='NAMA-ADMIN' name='Author'/> <meta content='general' name='rating'/> <meta content='id' name='geo.country'/> <!-- [ Social Media Meta Tag ] --> <b:if cond='data:blog.pageType == &quot;item&quot;'> <meta expr:content='data:blog.pageName' property='og:title'/> <meta expr:content='data:blog.canonicalUrl' property='og:url'/> <meta content='article' property='og:type'/> </b:if> <meta expr:content='data:blog.title' property='og:site_name'/> <b:if cond='data:blog.url == data:blog.homepageUrl'> <meta expr:content='data:blog.metaDescription' name='description'/> <meta expr:content='data:blog.title' property='og:title'/> <meta content='website' property='og:type'/> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' property='og:description'/> <b:else/> <meta expr:content='&quot;Silakan kunjungi &quot; + data:blog.pageTitle + &quot; Untuk membaca postingan menarik.&quot;' property='og:description'/> </b:if> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <meta expr:content='data:blog.metaDescription' property='og:description'/> </b:if> <b:if cond='data:blog.postImageUrl'> <meta expr:content='data:blog.postImageUrl' property='og:image'/> <b:else/> <b:if cond='data:blog.postImageThumbnailUrl'> <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/> <b:else/> <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPCaroqM1vazfzdPBZ1W-nskNEiBZTdK1aDMWTc86E5JMUVwDcaJrSrsXfafGUcLFv1QehJtac5prJpbfiotH2GErBxZ_3soDes6mE-qWOeHLOlzI50f4cJWUlMzT1xSxO3ONK-crmQ1np/s1600/Arlina+Logo.png' property='og:image'/> </b:if> </b:if> <meta content='https://www.facebook.com/PROFIL-FACEBOOK' property='article:author'/> <meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/> <meta content='KODE-APLIKASI-FACEBOOK' property='fb:app_id'/> <meta content='KODE-ADMIN-FACEBOOK' property='fb:admins'/> <meta content='en_US' property='og:locale'/> <meta content='en_GB' property='og:locale:alternate'/> <meta content='id_ID' property='og:locale:alternate'/> <meta content='summary' name='twitter:card'/> <meta expr:content='data:blog.pageTitle' name='twitter:title'/> <meta content='USER-TWITTER' name='twitter:site'/> <meta content='USER-TWITTER' name='twitter:creator'/> <meta content='summary_large_image' name='twitter:card'/>

Keterangan

Nilai	Keterangan
DESKRIPSI-BLOG	Diisi dengan deskripsi atau kata kunci blog
USER-GOOGLE-PLUS	Diisi dengan link Google+ admin blog, teladan : +ArlinaFitriyaniDee
KODE-VALIDASI-GOOGLE-WEBMASTER	Diisi dengan arahan validasi Google di Search Console
KODE-VALIDASI-BING-WEBMASTER	Diisi dengan arahan validasi Bing Webmaster *
NAMA-ADMIN	Isi dengan nama penulis
id dan Indonesia	Isi dengan arahan negara lokasi dimana blog teman dipublikasikan
PROFIL-FACEBOOK	Isi dengan link profil Facebook sobat
FAN-PAGE-FACEBOOK	Isi dengan link Fan Page Facebook
KODE-APLIKASI-FACEBOOK	Isi dengan arahan App Facebook, sanggup buat di `https://developers.facebook.com`
KODE-ADMIN-FACEBOOK	Isi dengan arahan profil Facebook sobat, dapatkan di `http://findmyfbid.com`
USER-TWITTER	Isi dengan nama user Twitter sobat

* = Hapus jikalau tidak digunakan

Sesuaikan kembali arahan xxxxx pada template teman dengan penempatan meta tag di atas atau cukup ganti meta tag yang sudah ada dengan meta tag ini. Demikian perihal Meta Tag Seo Friendly dan Valid HTML5. Semoga bermanfaat dan terima kasih.

HTML SEO Tips Blogger

Meta Tag Seo Friendly Dan Valid Html5

Concept Phone Minggu, 11 November 2018

Cara Membatasi jumlah Post di Halaman Pencarian - Apa kabar teman blogger, kali ini akan menawarkan sedikit tips wacana cara membatasi jumlah pos yang tampil ketika mencari sebuah artikel di halaman pencarian blog.

Trik ini cukup mudah, cara kerjanya sama menyerupai pada tutorial Membatasi Jumlah Posting di Halaman Label. Silakan ikuti langkah berikut ini.

Cara Membatasi jumlah Post di Halaman Pencarian

1. Buka blog Anda di Blogger > Template > Buka template editor blog > Cari markup kotak pencarian (sesuai dengan template yang teman gunakan)

Contoh, di sini aku memakai markup kotak pencarian dari template Simplify 2

<form action='/search' id='search-us' method='get'> <table> <tbody> <tr> <td class='search-boxy1'> <input id='search-boxy1' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value='Cari artikel lainnya...'/> </td> <td class='search-button1'> <input id='search-button1' type='submit' value=''/> </td> </tr> </tbody> </table> </form>

2. Selanjutnya teman hanya perlu menambahkan instruksi yang diberi tanda di bawah ini sempurna di bawah tag input dari kotak pencarian

<form action='/search' id='search-us' method='get'> <table> <tbody> <tr> <td class='search-boxy1'> <input id='search-boxy1' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value='Cari artikel lainnya...'/> <input name='max-results' type='hidden' value='7'/> </td> <td class='search-button1'> <input id='search-button1' type='submit' value=''/> </td> </tr> </tbody> </table> </form>

Tentukan angka 7 dari value='7' dengan jumlah post yang ingin ditampilkan.

3. Simpan template dan lihat hasilnya.

Demikian tips Cara Membatasi jumlah Post di Halaman Pencarian yang dapat berikan, biar bermanfaat.

HTML Tips Blogger

Cara Membatasi Jumlah Post Di Halaman Pencarian

Concept Phone Minggu, 28 Oktober 2018

Dari pertanyaan sahabat blogger melalui formulir kontak yang memakai template Simplify 2 mengenai cara memunculkan fitur multi author. Tutorial ini bersama-sama dulu pernah aku bagikan dengan judul Memasang Multi Author Box di Bawah Postingan, namun alasannya waktu itu Google+ masih memakai layout usang maka tutorial tersebut sudah tidak lagi efektif.

Bagi sahabat yang kesulitan dengan cara menampilkan kotak author di bawah postingan di sini aku akan menyebarkan tutorial Cara Menampilkan Profil Google Plus di Bawah Postingan, perlu diingat tutorial ini hanya untuk template yang memakai fitur multi author atau mengaktifkan fitur profil Google+ di pengaturan widget postingan.

Cara Menampilkan Profil Google Plus di Bawah Postingan

1. Buka dasbor blogger dan aktifkan Tampilkan Profil Pengarang Di Bawah Pos di Tata Letak, widget Blog Posts

2. Buka link ini https://aboutme.google.com/?referer=gplus, kemudian klik tombol bulat plus / Add info

3. Klik sajian Story, kemudian isi form Tagline dan Introduction dengan tulisanmu, sesudah tamat klik Ok

Selanjutnya Refresh (Bisa dengan menekan F5 pada keyboard) halaman, kemudian klik tombol gembok (private) yang ada di tab Story dan ganti menjadi Public, Refresh kembali halaman untuk memastikan tab Story sudah berganti menjadi Public

4. Sekarang cek di blog apakah kotak author sudah muncul, jikalau belum tunggu beberapa dikala hingga kotak author muncul. Sekian dari saya, terima kasih.

Tips Blogger

Cara Menampilkan Profil Google Plus Di Bawah Postingan

Concept Phone Rabu, 21 November 2018

N Light Responsive and SEO Friendly Blogger Template - Halo sahabat Blogger, pada kesempatan ini aku akan mengembangkan sebuah template gres dari yaitu N Light Responsive Blogger Template. N Light ialah versi modifikasi dari template Invision yang pernah aku bagikan tempo lalu, keunggulan dari template ini mempunyai loading halaman yang cukup cepat baik itu diakses melalui desktop maupun perangkat mobile serta dibentuk dengan tampilan Flat yang sederhana.

N Light Responsive and SEO Friendly Blogger Template N Light Responsive and SEO Friendly Blogger Template

Bagi yang berminat dengan versi premium dari template N Light ini silakan sanggup sahabat pesan melalui Formulir Kontak dengan harga 130.000.

Berikut fitur yang ada di dalam template N Light :

Features	Availability
Responsive	True Cek
Google Testing Tool Validator	True Cek
SEO Friendly	True Cek
Mobile Friendly	True Cek
Dynamic Heading	True
Adsense Ready	True
Valid Schema.org	True
High CTR	True
Personal Blog	True
2 Column	True
Auto Read More with Thumbnail	True
Responsive Ad Slot	True
Breadcrumbs	True
About Me Widget	True
Related Posts with Thumb	True
Search Box	True
Social Share Button	True
Responsive Dropdown Menu	True
Smooth Back to Top	True
Shortcodes	True
Unlimited Page Numbered	True
6 Varian Template	Premium Only
Recent Post with Thumbnail (Pro 6 only)	Premium Only
Floating Search Box and Newsletter (Pro 6 only)	Premium Only
Random Post Menu	Premium Only

Untuk demo dan link download, silakan klik tombol di bawah ini

Update versi premium 1

Update versi premium 2

Bonus versi premium template Simplify

Demo

Untuk setelan template sanggup lihat di postingan blog demo N Light Template Documentation. Mungkin hanya itu dari aku untuk postingan kali ini, supaya template ini sanggup mendukung acara blogging sahabat blogger semua. Terima kasih.

Dilarang menghapus / mengedit / menggandakan link kredit pembuat template. Hargailah karya orang lain, bila Anda ingin dihargai. Terima kasih.

Template

N Light Responsive And Seo Friendly Blogger Template

Concept Phone Rabu, 17 Oktober 2018