Karya-Reza

Mengerti Kebutuhan Pengunjung

Select Menu
  • Home
  • Seputar Dunia Blogging
  • Template Untuk Blog
  • Widget Blog
  • Dan Lainnya
    • Tukar Link !
    • Daftar Banner Yang Sudah Tukar Link
  • Error Page
Home » Widget Blogging » Tutorial Membuat Artikel Terkait Seperti Kang ismet

Tuesday, July 8, 2014

Tutorial Membuat Artikel Terkait Seperti Kang ismet

Reza Syahputra Rizal
47 Comments
Widget Blogging
Tuesday, July 8, 2014

Tutorial Membuat Artikel Terkait Ala Kangismet - Kali ini saya akan share bagaimana
Membuat artikel terkait ala kangismet artikel terkait kangismet seperti ini sudah banyak
di share di google dan kali ini saya akan memberi tau kembali bagi anda yang
belum tau setelah kemarin saya share CARA MEMBUAT WIDGET SOSIAL MEDIA LENGKAP

Langkah Penerapan :

1. Masuk Ke Blog Anda

2. Klik Bagian HTML » Edit HTML

3. Cari Kode <head>

4. Letakan Kode Dibawah Ini Diatas Kode Tersebut
<link href='//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css'rel='stylesheet'/>
*Note : Lewati Cara Diatas Apabila Sudah terpasang font awesome

5. Cari Kembali Kode ]]></b:skin>

6. Letakan Kode Dibwah Ini Diatas Kode Tersebut
 .related-post{margin:2em auto 0;font-size:13px;background:#fff;border-radius:4px}
.related-post h4{font-size:14px;margin:0 0 .5em;background:#9dcb63;color:#fff;padding:14px 20px 14px 75px;font-weight:normal;border-radius:4px 4px 0 0;position:relative;font-family:Oswald,Arial,Sans-Serif;text-transform:uppercase}
.related-post h4:before{content:"\f074";font-family:fontAwesome;font-size:22px;font-style:normal;background-color:#8db857;color:#fff;border-radius:4px 0 0 0;top:0;left:0;padding:13px 20px;position:absolute}
ul.related-post-style-1{padding-left:0!important;margin-top:-12px}
.related-post-style-1 li{list-style:none;padding:15px 20px;border-top:1px solid #eceef5}
.related-post-style-1 li a{color:#79798d;text-decoration:none}
.related-post-style-1 li a:hover{color:#33aea5;text-decoration:none}
.related-post-style-1 li:before{content:"\f08e";font-family:fontAwesome;color:#c7cbd4;font-style:normal;top:0;left:0;margin-right:13px}
6. Letakan Kode Dibawah Ini Di Kode <data:post.body/> (Biasanya Ada 4 letakan kode pada No
<data:post.body/> Yang No 4 Saja)
<!-- Related Post Widget Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div id='related-post' class='related-post'/>
  <script type='text/javascript'>
  var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
          &quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
      </b:loop></b:if>];
  var relatedPostConfig = {
      homePage: &quot;<data:blog.homepageUrl/>&quot;,
      widgetTitle: &quot;&lt;h4&gt;Artikel Terkait:&lt;/h4&gt;&quot;,
      numPosts: 5,
      titleLength: &quot;auto&quot;,
      containerId: &quot;related-post&quot;,
      newTabLink: false,
      widgetStyle: 1,
      callBack: function() {}
  };
  </script>
  <script type='text/javascript' src='https://kang-is.googlecode.com/svn/trunk/javascript/related-post.min.js'/>
</b:if>
<!-- Related Post Widget End -->

Terakhir Simpan Template

Share

Like

G+

Tweet

Tweet
47 Komentar untuk "Tutorial Membuat Artikel Terkait Seperti Kang ismet"

Berkomentarlah Sesuai Isi Artikel Diatas :)

Klik Untuk Komentar
Unknown
Balas
Unknown July 8, 2014 at 9:28 PM
delete

Yeah.. ini yang saya cari.. ijin diterapkan di blog saya ya gan

JAS27
Balas
JAS27 July 8, 2014 at 9:44 PM
delete

Wahh mantap nih, jadi ngerti lagi saya :)

Unknown
Balas
Unknown July 8, 2014 at 9:45 PM
delete

wah mantap nih, ada tutornya kang ismet
makasih gan atas bantuannya hahaha :D

Admin
Balas
Admin July 8, 2014 at 9:45 PM
delete

wah keren nih ,
saya pake dulu gan

Andra Antariksa
Balas
Andra Antariksa July 8, 2014 at 9:55 PM
delete

Tapi jadi kurang menarik ya :/

Anonymous
Balas
Anonymous July 8, 2014 at 9:56 PM
delete

gak buat nambah berat kan ? :D

dzulkifli
Balas
dzulkifli July 8, 2014 at 9:58 PM
delete

wah , keren nih....
saya praktekin dulu gan :-D

Admin
Balas
Admin July 8, 2014 at 9:59 PM
delete

keren gan thanks infonya :v

Anonymous
Balas
Anonymous July 8, 2014 at 10:14 PM
delete

mana kodenya bro? -_-

Admin
Balas
Admin July 8, 2014 at 10:25 PM
delete

mantap gan. saya juga pakai nih.

Unknown
Balas
Unknown July 8, 2014 at 10:27 PM
delete

simple juga ya gan :)

Unknown
Balas
Unknown July 8, 2014 at 10:47 PM
delete

wah ini kang yg ane cari cari
nice post

abie46
Balas
abie46 July 8, 2014 at 11:07 PM
delete

keren ya punya kang ismet, ijin nyoba ya gan. thanks tutornya

Niddul
Balas
Niddul July 8, 2014 at 11:14 PM
delete

Apakah cara ini bisa mengingkatkan PW? lalu apakah loading blog tidak menjadi lelet?

Unknown
Balas
Unknown July 8, 2014 at 11:18 PM
delete

wah.. ini yang ane cari nih...
ane cari di google gagal terus pasangnya >_<
ijin pasang gan :D

Unknown
Balas
Unknown July 8, 2014 at 11:24 PM
delete

waaah., boleh juga nh gan :) perlu banget nh buat visitor bisa liat artikel2 yang lain dri blog :) thanks nh gan..

Asad
Balas
Asad July 8, 2014 at 11:27 PM
delete

keren gan ini udah pasti gk ngaruh ke seo kan?

Unknown
Balas
Unknown July 8, 2014 at 11:29 PM
delete

Wah, keren nih ala Kang Ismet Pula.. jadi pengen praktek gan :v

BeritaTerbaruBali
Balas
BeritaTerbaruBali July 8, 2014 at 11:33 PM
delete

Thankk gan saya cobak :D

BeritaTerbaruBali
Balas
BeritaTerbaruBali July 8, 2014 at 11:42 PM
delete

Thank Info Nya gan , Saya Coba :D

Unknown
Balas
Unknown July 9, 2014 at 12:36 AM
delete

artikel terkait nya keren
jadi kayak punya kang ismet ya gan
ijin coba nihhh :)

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 9, 2014 at 12:57 AM
delete

