Cara Memasang Social Media Keren di Blogger


Memasang Social Media - Kalau anak gaul yang pingin axis di dunia sosial media seperti Twitter, Facebook, Google + Youtube, Myspace dan lain-lain, biasanya akan tertarik dengan widgate ini. Katanya, biar selalu terlihat ada dimana-mana,.. :-)

Tetapi, Sosial Media bagi penggemar blogger juga dianggap penting. Selain mempercantik blog, juga dapat membagi-bagikan postingan ke Sosial Media dan secara tidak langsung bisa menjadi ladang Bisnis Online.

Bagaima cara membuatnya,..???

Ini tampilan Sosial Media yang dibuat oleh seorang blogger yang menurut saya cukup menarik.

Menariknya lagi setelah saya coba jalankan scriptsnya, 100% jadi,.

Dan ini langkah-langkah pemasangannya :
• Buka Akun Blogger anda Terlebih dahulu 
• Masuk Ke Kemenu Template > Edit HTML > Lanjutkan > Centang Expand Template Widget
• Lalu Cari kode seperti dibawah ini :

</body>

• Setelah Ketemu Lalu Copy Kode dibawah Letakkan Kode dibawah tepat diatas Kode </body> 

<!-- import Scripts -->
<script type="text/javascript" src="http://mybloggerlab.com/Scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://mybloggerlab.com/Scripts/mblsocialbar.js"></script>
<div id="scolder">
<script type="text/javascript" src=" http://mbl-flipper-google-blogger.googlecode.com/files/socialflipmin.js"></script></div> 
<link href='http://mybloggerlab.com/StyleSheet/mblsocialbar.css' rel='stylesheet' type='text/css'/>
<!-- Social Media Bar For Blogger -->
<script type="text/javascript">
$(document).ready(function(){
$.mblSocialBar({
items: {
twitter: { url: '#', text: 'Follow me on twitter' },
facebook: { url: '#', text: 'Profile on facebook' },
rss: { url: '#', text: 'RSS Feed' },
google: { url: '#', text: 'Profile on google+' },
youtube: { url: '#', text: 'Profile on youtube' },
orkut: { url: '#', text: 'Profile on orkut' },
myspace: { url: '#', text: 'Profile on myspace' },
digg: { url: '#', text: 'Profile on digg' },

},
show: 8,
position: "left",
skin: "clear"
});

});
</script>

Keterangan :
• Ganti Tanda # dengan URL Jejaring Sosial anda 
• Untuk Merubah Posisi ganti Kode "Left" dengan Keinginan anda , anda Bisa mengganti dengan "Right" (Kanan) , Top ( Atas ) , Bottom ( Bawah ) 
• Mengganti Background Social Media : Jika Anda Ingin Mengganti Background Social Media Ganti "Clear" dengan Dark .
• Terakhir Save Template anda

Cara Menghilangkan Subscribe to Atau Poskan Komentar Atom

Menghilangkan Subscribe - Di bawah kolom komentar Blogspot biasanya terdapat tulisan Langgan: Poskan Komentar (Atom). Dan bila di blog kita telah terpasang layanan Feedburner, maka kehadiran Langganan: Poskan Komentar (Atom) sudah tidak diperlukan lagi. 


Cara menghilangkannya secara permanen sangatlah gampang.
1. Biasakan Login ke Akun Blogger kita, jangan akun punya orang lain.

2. Klik menu Layout -> Edit HTML
3. Beri tanda centang pada Expand Widget Template
4. Cari kode <b:include data='feedLinks' name='feedLinksBody'/>, lalu hapus.

Atau bisa juga dengan menghapus semua kode dibawah ini dalam template kita : 

<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>

5. Lalu klik Save Template

Membuat Link Sumber Muncul Pada Saat Artikel Copy Paste


Membuat Link - Untuk blogger pemula (seperti saya), pasti tidak akan lepas dari trik kusakusi (kopi sana, kopi sini) untuk sebuah artikel yang menarik. Apakah itu salah??? Mungkin tidak. Asalkan cara kusakusi "ber-etika, karena saat seseorang membuat suatu artikel, pasti sangat menguras tenaga dan pikiran. 


Atau, kita bisa setelah copas melakukan editing atas copasan, bila perlu tambahkan juga original link-nya. Berhati-hati dengan copas full tanpa melampirkan original link atau tanpa editing sobat, karena blog kita bisa di banned oleh google. Tidak percaya?, silahkan coba. Tetapi ada baiknya kok melampirkan original link, baca artikel saya ini : Memperoleh Backlink dan Meningkatkan Trafik Di Blog. 


Sobat bloggers tau tidak jika anda mengkopi artikel saya di setiap posting maka akan muncul sumber artikel dari blog saya.??? Jika anda ingin tau triknya maka saya akan berikan langkahnya. Caranya sangat mudah sekali, cuma membutuhkan waktu sebentar saja. 


Mari kita lihat langkah-langkahnya sebagai berikut :
1. Kunjungi situs https://id.tynt.com/

