Pagi-pagi ni kan fresh pula otak..hehe..Sebab itu nak buat tutorial..karang kalau lupa boleh refer semula...😂😂
Tutotial nie sebenarnya nak ubah tulisan di post body bagi yang menggunakan READ MORE.Contohnya seperti blog fiqa nie.😃😃
Pada halaman depan tulisan nampak kecik je kan,tapi bila buka post tu tulisan ok je.Cara nak tukar bagi besar atau sesedap mata memandang,
Memula sekali kena cari
1./* CSS Post Wrapper */
Lepas tu akan jumpa seperti dibawah
.post {background:#fff;color:#888;margin:0 0 15px;padding:0 10px 0 0;box-shadow:none;border:none;border:1px solid #eceeee;transition:all 1s linear;}
.post:hover {transition:.3s linear;}
.post-body {line-height:1.6em;color:#888;margin-top:10px;margin-right:10px;font-size:14px;text-overflow:ellipsis;}
Dekat yang highlight font-size tu boleh lah ubah ikut kesesuaian.Siap dan boleh preview.
Tutotial nie sebenarnya nak ubah tulisan di post body bagi yang menggunakan READ MORE.Contohnya seperti blog fiqa nie.😃😃
GAMBAR SEBELUM
Pada halaman depan tulisan nampak kecik je kan,tapi bila buka post tu tulisan ok je.Cara nak tukar bagi besar atau sesedap mata memandang,
Memula sekali kena cari
1./* CSS Post Wrapper */
Lepas tu akan jumpa seperti dibawah
.post {background:#fff;color:#888;margin:0 0 15px;padding:0 10px 0 0;box-shadow:none;border:none;border:1px solid #eceeee;transition:all 1s linear;}
.post:hover {transition:.3s linear;}
.post-body {line-height:1.6em;color:#888;margin-top:10px;margin-right:10px;font-size:14px;text-overflow:ellipsis;}
Dekat yang highlight font-size tu boleh lah ubah ikut kesesuaian.Siap dan boleh preview.
GAMBAR SELEPAS EJAS FONT SIZE
Nak Buat Macam komen saya??Ada komen dari facebook juga Komen dari blogger...senang jer..cuma kena sabar sikit untuk dapatkan hasilnya..hehehe
Actually benda nie direquest oleh HUDA
Hurm saya pun x pandai nak terangkan..so...
Seperti biasa masuk ke akaun blogger,klik "template"....
cari kode ]]></b:skin>
Setelah itu, copy code dibawah diatas kode ]]></b:skin> yang kamu cari tadi.
Akhir sekali
Cari kode <div class='comments' id='comments'> lalu masukan code dibawah ini di bawah code tadi:
AMBIL PERHATIAN!!!
1. Jika kamu jumpa ada 2 code <div class='comments' id='comments'>
Maka, kamu simpan kode diatas tepat di bawah kedua kode <div class='comments' id='comments'>.
2. Angka 5 adalah jumlah komentar yang akan ditampilkan pada komentar Facebook.
Angka 630 merupakan lebar kotak komentar Facebooknya.
Dan kamu bisa mengubah angka-angka tersebut, sesuai dengan lebar template blog kamu.
P/S:Credit To:Dah x ingat dah tutorial nie amik dekat mana..sebab dah lama save dlm Laptop.
Actually benda nie direquest oleh HUDA
Hurm saya pun x pandai nak terangkan..so...
Seperti biasa masuk ke akaun blogger,klik "template"....
cari kode ]]></b:skin>
Setelah itu, copy code dibawah diatas kode ]]></b:skin> yang kamu cari tadi.
.comments-page { background-color: #;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px;
cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}
Lepas itu cari kode </head> lalu copy code dibawah diatas </head> .
Perhatikan Code Diatas.!!!
Pada tulisan yang berwarna hijau, silakan ganti dengan ID Facebook kamu. Misalnya link profil Facebook kamu adalah : https://www.facebook.com/Nama Akaun Facebook Kamu, maka ID kamu itu adalah yang berada pada tulisan berwarna hijau.
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='ID Facebook Kamu' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();
}
</script>
Pada tulisan yang berwarna hijau, silakan ganti dengan ID Facebook kamu. Misalnya link profil Facebook kamu adalah : https://www.facebook.com/Nama Akaun Facebook Kamu, maka ID kamu itu adalah yang berada pada tulisan berwarna hijau.
Akhir sekali
Cari kode <div class='comments' id='comments'> lalu masukan code dibawah ini di bawah code tadi:
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
</div><div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='5' width='630'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
AMBIL PERHATIAN!!!
1. Jika kamu jumpa ada 2 code <div class='comments' id='comments'>
Maka, kamu simpan kode diatas tepat di bawah kedua kode <div class='comments' id='comments'>.
2. Angka 5 adalah jumlah komentar yang akan ditampilkan pada komentar Facebook.
Angka 630 merupakan lebar kotak komentar Facebooknya.
Dan kamu bisa mengubah angka-angka tersebut, sesuai dengan lebar template blog kamu.
P/S:Credit To:Dah x ingat dah tutorial nie amik dekat mana..sebab dah lama save dlm Laptop.
