Cara Memasang Emotikon Kaskus Pada Komentar Blog

Cara Memasang Emotikon Kaskus Pada Komentar Blog

Selamat datang agan atau aganwati kali ini saya akan berbagi tips blogging, kali ini saya akan berbagi tutorial memasang emotikon kaskus pada komentar blog, tentu saja anda tidak mungkin tidak tahu tentang emotikon satu ini, yang sudah menjadi khas kaskuser. Nah bagi kalian yang ingin menerapkannya di blog anda, silakan ikuti beberapa langkah berikut;


Langkah

1. Login pada blog anda masing-masing,

2. Pada menu dashboard pilih menu template, lalu pilih edit template,

3. Setelah itu cari kode </b:skin> dengan cara
Ctrl
+
F
,


4. Copy script di bawah ini lalu paste tepat di atas kode </b:skin>,

 .emotikonRenaldyWays{background:0 0;width:96%;margin:0 auto;height:auto;overflow:auto;overflow-y:hidden;padding:5px;border:1px solid #ccc;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 3px 0 #ccc;-moz-box-shadow:0 3px 0 #ccc;-ms-box-shadow:0 3px 0 #ccc;-o-box-shadow:0 3px 0 #ccc;box-shadow:0 3px 0 #ccc}.emotikonRenaldyWays textarea{width:80px;height:19px;resize:none;text-align:center;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px} 


5. Setelah itu cari kode <data:blogTeamBlogMessage/> dengan cara
Ctrl
+
F
, mungkin anda akan menemukan lebih dari satu, namun cari kode <data:blogTeamBlogMessage/> yang pertama,


6. Copy script di bawah ini lalu paste tepat di bawah kode <data:blogTeamBlogMessage/> yang pertama,

 <div class='emotikonRenaldyWays' id='emotikonRenaldyWays'>
<table style='text-align:center;'><tr>
<td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/jempol1.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':thumbup'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/jempol2.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':2thumbup'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/I-Luv-Indonesia.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':iloveindonesia'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/s_sm_ilovekaskus.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':ilovekaskus'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/cewek.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':kiss'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/s_sm_maho.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':genit'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/marah.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':marah'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/berduka.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':berduka'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><a href='http://blog.kangrian.com' style='cursor:default;' title='sumbangan'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/najis.gif'/></a><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':najis'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/malu.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':malu'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/ngakak.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':ngakak'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/s_sm_repost1.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':repost'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/sundul.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':sup2'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/s_big_batamerah.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':batabig'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/takut.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':takut'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/ngacir2.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':ngacir'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><a href='http://blog.kangrian.com' style='cursor:default;' title='sumbangan'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/shakehand2.gif'/></a><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=' :shakehand'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/bingung.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':bingung'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/cekpm.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':cekpm'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/capede.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':capedeh'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/hammer.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':hammer'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/peluk.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':peluk'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/toastcendol.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':cendol'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/hoax.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':hoax'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/selamat.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':selamat'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/matabelo1.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':matabelo'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/mewek.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':mewek'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/request.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':request'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/sorry.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':sorry'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/salah_kamar.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':salahkamar'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/cool2.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':cool'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/fd_5.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':sup:'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/fd_4.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':kbgt'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/nohope.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':nohope'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='http://lh3.ggpht.com/_vgXtrK5363k/TNM3OMCfN1I/AAAAAAAAAIc/0mRoYW-oIsU/lebe-lebe.blogspot.com%2095.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':shutup'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='http://lh6.ggpht.com/_vgXtrK5363k/TNM27S55GLI/AAAAAAAAAII/UhqNoSmPGf0/lebe-lebe.blogspot.com%2033.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':ompong'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='http://lh5.ggpht.com/_vgXtrK5363k/TNM2oy_CxsI/AAAAAAAAAIA/gkoXpVxJV8c/lebe-lebe.blogspot.com%2030.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':kribo'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='http://lh6.ggpht.com/_vgXtrK5363k/TNM77frZ9rI/AAAAAAAAALs/pCssGp_CC8k/lebe-lebe.blogspot.com%20100.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':lanjutkan'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='http://lh5.ggpht.com/_vgXtrK5363k/TNM7wyzO5nI/AAAAAAAAALc/tGq4CMZekvc/lebe-lebe.blogspot.com%2074.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':Hoax2'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='http://lh3.ggpht.com/_vgXtrK5363k/TNM7xNX3EAI/AAAAAAAAALg/E2I6hbR6qwc/lebe-lebe.blogspot.com%2092.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':jaritengah'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='http://lh6.ggpht.com/_vgXtrK5363k/TNM77olo3BI/AAAAAAAAAL4/xANGw9r6QzU/lebe-lebe.blogspot.com%20gfdgfdg.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':keepposting'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='http://lh5.ggpht.com/_vgXtrK5363k/TNM804-KhOI/AAAAAAAAANY/22K7v-8hdNg/lebe-lebe.blogspot.com%2071.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':pertamaxhabis'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='http://lh6.ggpht.com/_vgXtrK5363k/TNM9GAlOH9I/AAAAAAAAAN4/BzP0c16zeZA/lebe-lebe.blogspot.com%20fgdfgfg.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':bintang5'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='http://lh4.ggpht.com/_vgXtrK5363k/TNM9GP7wfBI/AAAAAAAAAN0/I9M4lARNFe0/lebe-lebe.blogspot.com%20d.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':segergan'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='http://lh4.ggpht.com/_vgXtrK5363k/TNM9he0zcSI/AAAAAAAAAO4/RtAHZkgWuYI/lebe-lebe.blogspot.com%20dfxdvc.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':tkpeksekutif'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='http://lh3.ggpht.com/_vgXtrK5363k/TNM9qexujqI/AAAAAAAAAPI/ziBkyA6R5II/lebe-lebe.blogspot.com%20fgdfgdf.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':samasama'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='http://lh6.ggpht.com/_vgXtrK5363k/TNM9qFKWCnI/AAAAAAAAAPA/JBQ-zTNgb0o/lebe-lebe.blogspot.com%20fgbcf.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':tkpjatuh'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='http://lh4.ggpht.com/_vgXtrK5363k/TNM98MNsu4I/AAAAAAAAAPs/xxzYVfqUClg/lebe-lebe.blogspot.com%2068.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':hotthread'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='http://lh4.ggpht.com/_vgXtrK5363k/TNM-QzL9GAI/AAAAAAAAAQU/30Nx5S0RPhU/lebe-lebe.blogspot.com%20dfgsdgsd.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':peacebro'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='http://lh6.ggpht.com/_vgXtrK5363k/TNM-lWfpr9I/AAAAAAAAARE/3NcogZTdTLM/lebe-lebe.blogspot.com%20sgftweasfd.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':ketkppakeninja'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='http://lh3.ggpht.com/_vgXtrK5363k/TNM-9nVlo4I/AAAAAAAAARc/nEMKFvPMPfk/lebe-lebe.blogspot.com%2076.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':dj'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='http://lh3.ggpht.com/_vgXtrK5363k/TNM-92W8exI/AAAAAAAAARk/aQAski2bSqE/lebe-lebe.blogspot.com%2080.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':winner'/>
</td><td style='padding:5px 10px 5px 10px;text-align:center;'><img alt='Emoticon Kaskus di Blogger' class='kaskus' src='http://lh3.ggpht.com/_vgXtrK5363k/TNOQc30M3gI/AAAAAAAAAYk/bc4CYvvRD9o/pacaran.gif'/><input onclick='select()' readonly='readonly' style='width:90px;text-align:center;' type='text' value=':musuhjomblo'/>
</td></tr></table>
</div>


7. Setelah itu cari kode <b:includable id='comments' var='post'> ........ </b:includable> dengan cara
Ctrl
+
F
,


8. Setelah ketemu kode tersebut copy script di bawah ini,

 <script type='text/javascript'>
<b:if cond='data:post.numComments != 0'>
var Items = <data:post.commentJso/>;
var Msgs = <data:post.commentMsgs/>;
var Config = <data:post.commentConfig/>;
<b:else/>
var Items = {};
var Msgs = {};
var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};
</b:if>
//<![CDATA[
Config.maxThreadDepth = 6;
Display_Emo = true;
Replace_Youtube_Link = true;
Replace_Image_Link = false;
Replace_Force_Tag = true;
Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];
Emo_List = [
':thumbup' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/jempol1.gif',
':2thumbup' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/jempol2.gif',
':iloveindonesia' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/I-Luv-Indonesia.gif',
':ilovekaskus' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/s_sm_ilovekaskus.gif',
':kiss' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/cewek.gif',
':genit' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/s_sm_maho.gif',
':marah' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/marah.gif',
':berduka' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/berduka.gif',
':najis' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/najis.gif',
':malu' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/malu.gif',
':ngakak' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/ngakak.gif',
':repost' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/s_sm_repost1.gif',
':sup2' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/sundul.gif',
':batabig' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/s_big_batamerah.gif',
':takut' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/takut.gif',
':ngacir' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/ngacir2.gif',
':shakehand' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/shakehand2.gif',
':bingung' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/bingung.gif',
':cekpm' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/cekpm.gif',
':capedeh' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/capede.gif',
':hammer' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/hammer.gif',
':peluk' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/peluk.gif',
':cendol' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/toastcendol.gif',
':hoax' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/hoax.gif',
':selamat' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/selamat.gif',
':matabelo' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/matabelo1.gif',
':mewek' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/mewek.gif',
':request' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/request.gif',
':sorry' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/sorry.gif',
':salahkamar' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/salah_kamar.gif',
':cool' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/cool2.gif',
':sup:' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/fd_5.gif',
':kbgt' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/fd_4.gif',
':nohope' ,'https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/nohope.gif',
':shutup' ,'http://lh3.ggpht.com/_vgXtrK5363k/TNM3OMCfN1I/AAAAAAAAAIc/0mRoYW-oIsU/lebe-lebe.blogspot.com%2095.gif',
':ompong' ,'http://lh6.ggpht.com/_vgXtrK5363k/TNM27S55GLI/AAAAAAAAAII/UhqNoSmPGf0/lebe-lebe.blogspot.com%2033.gif',
':kribo' ,'http://lh5.ggpht.com/_vgXtrK5363k/TNM2oy_CxsI/AAAAAAAAAIA/gkoXpVxJV8c/lebe-lebe.blogspot.com%2030.gif',
':lanjutkan' ,'http://lh6.ggpht.com/_vgXtrK5363k/TNM77frZ9rI/AAAAAAAAALs/pCssGp_CC8k/lebe-lebe.blogspot.com%20100.gif',
':Hoax2' ,'http://lh5.ggpht.com/_vgXtrK5363k/TNM7wyzO5nI/AAAAAAAAALc/tGq4CMZekvc/lebe-lebe.blogspot.com%2074.gif',
':jaritengah' ,'http://lh3.ggpht.com/_vgXtrK5363k/TNM7xNX3EAI/AAAAAAAAALg/E2I6hbR6qwc/lebe-lebe.blogspot.com%2092.gif',
':keepposting' ,'http://lh6.ggpht.com/_vgXtrK5363k/TNM77olo3BI/AAAAAAAAAL4/xANGw9r6QzU/lebe-lebe.blogspot.com%20gfdgfdg.gif',
':pertamaxhabis' ,'http://lh5.ggpht.com/_vgXtrK5363k/TNM804-KhOI/AAAAAAAAANY/22K7v-8hdNg/lebe-lebe.blogspot.com%2071.gif',
':bintang5' ,'http://lh6.ggpht.com/_vgXtrK5363k/TNM9GAlOH9I/AAAAAAAAAN4/BzP0c16zeZA/lebe-lebe.blogspot.com%20fgdfgfg.gif',
':segergan' ,'http://lh4.ggpht.com/_vgXtrK5363k/TNM9GP7wfBI/AAAAAAAAAN0/I9M4lARNFe0/lebe-lebe.blogspot.com%20d.gif',
':tkpeksekutif' ,'http://lh4.ggpht.com/_vgXtrK5363k/TNM9he0zcSI/AAAAAAAAAO4/RtAHZkgWuYI/lebe-lebe.blogspot.com%20dfxdvc.gif',
':samasama' ,'http://lh3.ggpht.com/_vgXtrK5363k/TNM9qexujqI/AAAAAAAAAPI/ziBkyA6R5II/lebe-lebe.blogspot.com%20fgdfgdf.gif',
':tkpjatuh' ,'http://lh6.ggpht.com/_vgXtrK5363k/TNM9qFKWCnI/AAAAAAAAAPA/JBQ-zTNgb0o/lebe-lebe.blogspot.com%20fgbcf.gif',
':hotthread' ,'http://lh4.ggpht.com/_vgXtrK5363k/TNM98MNsu4I/AAAAAAAAAPs/xxzYVfqUClg/lebe-lebe.blogspot.com%2068.gif',
':peacebro' ,'http://lh4.ggpht.com/_vgXtrK5363k/TNM-QzL9GAI/AAAAAAAAAQU/30Nx5S0RPhU/lebe-lebe.blogspot.com%20dfgsdgsd.gif',
':ketkppakeninja' ,'http://lh6.ggpht.com/_vgXtrK5363k/TNM-lWfpr9I/AAAAAAAAARE/3NcogZTdTLM/lebe-lebe.blogspot.com%20sgftweasfd.gif',
':dj' ,'http://lh3.ggpht.com/_vgXtrK5363k/TNM-9nVlo4I/AAAAAAAAARc/nEMKFvPMPfk/lebe-lebe.blogspot.com%2076.gif',
':winner' ,'http://lh3.ggpht.com/_vgXtrK5363k/TNM-92W8exI/AAAAAAAAARk/aQAski2bSqE/lebe-lebe.blogspot.com%2080.gif',
':musuhjomblo' ,'http://lh3.ggpht.com/_vgXtrK5363k/TNOQc30M3gI/AAAAAAAAAYk/bc4CYvvRD9o/pacaran.gif',
];
Force_Tag = [
'[pre]','<pre>',
'[/pre]','</pre>',
'<pre class="prettyprint lang-scm>','</pre>',
];

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 q=\'.W\';3 1a=$(\'#N-Y\').B(\'y\');u 1w(H){3 1h=\' \\n\\r\\t\\f\\2p\\1S\\1T\\1U\\24\\25\\26\\27\\2e\\2h\\2k\\2m\\2n\\2u\\2y\\2z\\2A\\2F\\1L\\1N\\1O\\1P\\1Q\';G(3 i=0;i<H.5;i++){b(1h.g(H.1V(i))!=-1){H=H.d(0,i);11}}C H}$(\'#28 .1B p\').k(u(D,7){b(2r){3 m=\'1g://13.Z.X/1t?v=\';3 8=7.g(m);F(8!=-1){1H=7.d(8);K=1w(1H);3 1c=K.g(\'&\');3 T=\'\';b(1c==-1){T=K.d(m.5)}1e{T=K.d(m.5,1c)}3 1j=\'<1k I="1W" y="1g://13.Z.X/1X/\'+T+\'?1Y=1" 20="0" 21></1k>\';7=7.d(0,8)+1j+7.d(8+K.5);8=7.g(m);b(8==-1){m=\'22://13.Z.X/1t?v=\';8=7.g(m)}}}b(23){3 1d=\'\';3 x=7;G(3 i=0;i<1z.5;i++){3 m=\'.\'+1z[i];3 o=x.E();3 8=o.g(m);F(8!=-1){l=x.d(0,8+m.5);o=l.E();3 w=\'2j://\';3 z=o.g(w);3 L=\'\';F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}w=\'1K://\';o=l.E();z=o.g(w);F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}b(L==\'\'||l.5<6){11}l=L+l;1d+=x.d(0,8+m.5-l.5)+\'<S y="\'+l+\'" I="2s"/>\';x=x.d(8+m.5);o=x.E();8=o.g(m)}}7=1d+x}b(1m){3 5=A.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';8=7.g(A[i]);F(8!=-1){7=7.d(0,8)+V+7.d(8+A[i].5);8=7.g(A[i])}}}b(2G){3 5=U.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){F(1){3 x=7.R();8=x.g(U[i]);b(8!=-1){7=7.d(0,8)+U[i+1]+7.d(8+U[i].5)}1e{11}}}}C 7});$(\'.1M\').k(u(D,7){b(1m){3 5=A.5;b(5%2==1){5--}3 15=\'\';G(3 i=0;i<5;i+=2){3 1C=\'<1F>\'+A[i]+\'</1F>\';3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';15+=\'<M I="1R">\'+V+1C+\'</M>\'}C 15}});$(\'.1f .1B p\').k(u(i,h){10=h.R();D=10.g(\'@<a 12="#c\');b(D!=-1){14=10.g(\'</a>\',D);b(14!=-1){h=h.d(0,D)+h.d(14+4)}}C h});u 1l(j){r=j.g(\'c\');b(r!=-1)j=j.d(r+1);C j}u 1n(j){j=\'&1Z=\'+j+\'#%1o\';1p=1a.1q(/#%1o/,j);C 1p}u 1r(){k=$(q).k();$(q).k(\'\');q=\'.W\';$(q).k(k);$(\'#N-Y\').B(\'y\',1a)}u 1s(e){j=$(e).B(\'16\');j=1l(j);k=$(q).k();b(q==\'.W\'){1u=\'<a 12="#1v" 29="1r()">\'+2a.2b+\'</a><a 2c="1v"/>\';$(q).k(1u)}1e{$(q).k(\'\')}q=\'#2d\'+j;$(q).k(k);$(\'#N-Y\').B(\'y\',1n(j))}17=2f.2g.12;18=\'#N-2i\';19=17.g(18);b(19!=-1){1y=17.d(19+18.5);1s(\'#2l\'+1y)}G(3 i=0;i<O.5;i++){b(\'1A\'2o O[i]){3 j=O[i].1A;3 1b=2q($(\'#c\'+j+\':P\').B(\'1D-1E\'));$(\'#c\'+j+\' .2t:P\').k(u(D,7){3 J=O[i].16;b(1b>=2v.2w){$(\'#c\'+J+\':P .2x\').1G()}3 Q=$(\'#c\'+J+\':P\').k();Q=\'<M I="1f" 16="c\'+J+\'" 1D-1E="\'+(1b+1)+\'">\'+Q+\'</M>\';$(\'#c\'+J).1G();C(7+Q)})}}3 1I=$("#2B");1I.2C(\'.2D S\').2E(u(){3 1J=$(1i).B(\'y\');$(1i).2H().B(\'y\',1J.1q(/\\/s[0-9]+(\\-c)?\\//,"/2I-c/"))});',62,169,'|||var||length||oldhtml|check_index|||if||substring|||indexOf|||par_id|html|img_src|search_key||upper_html||Cur_Cform_Hdr||||function||http_search|temp_html|src|find_http|Emo_List|attr|return|index|toUpperCase|while|for|str|class|child_id|yt_link|save_http|div|comment|Items|first|child_html|toLowerCase|img|yt_code|Force_Tag|img_html|comment_form|com|editor|youtube|temp|break|href|www|index_tail|newhtml|id|cur_url|search_formid|search_index|Cur_Cform_Url|par_level|yt_code_index|save_html|else|comment_wrap|http|whitespace|this|yt_video|iframe|Valid_Par_Id|Display_Emo|Cform_Ins_ParID|7B|n_cform_url|replace|Reset_Comment_Form|Display_Reply_Form|watch|reset_html|origin_cform|trim|comment_emo|ret_id|Replace_Image_Ext|parentId|comment_body|img_code|data|level|span|remove|ht|avatar|ava|HTTPS|u200a|comment_emo_list|u200b|u2028|u2029|u3000|item|x5d|x7c|x7d|charAt|comment_youtube|embed|autohide|parentID|frameborder|allowfullscreen|https|Replace_Image_Link|x3c|x3e|x0b|xa0|comment_block|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|u2001|form_|HTTP|u2002|rc|u2003|u2004|in|x5b|parseInt|Replace_Youtube_Link|comment_img|comment_child|u2005|Config|maxThreadDepth|comment_reply|u2006|u2007|u2008|comments|find|comment_avatar|each|u2009|Replace_Force_Tag|show|s45'.split('|'),0,{}))
//]]>
</script>


