Cara Memasang Ralate Blogger

Cara Memasang Ralate Blogger

Sudah lama tidak update kini saya akan memberikan Cara Memasang Ralate Box Pada  Blogger. Yang dulu di pake Kaskus namun sekarang tidak dipake lagi oleh Kaskus. Saya akan menjelaskan secara detail.

OKE SIMAK SEKARANG JUGA !

Cara Memasang Ralate Box Pada  Blogger

1. Langkah Pertama Seperti biasa anda  LOGIN dulu di Blogger
2. Masuk kebagian Tamplate > Edit Tamplate
3. Kemudian Tekan Ctrl+F
4. Copykan CSS dibawah ini tepat diatas kode ]]></b:skin>

#related-box {

    width: 350px;

    overflow: hidden;

    height: 200px;

    position: fixed;

    bottom: 20px;

    right: 20px;

    background: #fff;

    box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.29);

    transition: all 0.5s;

}

#related-box .header h2 {

    font-size: 12px;

    margin: 0;

}

#related-box .header {

    padding: 10px 15px;

    color: #fff;

    background: #00ABFF;

}

#related-box .tombol {

    position: absolute;

    top: 10px;

    right: 15px;

}

#related-box .item {

    padding: 15px;

    width: 320px;

    float: left;

}

#related-box .list {

    height: 120px;

    overflow: hidden;

    width: 600px;

    transition: all 0.5s;

}

#related-box .gambar img {

    height: 100px;

    float: left;

    width: 50%;

    margin-right: 10px;

}

#related-box .header a {

    color: #fff;

}

#related-box .info {

    font-size: 12px;

}

#related-box .navigation a {

    float: left;

    border: 1px solid rgba(0, 0, 0, 0.32);

    margin-left: 10px;

    font-size: 10px;

    width: 10px;

    padding: 3px;

}

#related-box .navigation {

    position: absolute;

    width: 60px;

    right: 20px;

    bottom: 20px;

}

.relatedshow {

    position: fixed;

    bottom: 190px;

    right: -50px;

    transition: all 0.5s;

}

.relatedshow a {

    color: #fff;

    background: #00ABFF;

    padding: 7px 15px;

    box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.29);

}

5. Setelah itu Copykan CSS dibawah ini tepat dibawah  kode  <data:post.body/>
   
   

<script type="text/javascript">

// Related Article Settings

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 relatedbox = {

    homepage : 'http://www.bloggerku.com', // Change with your homepage url

    title: 'Related Post', // Widget Title

    post: 3, // Max post

    date: true, // Show date

    scr: 500, // Show the related box if scroll more than 500

    showcredit: true // Add credit link to support bloggerku.com

};

</script>

<script type="text/javascript" src="http://cdn.rawgit.com/Dihak/bloggerku/5048c6bd13c0d02a5ae41cfb6827a33a18d53d50/relatedbox/relatedbox.min.js"></script>

Oke selanjutnya Anda simpan (Save)  dulu yang sudah diedit. Kemudian lihat dulu Ralate Blogger Sobat kalau sudah muncul Ralate Blognya. Maka lanjut kebagian Setting Ralate Boxnya, Sobat bisa merubah bagian Title Max Post  sembunyikan tanggal dan lain-lain. Sesuai yang anda inginkan.

var relatedbox = {

    homepage : 'https://bagiilmublogger.blogspot.com/', // Change with your homepage url

    title: 'Related Post', // Widget Title

    post: 3, // Max post

    date: true, // Show date

    scr: 500, // Show the related box if scroll more than 500

    showcredit: true // Add credit link to support bloggerku.com

};

Jangan Lupa anda Save LAGI.

Sekian Artikel tentang Cara Memasang Ralate Blogger yang saya buat semoga bermanfaat untuk anda. Jangan lupa kunjungi terus https://bagiilmublogger.blogspot.com/  dan dapatkan informasi yang selalu Terupdate.