Cara Mudah Bikin Recent Comments Di Samping Dan Di Bawah Blog

Posted by : Stiker Jalingkut

Apa Kabar Sobat Semuah Tentunya Kabar Baik Kan Sukurlah.

Mungkin Sudah Gak Asing Lagi Soal Iklan Melayang Atau Buku Tamu Di Samping Blog Buat Para Master Blogger Indonesia Raya Hahahah

Tapi Kali,ini Kami Mau Mencoba Modifikasi Kalih,ini Cara Pasang Recent Comments Di Samping Dan Di Bawah Blog. Sebelumnya Kami Sudah Posting Cara Pasang Recent Comments Hasil Modifikasi.

Silakan Buat Sobat Yang Mau Pasang Silakan Ikuti Langkah-Langkah Di Bawah. Langkahnya Sangat Mudah

Lihat Langkah-Langakah Di Bawah

Gambar

Demo 1

Gambar

Demo 2

Langkah Pertama Sobat Masuk Ke,blog Sobat

Lalu Copy Code Di Bawah. Buat Recent Comments Yang Terletak Di Samping

 <style type="text/css">
#Sella{
position:fixed;
top:0px;
z-index:+1000;
}
* html #Sella{position:relative;}
.Sellatab{
height:115px;
width:34px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv9yX1toZjeYUY2B8NpI7hJwsrE5EaezWxV349yZ_bfycqXBh7D7JWno-fyVj1z_At91DSQZ1iyxk8R7MLc0EDyYlBSZWxKg0G0IgQQzkr0ZkHTS4eHSg2S0OGeW9tsdhvp4lD5RZE0HmH/s1600/Recent+Comments+2.GIF')no-repeat;
}
.Sellacontent{
float:left;
border:0px solid #A5BD51;
background: #000000;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideSella(){
var Sella = document.getElementById("Sella");
var w = Sella.offsetWidth;
Sella.opened ? moveSella(0, 30-w) : moveSella(20-w, 0);
Sella.opened = !Sella.opened;
}
function moveSella(x0, xf){
var Sella = document.getElementById("Sella");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
Sella.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveSella("+x+", "+xf+")", 10);}
}
</script>
<div id="Sella">
<div class="Sellatab" onclick="showHideSella()">
</div>
<div class="Sellacontent">

<div style='overflow:auto; padding:5px; width:230px; height:300px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN9DxET7mqihGF0JVeB1UNYNlvAksjbCCQMt0OFkWSE-ja5hhfmmsscfi1Vs9PcfFufRw1rekMyU1vEyGZ0tgkDW-H_aethalje7Jitz1IcEdBtBC7dp3MHYOt5le-NZxhn_GgsWfZMmW2/s1600/Robot+Selladrt.jpg)   ; border:4px solid #0000FF;'>
<div id="komentar">
<ul>
<script type="text/javascript">
//<![CDATA[
var Selladrtkomentar = 20;
var Selladrtkarakter = 60;
//]]></script>
<script src="http://selladrt11.jw.lt/Recent Selladrt Comments Style.js" type="text/javascript"></script>
<script src="http://bingkaiframes.blogspot.com/feeds/comments/default?alt=json&callback=tampilkankomentar" type="text/javascript"></script>
</ul>
</div>
<small></small><br />
<div style="font-size: 90%; text-align: right; text-shadow: 2px 2px 2px #adadad;">
<small></small></div>
</div>
<style type="text/css">
#komentar {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7M2QSvPFAEJhzfYiDWO3DrbUeF7M5R5lzOtFZkvW01Oepw5LmfpndZ1uv5-8YSaQH34VJUZxPVjUMbxLNFJhOYkSGGB26ZX3tz3yoUWiG6hoJfLnuNc2cBKIMIbX0n6pQgr8cda6C5Z5K/s1600/petir.GIF); border:2px solid #8181F7;-moz-border-radius-bottomright:10px;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;margin:5px 0;padding:5px;}
#komentar ul{margin:0;padding:0px;list-style: none;}
#komentar ul li:first-child {border-top:none;}
#komentar ul li {height:46px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisOi3nQYH7yM6mCFjQF1ddlgRMmHMwdiT6a9GQUEbWG_GyCGHSfxvaY6DDwp_8PHf-o-csRghg2Yz-DKOoRjOEKoMZIgGaevkZ1eBmhrekUHb9r7pR7SgoWmV7xky-jr61AMuWFaX3WZM/s200/Batik+Selladrt.jpg); list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 5px 5px !important;font-size:12px!important;font-weight:550; border:3px solid #8181F7;-moz-border-radius-bottomright:10px;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;margin:5px 0;padding:5px;}
   
