Solutions For You

logo
close
Blog ini akan Saya hapus soalnya banyak masalah di Webmaster. Maklum dulunya blog gado - gado, isinya copasan haha. Mungkin nanti muncul blog baru pengganti Blog Saeful13 dan tentunya pake TLD biar terlihat professional gitu haha..

Sebentar, ente tahu TLD gak ? Kalau gak tahu TLD itu Top Level Domain :) Masih belum ngerti juga ? Ane jelasin lagi ya, TLD merupakan akhiran pada suatu nama domain yang mengindikasikan pemilik tingkatan tertinggi Domain tersebut dan jenis domain tersebut. Kayak .com, .net dan kawan - kawannya :)

#JustKiddingBro
close
menu

BCalm Responsive Blogger Template

BCalm Responsive Blogger Template - Kangen rasanya sudah lama gak ngeblog, banyak hal yang sudah terlewatkan setelah vacum dari dunia blogger selama kurang lebih 1 bulan. Sudah lama gak ngeblog berasa kayak orang kudet lol . Saya ucapkan terima kasih buat rekan - rekan blogger yang sudi mampir di blog jelek ini dan tak jelas ini :) . Banyak komentar yang masuk belum sempat saya jawab, saya minta maaf bukan karena sombong atau apa karena kesibukan saya sendiri di dunia nyata.

Berhubung banyak dari rekan blogger  menanyakan template yang saya pakai. Oleh karena itu saya ingin berbagi sebuah template yang saya beri nama BCalm Responsive Blogger Template. Ini adalah template buatan pertama saya yang saya share di blog ini.
Preview
Information
BCalm
Nama : BCalm Responsive Blogger Template
Author : Saeful Rahman
Designer : Saeful Rahman
Site : http://saeful13.blogspot.com/
DemoDownload
Feature
Description
Design Elegant and Full Color-
Fast Loading-
Responsive-
Valid HTML5Home Page
Valid CSS3-
Social IconFacebook, Twitter and Google Plus
Optimaze SEO-
Threadded Comment-
EmoticonPost and Comment
Related Post With Image-
Page Navigation-

Menu

<div id='menu'>
<ul>
<li><a href='#'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Sitemap</a></li>
<li><a href='#'>Contact</a></li>
</ul>
</div>

Dilarang untuk mengganti atau menghilangkan link credit pembuat. Semoga apa yang saya bagikan ini dapat bermanfaat buat sobat semua :)
Previous
Posting Lama

58 Komentar

avatar

Keren-keren, ijin download dan thank dah share

BalasHapus
avatar

wah..super dah pokoknya Mas :-d

BalasHapus
avatar

Artikelnya sangat bermanfaat gan,,thanks ya sudah di share :)

BalasHapus
avatar

wah mantab full fitur, mantab deh template hasil karya mas saeful, keren :-d
- salam damai, semoga sehat selalu...

BalasHapus
avatar

nyoba share aja gan :D

:-d :-d :-d

BalasHapus
avatar

nyoba sih nyoba @@, tapi ini sudah lewat ambang normal... sudah tau fitur fitur :D @@, :)
- salam damai -

BalasHapus
avatar

keren templatenya, seandainya saya juga bisa buat template :)
oh iya threaded comentnya makin mantap dan super keren :-bd

BalasHapus
avatar

Keren Kang template na |o| |o| |o| |o| |o| |o| |o|

BalasHapus
avatar

keren bgt temp nya :-d langsung download buat koleksi ^_^

BalasHapus
avatar

Mas, Keren Templatenya.. (y)
Ada sedikit pertanyaan nih.. maaf yah jika mengganggu..
Gimana cara buat emoticon di Postingan ?

BalasHapus
avatar

haha bisa saja agan ini :)
ok salam damai juga :D

BalasHapus
avatar

rajin - rajin aja edit template nanti juga pasti bisa mas ^_^

BalasHapus
avatar

