Nice Widget Related Post For Blogger

How To Add Related Widget Script For Blogger

Login to your blogger account and go to template menu in setting option than go to html editor or edit html option and than Find </head>
Copy code bellow and paste before </head>

<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts{float:left;width:auto;}
.related_img:hover {
background:black; opacity: 0.8; 
transition: opacity .25s ease-in-out; 
-moz-transition: opacity .25s ease-in-out; 
-webkit-transition: opacity .25s ease-in-out; }
#related-posts a{border-right: 1px dotted #eaeaea;}

#related-posts h4{margin-top: 8px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;}
#related-posts .related_img {margin:0px;border:1px solid #cccccc;object-fit: cover;width:120px;height:80px;-webkit-border-radius: 2px;-moz-border-radius: 2px; border-radius: 2px; }
#related-title {text-align:left;text-transform:capitalize;padding: 0px 5px 10px;font-size:12px;width:119px; height: 40px; overflow:hidden;}
  #related-title:hover { text-decoration:underline;}
</style>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl[relatedTitlesNum]=d}else thumburl[relatedTitlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuse4CqJJu4GpE9gOkD0hu-od_fmqChQraNggkY1OnvBxMYqU3x0GfpJfHrV3DtHxOE8TBiwYOGi9NkhO-rW2mJvBBRP8oQpOTEW3uLq1nUV84AXzBemYuvpz-RsRjgblXVtcJU7_5qWiU/s1600/no-thumbnail.png'}if(relatedTitles[relatedTitlesNum].length>35)relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,35)+"...";for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(){for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i]))){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write('<h4>'+relatedpoststitle+'</h4>');document.write('<div style="clear: both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a style="text-decoration:none;margin:0 4px 10px 0;float:left;');if(i!=0)document.write('"');else document.write('"');document.write(' href="'+relatedUrls[r]+'"><img class="related_img" src="'+thumburl[r]+'"/><br/><div id="related-title">'+relatedTitles[r]+'</div></a>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</div>');relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}
//]]>
</script>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
 

Now find this code : <div class='post-footer'>  than copy code bellow :

<!-- Related Posts with Thumbnails Code Start-->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='related-posts'>

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

<b:if cond='data:label.isLast != &quot;true&quot;'>

</b:if>

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

<script type='text/javascript'>

var currentposturl=&quot;<data:post.url/>&quot;;

var maxresults=5;

var relatedpoststitle=&quot;<b>Related Posts:</b>&quot;;

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs();

</script>

 
</b:if>

<!-- Related Posts with Thumbnails Code End-->

and paste above it still wont work ? just add this code above </b:includable> <b:includable id='postQuickEdit' var='post'>

Recent Comment Widget Blogger Post

How To Add Recent Comment Post Script For Your Blogger
First all code bellow

<style type="text/css">
ul.md_recent_comments{list-style:none;margin:0;padding:0;}
.md_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.md_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.md_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.md_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 50,
 roundAvatar = true,
 characters  = 30,
 showMorelink = false,
 moreLinktext = "More &#187;",
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://makingdifferent.github.com/blogger-widgets/md-recent-comments-gravatar.js"></script>
<script type="text/javascript" src="http://www.yourdomainblogspot.com/feeds/comments/default?alt=json&callback=md_recent_comments&max-results=5"></script>

Than Paste in to your Widget for Html Script

Make sure to change your  yourdomain to your own domain :D

than save and reload the page

done ...

How to Add Random Post Widget For Blogger

How to Add Random Post Widget For Blogger
Go To Layout In Blogger Setting And Add Widget Script

Copy All Code Bellow :

<style>

#random-posts img {

    border-radius: 10px;

    float: left;

    margin-right: 5px;

    width: 55px;

    height: 55px;

    background-color: #F5F5F5;

    padding: 3px;

    transition: all 0.2s linear 0s;

}

#random-posts img:hover {

    opacity: 0.6;

}

.refresh1 {overflow:hidden; height:60px; width:100%;}

ul#random-posts {

    list-style-type: none;

    padding: 0px;

}

#random-posts a {

    font-size: 12px;

    padding: 0px auto 5px;

}

#random-posts a:hover {

    text-decoration: none;

}

.random-summary {

    font-size: 11px;

    background: none;

    padding: 5px;

    margin-right: 8px;

}

#random-posts li {

    margin-bottom: 10px;

    border-bottom: 1px solid #EEEEEE;

    padding: 4px;

}

</style>

 <script type="text/javascript">

    window.onload = startInterval;

    function startInterval()

    {

        setInterval("startTime();",1000);

    }

    function startTime()

    {

        document.getElementById('refresh1').innerHTML = ??? // reload div    

    }

  </script>

<div class="refresh" id='refresh1'>

<ul id='random-posts'>

<script type='text/javaScript'>

var randomposts_number = 4;

var randomposts_chars = 0;

var randomposts_details = 'yes';

var randomposts_comments = 'Comments';

var randomposts_commentsd = 'Comments Disabled';

var randomposts_current = [];

var total_randomposts = 0;

var randomposts_current = new Array(randomposts_number);

function randomposts(json) {

    total_randomposts = json.feed.openSearch$totalResults.$t

}

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

function getvalue() {

    for (var i = 0; i < randomposts_number; i++) {

        var found = false;

        var rndValue = get_random();

        for (var j = 0; j < randomposts_current.length; j++) {

            if (randomposts_current[j] == rndValue) {

                found = true;

                break

            }

        };

        if (found) {

            i--

        } else {

            randomposts_current[i] = rndValue

        }

    }

};

