::: CARA CARI BLOG ID

Labels: , ,




Cara-cara:


1. Mula-mula kena log in Blogger

2. Kemudian, klik New Post

3. Akan keluar macam ini di address link korang.
4. Nombor yang di highlight dengan warna biru dalam gambar kat atas ni adalah id blog korang.:)
p/s: ID bagi setiap blog adalah tidak sama.



::: Tutorial Letak Iklan Nuffnang di Tempat Strategik (Atas Header)

Labels: , ,



Cara-cara :


1. Sign in Blogspot > Design > Edit Html > Tick Expand Widget Templates
 
2. Cari code di bawah, nak mudah Ctrl F, masukkan code dalam kotak find dan enter.
 
 

<div id='header'>


ada sesetengah template tak jumpa code di atas, so try cari code ini pulak :


<div id='header-wrapper'>


3. Bila korang dan jumpa code itu, korang paste je code Nuffnang ( leaderboard ) korang dekat atas code yang korang cari tadi ( langkah 2 )

4. Preview dan SAVE :)









::: Tutorial Letak Iklan Nuffnang di Tempat Strategik (Penjuru Bawah)

Labels: , , ,




Untuk mendapat klik yang banyak iklan mesti lah diletakkan di tempat yang strategik. Jadi kali ini aku nak ajar macam mana nak letak iklan statik kat penjuru kanan bawah blog.





Cara-cara:


a. Mula2 sekali kena login masuk akaun anda dari Nuffnang.com. ( Jika belum buka akaun, Sign Up lah diNufffnang.com sekarang. Ianya percuma sepenuhnya ).



b. Klik pada 'Add Ads' copy kod 'Skyscraper' Nuffnang anda dan 'satukan' pada kod yang di sediakan di bawah ini. ( Pastikan ianya kod Skyscraper ).



<div style='display:scroll; position:fixed; bottom:5px; right:5px;'>LETAK KOD NUFFNANG SKYSCRAPPER</div>




c. Paste kan kod tu pada gadget HTML korang & save.:)

::: CARA LETAK REACTION PADA BLOG

Labels: , ,

Kali ni nak ajar korang cara letak reaction pada blog. Step dia mcm kat bawah ni.Senang je.haha :)










1. DASHBOARD> LAYOUT 



2. BLOG POST> EDIT



3.TICK PADA REACTION & SELESAI.:)






::: Jadikan Bahagian Komen Anda Berwarna

Labels: , ,



1. Pegi dekat dashboard> template > customise > advanced > add css. Kemudian paste kod di bawah.



Kod untuk warna Hijau :

/*Blogger Threaded Comments Styles From http://www.spiceupyourblog.com*/

#comments{overflow:hidden}

#comments h4{display:inline;padding:10px;line-height:40px}

#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4,.comments .continue a{background:#56d805}
#comments h4,.comments .user a,.comments .continue a{font-size:16px}
#comments h4,.comments .continue a{font-weight:normal;color:#fff}
#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #56d805;border-right:20px solid transparent;width:0;height:0;line-height:0}
#comments .avatar-image-container img{border:0}
.comment-thread{color:#111}
.comment-thread a{color:#777}
.comment-thread ol{margin:0 0 20px}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#56d805}
.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}
.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px}
.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf5XylhyuONNx9Qu8ctypPXz9TKaoWOjarsKaBXSu0dd36R8QK1zNQdCyQhpCs3v_Or6orny_-avpKczAYRfE0w5byWFz-Um1j8mcmpewf6eHLAX4NRyve33lpMoMvKHuBAr0y1z4nYa8/s320/picresized_1338989738_comment-author-green.gif);width:36px;height:36px}
.comments .comments-content .inline-thread{padding:0 0 0 20px}
.comments .comments-content .comment-replies{margin-top:0}
.comments .comment-content{padding:5px 0;line-height:1.4em}
.comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}
.comments .comment-thread.inline-thread .comment{width:auto}
.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}
.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
.comments .comment-thread.inline-thread .comment-block{margin-left:48px}
.comments .comment-thread.inline-thread .user a{font-size:13px}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
.comments .continue{border-top:0;width:100%}
.comments .continue a{padding:10px 0;text-align:center}
.comment .continue{display:none}
#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}
/*Blogger Threaded Comments Styles From http://www.spiceupyourblog.com*/