Pastikan blog anda sudah terpasang jQuery.
Pasang kode dibawah ini tepat diatas kode </body>
<script type='text/javascript'>
//<![CDATA[
$(function(){var emoRange="#comments p, div.emoWrap, div.post-body";function emo(emo,imgRep,emoKey){$(emoRange).each(function(){$(this).html($(this).html().replace(/<br ?\/?>(:|;|=|\^)/ig,"<br> $1").replace(emo," <img src='"+imgRep+"' class='emo delayLoad' alt='"+emoKey+"' />"))})}emo(/\s:\)+/g,"http://1.bp.blogspot.com/-2Z7Cwe04x-Q/UH9THzWWJII/AAAAAAAACtA/ChwawyzYsDI/s1600/smile1.gif",":)");emo(/\s;\)+/g,"http://3.bp.blogspot.com/-5zPfqshivtY/UKhVONWZnkI/AAAAAAAADQI/iCDxagcaj5s/s1600/wink.gif",";)");emo(/\s:\(/g,"http://4.bp.blogspot.com/-yXc7xHs5mXc/UKhVJLBfdaI/AAAAAAAADPY/LJKRsefyeao/s1600/sad.gif",":(");emo(/\s=\(/g,"http://1.bp.blogspot.com/-7I8DdEs58z0/UKhVKHT1yUI/AAAAAAAADPg/Lyzv-E74EdM/s1600/sadanimated.gif","=(");emo(/\s@@,/g,"http://4.bp.blogspot.com/-w1VfvgO2-e8/UKhVIT7XLhI/AAAAAAAADPQ/cJ0KDjEsoj4/s1600/rolleyes.gif","@@,");emo(/\s:D/g,"http://3.bp.blogspot.com/-WeTjMT8JDhg/UKhVHlZ88II/AAAAAAAADPI/b1gpiAvIkCc/s1600/icon_smile.gif",":D");emo(/\s=D/g,"http://1.bp.blogspot.com/-ljeobbA3sn0/UKhVGtJsGRI/AAAAAAAADPA/8lyzE4JwrwQ/s1600/hihi.gif","=D");emo(/\s\^(\_|)\^/g,"http://1.bp.blogspot.com/-IoZJlpB0-dE/UKhVKnR0BDI/AAAAAAAADPo/Kz87N1Aj4X8/s1600/smile.gif","^_^");emo(/\s:p/ig,"http://2.bp.blogspot.com/-bs2e9gRj748/UKhVNKLs2YI/AAAAAAAADQA/mF7lDNOChac/s1600/wee.gif",":p");emo(/\sl\o\l/ig,"http://4.bp.blogspot.com/-ip66eq3uRI8/UKhVF-QK8lI/AAAAAAAADO4/P0G-1PcWpQs/s1600/applause.gif","lol");emo(/\s:-d/ig,"http://2.bp.blogspot.com/-yElQmFAIiII/UKhVMcObcQI/AAAAAAAADP4/-qdEpW8zCmY/s1600/thumbsup.gif",":-d");emo(/\s:-bd/ig,"http://4.bp.blogspot.com/-hPd-oj2Bzo4/UKhVLkmQjOI/AAAAAAAADPw/3O1iuAukZXg/s1600/thumb.gif",":-bd")});
//]]>.
</script>


Selanjutnya simpan kode CSS ini diatas kode ]]></b:skin>
.emo.delayLoad{display:inline;text-align:left;box-shadow:none;border:none;margin:0;padding:0;background-color:transparent;width:auto;height:auto}
.emo .post img{background:none}


Emoticon ini akan muncul pada halaman post dan komentar, bila tidak menginginkan emoticon ini muncul pada komentar, silakan hapus kode #comments p, pada JavaScript diatas.

BalasHapus
avatar

sudah saya pasang mas, agak dimodif dikit :D top deh buat mas Saeful :)

BalasHapus
avatar

Kalau sudah pasang emotconnya Kang Ismet gimana mas cara agar tampil di psotingan? Kok punya saya gak tampil di postingan ya?

BalasHapus
avatar

gilaaaaaa templatenya keren banget nih, tapi masih betah template yang sekarang sih, hehe ijin posting aja deh gan
http://yoga-tc.blogspot.com/

BalasHapus
avatar

Mas, Jadi Eror..
gimana solusinya ?

BalasHapus
avatar

Mantapp keren banget templet nya mas.
aku download dulu ya. Untuk koleksi :D

BalasHapus
avatar

pasti banyak yg pake nih :)
makasih bro...

BalasHapus
avatar