#komentar ul li:last-child {border-bottom: none;}
#komentar ul li:hover {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmBpHREnfvZ_-9q3b27ZjPveXdGEm0JMkCFAa-BwnZABSwa0wTgNGcUG-loAMExMLNI-BllGODVCsM87LnkL8gk9xLm5WpdbsPgkzZUVz5DhmC41p7d5qRPtnx2kCaFCeZm7i7l_EuKoe3/s1600/Blu+Red+Sella.jpg);
-moz-border-radius-bottomright:10px;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;margin:5px 0;padding:5px;}
#komentar a, #komentar a:link, #komentar a:visited {clear:both;color:#222;display:block;text-decoration:none;}
#komentar .gamen {display: block;float: left;height: 42px;left: 4px;margin-right: 15px;position: relative;width: 42px;}
#komentar .gamen>img { border: 2px solid #ffffff;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;box-shadow: 0 1px 2px #222222;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjbmVfmk7-xvpkk1Z56Jkkk6bwsLu-xQgWIw1q8EKAoAY39nf_fc0_4MpJMOeUZK6sBVD2EuqrbqXFT-ptrjVUbSvSj2O6sAA_I57KBVu4YGNf7hdwUXgTbL-OMVDPAmaADqzcpzKqU50p/s1600/Recent+Comments.GIF)repeat-x;}
#komentar ul li div.ismen {color:#0000FF;text-shadow:-2px -2px 2px #FFFF00;}
#komentar .ismen {display: block;font-size: 1em;font-style: italic;line-height: 1.2;padding: 2px 4px 2px 0;}
#komentar .gamen>span{width: 150px;height: auto;line-height: 20px;padding: 5px;left: 115px;margin-left: -64px;font-size: 1em;font-weight:bold;color: #212121;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);text-align: center;border: 4px solid #5858FA;background: rgba(255,255,255,0.7);text-indent: 0px;border-radius: 5px;position: absolute;pointer-events: none;bottom: 100px;opacity: 0;box-shadow: 1px 1px 2px rgba(0,0,0,0.2);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#komentar .gamen>span:before, #komentar .gamen>span:after{content: '';position: absolute;bottom: -15px;left: 50%;margin-left: -9px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid rgba(0,0,0,0.1);}
#komentar .gamen>span:after{bottom: -14px;margin-left: -10px;border-top: 10px solid #5858FA;}
#komentar .gamen:hover>span{opacity: 0.9;bottom: 55px;}
</style></div>
</div>

Buat Code Recent Comments Di Bawah Blog Copy Mas Code Di Bawah

<div id="floating_banner_top" style="position:fixed; bottom:0; background:none; width:100px; height:250px; z-index:100; ">
 <div style="width:100px; height:20px; text-align:center;">
 <a href="#" onclick="document.getElementById('floating_banner_top').style.display='none';return false;"> <img border="none" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCWUagQh1RbvJrXk4TUJsGN4zAbg5TFmrXP8jlewr6fADGyiugRb3smJ2NcYKFRtEv13O-u8EntYkkVMxDqtZAdkv0siFOiJdjrGp_Ssm2b1oUFEFE3ckIFehwir5wwnAATLvP47ABMh8/s1600/CLOSE.GIF "/> </a> </div>