9. Setelah itu paste script tersebut pada <b:includable id='comments' var='post'> ........ PASTE SCRIPT DISINI </b:includable>. Jadi meletakan script tersebut sebelum </b:includable>.



10. Simpan template, dan lihat hasilnya.


Mungkin tidak semua template berhasil dengan tutorial ini, saya menyerahkan kepada kalian untuk berkreasi untuk menerapkan emotikon kaskus ini.


Demo

1. Threaded Comment Form

Demo
click to view


2. Default Comment Form

Demo
click to view



Nah itu saja dari saya semoga bermafaat, jangan lupa bagikan serta tinggalkan komentar anda, terima kasih.

Cara Mengatur Default Picture Profile Disqus Komentator Di Blog

Cara Mengatur Default Picture Profile Disqus Komentator Di Blog


Selamat datang agan atau aganwati kali ini saya akan berbagi tips blogging yaitu cara mengatur default picture profile disqus komentator di blog, default picture profile ialah gambar profil pengguna yang asli belum pernah diubah maupun diganti, agar lebih menarik dilihat pada kolom komentar disqus di blog kita, langsung saja kita simak berikut;


Langkah

1. Login pada disqus masing-masing di bawah ini,

Disqus Panel
click to view


2. Setelah anda login pada disqus anda, pilih menu setup pada menu yang telah tersedia,