function get_random() {

    var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1));

    return ranNum

};

</script>

<script type='text/javaScript'>

function random_posts(json) {

    for (var i = 0; i < randomposts_number; i++) {

        var entry = json.feed.entry[i];

        var randompoststitle = entry.title.$t;

        if ('content' in entry) {

            var randompostsnippet = entry.content.$t

        } else {

            if ('summary' in entry) {

                var randompostsnippet = entry.summary.$t

            } else {

                var randompostsnippet = "";

            }

        };

        randompostsnippet = randompostsnippet.replace(/<[^>]*>/g, "");

        if (randompostsnippet.length < randomposts_chars) {

            var randomposts_snippet = randompostsnippet

        } else {

            randompostsnippet = randompostsnippet.substring(0, randomposts_chars);

            var whitespace = randompostsnippet.lastIndexOf(" ");

            randomposts_snippet = randompostsnippet.substring(0, whitespace) + "&#133;";

        };

        for (var j = 0; j < entry.link.length; j++) {

            if ('thr$total' in entry) {

                var randomposts_commentsnum = entry.thr$total.$t + ' ' + randomposts_comments

            } else {

                randomposts_commentsnum = randomposts_commentsd

            }; if (entry.link[j].rel == 'alternate') {

                var randompostsurl = entry.link[j].href;

                var randomposts_date = entry.published.$t;

                if ('media$thumbnail' in entry) {

                    var randompoststhumb = entry.media$thumbnail.url

                } else {

                    randompoststhumb = "http://yourblogger.blogspot.com/-5SoVe1K6JSk/Utl0OOmucAI/AAAAAAAAF6E/hQghgD_EJdQ/s1600/no_thumb.png"

                }

            }

        };

        document.write('<li class="refresh1">');

        document.write('<a href="' + randompostsurl + '" rel="nofollow"><img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/></a>');

        document.write('<div class="titlerp"><a href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div>');

        if (randomposts_details == 'yes') {

            document.write('<span><div  class="random-info">' + randomposts_date.substring(8, 10) + '.' + randomposts_date.substring(5, 7) + '.' + randomposts_date.substring(0, 4) + ' - ' + randomposts_commentsnum) + '</div></span>'

        };

        document.write('<br/><div class="random-summary">' + randomposts_snippet + '</div></li>')

    }

};

getvalue();

for (var i = 0; i < randomposts_number; i++) {

    document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index=' + randomposts_current[i] + '&max-results=1&callback=random_posts\"><\/script>')

};

</script>

</ul></div>

----------------------------------------------------------------------------------
Paste in widget collumn and Change The Red Highlight with your own blog and than save , done..

Aplikasi Pendukung Untuk Creator, Imvu Creator Tool

How To Reduce Gif File 

Go to this page and u will see option to reduce your image gif file

Berikut ini adalah beberapa Aplikasi Pendukung Untuk Creator Imvu :

Photoshop : http://adf.ly/1fMlhb
Untuk design photo atau membuat Texture untuk 3D model, mungkin kalian suka melakukan derive product nah pasti kebanyakan dari kita ingin merubah texturenya sesuai keinginan kita jadi aplikasi ini sangat cocok untuk design texture suka-suka kita,

Blender :
Untuk membuat 3d mesh model 3 dimensi

3D max :
Untuk membuat 3d mesh model 3 dimensi

3dexporter : http://adf.ly/1fMlqm
Untuk supaya 3d model nya dapat tampil di imvu jadi setelah model di buat tool ini berfungsi untuk melakukan export 3d model mesh ke imvu yang nantinya menjadi file berextensi XMF, XSF dan XAF contohnya modelavatarsexy.XMF modelavatarsexy.XSF modelavatarsexy.XAF

Gift Animator : Aplikasi ini berguna membantu agar dapat membuat logo / icon yang dapat bergerak atau di sebut juga file gambar berextensi GIF

Video To Gift Converter : Tool ini berfungsi mengubah file video terutama file video yang berextensi AVI menjadi file gambar bergerak yang nantinya menjadi file gambar yang berextensikan GIF


Baca Juga Quick Skin For Creator

How to add join Room link Code for imvu in to your site link menu

Buat temen2 tolong dong yg blm add facebook saya yang baru pasti bnyak yg belm berteman add ya smuanya yg blm bertmman sm saya di sini https://www.facebook.com/MazJefLy follow juga website resminya imvunesia di

 http://www.imvunesia.com/

mohon maaf kalo masih banyak yang krang karena website resmi imvunesia masih dalam proses pembangunan mohon supportnya y kawan2 :)

Buat teman teman yang sudi membuat Room di IMVU khusus untuk Group Imvunesia dan Group Group Imvu Indo lainya silahkan Inbox kode Imvu roomnya ke saya supaya saya buat jadi room defaultnya Group tiap  masing2 group imvu indo di facebook contoh room code :

imvu:JoinPublicRoom?room_instance_id=123793977-637

 nb : link join room yang di maksud nantinya yang akan di jadikan room khusus masing2 group imvu di fb, akan di tampilkan pada menu join room di website group indo : http://www.imvunesia.com/

caranya buka situs roomimvu : http://www.imvu.com/rooms/?search_terms=indonesia ketik namamu lalu search kalo sudah ktemu klik kanan join lalu copy link nya , salam IMVU!