Mungkin terasa tidak lengkap rasa nya jika suatu blog tidak memiliki kolom komentar dan begitu juga tidak lengkap rasa nya jika kolom komentar tidak ada tombol emoticon atau tidak ada emoticon nya. Dan untuk kesempatan hari ini aku mau menyebarkan Cara Bikin Tombol Emoticon Di Kolom Komentar Blogspot. Cara nya tidak mengecewakan cukup panjang alasannya banyak bab code yang mesti di tambahkan di dalam template kalian nanti nya. Mungkin eksklusif kita mulai saja yaa sob. Berhubung aku ndeso dalam basa-basi so silakan kalian simak baik" tutorial yang akan aku berikan kali ini.
Lalu ganti dengan code di bawah ini.
2. Lalu kalian cari lagi code menyerupai di bawah ini.
Lalu Silakan kalian ganti dengan code ini.
3. Dan yang terakhir silakan save template kalian dan lihat hasil nya.
Cara di atas itu untuk menciptakan tombol emoticon di kolom komentar kalian jika mana kolom komentar di template kalian tidak disertai tombol emoticon nya. Dalam arti pembuat template sebenar nya sudah memberi list script emoticon di dalam nya tapi beliau tidak membuatkan tombol atau kotak untuk emoticon nya.
Nah beda lagi klo misal nya template kalian bener" tidak ada emoticon nya atau tidak di pasang. Klo untuk duduk perkara menyerupai itu beda lagi urusan nya. Mesti banyak yang harus di rubah. Untuk tutorial ini sesungguhnya cenderung lebih ke fokus untuk semua template dari template nya Arlinadzgn.com
Tapi tidak ada salahnya jika kalian ingin mencoba di luar dari template yang aku sebutkan di atas. Mungkin next time aku akan berikan tutorial full memasang emoticon di kolom komentar masing" template.
Mungkin itu saja yang dapat aku berikan di tutorial kali ini yakni Cara Bikin Tombol Emoticon Di Kolom Komentar Blogspot. Semoga artikel ini bermanfaat buat teman sekalian. Jangan lupa like dan share yaa sob. Salam blogger.
Cara Bikin Tombol Emoticon Di Kolom Komentar Blogspot
1. Silakan kalian Cari code menyerupai pola di bawah ini. Di template kalian. .comment-form p {position:relative;font-size:14px;background:#ffe4ad;margin:20px 0;padding:20px;color:#686050;box-shadow:inset 0 0 0 5px #ebd099;}
Lalu ganti dengan code di bawah ini.
.comment-form p{position:relative;background:#fdfdfd;font-size:14px;font-family:'Open Sans',Helvetica,Arial,sans-serif;line-height:1.5em;margin: 20px 0;padding:15px;border:1px solid #ddd} .comment-form p:after, .comment-form p:before {top:100%;left:8%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;} .comment-form p:after {border-color:rgba(68,68,68,0);border-top-color:#fdfdfd;border-width:9px;margin-left:-9px;} .comment-form p:before {border-color:rgba(221,221,221,0);border-top-color:#c3c3c3;border-width:10px;margin-left:-10px;transition:all .3s ease-out;} #emo-box,#hide-emo {display:none} .small-button1 a {font-size:12px;cursor:pointer;font-weight:400;margin:10px 5px 5px 0;text-decoration:none;text-transform:none;text-shadow:none;display:inline-block;color:#fff;padding:2px 10px;cursor:pointer;border-radius:2px;background-color:rgba(0,0,0,0.5);transition: all 0.3s ease-out;} .small-button1:hover a{background-color:rgba(0,0,0,0.8);color:#fff;display:inline-block;} span.small-button1 {text-align:left;display:inline-block;}
2. Lalu kalian cari lagi code menyerupai di bawah ini.
<div class='comment-form' id='comment-form'> <p><data:blogCommentMessage/></p>
Lalu Silakan kalian ganti dengan code ini.
<div class='comment-form' id='comment-form'> <p><data:blogCommentMessage/> <span class='small-button1'> <span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById('emo-box').style.display='inline-block';document.getElementById('hide-emo').style.display='inline-block';document.getElementById('show-emo').style.display='none'' title='Show Emoticon'>Emoticon</a></span><span id='hide-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById('emo-box').style.display='none';document.getElementById('hide-emo').style.display='none';document.getElementById('show-emo').style.display='inline-block'' title='Hide Emoticon'>Emoticon</a></span> </span> </p> <div id='emo-box'> <div class='comment_emo_list'/> </div>
3. Dan yang terakhir silakan save template kalian dan lihat hasil nya.
Cara di atas itu untuk menciptakan tombol emoticon di kolom komentar kalian jika mana kolom komentar di template kalian tidak disertai tombol emoticon nya. Dalam arti pembuat template sebenar nya sudah memberi list script emoticon di dalam nya tapi beliau tidak membuatkan tombol atau kotak untuk emoticon nya.
Nah beda lagi klo misal nya template kalian bener" tidak ada emoticon nya atau tidak di pasang. Klo untuk duduk perkara menyerupai itu beda lagi urusan nya. Mesti banyak yang harus di rubah. Untuk tutorial ini sesungguhnya cenderung lebih ke fokus untuk semua template dari template nya Arlinadzgn.com
Tapi tidak ada salahnya jika kalian ingin mencoba di luar dari template yang aku sebutkan di atas. Mungkin next time aku akan berikan tutorial full memasang emoticon di kolom komentar masing" template.
Mungkin itu saja yang dapat aku berikan di tutorial kali ini yakni Cara Bikin Tombol Emoticon Di Kolom Komentar Blogspot. Semoga artikel ini bermanfaat buat teman sekalian. Jangan lupa like dan share yaa sob. Salam blogger.