Powered by Blogger.
Showing posts with label rancang blog. Show all posts
Showing posts with label rancang blog. Show all posts

Sunday, 30 December 2012

Cara Mengganti Nama Label Di Blog

Hay brad,, morning!!
hari ini gak kuliah , gara-gara kesiangan .. maklum masih ke bawa liburan dan tahun baru ! hehe, eh iya sampai lupa, selamat tahun baru 2013 yah? semoga ini tahun yg paling beruntung dari tahun-tahun sebelumnya .. :D
hari ini, saya ingin share CARA MENGGANTI NAMA LABEL DI BLOG..
awalnya sih karena saya salah ketik saat nulis nama label , akibatnya 10 posting masuk di dalam labelnya, mau cari cara praktis! ya udah cari dah di google, dan hasilnya engg ingg engg ! hehe apa sih yang gak ada di google :D
langsung saja nih, Look it :

Contoh seperti, anda telah memberi label - filem - dan ingin merubahnya/menghapus menjadi label- Download filem -.dan semua secara otomatis label sofware akan berubah menjadi label Download filem, demikian pula jika ingin menghapus label filem semua label filem akan menghilang dan anda jangan kwatir karena tidak akan berpengaruh ke artikel (artikel yang sudah diposting tidak terhapus, hanya label yang terhapus).

Caranya :


  • Login dulu ke blog anda,
  • Klik ‘EDIT ENTRI / Edit Posting"
  • Klik Label Yang akan dirubah/dihapus sebelah kiri menu label
  • Klik Select All / anda pilih tulisan yang ingin diubah/dihapus labelnya
  • Dari Label Actions / aksi labe l(klik panah kebawah)
  • Pilih Mau dihapus (delete label) atau diganti (new label)
  • Isi dengan nama label baru jika yang dipilih new label dan jika mau dihapus tunggu sesaat label akan terhapus secara otomatis
  • Selesai
  • Silakan Mencoba !
semoga bermanpaat..salam hangat untuk kita semua
Thank's , keep visit : [http://aboy212.blogspot.com]

Sunday, 16 December 2012

Cara Memasang TV Online di Blog

Kali ini, saya ingin share tentang bagaimana menambahkan TV online di blog. Cara memasangnya-pun sangat mudah, karena kita hanya menaruh script (embed) saja.

Kode yang akan kita gunakan adalah kode script gratis dari Mivo.TV. Kode script Embed MIVO TV gratis ini bisa anda pergunakan jika ingin nonton TV Indonesia secara online, Flash Live Streaming di internet baik itu berita, music, film, gossip dan masih banyak lagi. Cukup Anda copy dan paste di blog Anda, kode yang nanti akan saya tulis.

Pastikan, anda sudah install adobe flash player. Karena siaran yang di tampilkan oleh mivo tv ini dalam bentuk flash, jadinya untuk menonton siaran tv di perlukan adanya pemutar file flash.Oke, langsung saja ya ..
  • Login ke blog Anda.
  • Jika menggunakan blogger, silahkan buat Entri baru ,
  • Copy script berwarna merah berikut, dan paste di HTML , bukan di compose ..
<embed width="100%" height="860" align="top" wmode="transparent" type="application/x-shockwave-flash"
src="http://id.imediabiz.com/MivoTV.swf?r=' + Math.round(Math.random() * 99999) + '" scale="noscale"
quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" name="MivoTV" menu="true"
devicefont="false" bgcolor="#ffffff" allowscriptaccess="sameDomain" allowfullscreen="true"
scroll="auto">
  • Simpan dan selesai.
Jika sudah di buat , hasil nya akan seperti ini , klik .

Oke , semoga berhasil dan semoga berguna sob !!
keep visit : http://aboy212.blogspot.com

Thursday, 13 December 2012

Memasang Widget Translate Bergambar Negara Di Blog

Malam frend , nih ada sedikit ulasan tentang widget translate .. hehe
Widget ini akan di tampilkan gambar negaranya langsung,
jadi bukan text .. :D
Nih Look it aja Screen shot :
Berikut langkah-langkah untuk memasang:
1. Sign In di blogger.com
2. Pada menu Drop Down, pilih Layout

3. Klik Add a Gadget dan Pilih HTML/JavaScript

4. Copy Paste kode Berikut pada kolom yang tersedia