2. Kemudian anda Daftar dulu atau Sign Up untuk membuat akun, Isi domain (url blog), email dan password. (jangan lupa untuk melakukan konfirmasi di email anda)

3. Klik next untuk masuk ke pengaturan script
4. Klik pada pilihan Blogger
5. Copas script yang berwarna Hijau 
6. Setelah selesai, masuk ke blogger, klik Rancangan --> Edit HTML
7. Lalu letakan script tersebut diatas kode </head>
8. Simpan template anda lalu lihat hasilnya.

Bundarkan Comments Avatar Image


Bundarkan Comments Avatar Image – Trik Membuat Icon Blogger Comment menjadi bentuk bundar sangatlah mudah diterapkan. Asalkan memiliki foto profile yang telah di-upload di account google (untuk login blogger), pasti bisa. Terkadang kita mengalami kesulitan dalam upload foto kedalam account google, hal ini bisa jadi dikarenakan foto yang akan kita upload memiliki resolusi dibawah 250 pixel. Karena itu, pilihlah foto yag ukurannya sesuai.


Bila dalam keadaan default Comments Avatar Image berbentuk kotak, 
Untuk kali ini kita mencoba Membundarkan Gambar Avatar dikotak komentar. Sedikit terlihat rapih bukan?





Cara Membuat Bundar Comments Avatar Image ini sangatlah mudah. Sobat tinggal Login ke Akun Blogger sobat, lalu :

- Edit HTML
- Template › Edit HTML
- Lanjutkan dengan mencari kode : ]]></b:skin>
(Gunakan Ctrl + F untuk mempermudah dan mempercepat pencarian).
- Copy dan paste-kan kode CSS dalam Post Blockquote dibawah, di atas kode 

]]></b:skin>

.comments .avatar-image-container{
max-height:50px;
max-width:50px;
height:50px;
width:50px;
border-radius:29px;
padding:2px;
border:2px solid #39E939;
box-shadow:-1px -1px 1px #444,2px 2px 4px #444;
background:#1B3CFA;
margin:2px 4px 2px 2px;
}
.comments .avatar-image-container img{
width:50px;
max-width:50px;
height:50px;
max-height:50px;
border-radius:25px;
border:0 solid #FE081C !important;
}
.comments .comment-block{
margin-left:75px;
}

- Kemudian Simpan Template/Save Template


Buka blog di halaman posting, kemudian buat sebuah komentar untuk melihat hasilnya. Untuk warna background dan warna border silahkan kreasikan sesuai dengan kesukaan sobat.

Memasang Widget Animasi Bendera Disudut Blog

Memasang Widget Animasi - Widget animasi selamat datang memang akan terlihat menarik jika dipasang diblog kalian.Blog akan nampak lebih menarik dan pengunjung blog akan tertarik membaca isi postingan blog.Widget animasi selamat datang pada blog akan muncul saat loading halaman utama blog.Widget ini umumnya bisa diletakkan pada berbagai posisi,di bawah,atas,kanan,kiri,ataupun sidebar blog.Widget yang akan saya bagi ini berukuran kecil,jadi tidak akan membebani loading blog sehingga menjadi berat.

Nah,jika kalian tertarik menggunakannya silahkan ikuti langkah berikut ini :
1. login blog
2. masuk ke
rancangan
3. pilih tambah wiget
4. pilih add html javascript
5. masukkan kode dibawah ini

<script language="JavaScript" src="https://sites.google.com/site/zonasampit/Remajasampit.blogspot.com_CIBI.js" type="text/javascript">
</script><script language="JavaScript" type="text/javascript">
eXl1lXc('https://7a6df22d-a-62cb3a1a-s-sites.googlegroups.com/site/remajasampit/Blogger-indo.swf','bottom','0px','right','0px','123113','158','158','transparent','ffffff');
</script>

Membuat Judul Blog Berjalan Diatas Browser

Membuat Judul Blog Berjalan - Coba lihat bagian atas Browser blog http://Campuradukku.blogspot.com saya, disana bertuliskan “Mengenal Dasar-dasar Teknologi”. Terlihat lebih cantik bukan?. Judul Blog Berjalan Diatas Browser ini adalah salah satu pernak-pernik blog yang tujuannya untuk mempercantik tampilan pada browser. Banyak cara untuk membuat blog kita tampil menawan, cantik dan kreatif. 


Yah selagi cara yang di lakukan tidak membuat loading blog tambah berat, tidak menjadi persoalan. Tetapi bila tujuannya untuk mempercantik dan ujung-ujungnya loading blog menjadi lebih berat, pertimbangkan kembali dech, ntar malah pengunjung blog malah buran kabur sebelum melihat-lihat isi blog kita. Letaknya paling atas sebelah kiri yang ada tulisan mozila firefoxnya, bila anda pengguna firefox.


Caranya mudah sekali,ikuti saja langkah-langkahnya seperti dibawah ini: 
1. Login ke akun blogger anda
2. Masuk Dasbor > Tata Letak (layout) > Edit HTML.
3. Kemudian cari kode dibawah ini dengan tombol F3 atau CTRL + F pada keyboard.

<title><data:blog.pageTitle/></title> 

