Cara Memasang Widget Recent Post Berdasarkan Label di Halaman Statis

Add Comment
Cara Memasang Widget Recent Post Berdasarkan Label di Halaman Statis

Kali ini saya akan memberikan tutorial cara memasang Cara Memasang Widget Recent Post Berdasarkan Label di Halaman Statis, Widget ini bisa kita manfaatkan sebagai Sitemap atau daftar isi blog di halaman statis. Bagi yang ingin memasangnya, silakan ikuti langkah-langkah berikut ini.

Cara Memasang Widget Recent Post Berdasarkan Label di Halaman Statis

Kode yang akan saya bagikan ini menggunakan ikon dari Fontawesome, jika belum ditambahkan. Tambahkan kode di bawah ini sebelum </head> pada Template editor.

<script type='text/javascript'>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
//]]>
</script>

Setelah menambahkan kode Fontawesome selanjutnya ikuti langkah di bawah ini
Buka halaman Blogger > Klik menu Halaman > Kemudian klik tombol Halaman baru untuk membuat postingan baru di halaman statis

Lalu Tambahkan kode di bawah ini di dalam tab HTML postingan
<div id="recentpostsae">
</div>
<div id="recentpostnavfeed">
</div>
<style scoped="" type="text/css">
*{padding:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-box-sizing:border-box}
a,a:link,a:visited{text-decoration:none;transition:all .3s}
button,input[type="button"],input[type="reset"],input[type="submit"],.button{border:0;color:#fff;cursor:pointer;font-size:14px;font-weight:400;padding:12px 16px;white-space:normal;width:auto;border-radius:3px;outline:0}button:focus,button:hover,input[type="button"]:focus,input[type="button"]:hover,input[type="reset"]:focus,input[type="reset"]:hover,input[type="submit"]:focus,input[type="submit"]:hover,.button:focus,.button:hover{color:#fff}
#recentpostnav{border:1px solid #585858;width:100%;margin:0 auto}
#recentpostsae{margin:0}
#recentpostsae .recentpostel{width:48.9%;background:#fff;display:inline-block;margin:0 20px 10px 0;padding:15px;overflow:hidden;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1)}
#recentpostsae .recentpostel:nth-child(even){margin:0 0 10px 0}
#recentpostsae .recentpostel img{background:#ecf0f1;padding:0;float:left;margin:0;margin-right:13px;width:72px}
#recentpostsae .recentpostel h6,.recentpostel h6 a{text-decoration:none;font-size:14px;font-weight:400;margin:0;color:#000}
#recentpostsae .recentpostel:hover{background-color:#fefefe}
#recentpostsae .recentpostel p{font-size:12px;text-align:left;color:#555;line-height:normal;margin:5px 0}
#recentpostload{letter-spacing:-10px;text-align:center;background:transparent url(https://2.bp.blogspot.com/-GeeSB564W-o/Wum3zpg8qNI/AAAAAAAAGmM/aRoomVJFtSQfUoAJrRjD6h1wTSU8J8DUQCLcBGAs/s1600/ellipsis-preloader.gif) no-repeat 50% 50%;height:470px}
#recentpostnavfeed{display:table;padding:5px 10px 5px 0;text-align:left;margin:15px auto}
#recentpostnavfeed a{color:#141414;font-size:12px;font-weight:400;display:block;padding:5px 10px}
#recentpostnavfeed span{padding:0;cursor:pointer;transition:all .3s}
#recentpostnavfeed .next,#recentpostnavfeed .previous{position:relative;overflow:hidden;display:inline-block;background:#fff;color:#222;padding:10px 16px;font-size:1rem;border-radius:99em;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1)}
#recentpostnavfeed .next{float:right;margin:0 0 0 10px}
#recentpostnavfeed .previous{float:left;margin:0 10px 0 0}
#recentpostnavfeed .home{text-align:center;display:table;background:#fff;color:#222;font-size:1rem;float:none;padding:10px 16px;border-radius:99em;margin:auto;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1)}
#recentpostnavfeed a:hover,#recentpostnavfeed span.noactived{color:#ccc}
#recentpostnavfeed i{font-family:fontawesome;font-style:normal}
#recentpostnavfeed .next:hover,#recentpostnavfeed .previous:hover,#recentpostnavfeed .home:hover{background:#fff;color:#222;box-shadow:0 10px 21px rgba(0,0,0,0.15),0 6px 6px rgba(0,0,0,0.12)}
@media screen and (max-width:993px){#recentpostsae .recentpostel{width:100%;margin:0 0 10px 0}}
</style>
<script type='text/javascript'>
//<![CDATA[
var numfeed = 18;
var startfeed = 0;
var urlblog = "https://www.teknomatch.com";
var charac = 0;
var urlprevious, urlnext;
function arlinafeed(e,t){for(var n=e.split("<"),r=0;r<n.length;r++)-1!=n[r].indexOf(">")&&(n[r]=n[r].substring(n[r].indexOf(">")+1,n[r].length));return n=n.join(""),n=n.substring(0,t-1)}function showrecentpostsae(e){var t,n,r,a,i,s="";urlprevious="",urlnext="";for(var l=0;l<e.feed.link.length;l++)"previous"==e.feed.link[l].rel&&(urlprevious=e.feed.link[l].href),"next"==e.feed.link[l].rel&&(urlnext=e.feed.link[l].href);for(var d=0;d<numfeed&&d!=e.feed.entry.length;d++){t=e.feed.entry[d],n=t.title.$t;for(var l=0;l<t.link.length;l++)if("alternate"==t.link[l].rel){r=t.link[l].href;break}i="content"in t?t.content.$t:"summary"in t?t.summary.$t:"",a="media$thumbnail"in t?t.media$thumbnail.url:"https://3.bp.blogspot.com/-BHuXHny1kOk/VXrkSyxKCjI/AAAAAAAACas/pZLJAEUDtds/s1600/no-image.png",s+="<div class='recentpostel'>",s+="<a href='"+r+"'><img src='"+a+"' /></a>",s+="<h6><a href='"+r+"'>"+n+"</a></h6>",s+="<p>"+arlinafeed(i,charac)+"</p>",s+="</div>"}document.getElementById("recentpostsae").innerHTML=s,s="",s+=urlprevious?"<a href='javascript:navigasifeed(-1);' class='previous'><i class='fas fa-arrow-left'></i></a>":"<span class='noactived previous'><i class='fas fa-arrow-left'></i></span>",s+=urlnext?"<a href='javascript:navigasifeed(1);' class='next'><i class='fas fa-arrow-right'></i></a>":"<span class='noactived next'><i class='fas fa-arrow-right'></i></span>",s+="<a href='javascript:navigasifeed(0);' class='home'><i class='fas fa-home'></i></a>",document.getElementById("recentpostnavfeed").innerHTML=s}function navigasifeed(e){var t,n;-1==e?(t=urlprevious.indexOf("?"),n=urlprevious.substring(t)):1==e?(t=urlnext.indexOf("?"),n=urlnext.substring(t)):n="?start-index=1&max-results="+numfeed+"&orderby=published&alt=json-in-script",n+="&callback=showrecentpostsae",incluirscript(n)}function incluirscript(e){1==startfeed&&removerscript(),document.getElementById("recentpostsae").innerHTML="<div id='recentpostload'></div>",document.getElementById("recentpostnavfeed").innerHTML="";var t=urlblog+"/feeds/posts/default/-/Smartphone"+e,n=document.createElement("script");n.setAttribute("type","text/javascript"),n.setAttribute("src",t),n.setAttribute("id","arlinalabel"),document.getElementsByTagName("head")[0].appendChild(n),startfeed=1}function removerscript(){var e=document.getElementById("arlinalabel"),t=e.parentNode;t.removeChild(e)}onload=function(){navigasifeed(0)};
//]]>
</script>

Edit terlebih dahulu pada kode yang ditandai

NilaiKeterangan
var numfeed18 (Jumlah postingan yang ditampilkan di tiap halaman)
var urlbloghttps://www.teknomatch.com (Isi dengan alamat blog sobat)
var characIsi dengan jumlah summary post yang ingin ditampilkan

Edit pada bagian feed url ini, ganti Smartphone dengan nama label blog.

/feeds/posts/default/-/Smartphone

Jika ingin menampilkan feed halaman index saja tanpa label edit format feed jadi seperti ini

/feeds/posts/default

Setelah selesai, klik tombol Publikasikan dan lihat hasilnya pada blog anda.

Widget ini hanya bisa dipasang satu kali, jadi lakukan pengeditan sebelum postingan dipublish

Cara Memasang Widget Recent Post Berdasarkan Label di Halaman Statis
Nah, itulah Cara Memasang Widget Recent Post Berdasarkan Label di Halaman Statis . Semoga bermanfaat dan wassalam.

Mengenal Fakta Dan Sejarah Perkembangan Nama Domain

Add Comment

Domain adalah nama unik yang diberikan untuk mengidentifikasi server komputer agar lebih mudah diingat daripada menggunakan IP (Internet Protokol) address. Agar website / aplikasi onlinenya dapat dengan mudah diakses oleh pengunjung, maka pemilik website tersebut harus menggunakan domain.

Pada akhir tahun 1985, ada total enam nama domain yang terdaftar di dunia. Jumlah itu telah diperluas menjadi 265 juta nama yang terdaftar secara global menurut Verisign. Saat ini nampaknya pas untuk mengakui bahwa alamat jaringan atau nama domain sangat membantu kita menavigasi kegiatan di internet. Di bawah ini kami memiliki sejarah singkat mengenai momen paling berpengaruh dan menarik tentang nama domain.

Dropshiper | Solusi Bisnis Online Tanpa Perlu Ribet Stok Barang

Add Comment

Pernah dengar istilah dropship? Mungkin bagi yang sudah lama berbisnis online, dropship adalah istilah yang tak asing lagi. Tapi bagi yang baru mendengar atau sering mendengar dan belum tahu artinya, sekarang mari kita bahas apa itu dropship.

Menurut Wikipedia, pengertian dropship adalah sebuah teknik pemasaran dimana penjual tidak menyimpan stok barang, dan dimana jika penjual mendapatkan order, penjual tersebut langsung meneruskan order dan detail pengiriman barangnya ke distributor/supplier/produsen.

Dropship adalah sistem dan pola bisnis yang popular terutama sejak kemunculan dunia digital internet. Dengan pola dropship, ada banyak pihak yang terbantu baik itu supplier, dropshipper dan konsumen atau pembeli. Supplier adalah pemilik barang yang memiliki stok, dropshipper adalah pihak penjual (marketer dan seller) yang menjual barang milik supplier, dan konsumen adalah pembeli yang membeli barang dari dropshipper.

Kalau Begitu, Apa Bedanya dengan Reseller?

Sebetulnya hanya satu yang membedakan antara reseller dan dropship. Apa itu? STOK BARANG. Kalau reseller biasanya harus punya modal terlebih dahulu untuk membeli barang tersebut dan kemudian menyetoknya. Sementara dropship, kita tidak perlu punya modal untuk bisa menyetok barang. Dropshiper bisa langsung menjual produk hanya dengan modal gambar dan spesifikasi produk saja sehingga lebih mudah memang untuk dijalankan.

Diagram Pola Bisnis Dropship



Lalu Dimana Peluang Bisnisnya?

Sistem dropship ini sebetulnya bisa menjadi peluang bisnis menjanjikan. Anda bisa memulai bisnis bahkan tanpa modal sedikitpun. Kok bisa tanpa modal? Ya, bisa sekali karena dalam sistem dropship ini, anda bisa berperan sebagai seorang dropshiper yang tidak perlu memiliki stok barang. Sementara stok barang hanya cukup di pihak supplier saja. Sebetulnya di era ini, siapapun bisa menjadi seorang dropshiper yang penting ada kemauan untuk menjual karenanya skill menjual menjadi sangat penting.

Apa Saja Keuntungan Dropship?

Sistem dropship sebetulnya bisa memberikan keuntungan bagi siapa saja yang ingin terjun ke dunia bisnis. Bagi supplier, mereka dibantu barangnya dipasarkan secara lebih luas. Begitupun bagi dropshiper, ini bisa menjadi peluang mendapatkan penghasilan besar bahkan tanpa modal sekalipun. Dropshiper bisa menentukan keuntungan berapapun sesuai dengan keinginannya karena biasanya harga yang diberikan supplier sudah cukup murah.

Apa Saja Skill yang Dibutuhkan?

Jika hanya sekedar mencoba untuk mulai ikut jalankan pola dropship, tak perlu modal khusus untuk dimiliki. Namun jika hasilnya ingin memuaskan, maka ada baiknya memang jika menambah skill anda dengan beberapa kemampuan lain khususnya dalam bidang marketing. Skill dasar yang harus anda kuasai adalah paham internet termasuk media sosial, marketplace dan lainnya. Sementara skill advance lain yang diperlukan adalah Search Engine Optimization (SEO), Social Media Optimization (SMO), copywriting, teknik closing, dan lainnya.

Bagaimana Cara Memulainya?

Nah, sudah jelas kan? Kalau memang sudah jelas, maka hal selanjutnya tinggal memulainya. Namun terkadang ada banyak belum paham bagaimana cara memulainya. Agar bisa memulainya, hal pertama yang anda harus lakukan adalah dengan mencari supplier terlebih dahulu. Pastikan anda menghubungi pihak supplier termasuk meminta ijin untuk membantu menjualnya. Bahkan bisa lakukan perjajian bersama supplier. Supplier yang dipilih pastinya yang terpercaya dan memiliki kualitas barang atau jasa yang bagus. Setelah menemukan barang yang pas dari supplier terpercaya, selanjutnya anda tinggal langsung menjualnya.

Backlink Dofollow Edu dan Gov Gratis Untuk Mendongkrak Serp Google

Add Comment
Backlink Edu Gratis


Dofollow Backlink Edu Gov Gratis Nih..

Semua Backlink Edu Gratis dibawah ini jenisnya dofollow, bukan wiki ataupun forum. Gunakan <a href=".... untuk membuat live link. silahkan disedot list domain edu gratis di bawah dan ikuti petunjuknya dibawah ini.


Edu PR 5 DA 90





http://numberfields.asu.edu/NumberFields/create_account_form.php?next_url=
Setelah register buat new team di link bawah ini


http://numberfields.asu.edu/NumberFields/team_create_form.php
Tambahkan artikel dan link atau url blog sobat di bagian Description. Bagian Website juga bisa diisi.


Edu PR 5 DA 91



http://pahma.berkeley.edu/delphi/modules/auth/register.php
Setelah register, tambahkan link di bagian Website, dan artikel di bagian About. 



Edu PR 4 DA 78

http://brooklynatlantis.poly.edu/create_account_form.php?next_url=%2Fview_profile.php%3Fuserid%3D
Setelah register tambahkan artikel dan urls di bagian About.

Gov PR 6 DA 93


http://pathprogram.samhsa.gov/Register.aspx
Setelah register edit Profile (di sidebar kanan), isi profile dan tambahkan artikel dan urls di bagian Bio. Untuk copy live link, klik kanan 'View Your Public Profile'


 Stanford PR 4 DA 95
http://eterna.stanford.edu/web/
Daftar, drop artikel and link di bagian Bio. 
 

Columbia.edu PR 5 DA 93
http://pocketknowledge.tc.columbia.edu/home.php
Daftar, drop artikel and link di bagian About Me. 



Harvard.edu PR 7 DA 94 (Nofollow) Media Wiki
http://cyber.law.harvard.edu/oniconference07/?title=Special:UserLogin&returnto=User%3ARockymountain&type=signup
Register - click your Username - Edit User Page - drop artikel and link
Setelah sobat memasang semua link di domain edu diatas, seperti biasa.. semua link di ping atau masukin ke Optimasi Link. Pastikan link nya terindex and PA nya naik. jika ada yang masih bingung silahkan komentar.

110+ Backlink Dofollow Gratis Dalam 10 Menit Untuk Blog Baru

Add Comment

Membuat backlink bukan ilmu instan tapi untuk menciptakan backlink dofollow berkualitas dari situs otoritas sangat sulit bagi seorang newbie. Disini anda akan mendapatkan 40+ Free Dofollow Backlinks.

SEO berubah dari hari ke hari, dan update Google rutin diluncurkan. Dalam situasi ini, kita harus bermain aman dengan Link Building. Generator backlink dofollow ini akan membantu Anda dalam peringkat yang cepat.


Kami selalu mendengar sebuah istilah dari semua pakar SEO yaitu jika ingin mendapatkan peringkat di Google, Anda harus membangun backlink yang berkualitas. Mereka memberi tahu kami untuk membuat tautan balik PR yang tinggi (Sekarang Google PageRank sudah mati, jadi kami menganggapnya sebagai tautan balik DA Tinggi). Tapi mereka tidak pernah berbagi metode jenius untuk membangun jaringan masuk yang kuat.

Link Building adalah salah satu bagian SEO yang paling penting. Backlink sangat diperlukan untuk memberi peringkat. Banyak Pakar SEO menghabiskan waktu berharga mereka untuk mencari backlink. Jika Anda menjadi master di bidang ini, Anda akan berada di depan dari Guru SEO lainnya pasti.


Di posting ini, saya akan share 25+ situs backlink dofollow gratis. Anda akan cepat mendapatkan Backlink dofollow dari situs tersebut.

Dengan melakukan banyak penelitian, saya membuat daftar daftar situs otoritas tinggi yang baru. Kita bisa mendapatkan backlink dofollow gratis dari website ini dalam waktu 10 menit.

Saya berbicara tentang situs seperti Microsoft, Google dan scoop. Dan daftar ini terus berlanjut.

Jika Anda menyerahkan ke situs freelancing seperti Fiverr maka Anda akan membayar $50 per Link.

Nah setelah membaca posting ini anda akan mendapatkan 25 free do follow backlinks.
 

  

Kumpulan 40+ backlink dofollow gratis


S.No
 Site NameDomain AuthorityBacklink Type
1
Microsoft100
2Google Plus100
3Storify88
4Youtube99
5Reddit98
6Copyrighted52
7DEVIANARTS90
8
AllTop.com


9
Newsvine


10
Imfaceplate


11
CheaperSeeker


12
BlogAdda


13
SplashThat


14
WordPress Forum


15
Dropshots


16
CodeCademy


17
Wikitechguru


18
List.ly


19
Inbound.org


20
onemission.com


21
DMOZ


22
Scoop.it


23
imgur.com


24
Samsung


25instructables.com

26http://pastebin.com

27http://www.theverge.com

28http://en.miui.com

29https://www.redbubble.com

30https://www.examcraze.com/

31http://apna.csc.gov.in

32http://biblioteca.ucm.es

33http://www.cplusplus.com

34http://www.authorstream.com

35http://www.socialmediatoday.com

36http://triberr.com

37http://life.tw

38https://philpapers.org

39https://www.affiliatefix.com

40http://www.lookuppage.com

Take a look on more 15+ Free dofollow backlinks site lists.


  1. http://pastebin.com
  2. http://www.theverge.com
  3. http://en.miui.com
  4. https://www.redbubble.com
  5. http://web2014.discoveryeducation.com
  6. http://apna.csc.gov.in
  7. http://biblioteca.ucm.es
  8. http://www.cplusplus.com
  9. http://www.authorstream.com
  10. http://www.socialmediatoday.com
  11. http://triberr.com
  12. http://life.tw
  13. https://philpapers.org
  14. https://www.affiliatefix.com
  15. http://www.lookuppage.com

DoFollow Forums Backlinks

1.http://forums.hostgator.com/
2.http://www.warriorforum.com/
3.http://www.cnet.com/forums/
4.http://affiliate-marketing-forums.5staraffiliateprograms.com/
5.http://ask.shoutmeloud.com/
6.http://www.discuss.theprimeupdates.com/
7.http://filesharingtalk.com/forum.php
8.http://www.webhostingtalk.com/
9.http://www.geekvillage.com/forums/index.php
10.https://forum.videolan.org/
11.https://www.sitepoint.com/community/
12.http://www.ozzu.com/
13.https://forums.gentoo.org/
14.http://forum.deviantart.com/
15.https://www.dnforum.com/
16.http://www.siteownersforums.com/index.php
17.http://ctrlq.org/help/
18.http://forums.searchenginewatch.com/
19.http://community.comicbookresources.com/
20.http://forum.joomla.org/

Top High Pr Directory Submission Sites List

Here is dofollow backlinks list of high da directory submission sites.
NO.Directory Submission ListDomain AuthorityPage AuthorityMozRank
1http://www.etaaps.org/34425
2http://wvchoops.com/27365
3http://trafficsimulator.net/25374
4http://firstppt.com/28374
5http://vietsites.net/31415
6http://pmin.org/27394
7http://flexigest.com/21284
8http://llt8.com/30373
9http://mhdw.org/29404
10http://litetopia.com/20334
11http://handtucher.net/33424
12http://hbnu.org/18324
13http://conyerspayless.com/23364
14http://www.portarelief.com/17284
15http://textmodern.com/21334
16http://www.cirdra.com/22324
17http://omcommunication.net/29405
18http://conferenceoffice.net/25384
19http://sjlqc.com/38406
20http://master.org.in/24375
21http://www.ykh8.com/26374
22http://nodahan.com/20303
23http://viroclime.org/28326
24http://addyourlink.net/15254
25http://www.joanna-marach.com/27396
26http://www.exclusiveweblinks.com/22355
27http://www.blogroll.net/25375
28http://wewebware.com/30415
29http://loadspy.com/28396
30http://thinkfla.com/28405
31http://hdvconnect.com/31425
32http://add-oncon.com/30425
33http://link-minded.com/36466
34http://zebralinks.com/33446
35http://www.promotebusinessdirectory.com/38495
36http://www.adverttree.com/18314
37http://www.dizila.com/32416
38http://www.usgeo.org/40506
39http://www.ec3d.com/17314
40http://monalisadirectory.com/26376
41http://www.royallinkup.com/33436
42http://www.nctweb.com/34446
43http://www.abovealldirectory.com/26375
44http://www.sound-directory.com/27395
45http://bestseodirectory.net/36455
46http://dir.org.vn/34455
47http://www.salemcg.com/22354
48http://www.ec123.net/28405
49http://directoryofglendale.com/27395
50http://lushdirectory.com/18264