<center>
<a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="English"><img alt="English" src="http://a.imageshack.us/img835/6766/inggris.gif" style="cursor: pointer;" title="English" border="0" height="20" align="absbottom"></a>
<a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="French"><img alt="French" src="http://a.imageshack.us/img697/8801/francis.gif" style="cursor: pointer;" title="French" border="0" height="20" align="absbottom"></a>
<a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="German"><img alt="German" borde="0" src="http://a.imageshack.us/img84/7864/jerman.gif" style="cursor: pointer;" title="German" height="20" align="absbottom"></a>
<a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Spain"><img alt="Spain" src="http://a.imageshack.us/img294/6256/spnyol.gif" style="cursor: pointer;" title="Spain" border="0" height="20" align="absbottom"></a>
<a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Italian"><img alt="Italian" src="http://a.imageshack.us/img32/6484/italiab.gif" style="cursor: pointer;" title="Italian" border="0" height="20" align="absbottom"></a>
<a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Dutch"><img alt="Dutch" src="http://a.imageshack.us/img64/8434/belanda.gif" style="cursor: pointer;" title="Dutch" border="0" height="20" align="absbottom"></a>
<a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Japanese"><img alt="Japanese" src="http://a.imageshack.us/img691/674/jepang.gif" style="cursor: pointer;" title="Japanese" border="0" height="20" align="absbottom"></a>
<a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Korean"><img alt="Korean" src="http://a.imageshack.us/img683/4231/koreautara.gif" style="cursor: pointer;" title="Korean" border="0" height="20" align="absbottom"></a>
<a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Arabic"><img alt="Arabic" src="http://img268.imageshack.us/img268/3818/saudiarabiab.gif" style="cursor: pointer;" title="Arabic" border="0" height="20" align="absbottom"></a>
<a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="chinese"><img alt="Chinese" src="http://a.imageshack.us/img176/776/cina.gif" style="cursor: pointer;" title="Chinese" border="0" height="20" align="absbottom"></a>
<p style="display:none;">Widget Google Translate by <a href="http://indosoftgame.blogspot.com/">IndoSoftGame</a></p>
</center>
5. Simpan Widget sobat blogger.

Saturday, 8 December 2012

Cara memasang twitter burung melayang di blog

Dengan memasang widget burung twitter melayang di blog tentunya akan membuat blog anda semakin menarik. Tampilan dari burung seperti di twitter ini yang jelas burungnya akan terbang kesana-kemari di halaman blog. Ok lanjut dengan bagaimana cara membuat burung twitter melayang di blog?

Cara Memasang Burung Twitter Melayang di Blog
Cara Pasang Burung Twitter Terbang Melayang di Blog

1. Login ke Blogger
2. Klik Tata Letak
3. Klik Tambah Gadget
4. Pilih HTML/JavaScript
5. Masukkan kode animasi burung twitter dibawah ini kedalam HTML/JavaScript :

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://misbahudin-dcaesga.googlecode.com/files/twitter-terbang.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0hWIjjbhehvEWD10MBD3gahtyWzNOmGGvEdGWNWJ4t9-hSW27qJYMkzP3jgGeikvyt9cWM-Vtr6hYrkYPI2U6XK8ZA0Ecj5vqmxBEJ5VSOuurNVO6XwtmUFL4mnYVY3ChnnY0mFSbU9I/s1600/cyan+bird.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/#!/robz_hitz";
var tweetThisText = "Twitter - UserID http://slinder9.blogspot.com/";
tripleflapInit();
</script>


Ganti yang berwarna merah dengan ID Twitter sobat, dan untuk yang berwarna biru ganti dengan URL blog sobat..

NB: Kode yang berwarna hijau adalah warna burung twitter sobat.Kalo sobat pengen ganti dengan warna yang lain silakan ganti dengan URL gambar dibawah ini.



Ini ada beberapa gambar warna burung twitter, silahkan dipilih yang cocok dengan warna blog anda dan silahkan masukkan ke teks warna merah diatas :

1. Burung Twitter Warna Coklat
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk6Ggjj8mV89w1afQQvWjSh0Z7iPMo3fmPshxhfs-ciLbdNVUysF0PHkW8-S8pj9I74-5alQyle32DdGwrfNh9tYi8uvqQdGO1QHWSJ-zAk6NAj5NZaKyhfOMQZWPHIQ7R3YA7ABdu06A/s1600/brown+bird.png

2. Burung Twitter Warna Kuning
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgudph3myPXZxs0scXdc0M9Xj4TujYViTT8k_B3-E87M4Pb5gSLTrhSElbFs-S7_McHKHemlM-IOptBeeqDwADYVApapp_-LF6FB4FRvn-mqEeto0sggKX5raAzB1tarUewq0kCE_F3-R8/s1600/yellow+bird.png

3. Burung Twitter Warna Hijau
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-5IDBlr5LDtjOjqgJg76UVfYLdGXocU3qCxH1pq40HaazcuLx6KX4Eafys2CeGDZiUTZ_9mc6seQDaI0m8rKk6rtwh6PIQb1vyz7Pz3h2xD_kwVT04GR6YFGKG_TmsRGiTZhto2JeR7s/s1600/Green+bird.png