<div style="width:100px; height:250px; background:#FFFFFF;">
 <div style='overflow:auto; padding:5px; width:230px; height:300px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN9DxET7mqihGF0JVeB1UNYNlvAksjbCCQMt0OFkWSE-ja5hhfmmsscfi1Vs9PcfFufRw1rekMyU1vEyGZ0tgkDW-H_aethalje7Jitz1IcEdBtBC7dp3MHYOt5le-NZxhn_GgsWfZMmW2/s1600/Robot+Selladrt.jpg)   ; border:4px solid #0000FF;'>
<div id="komentar">
<ul>
<script type="text/javascript">
//<![CDATA[
var Selladrtkomentar = 20;
var Selladrtkarakter = 60;
//]]></script>
<script src="http://selladrt11.jw.lt/Recent Selladrt Comments Style.js" type="text/javascript"></script>
<script src="http://bingkaiframes.blogspot.com/feeds/comments/default?alt=json&callback=tampilkankomentar" type="text/javascript"></script>
</ul>
</div>
</div>
</div>
<style type="text/css">
#komentar {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7M2QSvPFAEJhzfYiDWO3DrbUeF7M5R5lzOtFZkvW01Oepw5LmfpndZ1uv5-8YSaQH34VJUZxPVjUMbxLNFJhOYkSGGB26ZX3tz3yoUWiG6hoJfLnuNc2cBKIMIbX0n6pQgr8cda6C5Z5K/s1600/petir.GIF); border:2px solid #8181F7;-moz-border-radius-bottomright:10px;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;margin:5px 0;padding:5px;}
#komentar ul{margin:0;padding:0px;list-style: none;}
#komentar ul li:first-child {border-top:none;}
#komentar ul li {height:46px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisOi3nQYH7yM6mCFjQF1ddlgRMmHMwdiT6a9GQUEbWG_GyCGHSfxvaY6DDwp_8PHf-o-csRghg2Yz-DKOoRjOEKoMZIgGaevkZ1eBmhrekUHb9r7pR7SgoWmV7xky-jr61AMuWFaX3WZM/s200/Batik+Selladrt.jpg); list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 5px 5px !important;font-size:12px!important;font-weight:550; border:3px solid #8181F7;-moz-border-radius-bottomright:10px;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;margin:5px 0;padding:5px;}
   
#komentar ul li:last-child {border-bottom: none;}
#komentar ul li:hover {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmBpHREnfvZ_-9q3b27ZjPveXdGEm0JMkCFAa-BwnZABSwa0wTgNGcUG-loAMExMLNI-BllGODVCsM87LnkL8gk9xLm5WpdbsPgkzZUVz5DhmC41p7d5qRPtnx2kCaFCeZm7i7l_EuKoe3/s1600/Blu+Red+Sella.jpg);
-moz-border-radius-bottomright:10px;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;margin:5px 0;padding:5px;}
#komentar a, #komentar a:link, #komentar a:visited {clear:both;color:#222;display:block;text-decoration:none;}
#komentar .gamen {display: block;float: left;height: 42px;left: 4px;margin-right: 15px;position: relative;width: 42px;}
#komentar .gamen>img { border: 2px solid #ffffff;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;box-shadow: 0 1px 2px #222222;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjbmVfmk7-xvpkk1Z56Jkkk6bwsLu-xQgWIw1q8EKAoAY39nf_fc0_4MpJMOeUZK6sBVD2EuqrbqXFT-ptrjVUbSvSj2O6sAA_I57KBVu4YGNf7hdwUXgTbL-OMVDPAmaADqzcpzKqU50p/s1600/Recent+Comments.GIF)repeat-x;}
#komentar ul li div.ismen {color:#0000FF;text-shadow:-2px -2px 2px #FFFF00;}
#komentar .ismen {display: block;font-size: 1em;font-style: italic;line-height: 1.2;padding: 2px 4px 2px 0;}
#komentar .gamen>span{width: 150px;height: auto;line-height: 20px;padding: 5px;left: 115px;margin-left: -64px;font-size: 1em;font-weight:bold;color: #212121;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);text-align: center;border: 4px solid #5858FA;background: rgba(255,255,255,0.7);text-indent: 0px;border-radius: 5px;position: absolute;pointer-events: none;bottom: 100px;opacity: 0;box-shadow: 1px 1px 2px rgba(0,0,0,0.2);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#komentar .gamen>span:before, #komentar .gamen>span:after{content: '';position: absolute;bottom: -15px;left: 50%;margin-left: -9px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid rgba(0,0,0,0.1);}
#komentar .gamen>span:after{bottom: -14px;margin-left: -10px;border-top: 10px solid #5858FA;}
#komentar .gamen:hover>span{opacity: 0.9;bottom: 55px;}
</style></div>

