Home / Archived For November 2018

Jumat, 30 November 2018

50 LINK GRUP WA TENTANG DAKWAH

Add Comment
kumpulan link grup wa tentang dakwah islam, islamiDakwah merupakan bentuk masdas dari kata da'a yang berarti mengajak. Mengajak kemana ? minadz-zhulumati ilan-nuur (dari kegelapan menuju cahaya), dari sesuatu yang tidak baik menjadi baik, dari sesuatu yang sudah baik menjadi lebih baik lagi, dan mengajak dari ke jalan yang diridhoi Allah. Itulah makna dari kata dakwah.

Lalu, dakwah yang bagaimana yang diajarkan Rasulullah saw ? Dakwah yang diajarkan Rasulullah saw adalah dakwah dengan hikmah wal mauizhotil hasanah (ucapan yang lembut dan contoh yang baik).

Bagi kamu yang ingin mendalami tentang Islam, di bawah ini akan saya bagikan 50 link WhatsApp grup tentang dakwah, yang di dalamnya Insyaa Allah akan mendapatkan banyak ilmu seputar keislaman, seperti Qur'an, hadits, ijma', muhasabatunnafsi, dan lain sebagainya. Baiklah, kita langsung saja:

1. BERDAKWAH DI SOSIAL MEDIA
https://chat.whatsapp.com/7gwXeYYoA1O4YFhT3IRadg?grup=berdakwah-disosial-media----


2. DAKWAH DAN FIQH ISLAM
https://chat.whatsapp.com/ICURkdxkRNdHTNIUpIGcy1?grup=dakwah---fiqh-islam


3. DAKWAH IKHWAN
https://chat.whatsapp.com/2263W5j01eIDMpSIY90lL0?grup=dakwah---ikhwan--


4. DAKWAH (BERIKAN KEBAIKAN)
https://chat.whatsapp.com/5f3pZ4IDZlU6iiXkwzDDhE?grup=dakwah--berikan-kebaikan-


5. DAKWAH AKHWAT 1
https://chat.whatsapp.com/87DUeQmYCDk891UCo29IBB?grup=dakwah-akhwat


6. DAKWAH AKHWAT 2
https://chat.whatsapp.com/DD6NLaPzedb3pnXFZj2y95?grup=dakwah-akhwat--


7. DAKWAH ANNAHDLIYYAH
https://chat.whatsapp.com/Hk7XD64TRhA98rVOGmcwSo?grup=dakwah-annahdliyyah---


8. DAKWAH DAN AMAL
https://chat.whatsapp.com/8HEWAzxtvx71jNyuBeer3P?grup=dakwah-dan-amal


9. DAKWAH FOR PEJUANG HIJRAH
https://chat.whatsapp.com/7ItJiv0ClNZ7WoJm7rrcWs?grup=dakwah-for-pejuang-hijrah


10. DAKWAH HIJRAH 1
https://chat.whatsapp.com/2Mu76dSjmufE4BWFMtCd21?grup=dakwah-hijrah--


11. DAKWAH HIJRAH 2
https://chat.whatsapp.com/9lE9w5DRLgIIitcglkwdMs?grup=dakwah-hijrah--


12. DAKWAH HIJRAH 3
https://chat.whatsapp.com/2eEZn1ODVvo47Msc4mynjZ?grup=dakwah-hijrah--------


13. DAKWAH ISLAM 1
https://chat.whatsapp.com/FakNadrXuiU7chBZN0vt6E?grup=dakwah-islam


14. DAKWAH ISLAM 2
https://chat.whatsapp.com/I7e9ivmusDk1GTuPsnJ2XO?grup=dakwah-islam


15. DAKWAH ISLAM 3
https://chat.whatsapp.com/IIVnT2fFzIrFgOPR9YOTVg?grup=dakwah-islam


16. DAKWAH ISLAM 4
https://chat.whatsapp.com/E0JLmWlytSf97V176SgjtW?grup=dakwah-islam-----------------------


17. DAKWAH ISLAM 5
https://chat.whatsapp.com/41EXbpUekrRH6IrO8ZReW1?grup=dakwah-islam-


18. DAKWAH ISLAMI 1
https://chat.whatsapp.com/HSjvhGgWiQS0NN92cgpbD0?grup=dakwah-islami


19. DAKWAH ISLAMI 2
https://chat.whatsapp.com/7oScO8FrkeHIgTR2OYnIyR?grup=dakwah-islami--


20. DAKWAH ISLAMI 3
https://chat.whatsapp.com/4bRv2dyYw713gW9Y3x2nXT?grup=dakwah-islami--


21. DAKWAH ITU CINTA
https://chat.whatsapp.com/Dvhs5ao3RdL4mbraCXo8St?grup=dakwah-itu-cinta------------


22.  DAKWAH MUSLIMAH
https://chat.whatsapp.com/HNLAWlwjdrOKbvjadAqrCO?grup=dakwah-muslimah--


23. DAKWAH REMAJA
https://chat.whatsapp.com/AKL2B4A8eMm83sQLOR02Ze?grup=dakwah-remaja-a-i


24. DAKWAH SALAF
https://chat.whatsapp.com/7B94AGHfKza7q2AXgYNlEd?grup=dakwah-salaf


25. DAKWAH SANTUN
https://chat.whatsapp.com/AIkpVkzvjsXCnW73W6BZiT?grup=dakwah-santun----------


26. DAKWAH SALAFUSH SHOLEH
https://chat.whatsapp.com/EpJTm36rXY2GpAzsTIoGq0?grup=dakwah-shalafu-sholeh-------


27. DAKWAH SUNNAH 1
https://chat.whatsapp.com/91i2yX1ATMr6dnwtmH32rU?grup=dakwah-sunnah--


28. DAKWAH SUNNAH 2
https://chat.whatsapp.com/0WZ9uEL2ueqKQrwte6bE0m?grup=dakwah-sunnah-


29. DAKWAH SUNNAH 3
https://chat.whatsapp.com/HM3af2jjPlfHJH8z3y9MHZ?grup=dakwah-sunnah--


30. DAKWAH SQUAD AKHWAT ID
https://chat.whatsapp.com/6clMqoy5xn11z8ONLbCkGR?grup=dakwahsquad--------akhwatid


