Archive for 2013
Menampilkan Smiley Pada Postingan Blogger :D
Sebenarnya sudah banyak postingan dari para blogger master tentang Menampilkan Smiley Pada Postingan, namun tidak ada salahnya saya memposting ini, kali aja masih ada yang belum tau.
Trik ini dapat membuat tampilan postingan sobat menjadi lebih menarik, karena kita dapat menampilkan pic smile seperti 
,
,
, 
, 
, 
, 
dan lain lain.
,,, , , , dan lain lain.
Caranya gampang Sob, silakan ikuti tutorial berikut :
- Login ke blogger trus pilih Layout > Edit HTML.
- Beri tanda centang pada Expand Widget Templates.
- Cari kode ini ]]></b:skin> .
- <script src='http://wadah-tutorial.googlecode.com/files/ysmileys.js' type='text/javascript'/>
- Terakhir klik Save Template. Selesai...
Berikut beberapa kode yang dapat Anda gunakan :
| :D | | :P |  |
| :) |  | ;) |  |
| :-S |  | :-B |  |
| :-h |  | :-a | |
| :x |  | :( |  |
| :-t | | :-bd | |
| :-c | | :-* |  |
| 8-7 |  | 8-| |  |
| 7:P |  | =D7 | |
| 8-} |  | X( | |
Sebenarnya masih ada beberapa kode lagi, berhubung saya sudah lupa jadi segitu dulu, jika ada yang mau menambahkan silakan tulis di kolom komentar.
Selamat mencoba dan semoga berhasil...
Salam Deadsoftwarelife.blogspot.com
Created Ikhsan Alkautsar
Menampilkan Smiley Pada Postingan Blogger :D
2kali ini saya akan memberikan anda sebuah tutorial yang sering di pakai oleh kebanyakan blog ternama, yaitu "Cara Memasang Kotak Komentar Facebook di Setiap Posting Blog"
Untuk membuatnya juga tidak terlalu membutuhkan banyak kode, kita hanya membutuhkan 1 kode. Tertarik?? Langsung saja kalau begitu
1. Masuk ke Dashboard ~> Blog Sobat ~> Template ~> Edit HTML ~> Lanjutkan ~> Centang Expand Template Widget
2. Cari kode <b:includable id='status-message'> (Gunakan CTRL+F atau F3 Untuk mempercepat pencarian)
3. Lalu diatas kode yang tadi ada </b:includable> putar mouse anda sedikit ke atas hingga menemukan </b:includable> yang kedua. Setelah itu letakan kode dibawah ini tepat diatas kode yang ke dua
Keterangan:
Untuk membuatnya juga tidak terlalu membutuhkan banyak kode, kita hanya membutuhkan 1 kode. Tertarik?? Langsung saja kalau begitu
1. Masuk ke Dashboard ~> Blog Sobat ~> Template ~> Edit HTML ~> Lanjutkan ~> Centang Expand Template Widget
2. Cari kode <b:includable id='status-message'> (Gunakan CTRL+F atau F3 Untuk mempercepat pencarian)
3. Lalu diatas kode yang tadi ada </b:includable> putar mouse anda sedikit ke atas hingga menemukan </b:includable> yang kedua. Setelah itu letakan kode dibawah ini tepat diatas kode yang ke dua
<b:if cond="data:blog.pageType == "item""> <div id='fb-root'/>4. Simpan dan cek salah satu postingan anda
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='8' width='650'/>
</b:if>
Keterangan:
- Kode bewarna hijau yang di garis bawahin adalah ukuran kelebaran kotak komentar facebook
Cara Memasang Kotak Komentar Facebook Pada Setiap Postingan Blog
1Mungkin tutorial ini cukup sulit untuk dipahami dan dimengerti. Karena saya telah 2x gagal dalam pemasangan Gadget keren ini, dan sebelumnya saya telah membuat sebuah artikel yang memiliki tema yang sama yaitu Cara Memasang Kotak Komentar Facebook pada Setiap Postingan Blog
Ok kali ini saya akan memberikan Tutorial yang cukup keren dan sedikit menantang
Alangkah baiknya sebelum kita mulai, anda download dulu template anda (agar resiko tidak terlalu tinggi - Merusak Template)
Ok kali ini saya akan memberikan Tutorial yang cukup keren dan sedikit menantang
Alangkah baiknya sebelum kita mulai, anda download dulu template anda (agar resiko tidak terlalu tinggi - Merusak Template)
Mungkin tutorial ini cukup sulit untuk dipahami dan dimengerti. Karena saya telah 2x gagal dalam pemasangan Gadget keren ini, dan sebelumnya saya telah membuat sebuah artikel yang memiliki tema yang sama yaitu Cara Memasang Kotak Komentar Facebook pada Setiap Postingan Blog
Ok kali ini saya akan memberikan Tutorial yang cukup keren dan sedikit menantang
Alangkah baiknya sebelum kita mulai, anda download dulu template anda (agar resiko tidak terlalu tinggi - Merusak Template)
7. Setelah itu cari kode
Ok kali ini saya akan memberikan Tutorial yang cukup keren dan sedikit menantang
Alangkah baiknya sebelum kita mulai, anda download dulu template anda (agar resiko tidak terlalu tinggi - Merusak Template)
Gambar 1.1 Mengunduh template
Mari kita mulai
1. Masuk ke Dashboard ~> Blog Sobat ~> Template ~> Edit HTML ~> Lanjutkan ~> Centang Expand Template Widget
2. Cari kode dibawah ini (Gunakan CTRL+F atau F3 Untuk mempercepat pencarian)
</head>3. Setelah itu letakan kode dibawah ini tepat diatas kode yang tadi
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='http://www.facebook.com/Andreanocalvin?ref=tn_tnmn' 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>
<span style="font-size: 30%">Get This!<a href="http://tutorialseo-blog.blogspot.com/2012/10/cara-membuat-kotak-komentar-facebook.html" target="_blank" rel="follow">Tutorial Blogger</a></span>
- Ganti kode yang saya coret dengan alamat profil Facebook Anda
]]></b:skin>5. Letakan kode dibawah ini tepat diatas kode yang tadi\
.comments-page { background-color: #f2f2f2;}6. Simpan template anda terlebih dahulu
#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;}
7. Setelah itu cari kode
<div class='comments' id='comments'>8. Pastekan kode dibawah ini tepat dibawah kode yang 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='6' width='650'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
- Kode bewarna merah adalah lebar dari kotak komentar
TAMBAHAN
- Kebanyakan blog akan memiliki 2 kode <div class='comments' id='comments'>. Jika anda adalah salah satunya, maka letakan kode no 8 dibawah ke-2 kode tersebut
- Jika Kotak komentar belum muncul, maka hapus kode <div class='comments' id='comments'> yang ke-2. Contoh
<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='2' width='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'><div class='comments comments-page' id='blogger-comments-page'>
Cara Membuat Kotak Komentar Facebook dengan Blogger Sejajar (Berdampingan)
1
kali ini akan membahas postingan yang berjudul Cara Membuat / Memasang Emoticon Pada Kotak Komentar Blog. Bukankah unik jika emoticon menghiasi kotak komentar blog sobat?? Apalagi Emoticon ini bisa bergerak seperti emoticon kaskus. Berikut Screenshotnya
kalau begitu, langsung saja ke pembahasanya
1. Masuk ke Dasboard lalu klik Blog sobat
2. Pilih ke Template
3. Lalu pilih Edit HTML dan pilih lanjutkan
4. Centang Expand Template Widget
5. Cari kode berikut
</body>
(Gunakan CTRL+F atau F3 Untuk mempercepat pencarian)
6. Letakan kode berikut tepat diatas kode yang tadi
<script src='http://tutorialblogger.googlecode.com/files/smiley.js' type='text/javascript'/>7. Setelah itu cari kode berikut
<b:include data='post' name='comment-form'/>
(Gunakan CTRL+F atau F3 Untuk mempercepat pencarian)
<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>9. Simpan Untuk yang kalimat simpannya tidak terlihat, hilangkan dulu kotak pencariannya
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))</b>
<center><blink><a href="http://tutorialseo-blog.blogspot.com/2012/03/cara-membuat-memasang-emoticon-pada.html" target="_blank">Pasang Emoticon !</a></blink></center>
deadsoftwarelife.blogspot.com