yang letaknya di bagian awal.

3. Kemudian ganti kode di atas tersebut dengan kode di bawah ini.

<script language='JavaScript'>
var txt=" Text judul yang dibuat berjalan ";
var kecepatan=120;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>


Catatan
Angka 120 menunjukkan kecepatan gerakan, Anda dapat menggantinya dengan angka yang lebih kecil atau lebih besar, semakin besar nilainya maka kecepatan bergeraknya semakin lambat dan berlaku sebaliknya.
Teks yang berwarna merah bisa sobat ganti dengan kata-kata sobat 

4. Klik Pratinjau terlebih dahulu untuk melihat hasilnya.
5. Jika sudah berjalan dengan baik kemudian Simpan Template.

Tiga Tahap Membuat Tukar Link Di Blog

Tukar Link - Kali ini kita akan mebahas tentang artikel Tiga Tahap Mebuat Link Di Blog. Jika kita cari artikel tentang cara membuat Tukar Link, tentunya tidak akan sulit mendapatkan. Tetapi bahasan yang diberikan kebanyakan akan dibahas secara terpisah antara Cara Membuat Banner, Cara Menyimpan Banner dan Cara Membuat Script Tukar Link. 


Pada Artikel kami ini, kita akan membahas Tiga Tahap Membuat Tukar Link Di Blog, diantaranya :
1. Cara Membuat Banner Tukar Link
2. Cara Menyimpan Banner Tukar Link
3. Cara Membuat Script Tukar Link


TAHAP PERTAMA, Cara Membuat Banner Tukar Link CoolText
- Masuklah ke situs Cooltext.com.
- Pilihlahlah desain yang anda inginkan
- Aturlah ukuran desain, warna desain, jenis tulisan dan lain-lainnya yang ditawarkan disana setelah anda memilih jenis desain yang anda suka.
- Silahkan anda Render Logo dimana setelah anda selesai mengatur banner anda dengan mengklik Render Logo lalu tunggu sejenak
- Pilihlah pilihan yang tertera pada monitor anda apakah itu : Download Image - Edit this logo 
- Get HTML Code - Email Image
- Kalau anda sudah yakin, Download Image ke komputer Anda
- Dan selesai untuk tahap pembuatan Bannernya. 


TAHAP KEDUA, Cara Menyimpan file Banner Tukar Link di Picasa Web
- Masuk ke situs Picasa web (disarakan agar account google kita telah terbuka/telah login)
- Click Icon kamera / foto disebelah kiri
- Kemudian pilih Upload Foto Baru
- Kemudian, jika kita ingin menyimpan foto/banner kita kedalam satu album tertentu, ubah nama album yang berisi tanggal pada kotak "Nama Album"
- Lalu click Pilih Banner yang kita mau dari komputer kita,
- Setelah dipilih file, dan tunggu sebentar
- Lalu Click Buat Album
- Setelah itu akan keluar kotak dialog, apakah Banner kita akan kita share ke Google + atau tidak
- Anggap saja tidak, maka kita Click Batal.
- Selesai

Sedangkan untuk mengcopy alamat Banner dapat dilakukan dengan langkah sebagai berikut :
- Click Album tempat penyimpanan Banner,
- Setelah itu Click Mulai Slide Show pada kanan atas
- Jika sudah ketemu Banner yang kita simpan, Click kanan dan pilih Copy Image Location
- Untuk lebih amannya, paste-kan hasil copy kita ke notepad
- Selesai


TAHAP KETIGA, Cara membuat Script Tukar Link
- Masuk ke Blogger kita, Click Tata Letak -> Pilih Element Halaman -> Tambah Gadgate HTML/JavaScript
- Lalu Copaskan kode dibawah ini :

<p>Tukeran Link Yukk....!!!Silahkan copy HTML di bawah dan jangan lupa tinggalkan comment,saya akan Back link blog kamu..!!</p><p><a href="http://campuradukku.blogspot.com/" target="_blank"><img alt="Mengenal Dasar-dasar Teknologi" src="http://lh6.googleusercontent.com/-kYr0XkPCcWY/UTpSHQ9HG-I/AAAAAAAAAgI/xg8INZocseI/s225/HOMEH.jpeg" border="2" /></a></p>

<p><textarea rows="3" style="width:258px;" cols="31">&lt;a href="http://Campuradukku.blogspot.com/" target="_blank"&gt;&lt;img border="0" alt="Tutorial, Tips dan Tricks, Skills dan News, " src=" http:/lh6.googleusercontent.com/-kYr0XkPCcWY/UTpSHQ9HG-I/AAAAAAAAAgI/xg8INZocseI/s225/HOMEH.jpeg"/&gt;&lt;/a&gt;</textarea></p>

- Kemudian Simpan

Keterangan :
Ganti tulisan warna merah dengan kata2 sobat sendiri / di biarkan saja juga boleh kok.
Ganti tulisan warna biru dengan URL blog sobat
Ganti tulisan warna hijau dengan judul gambar / image sobat
Ganti tulisan warna kuning dengan URL gambar / image / icon yang sobat buat tadi