DON'T LIKE ME

Membuat read more kreasi sendiri


 ----------------------------------------------------------------------------------


Kreasi sendiri dalam postingan itu sangat bagus kawan untuk menunjukan bahwa kita benar-benar profesional dalam memposting. tapi kebanyakan orang belum tau caranya.... makanya sekarang saya posting supaya sahabat semua bisa menerapkannya.
  
Untuk Tutorial nya silahkan Ikuti Langkah-Langkah nya di bawah ini
1. Log in ke blog anda
2. KLik Rancangan / Layout
3. KLik Edit HtmL
4. Cari Kode <body>



Dan Letakan kode di bawah ini Di atas kode <body>


<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 500;
summary_img = 500;
img_thumb_height = 200;
img_thumb_width = 200;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){ 
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<"); 
for(var i=0;i<s.length;i++){ 
if(s[i].indexOf(">")!=-1){ 
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 


strx = s.join(""); 
}
chop = (chop < strx.length-1) ? chop : strx.length-2; 
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; 
strx = strx.substring(0,chop-1); 
return strx+'...'; 
}


function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) { 
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}


var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}

//]]>
</script>

5. SimpaN Template
6. Setelah Anda simpan Template Lalu Centang Expand Template widget Dan Cari Kode di Bawah ini
<data:post.body/>
Setelah ketemu Anda Hapus kode Tersebut dan Ganti dengan Kode ini