Kalu Langkah-Langkah Di Atas Sudah Semuah Sobat Ganti URL http://bingkaiframes.blogspot.com/. Dengan URL Sobat Semuah

Sekian Dulu Dari Kami Tentang Postingan Kali,ini Cara Mudah Bikin Recent Comments Di Samping Dan Di Bawah Blog. Semoga Berguna Buat Yang Membutuhkannya Amin

{ 68 comentários... read them below or Comment }

kk ps28 Januari 2013 pukul 05.22
kunjungan malam mas!code nya di simpan dulu buat jaga2 siapa tau kedepan nya pake yang ini.trimakasih sudah di share
BalasHapus
Balasan
Masnady28 Januari 2013 pukul 05.51
selamat malam sobat..? wah keren nih sobat, saya simpan dulu css nya ya..? seperti biasa saya belum punya kompi sob,

ntr kalau saya sudah beli kompi pasti saya praktekin dech, semua tips dari sobat.. doain ya sob...?
BalasHapus
Balasan
Masnady28 Januari 2013 pukul 06.07
hahahaha amin sobat, doa yang kedua itu sangat penting sobat wkwkwkwkwkw
BalasHapus
Balasan
agusbg28 Januari 2013 pukul 06.10
keren sobat, banyak hal baru selama main kesini ya, jarang menemukan hal beginian...

sama seperti yang diatas, ane simpen dulu di....
BalasHapus
Balasan
zigzoor28 Januari 2013 pukul 06.17
wah mantap nih sob,terima kasih sudah berbagi,cuman saya mau tanya nih,saya lihat kalau ada komentar baru sering ada muncul pemberitahuan boleh dong dibagi bagi scriptnya.request nih. ditunggu infonya ya.
BalasHapus
Balasan
Anisayu Nastutik28 Januari 2013 pukul 07.00
selalu kudapatkan yang indah setiap kali kesini

trimakasih ya... :)
BalasHapus
Balasan
zigzoor28 Januari 2013 pukul 07.13
ga ketemu sob,tutorialnya kalau bisa judulnya apa ya.konpirmasikan ke blog saya yah.ditunggu.
BalasHapus
Balasan
Unknown28 Januari 2013 pukul 07.26
selamat malam mas.. :)
mantap habis mas..
I like it..
salam sukses mas.. :)
BalasHapus
Balasan
Yogi Prasetian28 Januari 2013 pukul 08.21
Udah g mw ganti2 lg mas, dah cukup lah gadget nya..
Hehe..
Mantap info nya mas..
BalasHapus
Balasan
Staff Administrator28 Januari 2013 pukul 08.55
kalo buat nya di samping halaman milik tetangga...bisa kena omel ya.mas......hehehe :)
BalasHapus
Balasan
vlog media news28 Januari 2013 pukul 14.21
Wah selalu ada modipikasi terbaru ya disini
BalasHapus
Balasan
Asuka28 Januari 2013 pukul 14.57
Keren sob. Makasih ya. .
BalasHapus
Balasan
Masnady28 Januari 2013 pukul 18.22
wah satu satu saja sobat... wkwkwkkwkw semoga apa yg sobat inginkan cepet tercapai amin..
BalasHapus
Balasan
Djangkaru Bumi28 Januari 2013 pukul 18.53
sunguh keran, dengan recent koment akan lebih merangsang pengunjung untuk menulis komentar.
BalasHapus
Balasan
PT Bintang Wangi Indotrans28 Januari 2013 pukul 19.36
keren gan...