Cara Mengatur Default Picture Profile Disqus Komentator Di Blog


3. Setelah itu, pada sidebar menu, pilih menu advanced, lalu pada menu Default Commenter Avatar, pilih choose file lalu pilih gambar yang akan dijadikan default picture profile untuk komentar disqus di blog anda.

Cara Mengatur Default Picture Profile Disqus Komentator Di Blog



4. Jangan lupa untuk disimpan pada save changes.




Nah itu saja dari saya semoga bermanfaat, jangan lupa bagikan serta tingaalkan komentar anda, terima kasih.

Cara Membuat Notice Box Info Di Blog Responsive

Cara Membuat Notice Box Info Di Blog Responsive


Selamat datang agan atau aganwati kali ini saya akan berbagi tips blogging tentang cara membuat notice box info di blog responsive. Tips kali ini saya akan memberikan cara notice blog dimana notice blog ini dapat memuat beberapa notice sehingga lebih memudahkan pengunjung dalam mengakses hal-hal apa saja yang ingin kita sampaikan. Nah langsung saja silakan ikuti beberapa langkah di bawah ini;

Langkah

1. Pertama login pada blog anda masing-masing,

2. Pada menu dashboard pilih menu template, lalu pilih edit template,


3. Setelah itu pasang icon Font Awesome pada blog anda dengan cara memasang script di bawah ini tepat di atas kode </head>,

 <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/> 

