Telaga Muhammad: blogger

Tampilkan postingan dengan label blogger. Tampilkan semua postingan

Rabu, 25 Januari 2012

cara membuat slide 3in1

Cara membuat Slide Three In One.( Blogger,Twitter dan Facebook )

Slide ini adalah merupakan kontainer untuk menempatkan berbagai atrribut blog.seperti Shoutmix atau chat box.

keunggulan blog dengan menggunakan slide seperti ini adalah blog menjadi lebih rapi.karena beberapa attribut blog bisa di letakkan dalam slide.slide sifatnya tersembunyi.ia akan muncul jika di klik ( untuk slide three in one ini tidak perlu di klik cukup di tunjuk dengan mouse saja ia sudah muncul ).dengan keadaan tersembunyi ini maka blog bisa menghemat ruang penempatan atribut.seperti chat box dan lain-lain.

Adapun cara membuatnya adalah sebagai berikut :

1. Buka setting Tata Letak

2. Tambahkan widget html / java script

3. Tempatkan kode di bawah ini kedalamnya

4.Simpan

5.Lihat di Pratinjau.

6.Jika cocok dengan anda,silahkan atur isi dari slide tersebut.

Catatan :

Untuk isi slide silahkan anda usahakan sendiri.jika anda butuh chatbox seperti CBox atau semacamnya,silahkan anda daftar di site yang bersangkutan dan ambil scriptnya.lalu tempatkan di dalam slide.untuk 'LETAK SCRIPT",telah di terangkan dalam kode di bawah dengan tulisan tebal.

.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2WH9bQ0K4lllgDHu2IHIcCmF1t_iTpZaEMRJZWGMHW14X6TbIcNr_7IBluUeIs2M6k92ybsB8yf7aARpWBwARqhSjEhvbJLhiMqlXRCBCS3cTqREJl6mAQsTJMhFpnOKyFiE3xWGMXb1x/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:50px; z-index:1000;}

.barrightbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwTOcJtoklP1plUzjXfU2AALr4T9Hi0tp350_omBDnf8Q7FGezbB2XFVZQlFNB7PwJfffgP6cHVQcVLgDTm3UoX4HyexksESGUjUAWgV01M3GQk4FrP864F-UXP8xwFksZRlDOnqNMcwWq/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}

.barconteblogger{margin:5px 0 0 47px}

.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWZG14u9U32fUcy3aR_KIDUe1z73X70Ky_f6Ts8fl_kO7zqKQqVv2SbNQQxvfY5lLluR1XtcWVtUb73oO0t1C0f4JBgTKm4MlC-XRDrKi3U84Ns8Nx-gJ4EYz-o8A_-yVfqYJxBe6pDy0m/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}

.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNwpDh24HHEW-J3xXRgmNbdpnE9DZxUAYeSo2il7sD3T3tWIlmMog8xMnVbdaUZEZZwV79SEtWoj3bO8iZwwYuYmrkFWnw1_uLEdmvoRFPnUNC4eXbW_05uoTSEg4LINTweLrog_Onscg_/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}

.barcontetwitter{margin:5px 0 0 47px}

.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSWT_HaLUGmDF_7rX27DaHhLWyDG_Mk7MZuVAC-D7ZAdNRoV92Nv3jpCF613XqYuopZDUY2lfrsq8y2opKet_X5tYySguFOEM_IR_e4WaPnDYBhLYX5INzQwaLaXUspVEdt9Gyg1Fi0cUJ/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}

.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYJYhJUj4MvXkeEyQo-nw0ljGkVcWY9OGCLyq_nENXq5x3x1rVEf3RL9YRaVFGR2HWqUGtT9yENrWBBKla1BY7tqzd4vYwZywFxkjmItpH6W95NbxP7GDW76HH0p8s0dn2QtA7mRRNEgkB/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}

.barcontefacebook{margin:5px 0 0 47px}

</style>

"Tempatkan Code disini untuk slide Blogger"

    </div>
    </div>
    <div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
    <div class="barcontetwitter">

"Tempatkan Code disini untuk slide Twitter"

    </div>
    </div>
    <div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
    <div class="barcontefacebook">

"Tempatkan Code disini untuk slide facebook

</div>
</div>
<script type="text/javascript">
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script>

Silahkan ikuti link ini untuk mendapatkan kode di atas : 3inoneslide

Blog ini tidak bisa di copy,sehingga kodenya ditempatkan di blog lain,maaf merepotkan.

Sumber :

Penulis Code :

Demikian,semoga bermanfaat.