karens sudah memasang emoticon yang sepaket dengan komentar coba pakai ini.
jQuery
<script type='text/javascript'>
//<![CDATA[
$(function(){var emoRange="div.post-body";function emo(emo,imgRep,emoKey){$(emoRange).each(function(){$(this).html($(this).html().replace(/<br ?\/?>(:|;|=|\^)/ig,"<br> $1").replace(emo," <img src='"+imgRep+"' class='emo delayLoad' alt='"+emoKey+"' />"))})}emo(/\s:\)+/g,"http://1.bp.blogspot.com/-2Z7Cwe04x-Q/UH9THzWWJII/AAAAAAAACtA/ChwawyzYsDI/s1600/smile1.gif",":)");emo(/\s;\)+/g,"http://3.bp.blogspot.com/-5zPfqshivtY/UKhVONWZnkI/AAAAAAAADQI/iCDxagcaj5s/s1600/wink.gif",";)");emo(/\s:\(/g,"http://4.bp.blogspot.com/-yXc7xHs5mXc/UKhVJLBfdaI/AAAAAAAADPY/LJKRsefyeao/s1600/sad.gif",":(");emo(/\s=\(/g,"http://1.bp.blogspot.com/-7I8DdEs58z0/UKhVKHT1yUI/AAAAAAAADPg/Lyzv-E74EdM/s1600/sadanimated.gif","=(");emo(/\s@@,/g,"http://4.bp.blogspot.com/-w1VfvgO2-e8/UKhVIT7XLhI/AAAAAAAADPQ/cJ0KDjEsoj4/s1600/rolleyes.gif","@@,");emo(/\s:D/g,"http://3.bp.blogspot.com/-WeTjMT8JDhg/UKhVHlZ88II/AAAAAAAADPI/b1gpiAvIkCc/s1600/icon_smile.gif",":D");emo(/\s=D/g,"http://1.bp.blogspot.com/-ljeobbA3sn0/UKhVGtJsGRI/AAAAAAAADPA/8lyzE4JwrwQ/s1600/hihi.gif","=D");emo(/\s\^(\_|)\^/g,"http://1.bp.blogspot.com/-IoZJlpB0-dE/UKhVKnR0BDI/AAAAAAAADPo/Kz87N1Aj4X8/s1600/smile.gif","^_^");emo(/\s:p/ig,"http://2.bp.blogspot.com/-bs2e9gRj748/UKhVNKLs2YI/AAAAAAAADQA/mF7lDNOChac/s1600/wee.gif",":p");emo(/\sl\o\l/ig,"http://4.bp.blogspot.com/-ip66eq3uRI8/UKhVF-QK8lI/AAAAAAAADO4/P0G-1PcWpQs/s1600/applause.gif","lol");emo(/\s:-d/ig,"http://2.bp.blogspot.com/-yElQmFAIiII/UKhVMcObcQI/AAAAAAAADP4/-qdEpW8zCmY/s1600/thumbsup.gif",":-d");emo(/\s:-bd/ig,"http://4.bp.blogspot.com/-hPd-oj2Bzo4/UKhVLkmQjOI/AAAAAAAADPw/3O1iuAukZXg/s1600/thumb.gif",":-bd")});
//]]>
</script>


CSS
.emo.delayLoad{display:inline;text-align:left;box-shadow:none;border:none;margin:0;padding:0;background-color:transparent;width:auto;height:auto}
.emo .post img{background:none}

BalasHapus
avatar

sebenarnya bisa js nya di manipulasi, namun saya belum paham bagaimana caranya. Jadi solusinya pasang tutor yang ada dibawah aja :D . Itu khusus untuk emoticon pada halaman post .

BalasHapus
avatar

keren lho blog kamu ijin follow ya, jangan lupa follback: http://dek-arif.blogspot.com <<
Thank ^_^

BalasHapus
avatar

Weh louncing template nih hehe kerennn

BalasHapus
avatar
avatar

Iya kang sayang kalau gk dibagiin :D

BalasHapus
avatar

Wih,
share template buatan sendiri :D Keren Sob :-bd

BalasHapus
avatar

Hahaha.. :D
Oh iya, Balas Pesan Saya di FBmu.

BalasHapus
avatar

berhubung masalah koneksi, akses fb pun gk kelar2 karena lemot :( . Saya buka lewat ponsel saja, maka saya jawab disini.
1. Simpan HTML gambar berada diatas title post
2. kemudian tambahkan CSS float:left pada Class/Id gambar.
3. Selanjutnya hanya tinggal mengatur posisi biar pas.

BalasHapus
avatar
avatar

ada satu kok kang, cuman akunnya ada dua hehe

BalasHapus
avatar

mas, barusan saya coba upload video tapi tidak tampil di postingan, yang muncul hanya thumb img dari videonya.. kira-kira kenapa ya?

BalasHapus
avatar
avatar

saya coba normal aja kok, mungkin ada html yang kehapus :D

BalasHapus
avatar

lama ngga mampir, eh pas mampir tampilannya udah tingkat MASTER nih ^_^, makin bagus aja blognya :D, lanjutkan mas :D

BalasHapus
avatar
avatar

izin sedot kang buat koleksi di blog ku..
emang keren nih template jos gandos

BalasHapus
avatar

langsung download :D plus pakai :-b

BalasHapus
avatar

Wahh Mantep Nih Templat nya, izin bookmark Gann

- BlogWalking Ballxcode -

BalasHapus
avatar

Keren bang..
izin buat dikoleksi..:)

BalasHapus
avatar

Thanks for sharing this awsome template, can you tell me how can i change the sidebar from left to right? Thx

BalasHapus
avatar

Wow lovely Responsive Blogger Template
http://themesjuri.blogspot.com/

BalasHapus

Catatan:
• Dilarang menulis link aktif!
• Dilarang ngiklan di kolom komentar!
• Untuk menyisipkan kode pendek, gunakan tag <i rel="code"> ... KODE ... </i>
• Untuk menyisipkan kode panjang, gunakan tag <i rel="pre"> ... KODE ... </i>
• Untuk menyisipkan catatan, gunakan tag <b rel="quote">.. TEKS ... </b>
• Untuk menyisipkan gambar, gunakan tag <i rel="image"> ... URL GAMBAR ... </i>

Sebelum menyisipkan kode silahkan gunakan Tool Konversi Kode terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar

Konversi Kode OOT

About | Contact | Forum | Sitemap | Privacy
© Copyright 2013 Saeful13 | Asuransi Kesehatan Terbaik Indonesia - All Rights Reserved