Cara menghubungkan blog ke twitter

kali kali warna putih biar ga bosen :r . Agar setiap postingan blog secara otomatis terhubung atau terupdate ke twitter, terlebih dahulu kita harus melakukan registrasi pada account Twitterfeed, yaitu aplikasi penghubung postingan blog ke acount twitter kita dengan cara sebagai berikut :

                                     
1. Masuk ke http://twitterfeed.com/

2. Klik Register 
Email Address = Masukkan Alamat Email
Pasword = Masukkan Password
Confirm Password = Masukkan Password Sekali Lagi 

3. Klik Create Account

4. Klik Connect your Feed to your Twitter Accont

5. Klik Username dan Password kita di Twitter -- Klik Allow

6. Ketik Feed Name dengan judul blog dan isi Rss Feed URL dengan Rss Feed URL blog kita --> klik Test Rss Feed. Apabila berhasil maka akan muncul bacaan "Feed Parsed OK" dibawah Rss Feed URL

7. Klik Create Feed --> Selesai

Sekarang blog kita sudah terhubung dengan twitter, untuk melihat hasilnya coba buat postingan baru pada blog kemudian buka account twitter, maka postingan blog kita akan tampak di tweet atau update acount twitter yang kita miliki. 
Selesai..
Gampang kan sobat blogger.. :D

Sumber

Cara Menambahkan Recent Comments

Menampilkan recent comments atau komentar terbaru fungsinya adalah supaya kita bisa dengan mudah mengetahui siapa yang baru saja memberikan komentar pada blog kita dan di postingan mana mereka berkomentar. Recent Comments ini bisa kita pasang di halaman utama blog kita.
Beginilah cara membuat Recent Comments (Komentar Terbaru) :

1. Login ke blogger lalu pilih menu "Layout"
2. Kemudian copy script berikut ini :

<script style="text/javascript" src="http://superinhost.com/blog/comments.js"></script>
<script style="text/javascript">
var numcomments = 7;
var showcommentdate = true;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src=" http://my-adventure77.blogspot.com/ /feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

- Angka 7 merupakan jumlah komentar yang mau ditampilkan.
- Ganti  http://my-adventure77.blogspot.com Dengan nama blogmu.

3. Untuk menampilkanya di sidebar maka pilih "Add a Gadget --> HTML/Javascript" Lalu masukkan script diatas kedalam kotak yg disediakan. 

selamat mencoba :)

Pasang Widget Translator

Memasang widget translator atau "Penerjemah" pada blog banyak sekali gunanya. Translator ini berguna apabila ada pengunjung dari negara lain yang secara sengaja maupun tidak yang melihat blog kita dan tidak tahu bahasa kita maka mereka bisa menggunakan widget ini untuk menterjemahkannya kedalam bahasa yang mereka inginkan (tentunya yang sudah ada di widget ini). Widget ini sudah support untuk bahasa Indonesia. Dan kalo kamu mau, translator ini bisa juga untuk menterjemahkan tugas dari sekolah/kampus secara mudah. Dan hasilnya bisa lebih bagus daripada software transtool lho. Gimana? mau membuatnya? caranya mudah lho. Gini nih...

1. Login ke Blogger trus pilih menu "Layout" atau "Tata Letak"
2. Kemudian klik pada "Add Gadget" atau "tambah gadget=".
3. Lalu pilih HTML/Javascript"
4. Kemudian masukkan script berikut ini kedalamnya. 

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script> 


5. Kemudian simpan selamat mencoba :)


Coba dites apakah translator tersebut bekerja dengan baik atau tidak.
Gimana? gampang kan :r ...

Cara Memasang Widget Recent Comment

langsung saja, walaupun tips jadul tp mungkin bagi newbie bloger masih belu tau caranya :D

Berikut ini cara pemasangannya di blog:

1. Masuk ke akun Blogger Anda.
2. Di halaman Dasbor, klik Rancangan.
3. Pilih Elemen Laman kemudian klik Tambah Gadget.
4. Di halaman Dasar-dasar, pilih Feed.
5. Masukkan alamat feed yang Anda inginkan, alamat feed Recent Comments.
6. Klik LANJUTKAN.
7. Isikan Judul, pilih berapa item yang akan ditampilkan, maksimal 5. Beri tanda centang di Tanggal Item, Sumber/pengarang item atau Buka link di jendela baru bila Anda menginginkannya. Silakan lihat di bawah untuk Pratinjaunya.
8. Klik SIMPAN.
9. Pindahkan posisi widget tersebut di tempat yang Anda inginkan.
10. Kemudian klik SIMPAN.
11. Klik Lihat Blog untuk melihat hasilnya.
    
    
    Semoga bermanfaat hehe

Membuat efek ZOOM Gambar di Blog

Kali ini my-adventure77.blogspot.com akan berbagi tips untuk Para Blogger yang ingin Blognya terlihat lebih keren dan unik dengan efek Membesar pada gambar postingan. Efek Membesar pada gambar postingan maksudnya adalah apabila Cursor kita taruh tepat di atas gambar maka gambar tersebut otomatis akan membesar,

saya akan membahas gimana cara buat effect gambar seperti di zoom, Ok langsung saja saya akan berikan caranya :