Jika sudah terpasang, lewati langkah tersebut. Apabila sudah terpasang tetapi versi yang anda gunakan versi lama maka perbaruilah dengan versi fontawesome yang baru di atas tersebut.


4. Setelah itu cari kode </b:skin> dengan cara
Ctrl
+
F
,


5. Copy script di bawah ini lalu paste tepat di atas kode </b:skin>,

/* Box Info RenaldyWays.blogspot.com
---------------------------*/
.RenaldyWays-box{top:15px;right:450px;background:rgba(0, 0, 0, 0.5);border-radius:100px;padding:0px 12px;color:rgba(255, 255, 255, 0.84);position: fixed; z-index: 9;font: normal 18px FontAwesome;line-height: 30px;cursor: pointer;}
.RenaldyWays-box:hover{ opacity: 0.8;}
.icon-box{background-color: rgba(66, 133, 244, 0.8);padding: 8px 13px;border-radius: 100%;color: rgba(255, 255, 255, 0.5);margin-right: 5px;}
.icon-box:hover{color:white;background-color:rgba(66, 133, 244, 1);}
.notif-info{background-color: rgba(245, 245, 245,0.5);border:1px solid #eee;padding: 5px 8px;margin-bottom: 10px;cursor: pointer;text-align:left;}
.notif-info:hover{opacity:0.8}.notif-info p {font-size:11px;color:#555;margin:0;margin-top:-5px;padding-left:40px;}
#RenaldyWaysbox{background:#fff;border:1px solid rgba(204, 204, 204, 0.5);color:#333;font-size:14px;font-family: 'Open Sans', Helvetica, Arial, sans-serif;line-height:1.2em;top:-381px;right:370px;padding:20px 15px 15px 15px;position:fixed;width:300px;box-shadow: 0 2px 10px rgba(0,0,0,.2);z-index:10;transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;}
#RenaldyWaysbox:before{content:"";width:0;height:0;position:absolute;top:-22px;right:81px;border:11px solid transparent;border-color:transparent transparent rgba(204, 204, 204, 0.5);}
#RenaldyWaysbox:after{content:"";width:0;height:0;position:absolute;top:-19px;right:82px;border:10px solid transparent;border-color: transparent transparent #fff;}
.closebox{background:none;border:none;position:absolute;top:0px;right:0px;cursor:pointer;font-size:18px;font-weight:700;color:#888;}
.closebox:focus{outline:none}
.closebox:hover{color:red;opacity:0.5}
.closebox:active{color:red;opacity:1}
.count-box {width: 18px;height: 18px;line-height: 18px;text-align: center;background-color: rgba(231, 33, 0, 0.89);border-radius: 5px;color: #fff;display: inline-block;font-size: 12px;position: absolute;padding: 0 2px; top: -5px;left: 22px;}


@media screen and (max-width:980px) {#RenaldyWays-box {display:none;}.RenaldyWays-box {display:none;}}
@media screen and (max-width:980px) {#RenaldyWaysbox {display:none;}.RenaldyWaysbox {display:none;}}











/* CSS Dialog Renaldyways.blogspot.com */
#mydonasi{position:fixed;top:-500px;z-index:999999;transition:0.4s all ease-in-out;}
#myModal{position:fixed;top:-550px;z-index:999999;transition:0.4s all ease-in-out;}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%)}@media screen and (max-width:480px){.modal-dialog{top:0!important;left:0!important}}@media screen and (max-width:320px){.modal-dialog{top:0!important;left:0!important}}.modal-dialog{position:fixed;top:50px;left:300px;width:auto;margin:10px;width:700px;max-width:100%}.modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);outline:none;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-header{min-height:16.42857143px;padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:transparent;border:0}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.modal-title{margin:0;font-size:150%!important;margin-bottom:-10px!important}.modal-body{position:relative;padding:20px;text-align:left;}.modal-footer{padding:19px 20px 20px;margin-top:15px;text-align:right;border-top:1px solid #e5e5e5}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}#overlay {background:rgba(0, 0, 0, 0.74);z-index:10;position:fixed;top:0;left:0;right:0;bottom:0;display:none;}

#mykomen{position:fixed;top:-500px;z-index:10;transition:0.4s all ease-in-out;}




@media screen and (max-width:980px) {#mydonasi {display:none;}.mydonasi {display:none;}}

@media screen and (max-width:980px) {#myModal {display:none;}.modal-dialog {display:none;}}
@media screen and (max-width:980px) {#mykomen {display:none;}.mykomen {display:none;}}


6. Setelah itu cari kode tag pembungkus navigasi / menu blog anda dengan cara
Ctrl
+
F
, lalu paste script di bawah ini pada kode tag pembungkus navigasi / menu blog anda.

 <div class='RenaldyWays-box' onclick='document.getElementById(&apos;RenaldyWaysbox&apos;).style.top=&apos;80px&apos;;document.getElementById(&apos;count-box&apos;).style.display=&apos;none&apos;;' style='transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;'>
<i class='fa fa-info'/>
<div class='count-box' id='count-box'>4</div>
</div>


Kode tag pembungkus navigasi / menu blog biasanya menggunakan tag <nav....>Simpan Script Di sini</nav> atau bisa disimpan di <div class="wrapper" id="wrapper"> Simpan Script Di sini </div> . Sebenarnya terserah ingin di simpan di mana, tetapi lebih baik disimpan pada tag pembungkus navigasi / menu blog anda, karena setiap template blog belum tentu sama.


Cara Membuat Notice Box Info Di Blog Responsive




7. Setelah itu cari kode <body> dengan cara
Ctrl
+
F
,


8. Setelah itu copy script di bawah ini, lalu paste script di bawah ini tepat di bawah kode <body>,

 <div id='RenaldyWaysbox' mobile='no'>
<div class='notif-info info' onclick='document.getElementById(&apos;myModal&apos;).style.top=&apos;80px&apos;;document.getElementById(&apos;overlay&apos;).style.display=&apos;block&apos;;'><i class='fa fa-info icon-box' style='padding: 10px 15px;'/>Recent Info<p>Baca Info Terbaru Di Sini.</p></div>
<div class='notif-info' onclick='document.getElementById(&apos;mydonasi&apos;).style.top=&apos;80px&apos;;document.getElementById(&apos;overlay&apos;).style.display=&apos;block&apos;;'><i class='fa fa-credit-card icon-box' style='padding: 10px;background-color:#00BCD4;'/>Donasi Untuk Blog Ini<p>Berikan Donasi Seikhlasnya.</p></div>
<div class='notif-info'><a href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&amp;#39;+encodeURIComponent(location.href)+&amp;#39;&amp;langpair=id%7cen&amp;hl=en&amp;#39;); return false;' rel='nofollow' target='_blank'><span class='fa fa-try icon-box' style='padding: 10px 13px;background-color:#FB8C00;'/>Translate To English</a><p>Translate This Page.</p></div>


<div class='notif-info' onclick='document.getElementById(&apos;mykomen&apos;).style.top=&apos;80px&apos;;document.getElementById(&apos;overlay&apos;).style.display=&apos;block&apos;;'><i class='fa fa-exclamation-triangle icon-box' style='padding: 10px;background-color:#FF0000;'/>Peratutan Berkomentar<p>Baca Petunjuk Dan Peraturan Berkomentar.</p></div>



<input class='closebox' onclick='document.getElementById(&apos;RenaldyWaysbox&apos;).style.top=&apos;-381px&apos;;' title='Close this' type='button' value='×'/>



</div>
<div id='overlay'/>
<div class='modal-dialog' id='myModal'>
<div class='modal-content'>
<div class='modal-header'>
<h4 class='modal-title' id='myModalLabel'>
Selamat Datang di Blog Renaldy Ways</h4>
</div>
<div class='modal-body'>
<i class='fa fa-retweet'/><b>Last Update : 27 November 2015, 19.27 WIB</b>.
<br/>
<br/>
<br/>
<i class='fa fa-check'/>Gunakan Search form yang terletak pada kanan atas blog ini, Jika ingin berkomentar harap berkomentarlah dengan <b>relevan!</b>.<br/>
<i class='fa fa-check'/> Jangan lupa untuk <b>bagikan</b> serta tinggalkan <b>komentar</b> Anda. Jangan sungkan untuk <b>bertanya</b> kepada Admin dengan cara berkomentar, Insya Allah secepatnya akan Saya balas.
<br/> <i class='fa fa-check'/>Jika ingin menyalin artikel di blog ini diharapkan untuk mencantumkan <b>link!</b>.
<br/><i class='fa fa-check'/>Blog dalam masa perbaikan, mohon maaf bila terdapat <b>bug</b> dalam blog ini, terima kasih.
<br/><i class='fa fa-check'/>Blog ini telah menerapkan komentar <a href='https://disqus.com/by/renaldyrizkiramadani/'><b>disqus.</b></a>
</div>
<div class='modal-footer'>
<button class='btn btn-primary' onclick='document.getElementById(&apos;myModal&apos;).style.top=&apos;-500px&apos;;document.getElementById(&apos;overlay&apos;).style.display=&apos;none&apos;;' type='button'>Close</button>
</div>
</div>
</div>
<div class='modal-dialog' id='mydonasi'>
<div class='modal-content'>
<div class='modal-header'>
<button aria-hidden='true' class='close' data-dismiss='modal' id='closex' onclick='document.getElementById(&apos;mydonasi&apos;).style.top=&apos;-500px&apos;;document.getElementById(&apos;overlay&apos;).style.display=&apos;none&apos;;' type='button'>&#215;</button>
<h4 class='modal-title' id='myModalLabel'>
DONATION</h4>
</div>
<div class='modal-body'>
Donasi yang kamu berikan akan saya gunakan untuk mengembangkan blog ini menjadi lebih baik.<br/>
<b><i class='fa fa-credit-card'/> Paypal</b>: <a href='https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=P9JMYYN54PFDG'><b>klik disini</b>.</a>
</div>
</div>
</div>


<div class='modal-dialog' id='mykomen'>
<div class='modal-content'>
<div class='modal-header'>
<button aria-hidden='true' class='close' data-dismiss='modal' id='closex' onclick='document.getElementById(&apos;mykomen&apos;).style.top=&apos;-500px&apos;;document.getElementById(&apos;overlay&apos;).style.display=&apos;none&apos;;' type='button'>&#215;</button>
<h4 class='modal-title' id='myModalLabel'>
Peraturan Berkomentar</h4>
</div>
<div class='modal-body'>

<i class='fa fa-exclamation-triangle'/>Berkomentarlah sesuai topik artikel, jika ingin bertanya selain topik artikel silakan bertanya ke halaman <a href='http://renaldyways.blogspot.com/p/request-artikel.html'><b>OOT</b>.</a>
<br/> <i class='fa fa-exclamation-triangle'/>Dilarang untuk mencantumkan <b>link!</b> dalam bentuk apapun.
<br/><i class='fa fa-exclamation-triangle'/>Dilarang untuk berkomentar dengan kata-kata <b>kasar</b> dalam blog ini.<br/>
<i class='fa fa-exclamation-triangle'/>Untuk melihat statistik komentar disqus terbaru di blog ini silakan ke halaman <a href='http://renaldyways.blogspot.com/p/request-artikel.html'><b>Disqus Panel</b>.<br/></a>
<i class='fa fa-exclamation-triangle'/>Untuk melihat top komentartor disqus di blog ini silakan ke halaman <a href='http://renaldyways.blogspot.com/p/top-komentator.html'><b>Top Komentator</b>.<br/></a>
</div>
</div>
</div>

Silakan sesuaikan dan edit isi notice di atas dengan kondisi blog anda.


9. Tambahan, notice box info ini hanya akan muncul pada resolusi di atas 980px, jadi tidak akan mengganggu pengguna mobile, jika anda ingin memunculkan di semua resolusi tinggal hapus seluruh script @media screen and (max-width:980px) {#RenaldyWaysbox {display:none;}.RenaldyWaysbox {display:none;}},


10. Simpan dan lihat hasilnya.

Cara Membuat Notice Box Info Di Blog Responsive





Nah itu saja dari saya semoga bermanfaat, jangan lupa bagikan serta tinggalkan komentar anda, terima kasih.


Referensi www.idblanter.com/2015/07/membuat-notice-box-info-dengan-count.html

Cara Membuat Logo Blog Berkilau Saat Disentuh Pointer

Cara Membuat Logo Blog Berkilau Saat Disentuh Pointer

Selamat datang agan atau aganwati kali ini saya akan berbagi tips blogging yaitu tentang cara membuat logo blog berkilau saat disentuh pointer, sebagai tutorial silakan simak di bawah ini;


Langkah

1. Login pada blog anda masing-masing,

2. Pada menu dashboard blog, pilih menu edit template,

3. Setelah itu cari kode </b:skin> dengan cara
Ctrl
+
F
,


4. Setelah itu copy script di bawah ini lalu paste tepat di atas kode </b:skin>,

 .spanning {z-index: 9999;display: block;position: absolute;background: url("http://4.bp.blogspot.com/-vyNT11VOT4Q/VAKp8n9oEtI/AAAAAAAADtU/kIEbA9m6bmg/s800/shine.png") -300px 0px no-repeat;transition-property: all;transition-duration: .8s;-webkit-transition-property: all;-webkit-transition-duration: .8s;background-size: 100%;height: 55px;width: 249px;bottom:0;}
.logo a:hover .spanning{background-position: 300px 0px;}

Pada tag .logo di sesuaikan dengan tag logo blog anda mungkin di setiap blog mempunyai tag logo yang berbeda.

Untuk tag logo ubah dengan class atau id pada tag div logo blog anda, jika id berarti menjadi pagar # dan jika class tetap titik.


Contoh untuk tag logo class :

CSS     : .logo a:hover .spanning{background-position: 300px 0px;}
HTML : <div class='logo'>
<a href='/'><span class='spanning'/><img alt='Renaldy Ways' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO4_7dAqYhN2bGvaQV0uBV3mRCnI6lX8EU6vdwBqij2KBweZ3pxvUYHR8SGfLBvUYdka1uNakvwYgocFuaRMH241nUNk5AfhP_O5QhK6qJ-afeUoYxLUrQ2dI1oZy4HDKjhHThsJbwt9uD/s1600/LogoNew.png'/></a>
</div>

Pada tag div logo menggunakan class, jadi .logo tetap titik / tidak berubah!



Contoh untuk tag logo id :

CSS     : #logo a:hover .spanning{background-position: 300px 0px;}
HTML : <div id ='logo'>
<a href='/'><span class='spanning'/><img alt='Renaldy Ways' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO4_7dAqYhN2bGvaQV0uBV3mRCnI6lX8EU6vdwBqij2KBweZ3pxvUYHR8SGfLBvUYdka1uNakvwYgocFuaRMH241nUNk5AfhP_O5QhK6qJ-afeUoYxLUrQ2dI1oZy4HDKjhHThsJbwt9uD/s1600/LogoNew.png'/></a>
</div>

Pada tag div logo menggunakan id, jadi .logo diubah menjadi #logo!




5. Setelah itu cari div tag logo blog anda, setelah itu selipkan script di bawah ini pada div tag logo blog anda seperti di bawah ini,

 <span class='spanning'/> 


diselipkan pada div tag logo blog anda seperti ini,
Cara Membuat Logo Blog Berkilau Saat Disentuh Pointer


6. Simpan lalu lihat hasilnya.





Nah itu saja dari saya semoga bermanfaat, jangan lupa bagikan serta tinggalkan komentar anda, terima kasih.


Referensi www.idblanter.com/2015/07/membuat-logo-berkilau-saat-disentuh-cursor.html

Cara Membuat Notifikasi Komentar Disqus Di Blog Responsive

Cara Membuat Notifikasi Komentar Disqus Di Blog Responsive


Selamat datang agan atau aganwati kali ini saya akan memberikan tips blogging yaitu cara membuat notifikasi komentar disqus di blog responsive, dimana artikel ini sebelumnya pernah dibuat oleh sahabat saya bernama Rhinokage Rio, oleh karena itu saya ijin untuk membuat artikel ini di blog saya. Memang notifikasi komentar disqus tidak berbeda jauh dengan sebelumnya, tetapi hanya saya ubah sedikit agar lebih rapi dan tidak muncul di tampilan mobile atau hp, nah langsung saja kita bahas tutorialnya;


Langkah

1. Login pada blog anda masing-masing,

2. Setelah itu pada menu dashboard pilih menu edit template,

3. Setelah itu cari kode </b:skin> dengan cara
Ctrl
+
F
,


4. Setelah itu copy script di bawah ini lalu paste tepat di atas kode </b:skin> ,

 /* CSS Notifikasi Komentar Disqus */
.header-1 {background:#fff;border-bottom:1px solid #ddd;height:30px;padding:15px;overflow:hidden}
.header-1 h4{font-size:15px;float:left;margin:5px;padding:2px;color:#555}
.header-1 img{float:right}
.notif-show{position:fixed;top:10px;right:10px;z-index:9997;color:#fff!important;background:#444;padding:10px;font-size:13px;border-radius:4px}
#disqus-notif.active{right:0}
#disqus-notif{position:fixed;background:#fff;z-index:99999;width:30%;border-left:3px solid #e2e2e2;top:0;right:-500px;bottom:0;transition:all .7s ease-in-out}#overlay-1.active{background:rgba(53,58,61,.9);position:fixed;z-index:9999;overflow:hidden;width:100%;height:100%;top:0;left:0}.close-text{display:inline-block;font-weight:700;font-size:14px;position:relative;right:-15px;top:-7px;visibility:hidden;opacity:0;transition:all 250ms ease-in-out}.close-1:hover .close-text{visibility:visible;opacity:1;-webkit-transform:translate3d(-80px,0,0);transform:translate3d(-80px,0,0)}
.close-1{position:fixed;margin-left:-250px;margin-top:20px;font-size:35px;font-weight:700;color:#fff!important}
#RecentComments{display:block;width:100%;margin:0 auto;padding:10px 0 10px 20px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;}
#RecentComments ul.dsq-widget-list{text-align:left;max-height:90%;overflow:auto;}
#RecentComments img.dsq-widget-avatar{margin:3px 10px 7px 0;width:32px;height:32px;padding:0;float:left;border-radius:3px;clear:both;display:block}
#RecentComments p.dsq-widget-meta{clear:both;font-size:80%;margin-top:5px;font-weight:400}
#RecentComments p.dsq-widget-meta a{display:inline-block;width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2e9fff;font-size:12px}
#RecentComments p.dsq-widget-meta a:hover{color:#2e87e7}
#RecentComments li.dsq-widget-item{margin:0;padding:6px 0 4px;list-style-type:none;clear:both;border-bottom:1px solid #eee;color:#2e87e7;font-weight:600}
#RecentComments li.dsq-widget-item:last-child{border-bottom:none}
#RecentComments a.dsq-widget-user {display:table;color:#2e9fff;font-weight:700;font-size:14px}
#RecentComments a.dsq-widget-user:hover{color:#2e87e7;}
#RecentComments span.dsq-widget-comment{display:block;clear:both;margin-top:5px;}
#RecentComments .dsq-widget-comment p{display:inline-block;font-size:13px;margin:0;font-weight:400;color:#444}
#RecentComments .dsq-widget-item pre{position:relative;background-color:#f3ffca;padding-top:0;box-shadow:0 1px 0 rgba(0,0,0,.1);border-radius:0;opacity:.9;transition:all .3s;}
.count-1{background:#ED1E24;padding:2px 5px;font-size:11px;border-radius:3px;position:absolute;top:-8px;left:-15px}
#RecentComments .dsq-widget-item pre:hover {opacity:1}
#RecentComments .dsq-widget-item pre code {color:#444;font-size:82%;}
#RecentComments .dsq-widget-item pre:before{content:&#39;&#39;;position:absolute;padding:initial;font-size:initial;text-indent:initial;left:initial;color:initial;top:0;right:0;width:1.2em;height:1.2em;background-color:#d8e3b0}
#RecentComments .dsq-widget-item pre:after{content:&#39;&#39;;font-size:initial;padding:0;position:absolute;width:0;height:0;border-style:solid;border-width:0 1.2em 1.2em 0;border-color:transparent #fff transparent transparent}
@media screen and (max-width:1280px) {#disqus-notif{display:none} .notif-show{display:none} .close-1{margin:0;color:#444!important}}



5. Setelah itu cari kode </head> dengan cara
Ctrl
+
F
,


6. Setelah itu copy script di bawah ini lalu paste tepat di atas kode </head> ,

 <script type='text/javascript'>
//<![CDATA[
// Notif Komentar Disqus
$(function(){$(".notif-show").on("click",function(){$("#disqus-notif").addClass("active").focus()});$(".close-1").on("click",function(){$("#disqus-notif").removeClass("active")})});
$(function(){$(".notif-show").on("click",function(){$("#overlay-1").addClass("active").focus()});$(".close-1").on("click",function(){$("#overlay-1").removeClass("active")})});
//]]>
</script>


7. Setelah itu cari kode <body> dengan cara
Ctrl
+
F
,


8. Setelah itu copy script di bawah ini lalu paste tepat di bawah kode <body> ,

<a class='notif-show' href='javascript:;'><i class='fa fa-bell-o'/><span class='count-1'><b>New!</b></span></a>
<div id='overlay-1'/>
<div id='disqus-notif'>
<a class='close-1' href='javascript:;' title='Close'>&#215;<span class='close-text'>Close</span></a>
<div class='header-1'><h4>Notifications</h4><a href='https://disqus.com' target='_blank' title='Disqus'><img alt='Disqus Logo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3zxRHtoqF47aoaiFh0bqZerht9vFaBrUjaib51QzGkybm1DjCUVcBuO1kqs8iXJeYd24IAcbnpOFwrc0UlZxOP-vFtsQArQe4h7eP-hLYa5O0sDRwmou7UJBdN1nsstmOQmC-slqzAw5k/s1600/disqus-1.png'/></a></div>
<div class='dsq-widget' id='RecentComments'>
<script defer='defer' type='text/javascript'>
//<![CDATA[
document.write("<scr" + "ipt type=\"text/javascript\" src=\"https://renaldyways.disqus.com/recent_comments_widget.js?num_items=18&hide_mods=0&hide_avatars=1&avatar_size=32&excerpt_length=120\"></scr" + "ipt>");
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$("#RecentComments a").filter(function(){return this.hostname&&this.hostname!==location.hostname}).attr('rel', 'nofollow').attr('target', '_blank');
//]]>
</script>
</div>
</div>


9. Simpan dan lihat hasilnya.

Cara Membuat Notifikasi Komentar Disqus Di Blog Responsive





Nah itu saja dari saya semoga bermanfaat, jangan lupa bagikan serta tinggalkan komentar anda, terima kasih.



Referensi script http://www.idblanter.com/2015/11/cara-memasang-notifikasi-komentar-disqus-di-blog.html

Cara Membuat Countdown Timer Tahun Baru 2016 Keren Di Blog

Cara Membuat Countdown Timer Tahun Baru 2016 Keren Di Blog

Selamat datang agan atau aganwati kali ini saya akan berbagi tips blogging yaitu cara membuat countdown timer tahun baru 2016 keren di blog, memang beberapa hari lagi kita akan menjumpai hari yang istimewa yaitu tahun baru 2016, nah mungkin bagi anda yang suka dalam memberi hiasan untuk blog anda tips ini bisa diterapkan di blog anda. Nah langsung saja saya kasih tutorialnya dan demonya hanya untuk agan pengunjung setia blog RenaldyWays;


Langkah

1. Login pada blog anda masing-masing,

2. Pada menu dashboard pilih menu template, lalu pilih menu edit template,

3. Cari kode </b:skin> dengan cara
Ctrl
+
F
,

4. Copy script di bawah ini lalu paste tepat di atas kode </b:skin>,

#RenaldyWaysNewYear2016 {
background:none repeat scroll 0% 0% rgba(19,19,19,0.65);
color:#FFC200;
font-size:130%;
text-transform:capitalize;
text-align:center;
padding:15px 0;
font-weight:normal;
border-radius:5px;
line-height:1.8em;
font-family:&
quot;
Roboto&
quot;
,Arial;
margin-bottom:15px;
}

.digit {
color:white;
}

.juduls {
color:#FFC200;
}

5. Setelah itu simpan template,

6. Lalu kembali ke menu dashboard pilih menu tata letak, lalu pilih menu tambahkan gadget, setelah itu pilih menu html/javascript,


7. Copy script di bawah ini lalu paste pada kolom html/javascript yang sudah disediakan,

 <div id='RenaldyWaysNewYear2016'>
<span id='countdown'>
</span></div>
<script type='text/javascript'>
//<![CDATA[
var target_date = new Date("Jan 1, 2016").getTime();
var days, hours, minutes, seconds;
var countdown = document.getElementById("countdown");
setInterval(function () {
var current_date = new Date().getTime();
var seconds_left = (target_date - current_date) / 1000;
days = parseInt(seconds_left / 86400);
seconds_left = seconds_left % 86400;
hours = parseInt(seconds_left / 3600);
seconds_left = seconds_left % 3600;
minutes = parseInt(seconds_left / 60);
seconds = parseInt(seconds_left % 60);
countdown.innerHTML = days + " <span class=\'digit\'>hari</span> " + hours + " <span class=\'digit\'>jam</span> " + minutes + " <span class=\'digit\'>menit</span> " + seconds + " <span class=\'digit\'>detik menuju <span class=\'juduls'>Tahun Baru 2016</span>";
}, 1000);
//]]>
</script>




8. Simpan dan lihat hasilnya.

Cara Membuat Countdown Timer Tahun Baru 2016 Keren Di Blog




Nah itu saja dari saya semoga bermanfaat, jangan lupa bagikan serta tinggalkan komentar anda, terima kasih.