COMMENT STYLE

আজ আমি আপনাদের দেখাব ব্লগে কিভাবে কমেন্তকারির নাম এর সাথে তার ছবির জায়গা করে দিতে হবে,  আমি আপনাদের জন্য তিনটি Style দিয়ে দিয়েছি আপনাদের যেইটা ভাল লাগে আপনারা ওইটাই যুক্ত করে নিন

কাজ শুরু করা যাক,

প্রথমে ব্লগারে জান

এইবার Template থেকে Edit html এ ক্লিক করুন

এখন আপনার কীবোর্ড এর Ctrl+F প্রেস করে ]]></b:skin>  Search করুন

এইবার নিচের যেই কোন একটি কোড ]]></b:skin>  এর সামনে Copy করে paste করে দিন

Style#1

.sg_recent_comments li {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border: 2px solid transparent;
}
.sg_recent_comments li:hover {
    -webkit-transform: scale(1.2) translate(15px);
    -moz-transform: scale(1.2) translate(15px);
    -ms-transform: scale(1.2) translate(15px);
    -o-transform: scale(1.2) translate(15px);
    transform: scale(1.2) translate(15px);
    box-shadow: 0 0 20px 1px #aaa;
}

Style#2 
.sg_recent_comments li {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.sg_recent_comments li:hover {
    background: #C9FD7A !important;
    border-radius: 100%;
}

Style#3 
.sg_recent_comments li {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border: 2px solid transparent;
}
.sg_recent_comments li:hover {
    border: 2px Solid red;
}

আশা করি আপনাদের কাছে ভাল লেগেছে