Selasa, 24 Januari 2012

Facebook komentar

Cara membuat komentar facebook di halaman blog

Keuntungan dari adanya kotak komentar facebook di halaman blog adalah,jika ada pengunjung yang memberi komentar dan komentar tersebut di post ke facebook,maka di halaman facebook pengunjung tersebut akan muncul nama blog anda.sehingga pengunjung facebook bisa berinteraksi dengan komentar tersebut jika ada interest.
Untuk membuat komentar facebook,di halaman blog,maka lakukan hal dibawah ini :
Caranya :
1. Buka template di blogspot
2. Klik expand widget
3. Tekan CTRL-F ( aktifkan kotak pencari )
4. Lalu ketik post atau data,kemudian cari sampai anda temukan kode berikut : ( data:post.body/> )
Letakan code di bawah ini setelah code: <data:post.body/>

<b:if cond=’data:blog.pageType == "item"’>
<p align=’left’><a target=’new’><img alt=” class=’icon-action’ src=’http://lh3.ggpht.com/_M1pYMGMUxt0/TGmv1KcNNBI/AAAAAAAACu0/8WlVlSkCPI0 /CommentsFB.png’/></a></p>
<div id=’fb-root’/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'XXXXXXX', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<fb:comments/>
</b:if>

Silahkan copy code-nya disini : fbcomments

Ganti kode XXXXXXX diatas dengan Applikasi ID facebook anda.caranya :
5. Masuk ke Facebook
6. Klik developer di bagian paling bawah halaman fb anda
7. Klik apps ( terdapat di bagian atas halaman developer ).
8. Jika anda belum membuat apa-apa di segmen fb apps,maka buatlah,ada beberapa blog yang bisa membantu anda untuk ini.silahkan cari di search engine.
9. Setelah selesai membuat,maka copy dan paste Aplication ID anda dengan mengganti tulisan XXXXXXX diatas.
10. Jika sudah selesai,maka klik pratinjau
11. Seharusnya dalam tab pratinjau kotak komentar sudah nampak di bawah postingan.
12. Jika sudah nampak,maka silahkan klik save template
13. Namun jika belum kelihatan,maka tutup template,jangan di save
14. Kemudian cari kode lain yang cocok.banyak blog yang menyediakan hal ini.
15. Lakukan langkah seperti di atas,pratinjau dulu,jika cocok baru di save.jika tidak tutup saja.ini untuk menjaga agar template anda tidak rusak.

Catatan :
Jika anda sering melakukan tambahan pada template blog,sebaiknya,setiap sebelum anda melakukan editing di template,maka template anda di backup dulu.download template anda.atau copy seluruh isi nya ke notepad supaya aman.

Sumber :

Penulis Code :

Sekian,semoga bermanfaat.
Trims.__ht@2012

Facebook Like

Cara menerapkan tombol like and send dari Facebook ke blog ( khusus blogspot ).

Tombol like dan send Facebook,memiliki dua level.level pertama adalah level blog.jika pengunjung menekan click pada tombol tersebut,maka yang di maksud adalah blognya.bukan post nya.
Kemudian level kedua adalah tombol like dan send untuk post.jika pengunjung menekan click pada tombol tersebut,maka yang di maksud / di target adalah post nya.
Untuk membuat tombol like dan send dalam level blog,adalah lebih mudah.yang agak sulit adalah penerapan tombol like dan send untuk posting.
Ada banyak blogger yang bisa membantu dengan membagikan tips dan triks nya untuk penerapan tombol like dan send pada blog.namun tidak semuanya cocok dengan blogspot.tips dan triks di bawah ini sudah di coba di blogspot dan berhasil.code di bawah ini adalah code untuk level posting.silahkan di coba.

Caranya :
1. Buka template blogspot
2. Klik expand widget
3. Lalu cari code berikut : ]]></b:skin>
4. Letakkan kode di bawah ini sebelum kode di atas ( sebelum ]]></b:skin> )

.fb_like_box {
-moz-border-radius:5px 5px 5px 5px;
border-radius:10px;
background:#f5f5f5;
border:1px dotted #ddd;
margin-bottom:10px;
padding:10px;
width:400px;
height:20px;
}

Silahkan copy code-nya disini : fblikeandsend

Sesuaikan lebar dengan postingan, dengan merubah angka 400 warna merah di atas.
5. Cari kode berikut dalam template ( aktifkan CTR-F untuk mempercepat pencarian ): <data:post.body/>
6. Letakkan kode berikut setelahnya ( setelah kode <data:post.body/> )

