Tampilkan postingan dengan label Trik Blogger. Tampilkan semua postingan

Contoh Skema Backlink Trik Seo

D Bastian

Untuk bahan latihan dan belajar SEO (Search Engine Optimisation) di link ini adalah contoh materi optimasi web klien yang dilakukan pada akhir tahun 2018 s/d awal tahun 2019 dengan target kata kunci single frase (satu kata dan hanya 3 huruf).

Target Web : http://www.ptppi.co.id/id/

Keywords : PPI

Artikel:

https://ppi-perdagangan.blogspot.com/2018/11/pengertian-ppi.html
https://karawang-3dtv.blogspot.com/2018/11/mengenal-ppi.html
https://best-article-writing-tips.blogspot.com/2018/11/ppi-adalah.html
https://karawang-advertising.blogspot.com/2018/11/ppi-perusahaan-perdagangan-indonesia.html
https://akiakidilawan.blogspot.com/2018/11/mengenal-ppi.html
https://asalpejwan.blogspot.com/2018/11/ppi.html
https://promosibisnisnya.blogspot.com/2018/11/ppi-perusahaan-perdagangan-indonesia.html
https://ceritadan-berita.blogspot.com/2018/11/ppi-perusahaan-perdagangan-indonesia.html
https://teknologi-danbisnis.blogspot.com/2018/11/mengenal-ppi.html
https://tatang95.blogspot.com/2018/11/singkatan-dari-ppi.html
https://berita-info-bisnis.blogspot.com/2018/11/mengenal-pt-ppi.html
https://curhat-konseling.blogspot.com/2018/11/ppi-mengenal-ptppi.html
https://digital-karawang.blogspot.com/2018/11/ppi-perusahaan-perdagangan-indonesia.html
https://infotainment9.blogspot.com/2018/11/ppi-merupakan-singkatan-dari-perusahaan.html
https://jasa-informasi-bisnis.blogspot.com/2018/11/ppi.html

[2/6 14:44] Pertanyaan: Maaf kang
Kalau gak salah ini melibatkan 15 blog,apakah 15 blog tersebut masing-masing akun ?

[2/6 14:46] Jawab: Bebas, bisa masing2 akun atau dalam satu akun... Yg bagus multi akun.

[2/6 14:47] Pertanyaan: Artikelnya copas ya?
[2/6 16:37] Jawab: Lebih bagus kalau unik.

Task #1

#########################

Nama :

web target :

list artikel:
1. ....
2. ....
3. ....

############################

Task #2

Download : https://www.screamingfrog.co.uk/seo-spider/
Gunanya untuk melakukan crawling kepada situs kita dan diharapkan aktifitas crawling tersebut bisa memancing Google Bot.

Download : https://myrankaware.com/
Gunanya untuk check posisi SERP situs/blog kita terhadap KW yang dikejar, lakukan pengecekan terhadap setiap blog kita untuk emmancing Google bot.

Download: https://www.gsa-online.de/en/product/search_engine_ranker/ (trial)
gunanya untuk membangun backlink dan mempercepat situs kita terindex

############################

Untuk dokumentasi pribadi biasakan menggunakan Google Doc (docs.google.com) agar mudah diakses darimana saja dan menggunakan perangkat apapun.

Salam

Trik Blogger

Membuat Link Popup Didalam Tulisan Blog

D Bastian

12.7.17 Tidak ada komentar

Membuat Link Popup didalam tulisan blog.
PouUp adalah sebuah jendela munculan ketika kita meng-klik sebuah link didalam tulisan Salah satu contohnya coba anda klik Harga Lantai Kayu, maka akan muncul salah stu website saya tentang jualan lantai kayu pada jendela munculan.
Itulah salah satu jenis PouUp.

Untuk membuat jenis PopUp diatas sangatlah mudah dan sederhana, tidak membutuhkan tambahan kode didalam template, anda tinggal copy kode html dibawah ini, dan pasteukan ke dalam tulisan didalam blog anda, dengan sedikit mengedit URL dan JUDUL.