31. DAKWAH LIL KHAIR 1
https://chat.whatsapp.com/HKaYzhWB26B8CiUjLqjdRC?grup=da-wah-lilkhair--


32. DAKWAH LIL KHAIR 2
https://chat.whatsapp.com/7YR4glHaN5oCW1Z44DUdIJ?grup=da-wah-lilkhair--


33. FOKUS DAKWAH
https://chat.whatsapp.com/Ai7p3Qm80g7FC4r3cJQMSf?grup=fokus-dakwah--fokus-tv-


34. FORUM DAKWAH
https://chat.whatsapp.com/I9bxsWMyTxPFfuwi82B02I?grup=forum-dakwah


35. FORUM DAKWAH ISLAMI 1
https://chat.whatsapp.com/1yb8H5d0MOlAtOqEtTmeja?grup=forum-dakwah-islami


36. FORUM DAKWAH ISLAM 2
https://chat.whatsapp.com/5ULPZiOCpNg4Bx8FztxQJa?grup=forum-dakwah-islami


37. FORUM DAKWAH ISLAM 3
https://chat.whatsapp.com/6uFpFx5WjghJchuKqITCTP?grup=forum-dakwah-islami-----------


38. FORUM DAKWAH ISLAM 4
https://chat.whatsapp.com/1sHs0ddEd1iGVxx5rF3aRQ?grup=forum-dakwah-islami-----------------


39. FORUM DAKWAH ISLAM 5
https://chat.whatsapp.com/H1u34M6ci9r79d6RhFRCNg?grup=forum-dakwah-islami-------------


40. GRUP DAKWAH
https://chat.whatsapp.com/6tKqqwOX2zSF4LZWRUrZhq?grup=grup-dakwah


41. GRUP DAKWAH DAN UKHWAH
https://chat.whatsapp.com/KK9XowrNPJfKmnfeBWUiQm?grup=grup-dakwah---ukhuwah


42. GRUP DAKWAH SUNNAH
https://chat.whatsapp.com/IzzzNgfiKZ4JpHAuAQtVfS?grup=grup-dakwah-sunnah


43. HIDUP MULYA DALAM DAKWAH
https://chat.whatsapp.com/H70HAWue47GFIlumON1d3x?grup=hidup-mulya-dalam-dakwah


44. ILMU DAKWAH
https://chat.whatsapp.com/DpvRQshplz644gQB1rlugY?grup=ilmu------dakwah


45. JALAN DAKWAH
https://chat.whatsapp.com/20vqE8B2pscFNyn8KHVCFf?grup=jalan-dakwah


46. KAJIAN DAKWAH ISLAM
https://chat.whatsapp.com/09salLSwUU13UZxOPQYXob?grup=kajian-dakwah-islami-----


47. MAJELIS DAKWAH ISLAM
https://chat.whatsapp.com/2FxyKG7fftqEef5HaQ8fbf?grup=majelis-dakwah-islam-----


48. MUJAHID DAKWAH
https://chat.whatsapp.com/CKA3O6PIU1bGosiV1xj4cs?grup=mujahid-dakwah--


49. MEDIA DAKWAH
https://chat.whatsapp.com/CeZElLaASdGESctVbWFCYl?grup=media-dakwah--------


50. MUTIARA DAKWAH ISLAMI
https://chat.whatsapp.com/6GpO0pXsvBl7FA6awk438o?grup=mutiara-dakwah-islami


Nah, itulah 50 link WhatsApp tentang dakwah. Semoga dengan informasi ini dapat menambah tali silaturahmi kita sesama muslim, dan menjadi perantara kita menuju kesempurnaan iman, islam, dan ihsan. aamiin.
Perhatian : Bagi yang menginginkan link WA lain selain grup dakwah, silahkan rekomendasikan pada kolom komentar, maka akan admin proses. Terima kasih !
Gabung juga di grup :
                                     20 Link WA Usaha dan Bisnis
                                     30 Link WA Wirausaha dan Bisnis
                                     50 Link WA Loker SeIndonesia

Selasa, 27 November 2018

Cara Membuat Artikel Terkait SUPER SEO

Add Comment
Related Post baca juga super SEO Selamat Siang Bos kuh, di siang hari yang lumayan panas ini, saya akan membagikan tutorial tentang cara membuat artikel terkait Yang Lebih SEO Frindly.  Pada kesempatan lalu, saya telah menuliskan tentang cara membuat artikel terkait dengan scroll. Nah, artikel ini masih bersangkutan dengan artikel sebelum. Karena memberikan fungsi yang sama, akan tetapi tampilan dan kekuatannya berbeda.

Lah kang, bukan kah kemarin sudah membuat artikel related post yang responsive seo, ko sekarang buat lagi ? Iya, memang benar, beberapa hari lalu saya telah membuat related post yang responsive seo, dan kenapa saya membuat lagi pada artikel ini ? Sengaja saya pisahkan, karena artikel ini lebih dari sekedar SEO. Artinya artikel terkait ini memiliki kekuatan SUPER SEO, yang dimana dapat memenuhi kriteria dari 200 lebih google ranking factor. Itu artinya, semakin banyak kriteria google telah kita penuh, semakin memudahkan pula blog kita nongkrong di page one.

Yang dimana pada postingan ini saya akan memberikan 2 jenis widget related postPada postingan artikel kali ini kami akan membagikan 2 jenis widget related posts "blogger" yang responsive yang dapat anda terapkan di bawah postingan artikel atau konten yang anda buat,dan pastinya memiliki nilai "SEO friendly yang lebih" yang baik memenuhi kriteria "200+google rangking faktor" yang sangat mudah untuk di terapkan.

Oke, pada artikel ini saya akan membagikan related post super seo dengan tumbnail (gambar). Kenapa Harus dengan tumbnail ? Hal ini bertujuan jika kita memasang widget dengan tumbnal akan memberi sinyal kepada pengunjung untuk mengklik artikel kita. Bayangkan saja, ketika kita membuka artikel, mana yang menurut kita enak di baca ? Dengan gambar atau hanya teks saja ? pasti kita akan mengklik yang ada gambarnya. Karena memang hal tersebut enak dilihat ^_^

