2012 ~ Ψ Aat M Syihab™ Ψ

Cara Memasang Burung Twitter Di Blog Lengkap

09.50 Aat M Syihab No comments

pada Trik sebelumnya yaitu cara membuat Burung twitter terbang di blogmu saya akan menambah kan warna - warna dan widget terbaru dari burung twitternya, karena kemarin saya belum mendapatkan Widget ini. langsung saja kita pelajari.

Login blogmu.
Pilih Rancangan.
Pilih Elemen laman.
Pilih Tambah gadget.
pilih Html/Javascript.
Copy paste Code di bawah ini kekotak yang tersedia.

Keterangan :

Code berwarna Merah kamu ganti dengan Username Twitter kamu.
Code berwarna Hijau kamu gantidengan alamat URL blogmu
Code berwarna Biru kamu ganti dengan URL gambar burung Twitter kamu. Gambar URL Burung - burung twitter bisa kamu lihat di bawah.

Gambar - Gambar URL Burung Twitter :

Burung Twitter Biasa Normal

Code URL :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoOocXfT_waZ6n9iOKAaV3at5aGydD8L6-kCI5M5EUTwqxMNp_JQwOmYoCv5hDmc7iUsAlNWhE5p9losp_BudE3wo5UCVcR93a7BzGgyxr3ZM4bzSNTnaO1tqK_XQYNJLY3ufqfx3Ftq12/s320/birdsprite.png
Burung Twitter memakai Topi natal

Code URL :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOTbimaL4OJ_NE-gh3fsOhHs9c3KEX1bTKvPz0q_ITlYviVA74ReKcbO1Fgkguf7-SlrasELuaBU_hd2SLI2gX10Dfa9zw51AKfUy_ST2QdF2sb0RPdtJGjCnTIi1O7LzqLCj3n3HkYjo9/s1600/birdsprite1.png
Burung Twitter Versi Gelap.

Code URL :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7t7TvooiJkXnBaHAudEqivDMchkPF9YD8h3ne9GUOtaToc4Gi4vSUtV5Vq_lVQzoBZLtjHUbJvbrK4XDG9wLhASQUbSo2KFD-22kRs-wssDP2fFMFPLtC32fZvLslq1KazUQswsq0F72h/s1600/birdsprite2.png
Burung twitter Versi Cartoon

Code URL :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCU4I0R8YcvjqEfAGCydpczOezFKvKupBe-7vVmPCiCdqNJO4v-jrLF9IFRdFzhzobgNJHNUGSOMnOHDyCENhy-45y08MLVeA2hNSLLtKM3alPVbCTpDxdKJwW0Iubsiv-Qn0M4X6t7xXe/s1600/birdsprite3.png

Gambar - Gambar URL Burung Twitter berwarna - warni :

Burung Twitter berwarna Biru.

Code URL :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEintkSU2mdfQYSqewGbIsPfKAj05jvz3i4heWH9N8H6zJwHhjMZGx9tt3uqf6vgfG2Ukb4YH1LuvuhRHX-qZszSe12CBbyjyq0I2AfE2ULYhWX5fGc_mazGMG0HhC2B5hf7WKU-DjUf7Hk5/s1600/blue.png
Burung Twitter Berwarna Hijau.

Code URL :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEUeUEVLJgSiMYgYBnd2qzi1XCMm9yPyQibLeymRv6ANM3OgUBJh9HfV8Uy_ShYWq6p73KXaGN4x5v8pd4szb4p4p61QvcCruCmrZpQJT2oYFdtvVwP0QP8E3LSOHu-XOXt4c-xOJnNsMR/s1600/green.png
Burung twitter berwarna pink.

Code URL :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzyBnVN2a3QA4dlpzqhVeu6Oo2-A_wT9u4Ls77-FQKQeiai67jKZmzrgwUUEvW2VchudsDnxWOFQcAePlM9ClGEqLaXpfkSm9Y5ljTYsujYrCaX9j6m3o1bpQIB5ynCK6i9Pz3N5ysOKAo/s1600/pink.png

Burung Twitter berwarna Ungu

Code URL :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj38pX51dTfWqdxVZE5VPoiTxEG7f5P_D5ZvDXZDfoSaGpwQ_FTXn_3wp1TcEOHdrjUdkmyphXkxsGmgBwjb5RCa8FLIR73dl718ybME9mYF7k8VpCyaJUc-pC_9MkGUsl01WogrX8xypjW/s1600/purple.png
Burung Twitter Berwarna Merah

Code URL :
http://i1013.photobucket.com/albums/af252/sleman234/red.png
Burung Twitter berwarna Biru Tua

Code URL :
http://i1013.photobucket.com/albums/af252/sleman234/Blue.png
Burung Twitter berwarna cokelat

Code URL :

http://i1013.photobucket.com/albums/af252/sleman234/brown.png

Burung Twitter berwarna hitam

Code URL :

http://i1013.photobucket.com/albums/af252/sleman234/black.png

Burung Twitter berwarna Kuning

Code URL :

