Cara Memasang Iklan di Tengah Postingan Blog

Cara Memasang Iklan di Tengah Postingan Blog

Cara Memasang Iklan di Tengah Postingan Blog - Kita sebagai blogger selain ingin berbagi untuk sesama pastinya kita juga ingin mendapatkan income online dari kegiatan kita nge-blog, hal itu wajar saja, karena kita sudah mengeluarkan sebagian tenaga dan pikiran kita untuk membuat hasil-hasil karya yang imajinatif dan dapat berguna bagi sesama (hehehe). Pendapatan online dari nge-blog juga bisa kita dapatkan  dari berbagai macam sumber, misalnya dari iklan, donatur, maupun review produk/jasa.

Namun, terkadang kita bingung darimana kita bisa mendapatkan income online tersebut, kebanyakan blogger berfikir memasang iklan di blog-nya adalah pilihan yang paling tepat, karena selain kita bisa bekerja sama dengan para advertiser, kita juga akan mendapatkan penghasilan tambahan dari ongkos pemasangan iklan tersebut di blog kita. 

Baru-baru ini, yang sedang 'tren' dikalangan para blogger dalam income online adalah layanan iklan PPC (Pay-Per-Click) jadi kita akan dibayar setiap ada pengunjung yang meng-klik iklan dari para advertiser, penyedia layanan seperti ini antara lain klik saya, idblognetwork, innity, adstars, adplus, dan masih banyak lagi.

Dan pada kesempatan kali ini, saya akan membahas bagaimana cara menempatkan iklan/ads di blog kita pada posisi yang strategis, mungkin itu di sidebar, header, maupun pop-up. Namun, menurut saya lokasi iklan ads yang paling strategis adalah di tengah postingan, karena pastinya setiap pengunjung yang membaca artikel tersebut pasti akan melihat iklan para advertiser, maka akan semakin besar peluang pengunjung untuk meng-klik iklan tersebut (PPC).

1. Login Ke Blogger.

2. Pilih Template.

3. Pilih Edit HTML.

4. Centang 'Expand Template Widget'.

5. Cari kode <data:post.body/> menggunakan CTRL+F atau F3, lalu ganti kode tersebut dengan kode dibawah ini.

<div expr:id='"iklan1" + data:post.id'></div>

<div style="clear:both; margin:10px 0">

<!-- Kode Script Iklan/PPC yang sudah diparse -->

</div>

<div expr:id='"iklan2" + data:post.id'>

<data:post.body/>

</div>

<script type="text/javascript">

var obj0=document.getElementById("iklan1<data:post.id/>");

var obj1=document.getElementById("iklan2<data:post.id/>");

<!-- farhanshare.blogspot.com -->

var s=obj1.innerHTML;

var t=s.substr(0,s.length/2);

var r=t.lastIndexOf(" ");

if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}

</script>

*note: - ganti dengan kode script iklan yang sudah di parse.
           - parse kode iklan blog http://www.blogcrowds.com/resources/parse_html.php.

6. Klik 'Save', dan selesai.

Demikian tutorial blog tentang Cara Memasang Iklan di Tengah Postingan Blog, semoga bermanfaat, dan selamat mencoba, Happy Blogging...

Read more: http://farhanshare.blogspot.com/2013/02/cara-memasang-iklan-di-tengah-postingan.html#ixzz2O5bhQiS5

Read more »

Cara Membuat Widget Social Media Melayang

Cara Membuat Widget Social Media Melayang

Cara Membuat Widget Social Media Melayang - Jejaring Sosial atau yang sering disebut social media adalah tempat untuk berkomunikasi di dunia maya, yang menghubungkan suatu organisasi atau individu dengan organisasi atau individu lainya yang mereka sukai. Sebelumnya saya juga telah membahas tentang cara membuat widget 3in1 Social Media Melayang di sisi kanan Blog, namun pada kesempatan kali ini saya akan mengulas dan memberikan variasi-variasi widget yang lebih menarik lagi untuk di pasang di blog, widget social media atau social plugin kali ini mempunyai tampilan yang sederhana nan elegan, karena desainya berbentuk minimalis dan dipadukan dengan warna yang serasi dan matching.

Pada widget social media ini terdapat 8 button atau icon dari masing-masing social media yang tersusun secara vertikal, dengan dibalut oleh cover berwarna hitam. Jejaring sosial di widget ini meliputi Twitter, Facebook, Digg, Youtube, Google+, RSS Feed, Myspace, dan Orkut. Namun, jika anda seorang yang mempunyai keahlian editor, bisa saja anda membuat icon salah satu jejaring melalui software editor dan anda ganti salah-satu jejaring sosial bawaan widget dengan jejaring sosial yang anda kehendaki, atau jika anda tidak ingin 'ribet' mendesainya, anda bisa mencari icon-icon sosial media yang bertebaran luas di Internet.

Bisa dilihat pada gambar animasi atau gif diatas, setiap kali pengunjung mendekatkan kursor mouse-nya ke icon social media, maka secara otomatis akan muncul keterangan tentang social media secara horizontal, misalnya 'Profile On Google+'. Well, bagi anda yang berminat, silahkan disimak yang berikut ini.