perlu dicoba ini... makasih lho ya
BalasHapus
Balasan
miss yatie28 Januari 2013 pukul 20.03
tutorianya sentiasa cantik..
BalasHapus
Balasan
lang lang blog28 Januari 2013 pukul 20.07
tampilan bagus lagi unik ini sob,
blognya betul-betul kaya ide ini
BalasHapus
Balasan
lang lang blog28 Januari 2013 pukul 20.08
tampilan bagus lagi unik ini sob,
blognya betul-betul kaya ide ini
BalasHapus
Balasan
Unknown28 Januari 2013 pukul 20.20
wah keren sob, besok kalo online di kompi ane praktekin ... sekarang di bookmark dulu ... hehe
BalasHapus
Balasan
Vpie ◥TwekzLibz◤ MahaDhifa28 Januari 2013 pukul 20.56
.. bagus^ nich. he..86x. oia awardnya baru aq public bang. tenkz ya?!? silahkan cek di sini http://mahadhifa-twekzlibz.blogspot.com/2013/01/award-ke-dua-puluh-dua-dunia-t-wekz-libz.html ..
BalasHapus
Balasan
Anonim28 Januari 2013 pukul 21.11
bisa gak bang kalo recent komennya itu yang tampil judul artikel yg dikomen gitu :)

selamat siang ya ^,^ .
BalasHapus
Balasan
AZLA28 Januari 2013 pukul 21.39
Selamat siang genk
wah mantap ini genk, lumayan juga dapat ilmu baru disini nih..
Terima kasih genk sudah berbagi
salam sukses
BalasHapus
Balasan
abang ichal28 Januari 2013 pukul 22.13
hehe.. bagus bang.. bisa disembunyiin.
BalasHapus
Balasan
vlog media news28 Januari 2013 pukul 22.44
Selamat siang mas bro... Dengan recent komen di atas pasti lebih menarik ya
BalasHapus
Balasan
Rohis Facebook29 Januari 2013 pukul 00.10
keren dan silau *smile
BalasHapus
Balasan
Rizal Uye29 Januari 2013 pukul 01.04
kaya di pojok atas itu ya bang, di simpen dulu ya bang, mksh udah berbagi
BalasHapus
Balasan
Staff Administrator29 Januari 2013 pukul 01.44
Met sore mas... Cari kopling kosong nih :)
BalasHapus
Balasan
Masnady29 Januari 2013 pukul 02.45
wkwkwkw saya juga iya sob...? doain biar cepet dapet istri sholehah..amin.

di tunggu kopinya ntr malam sob..?
BalasHapus
Balasan
Hariyanto Wijoyo29 Januari 2013 pukul 05.02
mantab benar tutorialnya...sederhana dan mudah dipahami...luarbiasa :)
BalasHapus
Balasan
Anonim29 Januari 2013 pukul 07.27
Mantap genk.

terus kreatif genk.
kunjungan malam.

ditunggu kehadirannya. :D
#Blogwalking
BalasHapus
Balasan
Odhzar Jhadeya29 Januari 2013 pukul 10.14
Ijin nyimak aja ya sob..
Kebetulan saya sudah pasang recent comentnya..
BalasHapus
Balasan
Admin19 April 2013 pukul 06.43
nyimak aja sob ane ng mau nambah widget ah udah keren http://zaidanxzanderz.blogspot.com/
BalasHapus
Balasan

Tambahkan komentar

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email "Atu FACEBOOK Selladrt"
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Bebas menyebarluaskan artikel tanpa persetujuan dari saya.
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "

TUTORIAL™

--✽-✽--WELCOME TO --✽-✽--

Cara Mudah Bikin Recent Comments Di Samping Dan Di Bawah Blog

{ 68 comentários... read them below or Comment }

Gabung Yuk

Labels

Mengenai Saya

Pengunjung

Labels

Pengikut