Silahkan copy code-nya disini : fblikeandsend

7. Kemudian klik pratinjau.perhatikan apakah tombol like dan send telah muncul di bagian bawah postingan ?..seharusnya sudah ada.
8. Jika tombol like dan send sudah terlihat di bawah postingan dalam pratinjau,maka tutup kembali page pratinjau.
9. Kemudian klik save dan selesai.
10. Jika dalam tayangan pratinjau tombol like dan send tidak muncul,maka lakukan hal berikut :
11. Tutup tayangan pratinjau
12. Kemudian tutup template,jangan di save.tutup saja sehingga perubahan tadi tidak tersimpan.
13. Kemudian cobalah mencari kode lain,yang cocok.lakukan langkah seperti di atas.jangan lakukan save template jika tujuan tidak tercapai.
14. Semoga berhasil.

Sumber :

Penulis Code :

Sekian,semoga bermanfaat.
Trims.__ht@2012

Ganti Template Blog

Ganti Template Blog
Bagamainakah caranya agar kita bisa menerapkan template lain di blogspot,di luar dari template standar ?

Blogspot menyediakan beberapa template standar.ada sebagian blogger yang menginginkan template blognya berbeda dari template standar yang ada di blogspot.kemudian ia mencari template yang cocok sesuai seleranya di penyedia template.lalu ia menerapkan template tersebut di blogspot.hal ini tidak terlalu bermasalah jika blog masih kosong alias baru saja di buat atau belum di utak utik dengan beberapa tambahan widget yang sesuai keperluan.

Perkara lain adalah munculnya keinginan untuk merubah template yang sudah ada,dimana segala atribut blog termasuk beberapa konten / tulisan sudah ada.disini kondisi blog sudah jadi dan sedang berjalan dalam penayangan demi penayangan.
Jika kemudian pemilik blog melihat tampilan blog lain yang menarik perhatiannya,kemudian ia tertarik memiliki template seperti blog tersebut,mungkin ia akan berfikir bagaimana caranya agar ia bisa merubah template blognya yang sudah berjalan tayang tersebut.ini bukan persoalan mudah.mungkin harus di lupakan.sempurnakan saja blog yang ada,daripada merubah templatenya.kesulitan yang penulis temukan ketika mencoba merubah template adalah munculnya pesan bahwa template baru tidak bisa di terapkan.seperti tejadi galat dan sebagainya.ada banyak hal yang harus di ingat betul-betul kalau ingin merubah template yang sudah jalan tayang.seluruh isi template lama harus di kenal dengan baik.jika ini bisa di lakukan maka template bisa di rubah.kalau tidak,maka akan terjadi kesulitan.adapun kalau mencoba menghapus seluruh isi template lama dengan menggantinya dengan isi template baru,maka yang tejadi adalah,munculnya waktu extra untuk menerapkan kembali seluruh atribut yang telah di pasang pada template lama.seperti beberapa widget sesuai keperluan blog.semua widget ini akan hilang dan harus di terapkan kembali.selain itu beberapa tambahan di luar widget,yakni pada halaman template,seperti script dan lainnya yang dipasang kemudian juga akan hilang.misalnya penerapan tombol like dan send dari facebook.semua itu harus dipasang kembali.
Kalau memang terpaksa sekali harus merubah template,maka cobalah backup dulu seluruh isi template lama yang merupakan isi tambahan.lalu setelah template baru di terapkan,maka masukkan kembali script dan lainnya ke dalam template sesuai letaknya.lalu terapkan kembali widget yang di perlukan.semoga berhasil.

Cara yang paling bijak adalah menerapkan template non standard ketika pertamakali membuat blog.keadaan blog masih kosong.sehingga tidak ada resiko jika template di ganti dengan template dari luar blogspot.caranya tidaklah terlalu sukar.ketika sebuah blog baru selesai di buat,maka carilah template yang sesuai selera.carilah template yang berlabel blogspot,jangan yang lain.nanti tidak cocok.kemudian download template tersebut.lalu buka antar muka blogger lama.kemudian buka rancangan.lalu pilih edit html.kemudian browse file template yang baru di download / template baru yang akan mengganti template lama.kemudian klik unggah / upload.selanjutnya muncul pertanyaan tentang widget yang harus di pertahankan atau di hapus saja,silahkan anda putuskan.kemudian klik pratinjau.jika hasilnya memuaskan,maka save template.
Selanjutnya adalah memasang widget dan tambahan lain berupa script atau lainnya,sesuai keperluan.

Sekian,semoga bermanfaat.
Trims.__ht@2012