Kod untuk warna Biru :
/*Blogger Threaded Comments Styles From http://www.spiceupyourblog.com*/
#comments{overflow:hidden}
#comments h4{display:inline;padding:10px;line-height:40px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4,.comments .continue a{background:#1e05d8}
#comments h4,.comments .user a,.comments .continue a{font-size:16px}
#comments h4,.comments .continue a{font-weight:normal;color:#fff}
#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #1e05d8;border-right:20px solid transparent;width:0;height:0;line-height:0}
#comments .avatar-image-container img{border:0}
.comment-thread{color:#111}
.comment-thread a{color:#777}
.comment-thread ol{margin:0 0 20px}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#1e05d8}
.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}
.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px}
.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWE9o1pLi2l9q61j2ur3UlADteQ9PPP1jt7_qGApAPOIhgGxoKPbNuY13bu-Qo3jGbvrpzpAuneUYNwb7yHf7SYl9jipxw_O3duMd0tnvQnw0uDcacSday5Zv7QigbSlrQQ_T_ONVn91I/s320/picresized_1338990142_comment-author-blue.gif);width:36px;height:36px}
.comments .comments-content .inline-thread{padding:0 0 0 20px}
.comments .comments-content .comment-replies{margin-top:0}
.comments .comment-content{padding:5px 0;line-height:1.4em}
.comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}
.comments .comment-thread.inline-thread .comment{width:auto}
.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}
.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
.comments .comment-thread.inline-thread .comment-block{margin-left:48px}
.comments .comment-thread.inline-thread .user a{font-size:13px}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
.comments .continue{border-top:0;width:100%}
.comments .continue a{padding:10px 0;text-align:center}
.comment .continue{display:none}
#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}
/*Blogger Threaded Comments Styles From http://www.spiceupyourblog.com*/ 


Kod untuk warna Pink :

/*Blogger Threaded Comments Styles From http://www.spiceupyourblog.com*/
#comments{overflow:hidden}
#comments h4{display:inline;padding:10px;line-height:40px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4,.comments .continue a{background:#d80556}
#comments h4,.comments .user a,.comments .continue a{font-size:16px}
#comments h4,.comments .continue a{font-weight:normal;color:#fff}
#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #d80556;border-right:20px solid transparent;width:0;height:0;line-height:0}
#comments .avatar-image-container img{border:0}
.comment-thread{color:#111}
.comment-thread a{color:#777}
.comment-thread ol{margin:0 0 20px}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#d80556}
.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}
.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px}
.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiMnnJRwqdYogBEdp5oi-1Asmwt4-kSVa5xC9p0h0xoZjYLy7w2yb3Ie160Bj9GRM30ESNQYN5yim1OxoKLfSuRrlJkUOkWcdMA6oRffGrbu__Lfqx93mRmV7oMg_Ih3pF8WC2QorJ_SY/s320/author-pink.png);width:36px;height:36px}
.comments .comments-content .inline-thread{padding:0 0 0 20px}
.comments .comments-content .comment-replies{margin-top:0}
.comments .comment-content{padding:5px 0;line-height:1.4em}
.comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}
.comments .comment-thread.inline-thread .comment{width:auto}
.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}
.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
.comments .comment-thread.inline-thread .comment-block{margin-left:48px}
.comments .comment-thread.inline-thread .user a{font-size:13px}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
.comments .continue{border-top:0;width:100%}
.comments .continue a{padding:10px 0;text-align:center}
.comment .continue{display:none}
#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}
/*Blogger Threaded Comments Styles From http://www.spiceupyourblog.com*/



::: TUTORIAL BUAT BLOG

Labels: , , ,

Assalamualaikum semua. Ok hari ni aku nak bg tips macam mana nak nak buat blog. Cara dia sangat2 la mudah.haha


1. Mula2 sekali korang kena la ada/buat akaun gmail dulu.



2. Pergi ke website blogger, lepas tu login guna email gmail korang.



3. Then, korang tekan new blog untuk crete blog korang. Selepas tu akan keluar skrin kat bawah ni.



4. Korang kena isi tajuk dan alamat blog korang.Then pilih template yang korang berkenan dekat situ.






5. Sekarang korang akan kembali ke dashboard, then korang klik pada start posting .






6. Isi kan tajuk artikel dan tulis artikel di ruang yg disediakan. Bila dah siap jangan lupa save pula. Then, tekan button publish.











::: LETAK BUTTON UNTUK FOLLOW & DASHBOARD

Labels: , , ,




1. Dari dashboard > design > add a gadget > HTML/javascript

2. Copy dan paste kod di bawah ke dalam ruangan HTML/javascript yang dibuka.


<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=ID BLOG ANDA" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-N61PPu_1haE/TtOSBZgZikI/AAAAAAAAHvc/vIEC_dYpIVo/dashboard.png" /></a></div>


Gantikan 'ID BLOG ANDA'


3. Setelah anda selesai letakkan ID blog anda, save dan lihat hasilnya.