http://i1013.photobucket.com/albums/af252/sleman234/yellow.png

Burung Twitter berwarna Putih

Code URL :
http://i1013.photobucket.com/albums/af252/sleman234/white.png

Selamat Mencoba !!

Cara Membuat Recent Post Berjalan

07.30 Aat M Syihab 2 comments

Bagi kawan-kawan blogger, widget recent posts berjalan seperti yang ada di gambar mungkin memiliki makna, keunikan, atau keindahan tersendiri. Banyak sekali tutorial yang beterbaran di internet untuk menampilkan widget ini, namun kebanyakan yang pernah saya alami ialah selalu 'gagal' alias tidak muncul widget recent postnya. Akhirnya saya pun berniat untuk membagikan script/kode html recent posts berjalan (tumbnail v3) ini kepada kawan-kawan semuanya, sbb :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
    </script>
    <style media="screen" type="text/css">
    
    </style>
    <script language="JavaScript">
    imgr = new Array();
    imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
    imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
    imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
    imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
    imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
    showRandomImg = true;
    boxwidth = 255;
    cellspacing = 6;
    borderColor = "#232c35";
    bgTD = "#000000";
    thumbwidth = 70;
    thumbheight = 70;
    fntsize = 12;
    acolor = "#666";
    aBold = true;
    icon = " ";
    text = "comments";
    showPostDate = true;
    summaryPost = 40;
    summaryFontsize = 10;
    summaryColor = "#666";
    icon2 = " ";
    numposts = 4;
    home_page = "http://aatmsyihab.blogspot.com/";
    limitspy=4
    intervalspy=4000
    </script>
    <div id="spylist">
    <script src="http://infonetmu.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript">
    </script></div>

note : ganti alamat yang berwarna merah dengan alamat blog sobat

untuk yang berwarna biru, sesuaikan dengan jumlah post yang ingin sobat tampilkan

Demikianlah cara untuk membuat recent posts berjalan. Terima kasih atas kunjungannya, dan semoga bermanfaat ! :)

Cara Membuat News Ticker Berita Berjalan Untuk Blogger

07.22 Aat M Syihab No comments

Dari gambar disamping mungkin sudah banyak yang tahu kalo itu mirip dengan newsticker dari gaya template sporty magazine 2 dari borneo template. Karena memang banyak yang suka dengan gaya tersebut maka saya akan share pada teman-teman blogger yang lain bagaimana cara membuatnya.

Klik Rancangan atau design.

Klik edit HTML.

Beri ceck / centang pada kotak yang berada pada pojok template kamu.
Dan jangan lupa download template kamu untuk berjaga-jaga agar jika terjadi kesalahan bisa dibackup.

Cari kode ]]></b:skin> dan copy paste kode berikut dan letakkan tepat diatas kode ]]></b:skin>