Baiklah, kita langsung saja yaa bos kuh. Pada tahap pertama ini, kita harus menyipkan struktur kode untuk membuat lahan bagi gambar tinggal. Caranya :
1. Buka dasbor blog bos kuh
2. Klik Tema
3. Pilih Edit HTML
4. Cari kode  ]]></b:skin> atau </style> (gunakan CTRL+F untuk memudahkan pencarian)
4. letakan kode dibawah ini tepat di atas kode ]]></b:skin> atau </style>
 /* Related Post */

#related-post {margin:0;padding:20px 0 0 0;}


#related-post h4{display:none;color:#30373c;border-bottom:1px solid rgba(0,0,0,0.05);border-top:1px solid rgba(0,0,0,0.05);padding:10px 0;font-size:20px;margin:0 0 20px 0;padding-left:8px;line-height:1em}


#related-post h4 span{padding:6px;display:inline-block;vertical-align:middle}


.relhead {background:#fff;font-size:100%;font-weight:normal;line-height:150%;overflow:hidden;padding:0;}


ul#related-summary {margin:0;padding:0 15px;}


ul#related-summary li{position:relative;float:left;list-style:none outside none;margin:0 5px 15px 5px;padding:0;overflow:hidden;height:180px;width:31.6%}


ul#related-summary li img{background-color:#f1f1f1;width:100%;height:auto;max-width:100%;margin:0 auto;vertical-align:middle;}


ul#related-summary li a.relinkjdulx{color:#30373c;display:block;font-size:14px;font-weight:400;line-height:normal;overflow:hidden;text-align:center;padding:10px 10px 10px 0}


ul#related-summary li a.relinkjdulx:hover{color:#30373c;}


.overlayb {position:relative;max-height:140px;overflow:hidden;}


.overlayb:before{content:'';background-color:rgba(0,0,0,0.2);position:absolute;text-align:center;top:0;left:0;right:0;bottom:0;z-index:2;opacity:0;visibility:hidden;transition:all 0.4s linear}


.overlayb:after{content:'\f002';font-family:fontawesome;font-size:1.3rem;color:rgba(255,255,255,1);position:absolute;top:45%;left:45%;text-align:center;z-index:2;opacity:0;visibility:hidden;transition:all 0.20s linear}

.overlayb:hover:before,.overlayb:hover:after {opacity:1;visibility:visible;} 

5. lalu, letakan JavaScript di bawah ini di atas kode </head>
 <script type='text/javascript'>/*<![CDATA[*/function saringtags(r,l){for(var e=r.split("<"),n=0;n<e.length;n++)-1!=e[n].indexOf(">")    (e[n]=e[n].substring(e[n].indexOf(">")+1,e[n].length));return e=e.join(""),e=e.substring(0,l-1)}function relpostimgcuplik(r){for(var l=0;l<r.feed.entry.length;l++){var e=r.feed.entry[l];reljudul[relnojudul]=e.title.$t,postcontent="","content"in e?postcontent=e.content.$t:"summary"in e    (postcontent=e.summary.$t),relcuplikan[relnojudul]=saringtags(postcontent,numchars),"media$thumbnail"in e?postimg=e.media$thumbnail.url:postimg="http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.GIF",relgambar[relnojudul]=postimg;for(var n=0;n<e.link.length;n++)if("alternate"==e.link[n].rel){relurls[relnojudul]=e.link[n].href;break}relnojudul++}}function contains(r,l){for(var e=0;e<r.length;e++)if(r[e]==l)return!0;return!1}function artikelterkait(){for(var r=new Array(0),l=new Array(0),e=new Array(0),n=new Array(0),t=0;t<relurls.length;t++)contains(r,relurls[t])||(r.length+=1,r[r.length-1]=relurls[t],l.length+=1,l[l.length-1]=reljudul[t],e.length+=1,e[e.length-1]=relcuplikan[t],n.length+=1,n[n.length-1]=relgambar[t]);reljudul=l,relurls=r,relcuplikan=e,relgambar=n;for(var t=0;t<reljudul.length;t++){var a=Math.floor((reljudul.length-1)*Math.random()),u=reljudul[t],i=relurls[t],o=relcuplikan[t],s=relgambar[t];reljudul[t]=reljudul[a],relurls[t]=relurls[a],relcuplikan[t]=relcuplikan[a],relgambar[t]=relgambar[a],reljudul[a]=u,relurls[a]=i,relcuplikan[a]=o,relgambar[a]=s}for(var g,m=0,d=Math.floor((reljudul.length-1)*Math.random()),c=d,h=document.URL;relmaxtampil>m    (relurls[d]==h||(g="<li class='news-title clearfix'>",g+="<a href='"+relurls[d]+"' rel='nofollow' target='_top' title='"+reljudul[d]+"'><div class='overlayb'><img src='"+relgambar[d]+"' /></div></a>",g+="<div class='overlaytext'><a class='relinkjdulx' href='"+relurls[d]+"' target='_top'>"+reljudul[d]+"</a></div>",g+="<span class='news-text'>"+relcuplikan[d]+"</span>",g+="</li>",document.write(g),m++,m!=relmaxtampil))    (d<reljudul.length-1?d++:d=0,d!=c););}var relnojudul=0,relmaxtampil=6,numchars=90,reljudul=new Array,relurls=new Array,relcuplikan=new Array,relgambar=new Array;/*]]>*/</script>

6. Kemudian letakan kode dibawah ini sebelum kode <div class="post-footer"> 
PERHATIAN ! Biasanya dalam satu tema terdapat lebih dari 1 kode  <div class="post-footer">, maka letakan kode dibawah ini pada kode  <div class="post-footer">  yang ke dua.
 <div id='related-post'>


<div class='relhead'>


  <h4><span>Artikel Terkait</span></h4>


<div class='clear'/>


          <b:loop values='data:post.labels' var='label'>


               <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;amp;callback=relpostimgcuplik&amp;amp;max-results=50&quot;' type='text/javascript'/>


          </b:loop>


          <ul id='related-summary'>


               <script type='text/javascript'>artikelterkait();</script>


          </ul>


     </div>

</div>
7. Klik Simpan
8. Lihat hasilnya

Selamat, karena sekarang bos kuh sudah berhasil membuat related post keren yang super seo. Terima kasih sudah berkunjung pada blog ini, semoga bermanfaat ^_^

Baca Juga:
Cara Membuat Artikel Terkait Sesuai Yang Kita Inginkan

Rabu, 21 November 2018

Membuat Tombol Share Artikel Keren dan Responsive

Add Comment
Membuat Tombol Share Artikel Keren dan Responsive,- Selamat siang sahabat Programmer SEO dimana pun kalian berada. Ketika kamu membuka artikel ini, saya tau apa yang kamu inginkan, tombol share artikel kan ? baiklah, ku beri kamu satu permintaan. Eh, tiga permintaan. Tapi sayangnya hanya satu yang bisa kamu pasang. Jadi silahkan di pilih saja yang cocok buat kamu. hihiii...

Tombol share artikel memang sangat membantu bagi keberlangsungan hidup blog yang tengah kita kelola, karena dengan tombol itulah kita dan juga para pengunjung lainnya bisa menshare artikel-artikel kita yang sangat berkualitas, dan juga sekaligus memperkenalkan blog kita kepada orang lain.

Selain dapat memberi manfaat pada orang lain dengan artikel yang kita tulis, tombol share juga dapat membuat blog kita terkenal, dan terlebih lagi dapat meningkatkan kualitas blog kita di mata search engine. Hebat bukan ?

Mmm.. Sepertinya saya sudah cukup lama berceramah. Baiklah, kita langsung intip saja ke tiga tombol share itu ya sahabat.

#1. Tombol Share Pertama

Jika kamu menginginkan tampilan tombol share di atas, langkah pertama yang harus kamu lakukan ialah :
1. Silahkan buka dasbor blog kamu
2. Klik templete atau tema
3. Pilih edit HTML
4. Cari kode  <head>
5. Jika sudah ketemu,  simpan script kode dibawah ini tepat dibawah kode <head>
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
6. Lalu cari kode <data:post.body/> (pada satu tema, biasanya terdapat 4-5 kode, pilih bagian kedua)
7. Jika ketemu, pastekan kode dibawah tepat diatas kode <data:post.body/>
 <style>
.sharepost li{width:19%;padding:0;list-style:none;}
.sharepost li a{opacity:0.8;padding:10px 0;color:#fff;display:block;border:double #fff;}
.sharepost{overflow:hidden;text-align:center;margin-bottom:20px;margin-top:20px;}
.sharepost li a:active{opacity:1;color:#444;border:double #fff;}
.sharepost li .twitter{background-color:#55acee;}
.sharepost li .facebook{background-color:#3b5998;}
.sharepost li .gplus{background-color:#dd4b39;}
.sharepost li .pinterest{background-color:#cc2127;}
.sharepost li .linkedin{background-color:#0976b4;}
.sharepost li .twitter:active,.sharepost li .facebook:active,.sharepost li .gplus:active,
.sharepost li .pinterest:active,.sharepost li .linkedin:active{background-color:#444;color:#fff;}
.sharepost li{float:left;margin-right:1.2%}
.sharepost li:last-child{margin-right:0}
.sharepost li .fa:before{margin-right:5px}
</style>
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
        <div class='sharepost'>
                <ul>
                <li><a class='twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Twitter Tweet'><i class='fa fa-twitter'/>Tweet</a></li>

                <li><a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' target='_blank' title='Facebook Share'><i class='fa fa-facebook'/>Share</a></li>

                <li><a class='gplus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' target='_blank' title='Google Plus Share'><i class='fa fa-google-plus'/>Share</a></li>

    <li><a class='linkedin' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' target='_blank'><i class='fa fa-linkedin'/>Share</a></li>

                <li><a class='pinterest' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;amp;description= + data:post.title&quot;' target='_blank'><i class='fa fa-pinterest'/>Share</a></li>

                </ul>
         </div> </b:if>
8. Simpan Tema dan lihat blog

#2. Tombol Share Mengembang
Jika kamu menginginkan tampilan button share yang dapat mengembang ketika kursor di arahkan ke sana, maka langkah pertama yang harus kamu lakukan yaitu :
1. Buka templete
2. Edit HTML
3. Cari kode <data:post.body/> (dalam satu templete, biasanya ada 4-5 kode tersebut. maka pilih yang kedua)
4. Jika sudah ketemu, salin kode di bawah ini dan letakan di bawah <data:post.body/>
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='tombol-berbagi-arlina'>
<div class='tombol-berbagi-arlina-fb'>
<a class='tombol-berbagi-fb' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'/>
<a class='tombol-berbagi-fb-label' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'> Share on Facebook</a>
</div>
<div class='tombol-berbagi-arlina-tw'>
<a class='tombol-berbagi-tw' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank'/>
<a class='tombol-berbagi-tw-label' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank'>Share on Twitter</a>
</div>
<div class='tombol-berbagi'>
<a class='tombol-berbagi-gp' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'/>
<a class='tombol-berbagi-gp-label' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on Google+</a>
</div>
<div class='tombol-berbagi'>
<a class='tombol-berbagi-lin' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' rel='nofollow' target='_blank'/>
<a class='tombol-berbagi-lin-label' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' rel='nofollow' target='_blank'>Share on LinkedIn</a>
</div>
</div>
</b:if>
5. Selanjutnya, silahkan cari kode ]]></b:skin> atau </style>
6. Pasangkan struktur kode di bawah ini, tepat di atas kode ]]></b:skin> atau </style>
 /* CSS Share Button */
.tombol-berbagi-arlina{display:block;position:relative;height:43px;line-height:43px;padding:10px;border-top:1px solid #dadada;border-bottom:1px solid #dadada;margin:auto}
.tombol-berbagi-arlina-fb,.tombol-berbagi{float:left;width:21%;padding:0 10px;height:inherit}
.tombol-berbagi-arlina-tw,.tombol-berbagi,.tombol-berbagi-lk{float:left;width:21%;height:inherit;padding:0 10px;border-left:solid 1px #dadada}
.tombol-berbagi-fb,.tombol-berbagi-tw,.tombol-berbagi-gp,.tombol-berbagi-lin,.tombol-berbagi-pi{float:left;display:block;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9fOnevOnE-Yw7Ixq985C87ouLf28O6Qo22nA-TA4kzzztENxX3Wu-Lq_dEybB5T6a3_qvSHI8tuBJyagkyr8FHUNLXL_vvH0oYXmzeIXHk5uVlILygeuHgd7osidoLc01vBT20mQwi2aI/s1600/share.png') no-repeat;width:42px;height:41px;margin-right:3px}
.tombol-berbagi-fb-label{color:#2d609b}
.tombol-berbagi-fb-label,.tombol-berbagi-tw-label,.tombol-berbagi-gp-label,.tombol-berbagi-lin-label{float:left;width:58px;height:inherit;font-size:12px;font-family:'Open Sans Bold',Arial,sans-serif;line-height:14px;margin:5px 0 0 4px}
.tombol-berbagi-tw{background-position:0 -43px}
.tombol-berbagi-tw-label{color:#00c3f3}
.tombol-berbagi-gp{background-position:0 -86px}
.tombol-berbagi-gp-label{color:#f00}
.tombol-berbagi-lin{background-position:0 -129px}
.tombol-berbagi-arlina a{color:#999;transition:all .3s;}
.tombol-berbagi-arlina a:hover{color:#7cb0ed}

@media only screen and (max-width:640px){
.tombol-berbagi,.tombol-berbagi-arlina-fb{display:inline-block;float:none;width:48%;padding:0;height:inherit}
.tombol-berbagi,.tombol-berbagi-arlina-tw,.tombol-berbagi-lk{float:left;width:48%;padding:0;border-left:0}}
7. Simpan templete dan lihat hasilnya

#3. Tombol Share Responsive SEO
Nah, jika kamu menginginkan tampilan tombol sharenya lebih rensponsive dan lebih ringan, silahkan pakai kode yang akan saya berikan di bawah ini :
1. Buka templete
2. Pilih edit HTML
3. Cari kode <head>
4. Jika sudah ketemu, pasangkan kode di bawah ini, tepat di bawah kode <head>
<link href='http://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>
5. Masih pada bagian HTML, sekarang cari kode <data:post.body/> (disarankan pada struktur yang kedua)
6. Jika sudah ketemu, masukan kode ini dibawah <data:post.body/>
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='bg-teks'>Bagikan ke orang lain!!</div>
<div class='tombol-berbagi'>
<a class='berbagi-gp' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>
<i class="fa fa-google-plus" aria-hidden="true"></i> Google
</a>
<a class='berbagi-fb' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='blank'>
<i class="fa fa-facebook" aria-hidden="true"></i> Facebook
</a>
<a class='berbagi-tw' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='blank'>
<i class="fa fa-twitter" aria-hidden="true"></i> Twitter
</a>
<a class='berbagi-in' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' rel='nofollow' target='blank'>
<i class="fa fa-linkedin" aria-hidden="true"></i> Linkedin
</a>
</div>
</b:if>
7. Lalu cari kode ]]></b:skin> untuk mengaktifkan tombol share
8. Jika sudah ketemu, letakan kode ini tepat di atasnya
 /*--Tombol Share Bloggars.com Design--*/
.tombol-berbagi {border-top: 2px solid;padding: 5px 10px 10px 5px;width: 100%;}
.tombol-berbagi a {color:#FFF;}
.tombol-berbagi a i {border-right: 1px solid;padding-right: 5px;}
.bg-teks {font-size: 16px;margin: 5px;text-align: left;font-weight: bold;}
.berbagi-gp, .berbagi-fb, .berbagi-tw, .berbagi-in {color: #fff;display: inline-block;font-size: 13px;line-height: 100%;margin: 7px;border-radius: 5px;margin: 2px;padding: 7px;text-align: center;}
.berbagi-gp {background: #dc4e41;}
.berbagi-fb {background:#3d5b99;}
.berbagi-tw {background:#1da1f2;}
.berbagi-in {background:#0077b5;}
@media only screen and (max-width:480px){
.berbagi-gp, .berbagi-fb, .berbagi-tw, .berbagi-in {width: 100px;}}
9. Simpan tema
10. Lihat blog

Itulah 3 jenis share button yang bisa kamu pilih. Terima kasih, semoga bermanfaat dan semoga blog bos kuh semakin terkenal.

Selasa, 20 November 2018

6 Cara Jitu Meningkatkan Trafik Organik Yang Aman

Add Comment
6 Cara Jitu Meningkatkan Trafik Organik Yang Aman, - Siapa sih yang tak ingin memiliki trafik yang banyak, setiap blogger pasti mengharapkannya. Entah itu yang baru terjun ke dunia blogger atau pun yang lama, Karena dari pengunjung itulah sumber penghasilan mereka. Semakin banyak pengunjung, semakin besar pula kemungkinan untuk mengklik iklan, dan semakin besar pula pundi-pundi yang bisa diraup.

Trafik search engine

Nah, kita harus tahu, ada banyak keuntungan ketika blog banyak memiliki trafik/pengunjung, apalagi trafik organik yang bersumber dari mesin pencari (google, bing, yahoo dsb). Tapi sayangnya meningkatkan trafik yang langsung tinggi tidak semudah membalikan telapak tangan, karena diperlukan usaha, kerja keras, juga analisis yang kuat untuk mewujudkan semua itu.

Seberapa penting sih, trafik itu ?
Tentunya itu sangat penting, layaknya nyawa dalam struktur tubuh, yang merupakan inti kehidupan. karena dengan trafik tinggi, membuat para blogger semangat dalam dunia bloggingnya. Contoh kecilnya bahwa dunia blogger ibarat sebuah pasar, dan pemilik blog adalah seorang pedagangnya. Kita pasti akan merasa kesal dan hampir putus asa jika dagangan kita sepi pembeli. Begitu juga dengan website/blog yang kita kelola.


Nah, lalu bagaimana cara meningkatkan pengunjung blog ? Nah, sebelumnya kita harus tahu dulu bahwa saat ini ada banyak cara untuk mendatangkan trafik ke halaman blog, ada yang berbayar ada pula yang secara mandiri. bagi seseorang yang memiliki banyak uang mungkin hal ini tidak sulit, karena cukup dengan membayar jasa trafik, maka secara otomatis pengunjung blog akan naik secara drastis. Akan tetapi bagi kita yang memiliki kekurangan dana, tentunya cara mandiri adalah jalan satu-satunya.

Untuk kita yang kebetulan masih bingung cara meningkatkan trafik blog kita, terutama trafik oranik yang bersumber dari mesin pencari google, maka setidaknya  kita harus mengetahui hal-hal yang bisa meningkatkan trafik blog kita, dengan mengetahuinya maka kita bisa mengupayakan agar trafik blog kita naik.

5 Hal yang bisa meningkatkan trafik organik blog kita.
Berikut akan saya uraikan beberapa hal yang bisa meningkatkan trafik blog kita yang bisa kita upayakan.

1. Kualitas artikel
Kualitas artikel tentunya menjadi penopang utama dalam meningkatkan visitor organik. Kenapa Demikian ? Karena semakin berkualitas artikel kita, tidak ada 1% pun yang plagiat, maka secara otomatis artikel/blog kita akan lebih di prioritaskan oleh google sehingga akan memungkinkan berada di page one, jika sudah berada di page one, maka bukan tidak mungkin akan menarik banyak pengunjung. Lihat gambar di bawah ini :


Pada gambar di atas menunjukan bahwa artikel yang saya buat ini, 100% bukan hasil plagiat. Jika kita ingin mengetahui apakah artikel yang kita buat itu mengandung plagiat atau tidak, bisa KLIK DISINI! lalu pastekan seluruh isi tulisan kita => Scroll ke bawah => Klik CHECK PLAGIARISM. Jika masih ada plagiat, agar langsung memperbaikinya sampai sukses 100%.

Oleh karena itu, jangan lupa untuk selalu menyajikan artikel yang berkualitas. Seperti apa artikel berkualitas dimata search engine google ? Dimata search engine, artikel berkualitas yaitu suatu artikel yang mampu membuat pengunjung blog kita senang membacanya, sehingga membuat mereka betah berlama-lama nongkrong di blog kita. Selain itu pula, mereka mendapatkan apa yang mereka cari dari setiap artikel yang kita terbitkan.

Pada Agustus 2018 lalu, Google telah memberitahukan kepada seluruh pengguna website raksasa, bahwa mereka telah merubah algoritmanya, yakni lebih kepada UX (User Experience), yang di mana algoritma ini lebih menitikberatkan pada  factor pengalaman pengguna (pengunjung). Dengan kata lain, ketika perilaku pengguna terhadap blog kita dinilai baik dimata search engine google, maka secara otomatis blog kita akan mendapatkan reputasi yang baik dimata mesin pencari.

Nah, adapun upaya untuk meningkat UX Factor ini caranya yaitu, seperti biasa, kembali lagi ke kualitas artikel. Kita harus memperhatikan kualitas dan jumlah kata pada artikel kita. Hal lainnya yaitu kita harus memperhatikan tampilan blog kita, seperti kecepatan blog, navigasi situs yang jelas, internal link dari satu artikel ke artikel lain, penempatan keyword yang baik, dan interaksi antara pemilik blog dan pengunjung. Ketika ada pengunjung blog yang memberi komentar, maka kita pun harus tanggap memberi komentar kepada mereka. Dan dengan menggunakan bahasa yang baik dan benar, juga sopan.

2. Templete Yang SEO Frindly
Template seo friendly yaitu tampilan template blog yang di dalamnya sudah dilibatkan unsur-unsur seo. Hal ini bermanfaat untuk robot google dalam mencrawl setiap element pada blog dan artikel kita. Semakin responsive tampilan blog kita, maka akan semakin memudahkan kerja bot google dalam merayapi seluruh isi blog kita. Dan dengan demikian, blog kita pun akan lebih di prioritaskan.

Dan jika kita ingin melihat seberapa SEO kah templete kita, maka saya sarankan untuk mengeceknya di CHKME. Karena situs tersebut paling banyak digunakan oleh master templete dalam membuat templete yang seo frindly. Jika skor seo kita 80% ke atas, maka itu sangat baik untuk kemajuan blog kita. Kalau kurang, maka bisa memperbaiki, atau mencari templete lain yang lebih SEO.

Dan kita juga harus memastikan pada struktur template kita, apakah sudah baik atau belum. Ukuran template atau tema yang sudah baik yaitu di tandai dengan 3 hal utama, Mobile frindly, desktop frindly, dan kecepatan situs yang baik. Ketiga kriteria tersebut saat ini sangat disukai oleh mesin pencari, sehingga akan mempengaruhi artikel blog kita menjadi lebih mudah ditemukan di hasil pencarian.

Jika kita ingin melihat seberapa baik template blog kita, saya sarankan untuk melihatnya di Cekseo.com

3. Backlink
Memang tidak bisa dipungkiri kehadiran si backlink ini. Karena sampai detik artikel ini di tulis, peranan backlink sangat berpengaruh besar dalam meningkatkan trafik blog kita. Jika nama domain blog kita memiliki banyak backlink, maka secara otomatis blog kita pun akan lebih berpontensi ditemukan pada search engine.

Bagi kita yang ingin meningkatkan pengunjung blog secara signifikan, tentunya kita harus mengupayakan sekuat tenaga dalam membangun backlink ini. Tentunya dengan cara yang baik. Seperti apakah membangun backlink yang baik ? Jika kita ingin membangun backlink yang baik dan berkualitas, kita harus melihat terlebih dulu blog yang akan kita masuki backlink. 

Kita harus tahu terlebih dahulu, apakah blog orang lain itu sesuai dengan niche blog kita, ataupun artikel yang dimiliki orang lain itu relevan dengan artikel kita. Jika iya, maka, tanamkan backlink kita disana. Kita jangan asal menanamkan backlink, karena jika salah tanam, bisa fatal akibatnya. Blog kita akan terlempar jauh ke belakang. Karena selain memperhatikan UX Factor, algoritma google juga  sangat memperhatikan kualitas backlink, 

Untuk mendapatkan backlink jenis ini tentu saja tidak mudah, salah satu caranya kita harus menyajikan konten yang berkualitas sehingga orang lain rela memberikan backlink ke dalam artikel kita, karena memang artikel yang telah kita buat memang pantas menjadi sumber referensi.

Atau kita pun juga bisa mengupayakan dengan membangun backlink sendiri secara manual. Yaitu dengan bekerjasama dengan pemilik blog lain, akan tetapi kita harus memperhatikan kenormalannya, jangan sampai terlalu banyak tukar backlink, karena hal tersebut sangat rentan mendapat teguran dari google. Kenapa demikian ? Karena bertukar link secara terus menerus dapat dianggap optimasi SEO blackhat oleh Google.

4. Perhatikan Jumlah Kata Pada Tiap Artikel
Kita memang sudah tidak menyangkalnya lagi, bahwa jumlah kata dalam sebuah artikel menentukan keberhasilan kita dalam menarik pengunjung. Semakin banyak kata yang kita gunakan, akan semakin bagus di mata google. Hal ini disebabkan, algoritma google mendeteksi bahwa semakin banyak kata pada sebuah artikel, menunjukan artikel tersebut lebih komprehensif dibandingkan dengan artikel yang lain. 

SerpIQ pernah menganalisa bahwa jumlah artikel bahwa sebuah artikel yang banyak nongkrong di page-page one adalah mereka yang memiliki artikel dengan jumlah kata di atas 2000 kata atau lebih.

Oleh karena itu, jika kita menginginkan trafik blog kita naik secara signifikan, upayakanlah untuk menulis artikel minimal 2000 kata, dan tentunya kita harus tetap memperhatikan qualitas artikel kita agar informasinya mudah dicerna oleh pembaca dan bukan hasil plagiat. Karena semakin panjang dan berkualitas maka akan semakin baik di mata pengunjung dan mesin pencari.

5. Penargetan Kata Kunci
Nah, ini adalah bagian kedua terakhir, yaitu cara optimasi kata kunci atau keyword. Kata kunci ini jangan sampai terlewatkan oleh kita. Karena peletakan kata kunci akan memberi pengaruh terhadap jumlah trafik. Lalu, bagaimana cara meriset kata kunci yang baik ? Pada bagian ini saya akan memberikan beberapa poin penting tentang riset keyword:

#1. Untuk dapat meriset kata kunci yang baik dan relevan, sebelum memberi judul artikel, kita harus menggunakan Google Auto Suggest di mesin pencarian agar kita mendapatkan kata kunci yang relevan terhadap artikel yang akan kita garap. 

#2. Jika kita sudah menemukan kata kunci yang relevan, langkah selanjutnya yaitu, coba masukan 5-10 kata kunci pada satu buah artikel kita. Karena jika nanti pengunjung mengetik kata kunci yang tidak sesuai dengan judul artikel kita, masa ada lagi kata kunci lain yang ada di dalam artikel kita. Sehingga dapat mengarahkan untuk mengklik artikel kita. 

#3. Kemudian, langkah selanjutnya yaitu, cobalah memberi simbol bold, italic, atau underline pada kata kunci yang telah kita masukan ke dalam artikel kita. Hal ini berguna untuk memerintahkan google bot memberi penekanan terhadap kata atau kalimat yang kita kasih simbol tersebut.

4. Dan hal lain yang harus kita perhatikan ialah membuat judul yang persaingannya sedikit. Untuk mengetahui berapa banyak hasil pencarian, kita bisa mengetik judul artikel pada mesin pencari. Dan dibawahnya akan ada deretan angka. Perhatikan gambar di bawah ini :



Nah jumlah angka yang saya beri kotak merah merupakan hasil pencarian pengguna dalam satu bulan. Oleh karena itu, jika kita menginginkan trafik kita naik, buatlah judul dengan hasil pencarian kurang dari 500 ribu. Karena jika lebih, malah akan membuat blog kita tersingkirkan oleh website-website raksasa. 

6. Rutin Update Artikel
Bagi blog pemula, kita jangan pernah bosan-bosan untuk terus update.. update... dan update artikel. Karena semakin banyak kita mengupdate artikel, maka pihak google akan lebih memprioritaskan blog kita. Contohnya blog saya yang satu ini, pada masa pembuatan saya update sekitar 2-3 artikel, sehingga seminggu kemudian mendapatkan trafik yang lumayan banyak, yakni lebih dari 2000 pengunjung.
Baca Juga:

Cara Membuat Artikel Terkait Keren RESPONSIVE SEO FRINDLY

2 Cara Optimasi Gambar agar lebih SEO

Sabtu, 17 November 2018

Cara Membuat Artikel Terkait Keren RESPONSIVE SEO FRENDLY

Add Comment
Selamat sore bos kuh, welcome back to Programmer SEO.. hehe so bahasa Inggris yaa. Oke bos kuh pada kesempatan kali ini saya akan membagikan 3 tutorial, cara membuat artikel terkait keren di bawah postingan dan di dalam postingan blog, serta di tengah postingan yang pastingan sangat responsive dan berSEO friendly.

artikel terkait atau recent post merupakan hal yang sangat di anjurkan oleh Google sebagai bentuk layanan mereka kepada pengunjung agar memudahkan dalam mencari artikel. Sehingga dengan adanya artikel terkait pada blog kita, dapat menarik pengunjung untuk membuka artikel lain di blog kita, hal ini berefek pada bertambahnya waktu kunjungan seseorang. Dan tentunya sangat baik bagi keberlangsungan hidup blog kita, (kayak binatang aja ada keberlangsungan hidup.. hehe)

baiklah, langsung saja ya bos kuh. Di bawah ini telah saya sediakan beberapa jenis tampilan artikel terkait ada yang menggunakan tumbnail (gambar) ada juga yang simpel (tanpa gambar). Silahkan bos kuh pilih sesuai selera. Tapi terlebih dahulu, sbelum bos kuh menerapkannya pada blog bos kuh, pahami dulu langkah-langkahnya.

1. SIlahkan Log in ke akun bos kuh
2. Klik Tata Letak
3, Tambahkan Gadget 
4. Pilih Javascript/HTML
5. Pastekan script dibawah ini pada kolom Javascript/HTML
 <style scoped='' type="text/css">
ul#recent-posts{list-style:none;margin:0;padding:0}li.recent-posts{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-word;padding:10px 0;margin:0;}
li.recent-posts:last-child{border-bottom:0;}
li.recent-posts a{color:#444;}li.recent-posts a:hover{color:#444;text-decoration:underline}
</style>
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "https://www.Belajarseokompleks.blogspot.com",
numPosts = 10;
function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><a href="'+link+'" title="'+title+'" target="_blank" rel="nofollow">'+title+'</a></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);
//]]>
</script>
Ubah alamat https//:www.belajarseokompleks.blogspot.com dengan URL bos kuh, dan ganti juga angka pada numpost = 10; sesuai dengan yang bos kuh inginkan. Angka tersebut menunjukan jumlah artikel yang ingin bos kuh tampilkan pada recent post bos kuh.

Nah kemudian, dibawah ini adalah Related Post dengan Thumbnail atau Gambar. Jika bos kuh lebih tertarik pada yang ini, silahkan copy kan kodenya dan letakan sebagaimana tutorial yang ada di atas.

#2. Membuat Related Post dengan Thumbnail (Gambar) 
Apa keutamaan artikel terkait dengan thumbnail ? Keutamaan artikel terkait dengan gambar yaitu dapat memikiat daya tarik pengunjung. Jadi ketika seseorang berkunjung ke blog kita, jika melihat gambarnya, maka secara otomatis memiliki daya tarik tersendiri. Dan secara tanpa sadar, ia ingin mengklik artikel kita.

Oke bos kuh, langsung saja copy kan kode di bawah ini :
 <style scoped='' type='text/css'>#recent-posts{color:#999;font-size:12px}#recent-posts img{background:#fafafa;float:left;height:60px;margin-right:8px;width:60px;border-radius:4px}#recent-posts ul{margin:0;padding:0}#recent-posts ul li{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid rgba(0,0,0,0.1)}#recent-posts ul li:last-child{border-bottom:0}#recent-posts ul li a{display:block;color:#222;font-weight:700;text-decoration:none;font-size:14px;margin:0 0 10px 0;line-height:normal}</style><div id='recent-posts'><script type='text/javaScript'>var rcp_numposts=5;var rcp_snippet_length=150;var rcp_info='yes';var rcp_comment='Comments';var rcp_disable='T?t Nh?n xét';function recent_posts(json){var dw='';a=location.href;y=a.indexOf('?m=0');dw+='<ul>';for(var i=0;i<rcp_numposts;i++){var entry=json.feed.entry[i];var rcp_posttitle=entry.title.$t;if('content'in entry){var rcp_get_snippet=entry.content.$t}else{if('summary'in entry){var rcp_get_snippet=entry.summary.$t}else{var rcp_get_snippet="";}};rcp_get_snippet=rcp_get_snippet.replace(/<[^>]*>/g,"");if(rcp_get_snippet.length<rcp_snippet_length){var rcp_snippet=rcp_get_snippet}else{rcp_get_snippet=rcp_get_snippet.substring(0,rcp_snippet_length);var space=rcp_get_snippet.lastIndexOf(" ");rcp_snippet=rcp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rcp_commentsNum=entry.thr$total.$t+' '+rcp_comment}else{rcp_commentsNum=rcp_disable};if(entry.link[j].rel=='alternate'){var rcp_posturl=entry.link[j].href;if(y!=-1){rcp_posturl=rcp_posturl+'?m=0'}var rcp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rcp_thumb=entry.media$thumbnail.url}else{rcp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsSNfpKiP495JwIpqZ6LrhU3IO4HjNuOx8UPTfJmuwL-nATZ4ypXsCRs5HdnkDAv-5UoxMwpFYyriIFEu9s8ccn3RiBROv9tBVuJSLWGvKy9tOZ3BulQ-2WfA_MozlFU-iIEwe2QliUseR/"};}};dw+='<li>';dw+='<img alt="'+rcp_posttitle+'" src="'+rcp_thumb+'"/>';dw+='<div><a href="'+rcp_posturl+'" rel="nofollow" title="'+rcp_snippet+'">'+rcp_posttitle+'</a></div>';if(rcp_info=='yes'){dw+='<span>'+rcp_postdate.substring(8,10)+'/'+rcp_postdate.substring(5,7)+'/'+rcp_postdate.substring(0,4)+' - '+rcp_commentsNum+'</span>';};dw+='<div style="clear:both"></div></li>';};dw+='</ul>';document.getElementById('recent-posts').innerHTML=dw;};document.write('<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&max-results='+rcp_numposts+'&callback=recent_posts"></script>');</script></div>

#3. Membuat Artikel Terkait Di Dalam Postingan
Nah, adapun cara ini berbeda dengan cara sebelumnya. Jika pada kedua kode di atas, kita memasukannya pada tata letak, akan tetapi struktur kode artikel terkait kali ini menyimpannya pada Edit HTML. Langkahnya yaitu :

1. Silahkan klik TEMA pada dasbor blog bos kuh
2. Klik Edit HTML
3. Cari kode </head> (Untuk memudahkan pencarian silahkan tekan CTRL+F, maka akan muncul kolom pencarian. Lalu ketik kode </head> setelah ketemu
4. Letakan kode dibawah ini tepat di atas kode </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. Setelah bos kuh memasukannya di atas kode  </head>
3. Selanjutnya, masukan kode di bawah ini tepat di atas  </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)}}
4. selanjutnya cari kode <data:post.body/>
* K e t e r a n g a n : Pada sebuah templete biasanya terdapat 4-5 code <data:post.body/>, maka pilih kode kedua. 
6. Jika ketemu, ganti kode <data:post.body/> dengan struktur kode di bawah ini
 <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>
7. Klik simpan dan lihat hasilnya.

Itulah cara membuat artikel terkait keren pada blogspot. Jika ada hal yang perlu ditanyakan, silahkan isi kolom komentar atau Klik Menu Navigasi => Hubungi Author.

Baca juga : Cara Membuat Related Post Dengan Scroll
Langganan: Komentar (Atom)