Ok Silahkan gan , moga-Moga berhasil

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 9, 2014 at 12:58 AM
delete

Diatas gan , Maaf tadi saya lupa Naruh ^_^

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 9, 2014 at 12:58 AM
delete

Ok gan , Sama-Sama

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 9, 2014 at 12:59 AM
delete

Ok Sama-Sama , semoga Bermanfaat gan

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 9, 2014 at 1:01 AM
delete

Ok Silahkan

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 9, 2014 at 1:01 AM
delete

Menarik/Tidk itu urusan selera gan

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 9, 2014 at 1:02 AM
delete

Ga lah gan , Lagipula ini ringan

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 9, 2014 at 1:02 AM
delete

Ok Silahkan gan , Moga-Moga Berhasil

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 9, 2014 at 1:04 AM
delete

Ok sama-Sama Gan

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 9, 2014 at 1:04 AM
delete

Ok Gan

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 9, 2014 at 1:05 AM
delete

Memang Gan , dan juga tidak buat blog berat

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 9, 2014 at 1:05 AM
delete

Ok gan , Jangan lupa praktek gan ^_^

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 9, 2014 at 1:09 AM
delete

Ok Gan , Silahkan Coba

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 9, 2014 at 1:10 AM
delete

Ok Gan , Sama-Sama Silahkan Dicoba

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 9, 2014 at 1:10 AM
delete

Ya gan , Namanya Juga Artikel Terkait Seperti Kang Ismet ^_^

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 9, 2014 at 1:11 AM
delete

PW ? Maksud agan Pv ? , Kalau menurut saya cara ini tidak ada Hubungannya
Dengan PV Tapi untuk kenyamanan Pengunjung mungkin ada , Dan Widget Ini tidak membuat blog agan berat

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 9, 2014 at 1:12 AM
delete

Padahalkan Di Google banyak yang berhasil gan ^_^
Ok Silahkan pasang , Moga Berhasil

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 9, 2014 at 1:12 AM
delete

Ok Sama-Sama

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 9, 2014 at 1:13 AM
delete

Ya Gan , Kalau Menurut Saya Sih Tidak

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 9, 2014 at 1:13 AM
delete

Ok Gan Silahkan Saja Praktek

Jujurly
Balas
Jujurly July 9, 2014 at 1:54 AM
delete

Ini maksudnya kloning postingannya blog kang ismet?

brxxx
Balas
brxxx July 9, 2014 at 1:58 AM
delete

Waaah bermanfaat gan :) nice info. coba dulu gan

Anonymous
Balas
Anonymous July 9, 2014 at 6:59 AM
delete

udah pernah pake sob :D
nice dahh :D

Unknown
Balas
Unknown July 9, 2014 at 8:44 AM
delete

wih blognya lengkap nih , izin boomark ya. :D

Unknown
Balas
Unknown August 3, 2014 at 10:30 PM
delete

gan saya gak nemu openpost body nya.. giana gan?

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal August 4, 2014 at 10:04 PM
delete

Apa Sudah Di Check Dengan Benar ?

Berkomentarlah Sesuai Isi Artikel Diatas :)

Newer Post Older Post Home
Subscribe to: Post Comments (Atom)

Contact Me !

  • Semua Niche

    Popular Posts

    • Membuat Navigasi Halaman Dengan Keyboard
    • FND Blogger Template
    • Template Ramai Blogger !
    • Cara Membuat Tombol 3 Dimensi Dengan CSS
    • Fianetcakep Blogger Template Download
    • Blue Awesome Template Seo Dan Rensponsive
    • Memasang Thread Comment Hack Ala Blog Kang Ismet
    • Cara Membuat Widget Sosial Media Lengkap
    • Tutorial Membuat Navigasi Slide Out Di Blog
    • Keren! Membuat Spoiler Dengan JavaScript

    Berlangganan

    Dapatkan Informasi Dari Blog Karya-Reza Melalui Email

    Follow blog

    Subscribe To

    Posts
    Atom
    Posts
    Comments
    Atom
    Comments

    About Me

    Reza Syahputra Rizal
    View my complete profile

    © 2025 Karya-Reza Published By Karya-Reza powered by Blogger.com.
    All Right Reserved By Blog Dian Anarchyta.