4. Burung Twitter Warna Ungu
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvfImw9jioJwZs_VOTGB4mWawJB8XMb8kTZWj4oYkYzUtCAjyJK9DaEYwFG2lTBUqj6w4h_WTnYNKMh1PyUKCGSx5AjedXoCSyPjX8y-2QUXq2HgbenTx7tQWBOEinWvh5TU_fbMnzSTg/s1600/purple+bird.png

5. Burung Twitter Warna Merah
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEije95Ua3dMG_cc40Sz3nT3ZiTG10HH0McoIHHxKNX9xob8W2OMvQdWDxlz7GDOIC0ziydZQ8OjqK57bF7_HdcpEiznVhACKqNUeSHmE1ORRKSv6beQOPPkigGCiUEo09AIJLMBjnQJ6uw/s1600/red+bird.png

6. Burung Twitter Warna Hitam
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4_sf9ONBfkyLBmJEN6XVQ1quDVRvrJ_P6VBoy_9uehvCBo64wHDxA7WJDzh_JVBm45gWXV5yHMxkA0gm6mFr0weU8Q1tdIN31qkpbIPVOrDQHaIAwD5YrLcmlqH9ymhGBIdomwodrz0E/s1600/black+bird.png

7. Burung Twitter Warna Putih
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEn8WAj3WaHqNsVrNof_XyE0B59ZQpF3Vy_rg_wC36sffvzVN9bCgniR5STko517uSImIgNAKpZXWO_BmWdSCt5DEXZjyAgyor0MyA9PA70xafiBEg7eYWpfyRj2GgxZCpL0vBqAh_tIw/s1600/white+bird.png

8. Burung Twitter Warna Warni ke 1
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_dZMO5jrPVcFd2WObUoqT24Yj8QqTD59T-liTm1m_D1yvQ7tUv3hgBi_QakzSi-RJ_cTVv-mOwZEpzsasbmNty3s9N3pneyJ4aA9swrBhVYmP3sVzb9b4Tra0Rhe7pJ676lEpKIpJFkw/s1600/twitter+bird+unik.png

9. Burung Twitter Warna Warni ke 2
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVizc86P-8IbkgCzdVKBkLAK4-BfEGHOsdELpKZ_DnqSHWAwUznGCbQ3pncWUIXyS4JzHtxldCspeZREpvrS1NJTx4K7eFGm_4Mw5wxSSHhhWqX3zUMw95wDIbwhmB12N5eCIXNNtJ5FM/s1600/twitter-b22ird-unik.gif

Nah sekian postingan mengenai memasang widget burung twitter melayang di blog anda, semoga bermanfaat, happy blogging.. .
Rancang lagi blog mu sob, Look it :Setelah posting sebelumnya saya share tutorial Cara Membuat Space Iklan Dengan Ukuran Otomatis di Blog, kali ini saya juga akan share tutorial yang sama mengenai cara membuat fanspage pada blog, tapi tampilan dari fanspage berikut berbeda karena tampilannya buka muncul bukan berdiam tapi pada tutorial kali ini saya akan menshare caranya yang melayang, bila anda penasaran seperti apa sih contohnya, silahkan anda liat gambar yang ada di sebelah

ok dari pada baca tulisan saya yang ga bermutu mending ke tutorial mengenai cara membuat likebox fanspage facebook melayang pada blog :


pertama yang harus sobat lakukan pasti login dulu ke blogger
setelah itu masuk ke bagian template anda dan jangan lupa untuk mencentang "Expand Template Widget"
setelah itu cari kode </head> ( gunakan F3 untuk mempercepat pencarian )
Setelah ketemu, letakan kode dibawah ini tepat di atas kode </head>


<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
 kalau sudah, klik SAVE.


langkah selanjutnya adalah memasang widget tersebut agar muncul diblog sobat, sekarang sobat masuk dimana sobat menambahkan widget, setelah itu pilih add gadget/tambah gadget.
setelah itu masukan kode dibawah ini

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=URL FANS PAGE FACEBOOK ANDA &amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href=" http://fadilblogx.blogspot.com/2012/07/cara-membuat-likebox-fanspage-facebook.html "><b>Get Widget</b></a></span></div></div>
ya seperti itulah kalau ada yang bingung silahkan anda tanyakan disini, ya cukup sudah tutorial mengenai cara membuat likebox fanspage facebook melayang pada blogx yang sangat aneh dan simple tapi moga bermanfaat terima kasih, owh iya jangan lupa untuk meninggalkan komentar

Cara Membuat Space Iklan Dengan Ukuran Otomatis di Blog

Free , free and free !! hehe
iseng ahh posting walaupun masih gaptek :D..
kali ini saya akan kasih artikel yang berjudul " Cara Membuat Space Iklan Dengan Ukuran Otomatis di Blog" panjang amat yahh .. gpp lahh :D
langsung aja sob, qita Look it :