<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'><div style='width:200px; height:20px; background:url(http://www.colorhealing.com/green_revolving_star.gif) repeat-x center; color:gray; text-align:center; text-shadow:1px -1px black; font-weight:bold; -moz-border-radius:5px;
-webkit-border-radius:5px; -goog-ms-border-radius:5px;'>READMORE....!!</div></a></span>


</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>

7. Simpan Template Anda
Keterangan:
summary_noimg = 500;    Artinya Artikel di potong tanpa menampilkan gambar...
summary_img = 500;     Artinya Artikel di potong dengan menampilkan gambar...
img_thumb_height = 200;     Artinya  tinggi gambar...di artikel
img_thumb_width = 200;      Artinya  Lebargambar...di artikel
width:200px;    Adalah Lebar  gambar......readmore
height:20px;     Adalah Tinggi  gambar......readmore
http://www.colorhealing.com/green_revolving_star.gif      Adalah gambar background nya anda bisa ganti dengan
Gambar yang anda suka....
READMORE....!!    Adalah Kata - kata nya Anda bisa ganti dengan Kata2 Anda sendiri....

Saya kira Cukup Sekian Dari BANG UDIN
By : Bang Udin
----------------------------------------------------------------------------------
Gunakan ----{ CTRL + F }---- Untuk Mencari Artikel
----------------------------------------------------------------------------------
Postingan Baru :

Read More...

Syarat dan Ketentuan Pasang Iklan


JUDUL  :  SYARAT DAN KETENTUAN PASANG IKLAN


Syarat Pasang Banner :
  • Tidak Mempromosikan situs yang bersifat Pornografi dan porno aksi, tidak memprovokasi unsur SARA ( Suku, Agama, Ras dan Antar-Golongan ).
  • Tidak Mepromosikan penjualan NARKOBA (Narkotika dan Obat-obatan Terlarang) dan Minuman Keras.
  • Tidak Mempromosikan Perdagangan SENPI (Senjata Api).
  • Banner berdimensi 200 x 200 pixel
  • Format file JPG/JPEG atau GIF Animasi, besar ukuran file Banner maks. 30 Kb.
  • Isi iklan diluar tanggung jawab admin. Jadi Bang Udin Tidak Mau ngambil resika jika bermasalah tanks.
Tata cara pemasangan banner website, weblog, atau lainnya di  Blog Bang Udin dengan cara sebagai berikut ;
  • Silakan kirim Banner Anda via Email ke iptahu@yahoo.co.id dengan menyertakan informasi Nama, Alamat, Target Link, ALT Image (Keterangan Banner), No. HP / Telp. (jika ada), lama pemasangan. pakai subyek : PASANG BANNER BLOG
Contoh:

  1. Nama                      : Iptahudin
  2. Alamat                    : Jl. Raya Jatinangor, Km 2,5, P. Caringin,  Jawa Barat
  3. Target link             : http: //filemmove.blogspot.com/
  4. Alt.Tab                   : Cukuhnau
  5. No. HP/Telp           : 081220390991
  6. Lama Pemasangan : 2 bulan
  • Setelah Banner kami terima maka Anda akan kami konfirmasi via Email atau SMS, kemudian Silakan Transfer biaya banner dengan rincian sebagai berikut :
  1. lama pemasangan : 2 bulan = 20,000 voucher pulsa Kartu Simpati
  2. lama pemasangan : 5 bulan = 40.000 voucher pulsa KartuSimpati

By : Bang Udin
----------------------------------------------------------------------------------
JIKA MAU SILAHKAN KONFIRMASI
SAYA SIAP MELAYANI ANDA 24 JAM
----------------------------------------------------------------------------------

TERIMAKASIH SUDAH BERKOMENTAR

Read More...

Cara Membuat Tombol Reply Pada Komentar Blog


 ----------------------------------------------------------------------------------
Mungkin Anda bingung pilah pilih cara untuk menambahkan atau memasang kotak komentar di blog Anda yang sesuai dengan kondisi blog Anda. Sebenarnya juga saya pernah bingung sama seperti Anda tapi setelah browsing di internet dan akhirnya saya menemukan Tombol reply ingin berfungsi untuk membantu Anda atau pengunjung yang merespon setiap komentar pada komentar dipostinngan Anda dan juga memperjelas komentar tersebut ditunjukkan kepada siapa. Sekarang saya akan kasih tahu ke Anda bagaimana cara tips dan tekniknya berikut ini:

1. Anda pergi ke Design atau Rancangan terus ke Edit HTML.
2. Jangan lupa check Expand Widget Templates.

3. Cari kode berikut: <dd class='comment-footer'>
cara cepat Anda bisa tekan CTRL +  F
4. Copy kode dibawah ini dibawah kode <dd class='comment-footer'>



<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiot2XmVKKPZ6kwnm1ezVW_JF4nXXwY4ANc1VhzNuuwCGWys48CWojSL6tZ21T9IFk6-9w3A3846PoSFOEvn8KJdCfvrLZ1RezPe4lWVMgva8_4kgt8qAAoJnzrKKvjFPUwgK7t81p2dQk/s1600/best+blogger+tips.png'/></a><span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=ID-BLOG-ANDA&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.openundefinedthis.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWwY95P_-OayldXpu8hIvS8uEy7zsQZJ2DK4CYIq6QSYmfkehnxoW_B-gxTwxgIoxf9xEi4Os3URaAYJyZnvkV-0C_aS53MqUiISbLr358ngn4-UORvtrqEJmzpw1bUXK1jJDLx1afEhMa/s1600/Reply+Button+1.jpg' style='float:right;' title='Reply To This Comment'/></a></span>

5. Ganti kode ID-BLOG ANDA dengan ID Anda. Cara melihat IDnya seperti gambar dibawah ini.
6. Kemudian jangan lupa Simpan Template.
7. Bila Anda ingin mengganti tanda Reply di blog Anda, Anda bisa ganti kode yang berwana biru dengan kode di bawah ini. banyak pilihan ko...yang Bang Udin gunakan yang bawah :

1.


<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5WokmZ1K_DARuwQBvjvVQgH-0eBQpxM_nP7C1I_5vhRjG6K61Tyi1zDFFSRv_bToFAy02LOTKDiPO6IdGMIBGk6ff2EEer27GOMG3CX9Co91ldiLzKKUOIae9yIdGF5neA3aUCTMcQNvX/s1600/Reply+Button+5.jpg' style='float:right;' title='Reply To This Comment'/>

2.


<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0BVUD4NoP-uUfediVa1FidstFkfLBH6ErVkUTdFzoFUMAS8Gzq2Q_xHlo2_vsRiiju2tR7hakJVvFYrq9pqVL1c88SHF1RodFS6clDoMx3qdpDL5TVx_ipm8OsoyNksW9c_ITzwwtBZ9K/s1600/Reply+Button+4.jpg' style='float:right;' title='Reply To This Comment'/>

3.


<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1B2GXQigv72ghfrnx0tNd8RMwNqUB8m8jey452aqmHVuqLlftkrlsdo5nOGaluD3jACsmrO-jDpg7xGdlgAUmBtTY4INTPv_JFTbI4knZDBI3Dzda8VV_C8XYE7Q7fFrLvOyGSn9TUM31/s1600/Reply+Button+3.jpg' style='float:right;' title='Reply To This Comment'/>

4.


<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRjcxVcUvgSkKpO1vQtTYk_Xc3H6WLawKv2XRYKfFT5yqW-lcRcYJQr4acR0fEz3JWo_IelEJPN8CJEt0YSbhDg1f_GBPnmDOyhJ1LDlecNUZcmkugqRo9TNEvaWMcgen_QhvXa3aZoMfB/s1600/Reply+Button+2.gif' style='float:right;' title='Reply To This Comment'/>

5.


<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWwY95P_-OayldXpu8hIvS8uEy7zsQZJ2DK4CYIq6QSYmfkehnxoW_B-gxTwxgIoxf9xEi4Os3URaAYJyZnvkV-0C_aS53MqUiISbLr358ngn4-UORvtrqEJmzpw1bUXK1jJDLx1afEhMa/s1600/Reply+Button+1.jpg' style='float:right;' title='Reply To This Comment'/>

6.


<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPRO_xaTxDiNGB35kY1OiyjZRcdwPkFEWEg3TMQ2WPCs7SPpb47f1FCF73-wz4tOWFQ2ME6MMORQU7MGDx1VVAp77Dbe37yalppBRX1WO__bBhvTgmcIVA-slHNkiYXPxkaqX7-sg4-lLX/s1600/Reply+Button+10.gif' style='float:right;' title='Reply To This Comment'/>

7.


<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtGfBFjYQxw0lqT3xfnVcuqBkXrwgHE_w_lZ3-qVTkkZ4NEWBwkPBtDrujnPGUYNbNpgvRNf4M7qTHv0AIzn5aU2_CXKRDu7V0LOxfF-m-6YDtnNP0Gge_JA8sf5iuJ1IUw027ZSG_aU56/s1600/Reply+Button+8.gif' style='float:right;' title='Reply To This Comment'/>

8.


<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuQUeucJllhu9ku6GG2EFdtMefCBxjYIshUiL0TDVq4YgM4K5CNf5okYTb0fzY4Pp6cRg0RMa8jxCpvBNMylyIhpuVKQUS5WpLWPQh7S3XSDI2FYfj6l6sUkI60Vtd6dOfM3Ocuadlh4b_/s1600/Reply+Button+7.png' style='float:right;' title='Reply To This Comment'/>

9.


<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_nTAxLc5pp_Afcd-uQ2i_c0CrBXID20C7It600maQkA-YbUE0086HCMV5EXXEzc1QzhVEhppTtmu5L_sdUOa4nBiLsvg3PT3JTt70V-GW6MCJtvt_tLOPLffef4mS0I7YGHSZh5yS5wLB/s1600/Reply+Button+6.gif' style='float:right;' title='Reply To This Comment'/>

10.


<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhErjNPYH1r9vv9fl3bmZ4hdRindnR_rTJy04f-fh5aiegzG7_z7k01aQznxaidvrT4KyaGO9clVKwv_WSIUCldoGSozHfGkXDygX8rUfzFCT2pLIaV8LCuDRV9QjeE9ZmVFJ-_265lGcD5/s1600/Reply+Button+9.gif' style='float:right;' title='Reply To This Comment'/>
11
 <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIen0lx9Q6lu9QN0b57M9uPZAqDf9Pxkkh2L4W_XnLu71vpjuZohv6YgaQqdB7ceY7GTvvS-TvUrhzZ8Idn66Q7wRSiLa3ag__Rq8_jDZd_1ETbEsSJesW7nC5IaFZ_JUmJ5Q7sVXNdfs/s1600/al.gif' style='float:right;' title='Reply To This Comment'/>
 
12
  <img src='http://stashbox.org/1087632/anigif.gif' style='float:right;' title='Reply To This Comment'/>
Kalau yang Ini yang Bang Udin gunakan sekarang.

Selesai dan terimakasih.
By : Bang Udin 
----------------------------------------------------------------------------------
Gunakan ----{ CTRL + F }---- Untuk Mencari Artikel
----------------------------------------------------------------------------------
Postingan Baru :

Read More...

Cara Pasang Widget Wibiya Di Blog


 ----------------------------------------------------------------------------------


Berhubung ada yang menanyakan gimana cara pasang toolbar yang ada di footer saya ini, maka saya akan coba postingkan gimana cara buatnya, sebenarnya mudah kok, kita cuman meminta bantuan pada sebuah situs yang menyajikan widget tollbar seperti itu, ya bener....wibiya namanya tpi nama itu juga sering disebut nama orang lo.... orangnya tu yang disamping ketawa hehehe bukan kali itu adalah BANG UDIN yang Punya belog ini lo....., dan langkah-langkahnya adalah sebagai berikut: 




  1. Buka Situs Ini http://www.wibiya.com
  2. Klik Get It Now, maka akan akan muncul tampilan seperti ini
  3. Isi data lengkap kamu, Full name(nama lengkap kamu), Email Adress(alamat enail, yang nantinya buat konfirmasi akun), Password(isi dengan password yang kamu inginkan), Site Url(isi dengan Url kamu, jika ingin pasang di Blog, maka masukkan alamat blog kamu), Site Name(tentang isi dari blog kamu, Contoh Indonesian Beach), Site Language( pilih bahasa yang kamu mau). Klo sudah terisi lanjutjan dengn klik tombol Next. Dan tampilan berikutnya seperti ini
  4. Pilih salah satu tampilan yang kamu inginkan, lanjutkan lagi dengan meng klik tombol next.,dan….tampilannya seperti ini.,
  5. Gambar diatas adalah menu menu yang akan di tampilkan pada toolbar kamu nanti, pilih remove from toolbar apabila ingin menghapus salah satu menu yang ingin di tampilkan, jadi intinya pilih menu yang penting-penting saja,. Contoh (Social chat, I translation, Facebook like, dll yang kamu anggap perlu untuk di tampilkan). Lanjut lagi dengan meng klik tombol next.
  6. Akan ada tampilan pop up windows seperti di bawah ini, isikan alamat-alamat yang diminta, jika face book like maka isikan dengan alamat facebook kamu, dan sterusnya, and then klik Done
  7. Setelah itu pilih lokasi dimana kamu akan memasang toolbarnya, pilih lambang blogger jika ingin memasang di blogger, dan kamu akan dibawa ke halaman berikutnya seperti ini :
  8. Copy Script yang ada di kolom edit Content, semuanya ya, jangan sampe ada yang ketinggalan
  9. Langkah selanjutnya Login ke blogger, Pilih Rancangan/Design, add Gadget, Pilih HTML/JAVA Script, Pastekan Kodenya dikotaknya, gak usah di kasih judul ya, dan Pilih Save, Selesai dech, karang lihat hasilnya, ok gak? Apa bila ingin melukakan pengeditan toolbarnya masuk aja ke Wibiya dan kamu otak atik sendiri aja, sesuai dengan tampilan yang kamu inginkan..,Akhir kata semoga postingan ini bermanfaat bagi kita semua, Jazakumullah khaairan Katsir..,

Sumber : http://enkrenkdmt.blogspot.com/

By : Bang Udin
----------------------------------------------------------------------------------
Gunakan ----{ CTRL + F }---- Untuk Mencari Artikel
----------------------------------------------------------------------------------
Postingan Baru :

Read More...

Membuat Email Dengan Domain Sendiri (nama@domainmu.com)


 ----------------------------------------------------------------------------------
Tentunya kita pingin dong punya email dengan nama domain kita sendiri, misal namamu@domainmu.com. Nha sekarang ini google menyediakan fasilitas untuk membuat email seperti itu dengan cara yang lumayan mudah. Fasilitas ini hanya untuk yang memiliki domain sendiri, misal domainmu.com , .net. .org . dan top level doamin lainnya. Makanya itu bagi yang pengen, cepetan beli domain, aku sarankan beli di dodoldomain.com, murah lho (promosi...he..he..). Trus yang pake domain "co.cc" bisa gak? aku bilang "bisa", tapi sekarang aku pingin bahas yang pake domain .com/.net/.org, dll dulu. bagi yang punya domain "co.cc" sabar dulu ya.
Ok mari kita mulai tutorialnya bagaimana cara membuat email sendiri.

1. Buka alamat ini : http://www.google.com/a/cpanel/domain/new
2. maka km akan langsung disuguhi form seperti ini:




3. Isikan nama domain kamu didalam form tersebut lalu klik tombol "Get Started"
4. Kemudian akan muncul fomr lagi untuk mengisikan data-data yang diperlukan, Kalo sudah diisi klik "Continue"
5. Setelah itu akan muncul menu2 seperti ini :



6. Klik pada link "Activate email".
7. Setelah itu akan muncul lagi halaman untuk "Setup Email Delivery" , itu untuk setting MX Record. Caranya yaitu dengan mengisikan MX Record km dengan data2 yang ada disana. Datanya seperti ini :

MX Server address Priority
ASPMX.L.GOOGLE.COM. 10
ALT1.ASPMX.L.GOOGLE.COM. 20
ALT2.ASPMX.L.GOOGLE.COM. 20
ASPMX2.GOOGLEMAIL.COM. 30
ASPMX3.GOOGLEMAIL.COM. 30
ASPMX4.GOOGLEMAIL.COM. 30
ASPMX5.GOOGLEMAIL.COM. 30


Bagi yang menggunakan DNS setting dari DNS park caranya yaitu : Klik domain kamu yg berada di "Domain list". Setelah itu pilihan "Type" pilih yg "MX". Pada kolom "Mail Domain" kosongi saja kolom tersebut. Pada kolom "Order" isikan data2 "Priority" diatas. Trus pada kolom "mail server" isikan dengan data "MX Server Address" diatas kemudian klik tombol "Update All". begitu terus sampai data diatas dimasukkan semua.

Bagi yang menggunakan DNS setting dari dodoldomain.com caranya : masuk ke menu "Domain-->LIst last 10", trus klik link "Managed DNS", kemudian klik tombol Manage DNS Record. Setelah itu klik tombol "MX Records" trus klik tombol "Add MX Record". Untuk kolom "Value" pilih yg bawah (yg "Type In A Fully Qualified Domain Name eg. abc.pqr.com.') . isikan data "MX Server address" di kolom tersebut. kemudian isikan data "Priority" dikolom "MX Priority". begitu terus sampai selesai semua data dimasukkan.
8. kalo sudah selesai klik tombol " I have completed these steps". Maka akan muncul page seperti ini lagi.



9. Sebenarnya sampai disini sudah bisa selesai, tp untuk membuka email km, km harus mengetikkan alamt URL seperti ini "http://mail.google.com/a/domainmu.com" . Nha klao misalnya km pingin menggantinya menjadi seperti : "http://mail.domainmu.com" maka ikuti lagi langkah berikut ini.

10. Klik link "Email" maka akan muncul halaman "Email setting"
11. Trus klik link "Change URL" , kemudian akan muncul halaman untuk "Change URL for email".
12. PIlih yg "custom" trus klik tombol "Continue".
13. Setelah itu km setting dulu DNS km, Tambahkan "CNAME Records" dan isikan "mail" di kolom "Hostname" dan isikan "ghs.google.com" dikolom http://naldoton.blogspot.com"Value"
14. Setelah itu klik tombol "I have complete these step"

Nha sekarang km sudah bisa memiliki email dengan nama doamin blogmu sendiri. Untuk setting2 lainnya pelajari sendiri ya. Udah capek nih.....

By : Bang Udin
----------------------------------------------------------------------------------
Gunakan ----{ CTRL + F }---- Untuk Mencari Artikel
----------------------------------------------------------------------------------
Postingan Baru :

Read More...

Cara Membuat Facebook Comment Form di Blogspot


 ----------------------------------------------------------------------------------

Facebook telah merilis sebuah plugin yang dapat diintegrasikan pada blog. Comment System, sehingga saat pengunjung anda berkomentar maka komentarnya akan tersebarluas ke seluruh dunia melalui profil Facebooknya. Cara berpromosi yang gratis dan sempurna. Dari waktu ke waktu Facebook Developer Team selalu mengembangkan sistem ini sehingga dapat digunakan di semua jenis blog dan mudah untuk diaplikasikan oleh semua blogger.

Cara Membuat Facebook Comment Form di Blogspot :

Langkah Pertama : Mendaftarkan Aplikasi Facebook baru
Untuk mendaftarkan aplikasi Facebook, klik halaman Facebook Developer Page di facebook teman-teman atau langsung klik link ini http://www.facebook.com/developers. Pada halaman ini anda akan melihat tombol "+ Set Up New Application" pada halaman kanan atas, klik dan anda akan dibawa ke halaman pengaturan.

Pada form Application Name, ketikkan nama aplikasi  (misal : Komentar Blog FB). Setelah selesai, beri tanda checklist pada pilihan Agree untuk Terms dan klik "Create Application".


Setelah selesai dan aplikasi anda dibuat, pergi ke tab Web Site dan teman-teman akan melihat Application ID, Application Secret Number, Site URL, dan Site Domain. Isikan Site URL dengan alamat blog anda, jangan lupa akhiri dengan garis miring (contoh : http://www.budiutomo.com/), dan isikan Site Domain dengan budiutomo.com atau jika anda numpang domain di blogspot isi dengan blogspot.com karena anda meng-hosting blog anda di Blogspot.

Langkah kedua : Menambahkan atribut XLMNS, Open Graph protocol tags, dan SDK script
Masuk ke halaman Edit Template, jangan lupa untuk mememback up template asli  .Jika terjadi error maka teman-teman masih punya back up. Centang "Expand Widget Templates".

Memasang Atribut XMLNS Facebook pada tag HTML :

Ganti kode tag yang ada di paling atas dengan kode di bawah ini, kode yang saya maksud yaitu kode <head> ke atas. Langsung copas saja.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml'>
<head>
Open Graph protocol mata-data tags :


Open Graph protocol akan mengintegrasi halaman blog dengan media sosial. Didesain untuk website yang menyajikan data-data secara real-time dan mendunia, seperti film, selebriti, restaurant, dll. Sekali halaman anda masuk sebagai obyek, pengunjung dapat langsung mengakses data seperti yang dilakukan pada halaman Facebook. Berdasarkan struktur data yang anda sajikan melalui Open Graph Protocol, maka blog sobat akan secara langsung terkoneksi secara langsung ke Facebook : pada halaman profile, hasil pencarian dan di News Feed. Cari kode </head> dan diatas kode itu tambahkan kode berikut :

<b:if cond='data:blog.pageType == &quot;item&quot;'> <meta expr:content='data:blog.pageTitle' property='og:title'/> <meta expr:content='data:blog.url' property='og:url'/> <b:else/> <meta expr:content='data:blog.title' property='og:title'/> <meta expr:content='data:blog.homepageUrl' property='og:url'/> </b:if> <meta content='JUDUL BLOG' property='og:site_name'/> <meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/> <meta content='APPLICATION ID' property='fb:app_id'/> <meta content='FACEBOOK PROFILE ID' property='fb:admins'/> <meta content='article' property='og:type'/>

Ganti JUDUL BLOG dengan nama blog anda.
Ganti APPLICATION ID dengan nomor id aplikasi yang diberikan oleh Facebook.
Ganti FACEBOOK PROFILE ID dengan user id pada Facebook anda

Pasang Javascript SDK tag :

Cari kode: <body> (Biasanya ada tepat dibawah kode </head> tag). Tambahkan SDK script setelah kode <body> tag:

<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : &#39;YOUR-APP-ID&#39;,
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};

(function() {
var e = document.createElement(&#39;script&#39;);
e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>

Ganti YOUR APP ID dengan nomor id aplikasi anda.

Menambahkan kotak Komentar Facebook :


Setelah semua langkah diatas dilampaui dengan baik, sekarang saatnya memasang kotak komentar Facebook. Ingat, bahwa Blogger punya sistem komentar sendiri jadi jangan lupa untuk me-non-aktifkan komentar Blogger.
Cara menghilangkan komentar pada Blogger : Pergi ke Pengaturan > Komentar, dan pilih Sembunyikan.
Klik Save. Untuk memasang Facebook Comment System, cari kode <data:post.body/> dan letakkan kode berikut tepat dibawahnya :

<b:if cond='data:blog.pageType == &quot;item&quot;'><div><br/><a href="http://filemmove.blogspot.com/2011/03/daftar-isi.html" target="new"><img alt="" class="icon-action" height="25" src="http://a.imageshack.us/img838/3872/facebooklogoc.png" width="25" /><span style="font-size: 70%;">Facebook Comment System</span></a><fb:comments expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id'/></div></b:if>

Kemudian Klik SAVE TEMPLATE dan lihat hasilnya. Form Komentar Facebook anda sudah selesai dibuat dan siap digunakan.

By : Bang Udin
----------------------------------------------------------------------------------
Gunakan ----{ CTRL + F }---- Untuk Mencari Artikel
----------------------------------------------------------------------------------
Postingan Baru :

Read More...

Pasang energi saving mode di blog dgn CSS3


 ----------------------------------------------------------------------------------

Langsung ajjah nih mas !!

1.Login ke blogger
2.Dari dasbor klik rancangan
3.kemudian klik "Tambah Gadget/ HTML/JavaScript"
4.Lalu copaskan script di bawah ini :


<style type="text/css">
/* original code by: cvraseac.blogspot.com - _CaesarVraseaC_ - Oct 2010 */
body .saving{position: fixed;width: 100%;top: 0;left:0;height: 100%;opacity: 0.98;filter: alpha(opacity=98);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";background: #000;border-bottom: 3px solid transparent;z-index: 999999;-o-transition: all 3s ease-in-out 10s;-moz-transition: all 3s ease-in-out 10s;-webkit-transition: all 3s ease-in-out 10s;}body:hover .saving {opacity: 0.0;height:0.001%;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";background: #0a7f01;border-bottom: 5px solid #333;-o-transition: opacity 2s ease-in-out 2.5s, background-color 3s linear 0.5s, height 1s ease-in 1.8s;-moz-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;-webkit-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;}body .saving p.esm1{margin: 0;padding: 0;width: 92%;background: transparent;font-size: 100px;font-family: "Serif", Times New Roman;color: #333;text-shadow: 1px 1px 2px #ccc;position: relative;margin-top: 200px;line-height: 20px;font-weight: bold;text-align: center;border: 30px solid transparent;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;-o-transition: -o-transform 5s ease-out 8s, background-color 4s ease-out 12s;-moz-transition: -moz-transform 5s ease-out 8s, background 4s ease-out 12s;-webkit-transition: -webkit-transform 5s ease-out 8s, background 4s ease-out 12s;}/* original code by: cvraseac.blogspot.com - _CaesarVraseaC - Oct 2010 */body:hover .saving p.esm1{font-size: 10px;color: red;width: 25%;margin: 340px 0 0 300px;padding: 25px;background: #aaa;border: 20px solid #888;border-radius: 170px;-moz-border-radius: 170px;-webkit-border-radius: 170px;-o-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-moz-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-webkit-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-o-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -o-transform 1.2s linear 1.5s, background-color 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-moz-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -moz-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-webkit-transition: font 1.1s 0.1s, width 1.7s 0s, margin-left 0.8s 1.2s, -webkit-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1s ease-in 0.5s, border 3s ease-in, -webkit-border-radius 3s ease-in;}.saving p span.esm2{font-size: 18px;opacity: 0.5;filter: alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";display: block;text-align: center;width: 300px;margin: -10px auto; font-weight: normal;padding: 2px 8px;background: #000;border: 1px solid #333;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;color: #0000FF;text-shadow: none;font-family: Arial, Helvetica, sans-serif;-o-transition: 1s ease-out;-moz-transition: 1s ease-out;-webkit-transition: 1s ease-out;}.saving:hover p span.esm2{font-size: 10px;width: 200px;padding: 0;}/* original code by: cvraseac.blogspot.com - _CaesarVraseaC_ - Oct 2010 */.saving p span.esm3{color: #ccc;font-family: "Tahoma", Arial, Helvetica;display: block;margin:10px auto;background: url http://i964.photobucket.com/albums/ae124...) left center repeat-x;background: -moz-linear-gradient(top,#666,#111);background: -webkit-gradient(linear,0% top,0% bottom,from(#111),to(#666));opacity: 0.6;filter: alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";width: 250px;text-shadow: 1px 1px 1px #000;border: 1px solid #333;border-radius: 4px;padding:2px 10px;-moz-border-radius: 4px;-webkit-border-radius: 4px;font-size: 12px;font-weight: normal;line-height: 16px;}.saving .by_CaesarVraseaC_ {margin-left: 30px;text-align: left;color: #015828;font-size: 12px;font-weight: normal;position: absolute;top: 550px;width: 100%;height: 20px;left: 0;}/* original code by: cvraseac.blogspot.com - _CaesarVraseaC_ - Oct 2010 */.saving .by_CaesarVraseaC_ span.esm4 {color: #aaa;font-style:italic;font-size:14px;font-weight:bold;text-transform:uppercase;}#recpost {width:210px;overflow: hidden;height: 327px;float: right;margin-top: 10px;padding: 4px 2px;background: transparent;border: 1px solid transparent;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-webkit-transition: all 1.5s ease-out;}
</style>
<div class='saving'>
<p class='esm1'>_CaesarVraseaC_<br/>
<span class='esm2'></span><br/><br/>
<span class='esm3'><br/>ALIHKAN MOUSE ANDA,,MAKA AKAN KEMBALI SEPERTI SEMULA !!</span></p>
<div class='by_Bang Udin_'><span class='esm4'></span></div>
</div>

5.Kemudian simpan
6.Dan LihaT hasiL nya !!
Contohnya ada disini ( klik aja ) http://cvraseac.blogspot.com 

By : Bang Udin
----------------------------------------------------------------------------------
Gunakan ----{ CTRL + F }---- Untuk Mencari Artikel
----------------------------------------------------------------------------------
Postingan Baru :

Read More...