/* News Ticker Wrapper */
.newspic {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyecRQcX4W99YwX9MmNfXFWNOoUlyEfALrgf1CQwUg7OejD5pOL_yERN4p2EurxyiJ7wBS54YJWDMn4-knvsoJ1RNNlrURIztqLGWlyUjKbA5o3Xye7RUSu8cb87GxrWeIqkGnImfrAyM/s1600/headline.png) no-repeat top left;width:940px;margin:0 auto;padding:0 auto;height:28px;color:#ff0000;}
.news {width: 940px;margin:0 auto;padding:0 auto;line-height: 1.4em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
.news a:link{color:#ff0000;font-weight: bold;text-decoration:none}
.news a:visited{color:#ddd;font-weight: bold;text-decoration:none}
.news a:hover{color:#fff;font-weight: bold;text-decoration:underline}

Lalu Cari Lago kode </head> dan letakkan kode berikut tepat diatas kode </head>

<script src='http://www.google.com/jsapi?key=ABQIAAAA4qkT5i26SQ6NmgJd5KQemhRQ_a6zv5_Bim3H_GL4gaueIFZ15xRdt8jcAUk8ZHokIVo-TBZgYVbkzw' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"></div>');this.feedcontainer=document.getElementById(c);this.itemcontainer="<li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> INFONETGUE';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer=="<li>")?"<ul>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c].title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?"<br />"+a[c].content:/snippet/i.test(this.showoptions)?"<br />"+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+" "+g+"\n"+f+this.itemcontainer.replace("<","</")+"\n\n"}e+=(this.itemcontainer=="<li>")?"</ul>":"";this.feedcontainer.innerHTML=e};
var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div>";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f=="<li>")?"<ul>\n":"";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?"<br />"+d[e].content:/snippet/i.test(b)?"<br />"+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"\n"+a+f.replace("<","</")+"\n\n"}c+=(f=="<li>")?"</ul>\n":"";return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}};
//]]></script>

Dan langkah terakhir Peletakkan kode HTML untuk newstickernya, kamu bisa meletakkan ditempat yang kamu inginkan. dan disini sebagai contoh saya akan meletakkanya dibawah menu navigasi horisontal. silahkan cari kode <div id='navigation'> dan setelah kode <div id='navigation'> ditutup dengan kode </div> letakkan kode berikut tepat dibawah kode </div>

<div class='newspic'>
<div class='news'>
<div style='float:left;padding:5px 60px 5px 7px;font:bold 14px Arial;color:#333;text-transform:none;'>
Berita Terbaru :
</div><div style='float:left;width:680px;padding:4px 0; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker("example1", "example1class", 4000, "_new")
cssfeed.addFeed("Sabar Muanas", "http://aatmsyihab.blogspot.com/feeds/posts/default") //Specify "label" plus URL to RSS feed
cssfeed.displayoptions("date") //show the specified additional fields
cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
</div><div style='clear:both;'/>
</div>

Ganti URL berwarna merah dengan URL blog kamu

Nah, Sekarang simpan template kamu.

Keterangan:
Kode menu navigasi berbeda-beda, jika tidak menemukan kode pada langkah terakhir coba kamu cari kode <div id='content-wrapper'> dan letakkan kode HTML newsticker (yang ada pada nomor 7 ) letakkan tepat diatas kode <div id='content-wrapper'>

Selesai Semoga Berhasil

Cara Membuat Tombol Like Share Facebook Di Samping

06.52 Aat M Syihab 1 comment

Ketemu lagi sahabat blogger dalam tutorial mempercantik tampilan blog. Nah, dalam kesempatan kali ini, saya akan berbagi ilmu tentang bagaimana sih cara membuat tombol like dan share button yang ada di sisi kanan blog Ok langsung saja praktekan

caranya..

Pertama, login seperti biasa di akun blogger kamu. Kemudian klik rancangan > elemen laman dan tambah gadget baru dengan membuka html/script dan masukkan script berikut :

<style>

#pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>
<div id='pageshare' title="Share This With Your Friends">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 11px;text-align:center;"><a href="http://edukasi-global.blogspot.com/2012/03/cara-membuat-tombol-share-dan-like-di.html" target="blank"><font color="black">[Get Widget]<font></font></font></a></div></div>

Selesai.. Selamat mencoba dan semoga bermanfaat !

Cara Mudah Membuat Efek Salju Di Blog

06.37 Aat M Syihab No comments

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

Pada Kesempatan Kali Ini Saya Ingin Memberikan Tips Cara Membuat Efek Salju Pada Blog
Berikut Caranya..

1. login ke dasbor

2. Rancangan --> Edit HTML --> cari kode </body>

3. Copy kode dibawah dan letakkan diatas </body>

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

4. Preview terlebih dahulu untuk memastikan bekerja atau tidak scriptnya pada template sobat.

5. Lalu SAVE template..

Semoga Berhasil...

-----------------------------------------------------------------------------------------------------------------------------------

Cara Menambahkan Jam dan Kalender Pada Blog

06.19 Aat M Syihab No comments

Jam adalah sebuah unit waktu. Lama sebuah jam adalah 1/24 (satu perduapuluh empat) hari. Satu jam bisa dibagi menjadi unit waktu yang lebih kecil lagi. Satu jam terdiri dari: 60 menit atau 3600 detik. Login ke blogger

Pilih Tata Letak kemudian Tambah Gadget
Pilih HTML/JavaScript
Masukan kode-kode berikut ini. ada dua kode yang bisa anda pastekan ke blog anda dengan tampilan yang berbeda. <script src="http://www.clocklink.com/embed.js"></script><script language="JavaScript" type="text/javascript">obj=new Object;obj.clockfile="5015-green.swf";obj.TimeZone="GMT0700";obj.width=160;obj.height=40;obj.wmode="transparent";showClock(obj);</script> atau kode yang satunya ini. <center><iframe src="http://www.free-blog-content.com/Calendars/calendar0054.htm" width="120" height="150"
marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center> Untuk mengetahui hasil dari kode di atas, silahkan coba tutorial di atas.Semoga Berhasil

--------------------------------------------------------------------------------------------------------------------------------------------------------------------

	Home
	Daftar Isi
	Kumpulan Icon
	Tutorial Blog
	Tips Blog
	Download Template Blog
	Kode Warna
	Tukar Link
	Facebook
	Twitter
	Feedburner
	Advertise
	Contact Us

Ψ Aat M Syihab™ Ψ

Daftar isi

Kode Warna Html V.4

Kode Warna

Cara Memasang Burung Twitter Di Blog Lengkap

Cara Membuat Recent Post Berjalan

Cara Membuat News Ticker Berita Berjalan Untuk Blogger

Cara Membuat Tombol Like Share Facebook Di Samping

Cara Mudah Membuat Efek Salju Di Blog

Cara Menambahkan Jam dan Kalender Pada Blog

Steve Jobs, Creator of iPad, iPod and iPhone was Gone

MotoGP lose Talented Rider , Rest in Peace Simonceli

Why Lionel Messi Is The Great One

Valentino Rossi, The Legend of Moto GP

Michael Jordan is the legend of Basketball

Artikel Populer

Kategori

Artikel Blog

Random Post

Artikel Terkait

Twitter