1. Login ke Blogger
2. Pilih menu Tataletak lalu pilih edit HTML
3. Cari kode berikut dengan Ctrl+F masukkan ]]></b:skin>
4. Lalu paste kode dibawah ini, persis di atas ]]></b:skin>

.post img, table.tr-caption-container {
border:none;
max-width:560px;
height:auto;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-webkit-transform: scale(1.5);
-webkit-border-radius: 36px 12px;
-moz-border-radius: 36px / 12px;
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}

Lihat yg warna BIRU,itu adalah ukuran Effect zoom yg akan di tampilkan. silahkan Sobat edit dan sesuaikan dengan selera masing-masing. Setelah Selesai Lalu SAVE. Dan Selesai effect zoom gambar pada postingan sudah kamu bisa nikmati. 

Sumber

Macam-Macam Efek Pada Blog

 ini sya share aja sdikit beberapa efek yg ada di Blog itu apa aja sih ???  ..nih cekicekicekidot gan 

Efek salju:

Langkah pertama

Login ke blogger, kemudian masuk ke layout atau tata letak
=>klik add page element atau tambah elemen halaman
=>pilih HTML/javascript

Langkah selanjutnya

Copy dan pastekan kode dibawah ini :

<script type="text/javascript" src="http://achmad46.googlepages.com/snow.js">
</script>

simpan dan lihat hasilnya. .:)


Efek hati Bertaburan

Langkah pertama yang harus kamu lakukan adalah Log In ke Blogger lalu masuk menu Layout kemudian masuk menu Edit HTML

Lalu taruh Code dibawah ini diatas code </body> atau kedalam tag <body>

<script src='http://anas.ku93.googlepages.com/lovingheart.js'>
</script>

Nah jika Sudah Simpan dan lihat hasilnya 


Membuat link pelangi di blogspot 


Ikuti langkah berikut ini :

=> Masuk pada halaman blogger
=> Kemudian pilih layout atau tata letak setelah itu tujukan ke Edit HTML
=> Copy dan paste kode dibawah ini dibawah kode 

<script src='http://achmad46.googlepages.com/rainbow.js'>
</script> 


=> Jangan lupa disimpan

nah gampang kan,hehehe  .

trus sekarang coba buka blog anda dan liat hasilnya,,ckckckckc 

smoga bermanfaat yah 
Sumber

Cara Membuat Spoiler di Blog

mungkin topik ini sudah basi,wkwkwkk tp mungkin juga ada bloger newbie yang belum paham cara membuat Spoiler di postingan, fungsinya yah agar menyembunyikan gambar / text di dalam sepoiler tersebut agar tidak terlalu memberatkan saat loading blog..ok langsung saja. coba agan agan liat contoh ini

Contoh Spoiler

gimana ? cara nya mudah ko, masuk ke tab EDIT HTML dan copy scrip di bawah ini

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Judul
</span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">


isi spoiler


</div></div></div></div>

warna biru langit scrip spoiler nya,dan warna merah yg kita ganti :)

jiga sudah selesai bisa diliat di tab menu COMPOSE untuk meyakinkan cara pemasangan benar.jika sudah tendang komputer anda :r wkwkkwkw canda :D selamat mencoba....
Salam Bloger knightkids

ReadMore Otomatis di Blog

terkadang kalau kita sedang berselancar di dunia maya sering menemukan blog yang 1halaman isinya panjang sampai ke bawah, dan bikin lelet koneksi kita dengan loading yang lama :# selain itu juga membuat pengunjung menjadi jenuh untuk menunggu lama, kali ini saya akan memberikan tips tentang bagaimana membuat agar postingan kita bisa lebih pendek di Home dan dapat mengirit tempat dengan menggunakan fungsi Readmore ini,

sebenernya ada 2 tehnik dalam memakai tips ini :

1. kita ga usah mengedit template, tetapi setiap kita mau membuat postingan baru kita harus selalu mengedit HTML nya untuk membuat Readmore tersebut, hmmm ribet kan setiap bikin posting harus edit HTML nya juga :r

2. yang sekarang akan saya bagikan cara membuat readmore otomatis, yang harus kita lakukan adalah mengedit Template dalam blog yang kita pakai, jadi sebaiknya kita persiapkan backup template untuk menghindari resiko :D

1). Buka Dasbord Blog anda, kemudian pilih Tata letak, lalu pilih Edit HTMLCentang pada pilihan Expand Template Widget untuk membuka semua code-code tersembunyi di dalam templete Blog anda. Cari dan dapatkan code ini:

</head>

2). Kemudian tandai dan langsung ganti dengan code dibawah ini  :

<script type='text/javascript'>

var thumbnail_mode = &quot;float&quot; ;

summary_noimg = 230;

summary_img = 140;

img_thumb_height = 100;

img_thumb_width = 100;

</script>

<script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>

</head>

3). Setelah yang tadi beres, sekarang cari dan dapatkan Code ini :  

<data:post.body/>

4). Kemudian tandai dan langsung ganti dengan Code ini :

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

<data:post.body/>

<b:else/>

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

<data:post.body/>

<b:else/>

<div expr:id='&quot;summary&quot; + data:post.id'>

<data:post.body/>

</div>

<script type='text/javascript'>

createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

</script>

<div style='clear: both;'/>

<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>

</b:if>

</b:if>  

5). Sudah Selesai lalu simpan perubahannya! Dan sekarang coba anda lihat hasilnya :D