<a href="MASUKKAN URL DISINI" onclick="window.open('', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">MASUKKAN JUDUL DISINI</a>

Silahkan dicoba.

Ada banyak jenis tutorial membuat Link PopUp didalam tulisan atau posting blog. namun terkadang jenis tutorial PopUp yang muncul tak selalu sesuai dengan apa yang sebenarnya kita cari, atau tak sesuai dengan yang kita inginankan.

Saya sendiri pernah berbulan-bulan browsing dengan berbagai kata kunci tentang Link PopUp, popup
windows, popup posting di blog, untuk mencari sebuah PopUp yang simpel, tidak memberatkan loading, mucul ketika disentuh mouse, bisa memasukkan link dengan jendela yang sama, dan yang terpenting sesuai dengan apa yang saya suka.

Seperti gambar inilah yang saya butuhkan, dan ternyata ini bukanlah popup tapi "tooltip" (Anda boleh cari di Google tentang tooltip.
Tooltip yang saya gunakan ini fungsinya untuk menyembunyikan sebuah keterangan didalam tulisan, boleh diarahkan mous jika dibutuhkan, dan jika tidak, bisa tetap dibiarkan tersebunyi oleh pembaca.
Read More...).

Akhirnya pencarian saya selama berbulan-bulan ditemukan juga didalam sebuah blog di internet yang saya lupa nama blognya, tapi sekarang saya lebih banyak menggunakan Tooltip Tersebut.
Ini dia code script-nya.
Anda boleh coba dengan menempatkan didalam tulisan anda,

<span class="icontandatanya tandatanya"><span class="tooltipblog">INI ADALAH TOOLTIP
<a href="URL">Read More...</a></span></span>

Tapi harap diperhatikan, kode tooltip diatas belum selesai.
Anda harus menambahkan kode css kedalam template html
Copy kode dibawah ini dan paste-kan kedalam teplate anda diatas ]]></b:skin>