1. Login Ke Blogger.

2. Pilih Template.

3. Pilih Edit HTML.

4. Centang box 'Expand Template Widget'.

5. Cari kode </body> menggunakan CTRL+F atau F3.

6. Lalu letakkan kode di bawah ini tepat dibawah kode </body> tadi.

<!--farhanshare.blogspot.com 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'/>

<!-- farhanshare.blogspot.com 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:

1. Ganti kode '#' dengan URL akun jejaring sosial yang anda miliki, Misalnya Facebook: http://facebook.com/farhanshare, Twitter: http://twitter.com/farhancorps.
2. Anda dapat mengatur berapa icon jejaring sosial yang ingin ditampilkan, ganti angka 8 pada show: 8 dengan jumlah icon social media yang ingin ditampilkan secara vertikal, misalnya 6.
3. Anda bisa merubah posisi widget social media melayang di tepi blog ini dengan mengganti kode left dengan posisi yang anda inginkan, misalnya Right (Kanan), Top (Atas), dan Bottom (Bawah).
4. Anda juga bisa merubah warna dari tampilan widget social plugin ini dengan merubah kode clear menjadi Dark (gelap) atau tetap Clear (Putih).

Demikian tutorial blog tentang Cara Membuat Widget Social Media Melayang, semoga bermanfaat, dan selamat mencoba.

Read more: http://farhanshare.blogspot.com/2013/03/cara-membuat-widget-social-media-melayang.html#ixzz2O5bPdkYo

Read more »

Update

Update facebook status via Sony Ericsson Xperia™ arc

Update facebook status via Sony Ericsson Xperia™ arc
update....

Trik Update Status Melalui iPhone tanpa iPhone

Update status melalui iPhone Asli tanpa iPhone - Setelah kemarin kami menghadirkan aplikasi facebook (Update Status melalui Blackberry tanpa BB) kini giliran salahsatu produk smartphone dari apple, yup smartphone canggih ini adalah iPhone.

Sesuai dengan judul diatas kembali kami akan share aplikasi update status facebook melalui iphone yang tampak persis seperti menggunakan iphone asli tanpa harus punya gadget canggih tersebut.

Jadi caranya anda tinggal masukan status yang akan di update di facebook ke kolom status yang ada di bawah ini, maka secara otomatis status yang anda bagikan akan langsung terintegrasi dengan facebook dan menjadikan update status anda melalui iphone.

Silahkan Update Status Facebook Melalui Iphone Asli disini:

Facebook for iPhone

Facebook for iPhone 4

Facebook for iPhone 5

Read more »

Burung Twiter

  Cara Memberi Burung Twitter Terbang di Blog - Cara memasang widget burung twitter terbang di blogspot - Kali ini Blogaul masih posting artikel-artikel seputar menghias blog dengan artikel terakhir berjudul Cara mengganti warna background blog.

Cara membuat burung twitter terbang bi blog adalah sebuah cara bagaimana membuat sebuah burung yang bisa terbang di dalam blog. Dan mempunyai banyak manfaat selain menambah kelucuan dan keunikan yaitu dapat menambah jumlah follower akun twitter Anda.

Menambah burung twitter di dalam blog sebenarnya tidak selalu memberikan banyak manfaat bagi blog yang ingin dikunjungi banyak orang. Mungkin ada juga pengunjung yang merasa risih dengan kehadiran burung di dalam halaman blog. Tetapi terlepas dari ini semua, saya sangat senang jika ada sebuah burung terbang di halaman posting blog (heheheehe meskipun di dalam blog ini tidak aku pasang).

Ok, langsung kita persingkat saja dan langsung kita bahas langkah-langkahnya,

Langkah-langkah membuat burung twitter terbang di blog.

1. Buka akun blogger Anda.

2. Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.

3. Copy dan Paste kode javascript berikut kedalam widget HTML/Javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://p4r46h-blog.googlecode.com/files/twitterfloat.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7-Y-9W8QTdqC0vjmbwJU0kFzyskgtFUHHjhRqssLee8uc5xjce35GabF_4lDekPx9j4MI-5_JVy0ZGoejDLYbNPghPTTHVjK-Uoiil0ENzfxjW4udbmCbQkNZipfC8fPWTDbqV5ZWmq-9/s1600/original.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button",
"select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/amronbadriza";var tweetThisText = "Twitter - amronbadriza http://amronbadriza.blogspot.com/";tripleflapInit();
</script>

4. Ganti tulisan berwarna biru http://twitter.com/amronbadriza dengan akun twitter Anda.
5. Ganti tulisan berwarna ungu amronbadriza dengan id twitter Anda.
6. Ganti tulisan berwarna coklat http://amronbadriza.blogspot.com dengan alamat URL blog Anda.
7. Save.
8. Selesai >> Lihat dan peliharalah burung kesayangan Anda!

Nah, sekian dulu posting mengenai cara memberi burung twitter terbang di blog. Semoga bermanfaat untuk semua.

Source: http://amronbadriza.blogspot.com/2012/06/cara-memberi-burung-twitter-terbang-di.html#ixzz2ERaRjyrz

Read more »