Cara Membuat Space Iklan Dengan Ukuran Otomatis - Space Iklan merupakan salah satu tempat untuk menempelkan sebuah iklan advertiser pada halaman blog, dimana space iklan tersebut bermacam macam jenisnya, ada space iklan yang berbentuk tulisan, dan ada juga space iklan bentuk banner dengan gambar. Apabila sahabat mempunyai sebuah situs dengan jumlah pengunjung yang banyak dan telah ber PR tinggi maka sahabat sudah bisa mencuri hati para pengiklan atau avertiser untuk memasang iklan pada situs milik sahabat dengan cara Membuat Space Iklan Dengan Ukuran Otomatis.

Cara Membuat Space Iklan Dengan Ukuran Otomatis ini sahabat bisa menempelkan space iklan advertiser pada blog tanpa memasukan kode tinggi dan lebar dari ukuran iklan tersebut, jadi sahabat tinggal memasukan banner iklan dan ukuran banner tersebut akan langsung menyesuaikan dengan ukuran widget situs sahabat.
Nah sekarang apabila sahabat tertarik untuk Membuat Space Iklan Dengan Ukuran Otomatis silahkan sahabat lakukan langkah langkah dibawah ini :

1. Login ke Blogger

2. Pilih Rancangan

3. Edit HTML

4. Setelah itu cari kode ]]></b:skin>

5. Copy kode dibawah ini dan letakan tepat diatas kode ]]></b:skin>

#spaceads {margin:0px;padding:0px;text-align:center}
#spaceads  img {margin:2px 2px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 2px 1px #ccc;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 1px 2px 1px #ccc;}
#bukarahasiaads img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);}

6. Selanjutnya silahkan sahabat simpan template

7. Langkah berikutnya sahabat buka Tata Letak

8. Lalu buatlah widget iklan pada sidebar dangan cara klick "Add Gadget"

9. Pilih HTML/Javascript

10. Copy kode dibawah ini lalu masukan kedalam widget tadi

<div id="spaceads">
<a href="url iklan kesatu" target="_blank" title="judul iklan"><img alt="judul gambar" border="0" src="url gambar" /></a>
<a href="url iklan kedua" target="_blank" title="judul iklan"><img alt="judul gambar" border="0" src="url gambar" /></a>
<a href="url iklan ketiga" target="_blank" title="judul iklan"><img alt="judul gambar" border="0" src="url gambar" /></a>
</div>

Keterangan :
url iklan kesatu = Masukan link url iklan
judul iklan = Judul iklan advertiser
judul gambar = alt Gambar
url gambar = Alamat Url Gambar iklan

11. Save template dan lihatlah hasilnya


Apabila sahabat belum mempunyai Advertiser (pengiklan) maka sahabat bisa memasukan url ke situs sahabat dan untuk gambar, sahabat bisa membuatnya dengan adobe photoshop dengan ukuran 125x125, 300x250, dan lain sebagainya. sahabat jangan hawatir dengan ukuran iklan karena untuk ukuran secara otomatis akan didesuaikan.

Berikut contoh space iklan yang sudah di buat, kalau sahabat belum punya gambarnya sahabat bisa memakai gambar yang sudah sundaboy buat dibawah ini :
space iklan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-ETNNkOSXdHTdHR4C66DYSfrasehOZYuR3gcAAHVAzr_H6ol_V4dkN4pfNA7ptC-48ucbx7TJXSG4Zl2cKM8s-lGOHDNUhL2ghi5Hh7diyPor3mOYeXqq8fu4_T-zVRbPWu_PwsrhOTo/s1600/space1.jpg

space iklan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR_iCInhADh0HgVJiiQJZ6JxdDz6ZoHb7n3dawpCk8fMaCv0DvM9XedsF3nl0rn9uNpxOYqrgXNaMOWeS86SVFcl9XaUtiUmoAuxMrkOZaABrcOPbP9dR9R6g-03pE7Q-kJXmtDXvP1uU/s1600/space2.jpg

space iklan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9D6kpqB4cXYoR7tzRtCmNSw85lu1Fowie9_5_14lb0knnbf49IkmuLt8YGTLVd7qSMn3Z9SRry6C-koDfo1Ace1Uxwfl70TZzMEFJlff-Gkhc4tsuK6k7AnNkG_CnNVWiODh-q-ZPmsg/s1600/SPACE3.png

space iklan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB-R5u5cQJqqjk8x5PLuccGNITNBneETFqSWECj7bWc61NzgWm9CCtrlVXdRPLoWUKWNbDdsSvIB_9KV5ovbe8I-ykaDpXSVxTTeyykqn9cRqEvsXHn6-EPCSSC_JiSWStRDnWJP6jWcQ/s1600/SPACE4.png

sumber: http://www.sundaboy.com/2012/07/cara-membuat-space-iklan-dengan-ukuran.html