.icontandatanya {
display: inline-block;
width: 16px;
height: 16px;
position: absolute;
MozOpacity: 0.;
padding: 0 4px 0 0;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiizW8MccYUFqfo9EGVWDsGsvDrzN2wTwZKPbDqSQk5A72PZPO0nnJKU-tvT4swTzRRptg0n_d21Mjwei0wPLMSNCqz55jZedOfEnS6Ppdsv9RC_F_qIpfmn3Q9yNKPBt1keHAKa7L3ViH/s1600/icontooltip.png')

no-repeat; }
.tooltipblog { display: none; width: 400px; position: absolute; padding: 10px; margin: 4px 0 0 4px; top: 0; left: 6px; border: 3px solid #cc6611; border-radius: 0 8px 8px 8px; background: #bedffe; font-size: 12px; box-shadow: 0 1px 2px -1px #21759B; z-index: 999; }
.tandatanya { color:#000; background-position: 0 0; }
.tandatanya
.tooltipblog { border-color: #cc6611; background-color: #fff; box-shadow-color: #21759B; }
.icontandatanya:hover
.tooltipblog { display: block; }

Coba lihat kembali hasil dari popup tooltip tersebut

Trik Blogger

Tooltip Navbar

D Bastian

31.7.16 Tidak ada komentar

Tes

Trik Blogger

Tooltip Scroll

D Bastian

1.8.15 Tidak ada komentar

Trik Blogger

Cara Membuat Tooltip Keren...

D Bastian

12.7.15 1 komentar

Sebelumnya saya sudah menulis tentang Link Popup windows yaitu sebuah jendela munculan ketika di klik sebuah link.
Read More...Read More... yang fungsinya hampir sama dengan tooltip ini.

Tooltip yang saya gunakan ini fungsinya untuk menyembunyikan sebuah keterangan singkat (hampir sama dengan "tag-title" hanya dengan tooltip ini tampilannya lebih kerendan bisa dimodifikasi dan bisa ditambah link) didalam tulisan, boleh diarahkan mouse jika dibutuhkan, dan jika tidak, bisa tetap dibiarkan tersebunyi oleh pembaca.

<span class="icontooltip tooltip"><span class="tooltipblog">INI ADALAH TOOLTIP
<a href="URL">Read More...</a></span></span>

Tapi harap diperhatikan, kode tooltip diatas belum selesai.
Anda harus menambahkan kode css kedalam template html
Copy kode dibawah ini dan paste-kan kedalam teplate anda diatas ]]></b:skin>

.icontooltip {
display: inline-block;
width: 16px;
height: 16px;
position: absolute;
MozOpacity: 0.;
padding: 0 4px 0 0;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiizW8MccYUFqfo9EGVWDsGsvDrzN2wTwZKPbDqSQk5A72PZPO0nnJKU-tvT4swTzRRptg0n_d21Mjwei0wPLMSNCqz55jZedOfEnS6Ppdsv9RC_F_qIpfmn3Q9yNKPBt1keHAKa7L3ViH/s1600/icontooltip.png')

no-repeat; }
.tooltipblog { display: none; width: 400px; position: absolute; padding: 10px; margin: 4px 0 0 4px; top: 0; left: 6px; border: 3px solid #cc6611; border-radius: 0 8px 8px 8px; background: #bedffe; font-size: 12px; box-shadow: 0 1px 2px -1px #21759B; z-index: 999; }
.tooltip { color:#000; background-position: 0 0; }
.tooltip
.tooltipblog { border-color: #cc6611; background-color: #fff; box-shadow-color: #21759B; }
.icontooltip:hover
.tooltipblog { display: block; }

Coba lihat kembali hasil dari popup tooltip tersebut

Trik Blogger

Create a Sticky Navbar

D Bastian

26.9.11 Tidak ada komentar

Sticky Navigation Example

The navbar will stick to the top when you reach its scroll position.

Some text to enable scrolling.. Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.

Trik Blogger

D Bastian

26.9.11 Tidak ada komentar

Baris Ke 7901:

<b:includable id='nextprev'>

<b:if cond='data:newerPageUrl'>

</span>

</b:if>

<b:if cond='data:olderPageUrl'>

</span>

</b:if>

<b:if cond='data:mobileLinkUrl'>

</div>

</b:if>

</div>

</b:includable>

Trik Blogger

Cara Membuat Navigasi Halaman Blogger

D Bastian

12.9.11 Tidak ada komentar

Cari kode ]]></b:skin> dan tempatkan kode css di bawah ini di atas kode

/* Pagen Navigation with number */

#blog-pager {margin: 10px 0 20px 25px;clear:both !important;padding:0;font-size:11px;font-weight:bold;}

a.home-link, #blog-pager-newer-link a, #blog-pager-older-link a {background-color:#333;border: 1px solid #ddd;padding:0px 12px;line-height:28px;color:#fff;border-radius: 3px;}

#blog-pager-newer-link a {float:left;display:block;}

#blog-pager-older-link a {float:right;display:block;}

a.home-link {display:inline-block;}

#blog-pager-older-link a:hover, #blog-pager-newer-link a:hover, a.home-link:hover {border: 1px solid #FF8100;}

.feed-links { clear: both;display:none;}

.displaypageNum a,.showpage a,.pagecurrent {padding: 8px 10px;margin-right: 3px;color: #fff;background-color: #333;border: 1px solid #ddd;display: inline-block;border-radius: 3px;}

.displaypageNum a:hover,.showpage a:hover, .pagecurrent {border: 1px solid #FF8100;color: #FF8100}

.showpageOf {display:none !important;}

Selanjutnya cari Kode dan terapkan kode javascrivt dibawah ini tepat diatas

//<![CDATA[

if(typeof firstText=="undefined")firstText="First";if(typeof lastText=="undefined")lastText="Last";var noPage;var currentPage;var currentPageNo;var postLabel;pagecurrentg();function looppagecurrentg(pageInfo){var html='';pageNumber=parseInt(numPages/2);if(pageNumber==numPages-pageNumber){numPages=pageNumber*2+1}pageStart=currentPageNo-pageNumber;if(pageStart<1)pageStart=1;lastPageNo=parseInt(pageInfo/perPage)+1;if(lastPageNo-1==pageInfo/perPage)lastPageNo=lastPageNo-1;pageEnd=pageStart+numPages-1;if(pageEnd>lastPageNo)pageEnd=lastPageNo;html+="<span class='showpageOf'>Page "+currentPageNo+' of '+lastPageNo+"</span>";var prevNumber=parseInt(currentPageNo)-1;if(currentPageNo>1){if(currentPage=="page"){html+='<span class="showpage firstpage"><a href="'+home_page+'">'+firstText+'</a></span>'}else{html+='<span class="displaypageNum firstpage"><a href="/search/label/'+postLabel+'?max-results='+perPage+'">'+firstText+'</a></span>'}}if(currentPageNo>2){if(currentPageNo==3){if(currentPage=="page"){html+='<span class="showpage"><a href="'+home_page+'">'+prevText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?max-results='+perPage+'">'+prevText+'</a></span>'}}else{if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+prevNumber+');return false">'+prevText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+prevNumber+');return false">'+prevText+'</a></span>'}}}if(pageStart>1){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?max-results='+perPage+'">1</a></span>'}}if(pageStart>2){html+=' ... '}for(var jj=pageStart;jj<=pageEnd;jj++){if(currentPageNo==jj){html+='<span class="pagecurrent">'+jj+'</span>'}else if(jj==1){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?max-results='+perPage+'">1</a></span>'}}else{if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+jj+');return false">'+jj+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+jj+');return false">'+jj+'</a></span>'}}}if(pageEnd<lastPageNo-1){html+='...'}if(pageEnd<lastPageNo){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastPageNo+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastPageNo+'</a></span>'}}var nextnumber=parseInt(currentPageNo)+1;if(currentPageNo<(lastPageNo-1)){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+nextnumber+');return false">'+nextText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+nextnumber+');return false">'+nextText+'</a></span>'}}if(currentPageNo<lastPageNo){if(currentPage=="page"){html+='<span class="displaypageNum lastpage"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastText+'</a></span>'}else{html+='<span class="displaypageNum lastpage"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastText+'</a></span>'}}var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function totalcountdata(root){var feed=root.feed;var totaldata=parseInt(feed.openSearch$totalResults.$t,10);looppagecurrentg(totaldata)}function pagecurrentg(){var thisUrl=urlactivepage;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){postLabel=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{postLabel=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){currentPage="page";if(urlactivepage.indexOf("#PageNo=")!=-1){currentPageNo=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{currentPageNo=1}document.write("<script src=\""+home_page+"feeds/posts/summary?max-results=1&alt=json-in-script&callback=totalcountdata\"><\/script>")}else{currentPage="label";if(thisUrl.indexOf("&max-results=")==-1){perPage=20}if(urlactivepage.indexOf("#PageNo=")!=-1){currentPageNo=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{currentPageNo=1}document.write('<script src="'+home_page+'feeds/posts/summary/-/'+postLabel+'?alt=json-in-script&callback=totalcountdata&max-results=1" ><\/script>')}}}function redirectpage(numberpage){jsonstart=(numberpage-1)*perPage;noPage=numberpage;var nameBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nameBody.appendChild(newInclude)}function redirectlabel(numberpage){jsonstart=(numberpage-1)*perPage;noPage=numberpage;var nameBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary/-/"+postLabel+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nameBody.appendChild(newInclude)}function finddatepost(root){post=root.feed.entry[0];var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var timestamp=encodeURIComponent(timestamp1);if(currentPage=="page"){var pAddress="/search?updated-max="+timestamp+"&max-results="+perPage+"#PageNo="+noPage}else{var pAddress="/search/label/"+postLabel+"?updated-max="+timestamp+"&max-results="+perPage+"#PageNo="+noPage}location.href=pAddress}

//]]>

</script>

<b:if cond='data:blog.pageType == "index"'>

<b:include name='nextprev'/>

<b:else/>

<b:if cond='data:blog.pageType == "archive"'>

<b:include name='nextprev'/>

<b:else/>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:include name='nextprev'/>

</b:if>

Trik Blogger

Option Select Surat Al-Baqarah Ayat:1-286

D Bastian

11.9.11 Tidak ada komentar

Trik Blogger

Page Navigation/Navigasi Halaman

D Bastian

9.9.11 Tidak ada komentar

CSS

/* Pagen Navigation with number */

#blog-pager {margin: 10px 0 20px 25px;clear:both !important;padding:0;font-size:11px;font-weight:bold;}

a.home-link,

#blog-pager-newer-link a,

#blog-pager-older-link a {background-color:#333;border: 1px solid #ddd;padding:0px 12px;line-height:28px;color:#fff;border-radius: 3px;}

#blog-pager-newer-link a {float:left;display:block;}

#blog-pager-older-link a {float:right;display:block;}

a.home-link {display:inline-block;}

#blog-pager-older-link a:hover,

#blog-pager-newer-link a:hover, a.home-link:hover {border: 1px solid #FF8100;}

.feed-links { clear: both;display:none;}

.displaypageNum a,.showpage a,.pagecurrent {padding: 8px 10px;margin-right: 3px;color: #fff;background-color: #333;border: 1px solid #ddd;display: inline-block;border-radius: 3px;}

.displaypageNum a:hover,.showpage a:hover, .pagecurrent {border: 1px solid #FF8100;color: #FF8100}

.showpageOf {display:none !important;}

/* Centered text */

.centered {

position: absolute;

top: 45%;

left: 50%;

transform: translate(-50%, -50%);

scroll-behavior: smooth;

}

Script

var pageNaviConf = {

perPage: 20,

numPages: 5,

firstText: "First",

lastText: "Last",

nextText: "Next",

prevText: "Prev"

}

</script>

//<![CDATA[

function pageNavi(o) {

var m = location.href,

l = m.indexOf("/search/label/") != -1,

a = l ? m.substr(m.indexOf("/search/label/") + 14, m.length) : "";

a = a.indexOf("?") != -1 ? a.substr(0, a.indexOf("?")) : a;

var g = l ? "/search/label/" + a + "?updated-max=" : "/search?updated-max=",

k = o.feed.entry.length,

e = Math.ceil(k / pageNaviConf.perPage);

if (e <= 1) {

return

}

var n = 1,

h = [""];

l ? h.push("/search/label/" + a + "?max-results=" + pageNaviConf.perPage) : h.push("/?max-results=" + pageNaviConf.perPage);

for (var d = 2; d <= e; d++) {

var c = (d - 1) * pageNaviConf.perPage - 1,

b = o.feed.entry[c].published.$t,

f = b.substring(0, 19) + b.substring(23, 29);

f = encodeURIComponent(f);

if (m.indexOf(f) != -1) {

n = d

}

h.push(g + f + "&max-results=" + pageNaviConf.perPage)

}

pageNavi.show(h, n, e)

}

pageNavi.show = function (f, e, a) {

var d = Math.floor((pageNaviConf.numPages - 1) / 2),

g = pageNaviConf.numPages - 1 - d,

c = e - d;

if (c <= 0) {

c = 1

}

endPage = e + g;

if ((endPage - c) < pageNaviConf.numPages) {

endPage = c + pageNaviConf.numPages - 1

}

if (endPage > a) {

endPage = a;

c = a - pageNaviConf.numPages + 1

}

if (c <= 0) {

c = 1

}

var b = '<span class="pages">Pages ' + e + ' of ' + a + "</span> ";

if (c > 1) {

b += '<a href="' + f[1] + '">' + pageNaviConf.firstText + "</a>"

}

if (e > 1) {

b += '<a href="' + f[e - 1] + '">' + pageNaviConf.prevText + "</a>"

}

for (i = c; i <= endPage; ++i) {

if (i == e) {

b += '<span class="current">' + i + "</span>"

} else {

b += '<a href="' + f[i] + '">' + i + "</a>"

}

if (e < a) {

b += '<a href="' + f[e + 1] + '">' + pageNaviConf.nextText + "</a>"

}

if (endPage < a) {

b += '<a href="' + f[a] + '">' + pageNaviConf.lastText + "</a>"

}

document.write(b)

};

(function () {

var b = location.href;

if (b.indexOf("?q=") != -1 || b.indexOf(".html") != -1) {

return

}

var d = b.indexOf("/search/label/") + 14;

if (d != 13) {

var c = b.indexOf("?"),

a = (c == -1) ? b.substring(d) : b.substring(d, c);

document.write('<script type="text/javascript" src="/feeds/posts/summary/-/' + a + '?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')

} else {

document.write('<script type="text/javascript" src="/feeds/posts/summary?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')

}

})();

//]]>

</script>

</div>

Trik Blogger

Table Option Shahih Bukhari

D Bastian

7.9.11 Tidak ada komentar

Trik Blogger

Cara Membuat Widget Terlihat Di Halaman Tertentu

D Bastian

1.9.11 Tidak ada komentar

Membuat widget hanya terlihat atau muncul dihalaman tertentu adalah solusi agar halaman blog anda terlihat rapi dan tidak terlalui ramai, jadi hanya menampilkan widget terpilih yang relevan dengan halaman blog anda. Dengan cara ini anda bisa mengatur tampil widget misalnya, widget terlihat hanya atau kecuali di halaman Homepage, Archive, Label & URL tertentu dan Static pages.

Step by Step Membuat Widget Terlihat atau Disembunyikan Di Halaman Tertentu

Tehnik ini menggunakan "<b:if>" conditional tag pada XML Blogger, yang berfungsi sebagai perintah agar widget akan muncul atau disembunyikan di halaman tertentu saja.

Cara Mencari Widget ID Template Blogger

Pertama kali yang anda lakukan adalah mencari ID widget yang anda mau kondisikan menggunakan conditional tag.

Klik "Layout" kemudian klik "edit" pada widget

Arahkan / drag mouse sampai ketemu text "widgetid=" (2) pada kolom address kemudian catat ID widget tersebut. misalnya pada contoh gambar diatas, widget yang saya mau kondisikan dengan ID "HTML3". Atau anda bisa mencari elemen widget dengan isi dari title widget tersebut, misalnya "Artikel Terbaru" seperti gambar diatas.

Edit HTML Elemen Widget di Editor Template Blogger

Setelah anda mendapatkan ID widget lanjut edit html template blogger anda, klik "Template >> Edit HTML". Tekan CTRL+F untuk memunculkan search box pada editor. Cari dengan mengisi widgetid atau title widget kemudian enter, sampai terlihat seperti gambar di bawah :

Gambar diatas contoh widget yang hanya di tampilkan kecuali di halaman homepage saja (3,4) dengan menambahkan cond tag pembuka setelah "<b:includable id='main'>" dan tag ditutup sebelum </b:includable>

Misalnya contoh dibawah ini, widget hanya terlihat di halaman home page saja (perhatikan text yang berwarna merah, pada bagian itu yg harus ditambahkan)

<b:widget id='HTML3' locked='false' title='Artikel Terbaru' type='HTML'>
 <b:includable id='main'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
   <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'>
   <data:content/>
    </div>
  <b:include name='quickedit'/>
  </b:if>
 </b:includable>
 </b:widget>

Membuat Widget Tidak Terlihat Pada Halaman Tertentu

Pada Cond Tag tersebut bisa kita rubah untuk menampilkan atau menyembunyikan widget. Dengan mengganti "==" menjadi "!=" (!selain atau kecuali) yang artinya widget tersebut tidak terlihat / disembunyikan di jenis halaman yang anda tentukan.

<!-- hanya terlihat di homepage -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................................................
</b:if>

<!-- terlihat kecuali di homepage -->
<b:if cond='data:blog.url != data:blog.homepageUrl'>
......................................................
</b:if>

Daftar Jenis Type Halaman Blogger

Kemudian anda tinggal rencanakan widget yang anda pilih akan terlihat atau tidak terlihat di jenis halaman blog anda.

Halaman Depan (Homepage)

<!-- widget hanya terlihat di halaman homepage -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................................................
</b:if>

Halaman Archive

<!-- widget hanya terlihat di halaman archive -->
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
......................................................
</b:if>

Halaman Postingan

<!-- widget hanya terlihat di halaman postingan -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
......................................................
</b:if>

Di Halaman URL Tertentu

<!-- widget hanya terlihat di halaman postingan -->
<b:if cond='data:blog.pageType == &quot;url-postingan&quot;'>
......................................................
</b:if>

<!-- contoh hanya terlihat di postingan ini saja -->
<b:if cond='data:blog.pageType == &quot;http://www.modalsemangat.com/2015/10/widget-terlihat-dihalaman-tertentu.html&quot;'>
......................................................
</b:if>

Di Halaman StaticPages

<!-- widget hanya terlihat di halaman staticpages -->
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
......................................................
</b:if>

Di Halaman Label / Tag Tertentu

<!-- widget hanya terlihat di halaman label / tag tertentu -->
<b:if cond='data:blog.searchLabel == &quot;nama_label&quot;'>
......................................................
</b:if>

<!-- contoh hanya terlihat di halaman label / tag Tips Blogging -->
<b:if cond='data:blog.searchLabel == &quot;Tips Blogging&quot;'>
......................................................
</b:if>

Setelah anda mengedit html template anda, klik "Save template". Untuk melakukan hal yang sama pada widget yang lain, lakukan langkah-langkah sama seperti diatas

Cari widgetID.
Cari elemen widget di Edit HTML Template.
Masukan kondisi tag sesuai jenis halaman pada elemen widget.

Trik Blogger

DropDown Al-Qur'an

Rajawali Parquet

1.9.11 Tidak ada komentar

Baca Al-Qur'an?

Quran, Tafsir, Hadits

Mega Menu

HOT

Follow Me

Total Tayangan

Popular Posts

SECTIONS

Contoh Skema Backlink Trik Seo

Membuat Link Popup Didalam Tulisan Blog

Tooltip Navbar

Tooltip Scroll

Cara Membuat Tooltip Keren...

Create a Sticky Navbar

Scroll Down

Sticky Navigation Example

Cara Membuat Navigasi Halaman Blogger

Option Select Surat Al-Baqarah Ayat:1-286

Page Navigation/Navigasi Halaman

Table Option Shahih Bukhari

Cara Membuat Widget Terlihat Di Halaman Tertentu

Step by Step Membuat Widget Terlihat atau Disembunyikan Di Halaman Tertentu

Cara Mencari Widget ID Template Blogger

Edit HTML Elemen Widget di Editor Template Blogger

Membuat Widget Tidak Terlihat Pada Halaman Tertentu

Daftar Jenis Type Halaman Blogger

DropDown Al-Qur'an

FOLLOW US

Must Read

LATEST

ARCHIVE

Label

Kumpulan Khutbah

Kumpulan Doa

LABELS