Featured Post Today
print this page
Latest Post
Showing posts with label Tutorial Blog. Show all posts
Showing posts with label Tutorial Blog. Show all posts

Buat Komentar Dibawah Postingan

Seperti yang sudah saya jelaskan dulu disini, itu adalah membuat layanan Kotak komentar dibawah postingan lewat haloscan, tapi kali ini saya akan kasih tau tentang caranya buat kotak komentar dari fitur blogger terbaru yaitu blogger in draft (sini).
Kata Mas Kendhin sih kaya begini jika kita belum membuat kotak komentar di haloscan sih bisa... tapi kalau kita sudah buat di haloscan kita harus membuangnya dulu (cara membuang komentar dari haloscan menyusul) yawdah aku akan kasih tau caranya tentang buat komentar ini buat yang belum daftar di haloscan... ayo ikuti petualngan gw di bawah ini.....

Masuk draft.blogger.com ingan draft.blogger.com bukan blogger.com


Terus ke menu Setting ---> Comments kemudian ganti "Comment Form Placement" menjadi "Embedded below post"
Kemudian tekan Save Setting
Lalu ke menu Layout ---> Edit HTML kemudian
Lalu centang "expand widget templates" lalu cari Code dibawah ini

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>



Kemudian ganti dengan Code dibawah ini


<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='comment-form'/>

<b:else/>

<b:if cond='data:post.allowComments'>

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</b:if>

</b:if>

</p>



Lalu Simpan.... dan lihat hasilnya..
0 comments

Cara Mudah Posting Code HTML

Pasti Anda bingung pada waktu posting Code HTML di blog Anda, pasti yang muncul bukan codenya melainkan hasil dari code HTML-nya, nah untuk yang ingin menulis tentang tutorial blog pasti code HTML banyak diposting, Nah untuk para penulis yang belum tau caranya posting code HTML nih saya kasih caranya.

Caranya cukup mudah, Encode saja code HTML di situs dibawah ini
  1. http://centricle.com/tools/html-entities/
  2. http://www.opinionatedgeek.com/DotNet/Tools/HTMLEncode/Encode.aspx 
 Nah caranya cukup mudah tinggal taruh code HTML yang ingin di posting lalu klik tombol "Encode", Nah hasil dari Encode itu yang Anda posting di Blog Anda.
0 comments

Mengganti Background Blog Dengan CSS

Background atau latar belakang pada blog adalah bagian yang paling dasar pada blog, banyak template blog yang sama yang banyak dipakai, maka untuk memberi ciri khas pada blog Anda hal yang paling dasar dan yang paling mudah adalah mengganti warna background pada blog Anda atau dengan tambahan gambar pada background blog Anda.
Kali ini Saya akan menulis tutorial singkat blogspot tentang mengganti background dengan CSS, Mau tau caranya?
perhatikan dibawah ini.

Langkah pertama adalah masuk menu Layout (tata letak) kemudian masuk menu Edit HTML

Lalu cari CSS dari body seperti dibawah ini

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}


Kalau mau mencari CSS diatas perhatikan code yang berwarna hijau saja.

perhatikan Code CSS background diatas
$bgcolor adalah variabel definisi, jika Anda ingin menggantinya bisa dengan code warna misalnya ganti dengan warna putih code warnanya adalah : #FFFFFF atau warna hitam #000000. Atau warna yang lain bisa dilihat disini.


Mengganti background blog dengan gambar :

untuk membuat background gambar kita perlu sebuah gambar yang sudah diupload di hosting. Atau Anda bisa mencari di google image search dan copy URL gambarnya.
Kalu sudah tersedia gambar yang mau dijadikan background perhatikan dibawah ini.

background:#FFFFFF url(URL_GAMBAR) ;
0 comments

Membuat Tepi Gambar Bershadow Dengan CSS 3

CSS 3 adalah generasi CSS (Cascading Style Sheet) yang ke 3, banyak keunggulan CSS 3 dibandingkan generasi yang sebelumnya, dan sudah mulai digunakan browser-browser, yaitu diantaranya adalah Mozilla Firefox v 3.6 dan Safari V 3, semoga saja browser-browser lainya menyusul untuk mendukung CSS 3.

Nah sebenarnya topik kita kali ini adalah "Membuat image post blogger berbayang/shadow" dengan menggunakan CSS 3, terlihat seperti gambar di samping kiri. Nah bagaimana caranya? silahkan ikuti langkah-langkah dibawah ini dan buktikan kecanggihan CSS 3.

Setelah Log In ke blogger pada dashboard masuk pada bagian "Design" lalu ke "Edit HTML"

lalu cari code CSS dibawah ini

.post img {
- - -
- - -
}


Note :

Perhatikan saja code yang berwarna merah diatas, karena garis ( - - - ) yang berwarna hijau adalah definisi CSS yang berbeda-beda setiap template
Dan kadang code yang berwarna merah ada tambahanya sehingga seperti ini : .post img, table.tr-caption-container {Nah kalau sudah ganti code CSS tadi dengan definisi seperti dibawah ini

.post img {
background:#FFFFFF;
border:1px solid $bordercolor;
padding: 7px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}


Nah yang diganti adalah code CSS yang berwarna hijau saja.

kalau sudah lalu SAVE deh, dan lihat hasilnya di browser Mozilla v 3.6, Safari V 3 dan Google Chrome.

Sekian semoga bermanfaat.
0 comments

Cara Menambahkan Efek Bintang Pada Cursor Blog

Hai semuanyaaaaaaa Balik lagi nih!!!! oke kali ini langsung saja aku jelaskannya ya!!!!. pokoknya maksudnya ini..... di cursor kalian setiap kalian bergerak akan ada timbul bintang bintang berjatuhan dengan variasi beragam warna, mau gak???? oke ikuti step yuuuu, aku juga lagi kerjar waktu nih! mau telat! (ikuti step)


Pasti kalian sudah tahu kan????? pokoknya LINK Ini.... caranya kalian ke Blogger ==> Tata Letak ==> Tambah Gadget ==> HTML/JavaScript ==> Copy & paste Salah satu LINK Yang ada di bawah ini. kalian memilihnya sesuai selera masing masing ya...

Bintang Pink
<script src="http://arifinsarpon.googlecode.com/files/mujijayaganesha.blogspot.com_cursor_pink.js" type="text/javascript"/></script> 

Bintang Merah
<script src="http://arifinsarpon.googlecode.com/files/mujijayaganesha.blogspot.com_cursor_merah.js" type="text/javascript"/></script>

Bintang Biru
<script src="http://arifinsarpon.googlecode.com/files/mujijayaganesha.blogspot.com_cursor_biru.js" type="text/javascript"/></script>

Bintang Hijau
<script src="http://arifinsarpon.googlecode.com/files/mujijayaganesha.blogspot.com_cursor_hijau.js" type="text/javascript"/></script>
0 comments

aweu aweu

 
Support : Copyright © 2011. Saudaranya Buyung - All Rights Reserved
Template Created by Creating Website Published by
Proudly powered by Blogger