Fiqa story: tutorial Blog
Showing posts with label tutorial Blog. Show all posts
Showing posts with label tutorial Blog. Show all posts

24 January 2017

Panduan Belajar Buat Blog

1/24/2017 17
Panduan Belajar Buat Blog



Belajar Buat Blog

Belajar buat blog sebenarnya amatlah senang sekali.Bagi yang baru dalam dunia blogging,haruslah mencipta satu akaun blog milik anda dengan blogger di www.blogger.com.

Jika search belajar buat blog di internet banyak sekali tutorial yang diberikan.Tetapi sekarang anda tidak perlu bersusah payah mencari tutorial belajar buat blog di internet lagi kerana saya ingin berkongsi satu ebook panduan belajar buat blog.

28 November 2016

Tutorial Tukar Post Body Font Size

11/28/2016 1
Tutorial Tukar  Post Body Font Size
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.😃😃


Tutorial Tukar  Post Body Font Size
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.

 Tutorial Tukar  Post Body Font Size


GAMBAR SELEPAS EJAS FONT SIZE



12 May 2013

Tutorial Cara Membuat "Komentar Facebook" di Blog

5/12/2013 3
Tutorial Cara Membuat "Komentar Facebook" di Blog
 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.
    .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> .
    <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>

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.


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(&quot;#fb-comments&quot;);' 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(&quot;#blogger-comments&quot;);' 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 == &quot;item&quot;'>
    <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.