Showing posts with label Tutorial Membuat dan mempercantik blog. Show all posts

5/17/2013

Kumpulan Favicon 3d keren

Friday, May 17, 2013 Tutorial Membuat dan mempercantik blog 1 comment

Kumpulan Favicon 3d keren

Favicon adalah icon-icon yang biasanya tampil pada address bar sebuah website. . Supaya tidak repot-repot membuat favicon, berikut ini beberapa kumpulan favicon :

Icon	URL
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1hMOKGGYwqP2Md_z4thd45s3BbmN_6PX-KpwVx7e0ymDGraVGmw7A-_bz_NR-8Yib9eZgXgO9uCfAOxGlBKQVY5BONAG5AlHX5B9kqgB-vylQoX7QBAPp52QQpWJ68j6oi25plzNcPClR/s1600-h/smileytoys4.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2XTltxmpdtEmBmseTgjBXM173Ofnk8fLp55nTSTYbCCXhsfm50iojTKhe16QJSd1wnfbjUNj2NT2tqquW1aRFLgRwiVoRI3YGllwYzGF5Dt1SwCzfSP2XfyAiaxvensibUuKYxR_B9XBH/s1600-h/tweetle_banditicon4.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBzdnuowmTR9jPp8_vZ8teoInkygRQb2kkBAYHKTjOp9Yxhyphenhyphen-QhT0DOAhBYxce2I-cs0czn-3jE80lFPWsBpC0bqk7GWIrFfo9wu26ayWXtDkr1mDttkUxq-h2n9JMK4tYSOCZA-ZXiO7E/s1600-h/devilsmiley4.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuzYQYN79VebvflF6CguXcI2nCm_fB7_UFtosEUQes9cb8T2XGv7Wv_YKreSU0lJCzLZ1YtLaVXZLOvc_IaXm6RaWC6jn2JLmSpKtIIlbih6vYmjspEcb5niomckcz3D_0brjybuuMMj0x/
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmb5LLBaWD6E6kCEm0c8jkpGFpnAKJfL8Jp1Hq6SznuZ86sBckkTFWuVij9liQsf3iRXxYoJYyHd9G0HB9KxeYsuAFaSbLjSJb5FYfQOqWWvTyrZksnYWKlsm6asm-XqbuVvqtlKzLWN9F/s1600-h/facebookicon4.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjULqW1sdF1TuKZ0qduxH5zhvckssLn_SvT1KdqakZ8hm84moTQQ73E32ZBScZucANnybn3cDxRbQjCcUEeXvTIPtiRzn9aly-AEboHpyNey-S_JeyODIYf-Z8K-HzwKOKxZFLu3sFRWerd/
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzWE0KWqFwN4641hKJHPtU9k_9SyG5dIcFtGFKgUxOXb2A7hZX4XvSLUo1hRltAxmsFGraFNg3UoB-soiu3Ak5NhVEWsgbRiDPfURK9HpaqcgvAY9jl2ECESjKLuwqDXovHNHjiNrJk-j7/s1600-h/Indonesiaicon4.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg83cKcZP3zTgUsE02TvmtIZuRT-H11nVNdxZUW92mle4rFFsqDhyphenhyphenxQAB0gLukrJbfkTdkSm17ciz5Z805oYuWk0D-4DHE1HEMaI9RPa3OfwalQtHaz8RCNevAxaD65gNzhRvCEXQD5Hial/s1600-h/googleicon4.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEMJJdzdoIDBC-SoKoUHbATyGi02wjrxiPoraBFXHlS_FauqGWBIk-8Ebuz4mMhjVmLue15L3jv-r2nwe6I_fto0F52f3TKCP9_1U1GSh8ROG5ExkUQj5Ue6zRU6lDgRgQ1It5QVXaurcf/s1600-h/rocketicon4.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNEbEy2-Ec_ylyd-6tqvX_9-_cPzKnSt0AXrueBa0W34XofISPiXmMpvJKcM-SSRavbmc0_Gw6RTUAoKKnjW-veXopxFb2bHny19eLLb-OrWjkb9Cc-licxOIMBWexyQAAyNTs_s3C8-c6/s1600-h/Burnfireicon4.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhRAk_8HLL4wATzNZJWODgYInb4Yj9mRwBEZ3n7VO8dy8ryvAEUa7rGTp4CCzGfVfwjaSzIfJULLX3cgDC04UiwIjjo8UzwQFcKbeUpYfU_KIb7O0SYMbDRUAxbTfYUiQpxvd1BADtXAx1/s1600-h/lovesmiley4.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6PaRy5jFZJ-ZqFfK652HAOrx_Zr7pDpDQttULVtoyXqufIZr5X7w3utAVS6HT-EhpD39lXRgzgHhFI9VC3F5OUkqOiHMT5WFpyQTMoOyXINb1BHiNXurndvBXifwoXNtF8kEP7L1T9be0/s1600-h/guitaricon4.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKMbfyVK0vD0ga0iBGjsz3eiVlr62lY9VCNyl3sRjRnj3-aXSbLfVNLasVu5hGZKExmqW2GZ_kd9Xh6qLV6T3_ucTdPq9RxzLphZi40APAHP29cPqRZ8925KGKIG6oZeLSHZgjNOIvSGa2/s1600-h/myspaceicon4.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_UMjs6WtDHlzwh5irTOgJRydkN8MFGxsqHV4rh_IXqbAdjBLXxTcwb6W4q1HtrHuLj79tdkLUM2BU5P1ZYMgdFrbjGz8lFMqts_Z5fLXZO0yqLn6FgjLeliws9L5P0ws5x8p8BY-08Bbd/s1600-h/phoneicon4.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4D-mISHpc2Bv5TRxNgBuH8oAl12r8JTh3GUp6zEQU1QwVuYxmeyaHm3hOz5s7lPeSzh4ZWHduusmgjR8odfkWck0EfISyFfK_dpFTbpUGs1rs4w21G8v_KNR497M9mXH88XBjf6XATH9c/
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpv4fnRbSmbBKB1Xst5TQjPbhP1SSAG593t1dPMekDsi1HPbhp_SUla1WOxjCmJUDWdM3rWjUdyakYZC1lkI0SzUjVQbUG0eye_4KXdT7sGrKPi0DmSnw1FLpdaCZ2q-eFHaSxt5nOEUjg/s1600-h/flowericon4.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq3mHgCNd2dCzmBNSPp1hgSqj23Oo0nTFyxQMrkPowx2xqJE4vtR792GC7SgSh_hQfSV9EQbg9qu8glCaEMXUdwvTZN3mTQLCZ5Ps8yOYhKnEPye7nSIK6VKFgbvdws2svr3UGcuF97Cmp/
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOCkOPpQXg6c55107H7CoCSV8Ccx45ek5-0nNkQdm6Oyf8aV7u9PNoRok98ryafP6YezsSSKr19v1vlejE48hSotsH9vE7GZnw_3vcov50ImErWPJsvq_1p8sCmQV9uBuvRRxQ1IoBoTCG/
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie_AwZIllJPxhFYKXhO0oRMcXHgWXSgD-wOi-Gm_knlDx5wsL_TvvrVEcIKELoY1hMohyphenhyphenKpE8Uj3BzOs2fsJYfrvMZFgciuqbeSRm_mSF2kNTz6-VHlWqb6KbqbHDgoKLIFqDu-F9H86DG/s1600-h/bloggerblackicon4.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbte-gq6IFDNN5m_UOKMUX443peAA2mC34sqeuFcfwBsXUq-7iundMnkrrwwpH857AjYjkyKJ-Z1ystOOYJxwpYtZoAzJzC-dJYVPh9_gOGkA12PFlmKjTdqNRtD3DdDGjqYt-Z0wFe1S6/s1600-h/Soccericon4.png

Semoga Bermanfaat :)

Sumber : http://anggirocker.blogspot.com

Cara cepat menaikan PAGERANK BLOG

Tuesday, March 05, 2013 Tutorial Membuat dan mempercantik blog No comments

Silahkan pelajari dengan baik lalu anda terapkan dengan benar…. Ada kata bijak yang mengatakan “Honesty is The Best Policy (Kejujuran adalah politik/strategi terbaik)”, mari kita buktikan….apakah konsep kejujuran disini dapat kita gunakan untuk menghasilkan traffic dan popularity yang sangat hebat dari sebuah metode rumit para expert webmaster atau pakar SEO..? Saya percaya kita bisa asal metode ini anda terapkan dengan benar…,apabila ini di aplikasikan pada web/blog anda sesuai ketentuan maka:

Blog anda akan kebanjiran traffic pengunjung secara luar biasa hari demi hari, tanpa anda harus repot-repot memikirkan SEO atau capek-capek melakukan promosi keberbagai tempat di dunia online.
Blog anda juga akan kebanjiran backlink secara signifikan hari demi hari, tanpa perlu repot-repot berburu link keberbagai tempat di dunia internet.

Hal yang harus anda lakukan adalah ikuti langkah-langkah berikut :

Buatlah postingan artikel seperti posting saya ini, atau copy-paste artikel ini. Lalu beri Judul sesuka anda (karena itu merupakan SEO buat web/blog anda sendiri).
Anda cukup hanya meletakkan Link-Link di bawah ini pada artikel anda tersebut pada blog/web anda.

PERATURAN :

Sebelum anda meletakkan Link-Link tersebut ditas ke dalam postingan web/blog anda, harap hapus Link nomor 1 , Sehingga link no 1 hilang dari daftar link dan setiap link anda naikkan 1 level ke atas. Yang tadinya no 2 naik menjadi no 1, yang tadinya no 3 menjadi no 2, yang tadinya no 4 menjadi no 3 dan begitu seterusnya. Setelah itu masukkan Link anda pada urutan Paling bawah ( no 15 ).
Ingat!!! Jangan Merubah Urutan daftar link Apabila setiap blogger yang ikut dalam metode ini berhasil di duplikasi ole blogger lain yang akan bergabung, andaikan 5 blogger yang bergabung maka Backlink yang anda dapat adalah Ketika:

Posisi anda 15, jumlah backlink = 1
Posisi 14, jumlah backlink = 5
Posisi 13, jumlah backlink = 25
Posisi 12, jumlah backlink = 125
Posisi 11, jumlah backlink = 625
Posisi 10, jumlah backlink = 3.125
Posisi 9, jumlah backlink = 15.625
Posisi 8, jumlah backlink = 78.125
Posisi 7, jumlah backlink = 390.625
Posisi 6, jumlah backlink = 1.953.125
Posisi 5, jumlah backlink = 9.765.625
Posisi 4, jumlah backlink = 48.828.125
Posisi 3, jumlah backlink = 244.140.625
Posisi 2, jumlah backlink = 1.220.703.125
Posisi 1, jumlah backlink = 6.103.515.625

Dan semua Dari kata kunci yang anda inginkan, bayangkan jika ini bisa berjalan dengan sempurna maka anda akan memperoleh 6.103.515.625 external link yang berasal dari berbagai blog yang anda tidak akan pernah bayangkan sebelumnya. Belum lagi apabila ada pengunjung blog anda dari Link List tersebut diatas maka otomatis anda akan memperoleh traffic ke web/blog anda juga. Ingat!!! Aturuan mainnya, Anda harus memulai dari urutan paling bawah (no 15) sehingga hasil backlink anda bisa Maksimal. Jangan salahkan saya apabila anda tidak mengikuti metode ini dengan benar dan Link anda tiba-tiba berada pada urutan no 1 dan menghilang pada Link daftar. Jadi mulai lah pada urutan paling bawah(no 15). Bisakah Anda melakukan tindakan tidak fair atau tidak jujur dengan menyabotase metode ini, misalkan saja “menghilangkan semua link asal” lalu di isi dengan link web/blog anda sendiri…? ….Bisa, dan metode ini menjadi tidak maksimal. Kejujuran adalah strategi/politik terbaik…..Tapi saya yakin bahwa kita semua tak ingin menjatuhkan kredibilitas diri sendiri dengan melakukan tindakan murahan seperti itu…

Cara Membuat Author Box di Bawah Postingan

Monday, January 28, 2013 Tutorial Membuat dan mempercantik blog 3 comments

Cara Membuat Author Box di Bawah Postingan

Cara Membuat Author Box di Bawah Postingan - Cara/trik memberi kotak penulis/author box di bawah setiap postingan atau cara menambah identitas penulis di bawah postingan atau cara agar nama penulis bisa tercantum di bawah setiap posting blog.

Hallo sobat semua.. Bagaimana kabar kalian hari ini? Saya harap baik-baik saja :)
Pada kesempatan postingan kali ini, saya akan membahas artikel mengenai trik membuat author box di bawah setiap postingan blog. Memang banyak sekali elemen-elemen yang bisa disisipkan di bawah postingan blog, selain untuk mempercantik tampilan blog, elemen-elemen yang disisipkan di bawah postingan juga bisa meningkatkan kredibilitas blog di mata pengunjung. Selain author box, banyak hal lain yang bisa disisipkan disini, misalnya saja iklan. Baca: cara memasang iklan otomatis di bawah postingan. Oke, kembali ke permasalahan. Bagi siapa saja yang tertarik untuk memasang author box di bawah postingan blog, langsung saja berikut ini cara memberi identitas penulis di bawah postingan:

1. Login ke akun Blogger sobat.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).

3. Cari kode ]]></b:skin> di template sobat.

4. Pastekan kode berikut tepat di atas kode nomor 3 tadi

.author-box {
background: #f0f0f0;
margin: 20px 0 40px 0;
padding: 10px;
overflow: auto;
color:#888;
font-family:verdana, sans-serif;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box a{
color:#666;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
}

5. Next cari kode <div class='post-footer-line post-footer-line-1'> dan pastekan kode di bawah ini tepat di bawah kode tersebut

<b:if cond='data:blog.pageType == "item"'>
<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='URL Foto/Avatar Sobat' width='70'/><b>About Author</b><br/>
Sekilas tentang diri sobat<br/></p>
</div>
</b:if>

Ket: Ganti tulisan berwarna merah dengan URL foto/avatar yang sobat miliki dan ganti tulisan berwarna ungu dengan tulisan singkat mengenai deskripsi singkat diri sobat.

6. Simpan template sobat.

Source: http://www.amronbadriza.com/2012/10/cara-membuat-author-box-di-bawah.html#ixzz143vWW5xC

Cara Mudah Membuat Headline News di Blog

Monday, January 28, 2013 Tutorial Membuat dan mempercantik blog No comments

Cara Mudah Membuat Headline News di Blog

Cara Mudah Membuat Headline News di Blog - Cara/trik gampang memberi headline news atau news update atau hotnews berita terbaru berjalan dan bergerak di blog atau cara menambah headline news atau news update atau hotnews di blog dengan mudah dan cepat.

Postingan Blogaul kali ini akan membahas bagaimana cara memberi headline news di blog. Setelah sebelumnya saya juga membahas artikel mengenai tutorial blog yaitu artikel cara membuat recent post dengan thumbnail, maka di kesempatan yang baik ini, saya akan mengulas artikel mengenai cara membuat news update di blog. Sobat pastinya sudah tau semua kan apa itu headline news/news update/hot news dan bagaimana bentuk sebenarnya? :) Ok, bagi yang belum tau, saya jelaskan sedikit. Headline news adalah sebuah bagian/elemen di blog yang berisi link-link artikel terbaru dari blog tersebut yang biasanya selalu bergonta-ganti tiap berapa detik sekali dan umumnya terletak di bagian atas dari sebuah blog. Untuk contohnya, bisa dilihat di bagian atas di bawah header blog ini. Tujuan utama pembuatan fasilitas ini menurut saya adalah untuk membuat blog lebih tampil profesional, lebih menarik, membuat betah pengunjung dan pastinya meningkatkan pageviews. Ok, bagi yang tertarik untuk membuat headline news/news update/berita terbaru di blog silahkan ikuti langkah-langkah cara membuat headline news/news update/berita terbaru bergerak di blog di bawah ini:

1. Login ke akun Blogger sobat.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).

3. Cari kode ]]></b:skin> (gunakan tombol CTRL + F atau F3 untuk memudahkan pencarian kode).
4. Letakkan kode berikut tepat diatas kode ]]></b:skin>

/* Headline News
-------------------*/
.newspic {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghZG2uxCdpgEaheSUcpuHGvW5O6klmGxS5HWGmGj0nIJG0ex-RjRM-8OO64dn0vAo4Hmoc-eSbRVDRtBUVaJ-IW9cXpnFM_PBkXrvqvNXJnFtFw3zGB5qU2sqjjc7RIa9_rKgm909gKyk/s1600/news.gif) no-repeat top left;width:970px;margin:0 auto;padding:0 auto;height:32px;color:#fff;}
.news {width: 970px;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, .news a:visited{color:#fff;text-decoration:none;}
.news a:hover {color:#ddd;text-decoration:underline;}

Keterangan :
> Warna merah adalah ukuran panjang headline news.
> Warna biru adalah ukuran tinggi headline news.

5. Next cari kode </head>
6. Lalu copas kode berikut tepat diatas kode </head>

<script src='http://www.google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA'></script>
<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+'" /> Loading news...';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>
<style type='text/css'>
.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;}
.labelfield{ /*CSS for label field in general*/
color:#aaa;font-size: 100%;}
.datefield{ /*CSS for date field in general*/
color:#aaa;font:normal 14px Arial;text-transform:none;}
#example1{ /*Demo 1 main container*/
width: 780px;
height: 14px;
border: 0px solid #aaa;
padding: 0px;
font:bold 16px Arial;
text-transform:none;
text-align:left;
background-color:transparent;}
code{ /*CSS for insructions*/
color: #fff;}
#example1 a:link, #example1 a:visited {color:#f2f2f2;text-decoration:none;}
#example1 a:hover {color:#C8D3F2;text-decoration:none;}
</style>

7. Terakhir cari kode <div id='header-wrapper'> atau <div id='header-outer'> (pilih salah satu saja)
8. Lalu letakkan kode berikut tepat di bawah kode nomor 7 tadi

<div class='newspic'>
<div style='float:left;width:780px;padding:6px 0 6px 180px; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker("example1", "example1class", 4000, "_new")
cssfeed.addFeed("Creating Website", "http://www.amronbadriza.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 style='clear:both;'/>
</div>

> Ganti kode yang berwarna biru dengan URL blog sobat.

9. Simpan template dan lihat hasilnya.

Source: http://www.amronbadriza.com/2013/01/cara-mudah-membuat-headline-news-di-blog.html#ixzz143vpv42k

Cara Memasang Counter Histats di Blog

Monday, January 28, 2013 Tutorial Membuat dan mempercantik blog No comments

Cara Memasang Counter Histats di Blog

Cara Memasang Counter Histats di Blog - Cara memberi/menambah counter histats di blog.

Banyak sekali widget-widget yang bisa kita pasang untuk mempercantik tampilan blog kita, namun dari banyak widget yang tersedia, tentunya ada yang bermanfaat untuk blog kita dan kurang bermanfaat untuk blog kita. Beberapa widget yang bermanfaat buat blog kita diantarnya widget translate, kalender, jam dan lain-lain. (Baca: cara memasang widget translate di blog, cara memasang kalender di blog dan cara memasang widget jam di blog) dan kali ini saya akan mengulas tutorial cara memasang counter histats di blog. Memasang gadget histats di blog bertujuan untuk mengetahui statistik blog kita, baik blogspot, wordpress, maupun flatform blog lainnya. Di Blogger sendiri sebenarnya sudah tersedia data statistik blog, namun dari pemantauan ane selama ini kayaknya data statistik blog dari blogspot kurang lengkap misalnya data keyword penelusuran Google tidak semuanya tampil, dan juga misalnya reffering site (situs perujuk) yang menuju ke blog kita tidak tampil sempurna di data statistik blogspot. Bahkan kadang ada situs-situs yang sama sekali tidak menjadi reffering site, malah muncul. Ane kurang faham kenapa hal tersebut bisa terjadi, mungkin Blogspot punya hitung-hitungan sendiri untuk data statistik blog ini. Dari fakta tersebut, maka diperlukan layanan pihak ketiga (dalam hal ini histats) sebagai monitoring statistik blog kita. Dengan memasang histats, maka statistik blog akan ditampilkan secara realtime, aktual, tajam dan terpercaya (wuidih.. kaya liputan6 aja, he he he). Lalu data statistik apa saja yang didapat dari pemasangan gadget histats di blog? Beberapa diantaranya adalah traffic summary (page views dan visitor counter), data keyword Google yang masuk ke blog, data reffering site, data click count, data browser yang digunakan pengunjung, data asal negara pengunjung, dan lain-lain. Dan berikut tutorial cara menambah counter histats di blog:

Daftar dulu / Register di Histats.com GRATISSSS, Isikan data sesuai dengan data Anda, jangan lupa ceklist “I have read and agree Publisher Agreement Terms”. Klik “Register”.

Cek email Anda untuk aktivasi email.

Masuk/login ke Control Panel Histats dengan mengetikkan alamat email dan password yang tadi didaftarkan.

Pada halaman awal control panel, klik “+Add Website”.

Isi data blog sesuai form yang ada, klik “Continue”.

Selanjutnya, klik nama website yang sudah didaftarkan tadi.

Akan terbuka traffic summary blog, untuk menambahkan kode histats di blog klik “Counter Code”.

Selanjutnya klik “add new counter”, akan terbuka pilihan model histas yang akan ditampilkan di blog. Pilih salah satu.

Ceklist data apa saja yang akan ditampilkan pada model histats yang kita pilih, ada Visitor today, Total visitor, Page view today, Total page view, dan users online.

Setelah OK, klik “Save”.

Anda akan kembali ke list counter code, klik ID counter code yang tadi kita buat.

Akan muncul kode/script HTML histats. Copy paste kode/script HTML tersebut di gadget HTML/Javascript di blog kita.

Demikian tutorial cara memasang counter histats di blog, mudah-mudahan bermanfaat dan tentunya traffic blog Anda akan termonitor jelas dengan pemasangan histats di blog.

Source: http://www.amronbadriza.com/2012/07/cara-memasang-counter-histats-di-blog.html#ixzz143wB2Qt3

1/26/2013

Saturday, January 26, 2013 Tutorial Membuat dan mempercantik blog No comments

Cara Menambahkan Widget/Gadget di Blog

Cara Menambahkan Widget / Gadget di Blogspot - Menghias dan mempercantik tampilan blog selalu identik dengan yang namanya widget. Widget itu sendiri seperti yang di kutip dari wikipedia.org, merupakan “kode portabel ( DHTML, JavaScript atau Adobe Flash ) yang dipasang pada suatu halaman web, yang memiliki fungsi tertentu dan menjadi suatu bagian dalam halaman web tersebut.”. Adapun contoh widget yang biasa di pasang di blog di antaranya jam, lagu, counter ( baca : cara memasang flag counter di blogspot ), kalender, animasi, efek ( baca : kumpulan efek - efek blog lengkap )dan lain - lain.

Kali ini saya akan sedikit share tentang cara menambahkan widget untuk para newbie. Mengapa untuk newbie? Nggak mungkinlah untuk para master.. karna cara ini terlalu mudah bagi para blogger yang sudah lama berkecimpung di blogosphere, cara ini hanya di tujukkan untuk sobat blogger yang baru di dunia blog. Silahkan ikuti tutorial berikut jika sobat ingin menambahkan widget atau gadget di blog.

1. Log in ke akun blog sobat.
2. Klik Rancangan

3. Klik Elemen Laman

4. Klik Tambah Gadget

5. Pilih gadget yang akan digunakan dan Klik tanda Plus ( + ) di samping gadget.

6. untuk menamgahkan widget dari fungsional pihak ke 3 seperti lagu/Mp3, animasi, jam dll silahkan gunakan widget HTML/Javascript.

7. Klik save dan lihat hasilnya.

Sumber : <a href="http://christiantatelu.blogspot.com/2012/04/cara-menambahkan-widgetgadget-di-blog.html" target="_blank">Cara Menambahkan Widget/Gadget di Blog</a>

Cara Membuat Warna Background Transparan di Blog

Saturday, January 26, 2013 Tutorial Membuat dan mempercantik blog No comments

Cara Membuat Warna Background Transparan di Blog

Cara Membuat Warna Background / konten Transparan di Blog - Pagi sob! sebelum kita mulai masuk ke tutornya, ada baiknya ane kasih kilas balik tentang postingan ane yang lalu. Sebelumnya saya telah memposting tentang cara membuat banner untuk link exchange dan kumpulan efek - efek blog ( lengkap ).

Kali ini, kita akan membahas tentang penggunaan opacity ( keburaman ) pada template blog yang mungkin lebih tepatnya penggunaan background transparan ( tembus pandang ) pada template blog.
Tutor kali ini saya khususkan untuk blog dengan background image atau gambar, tidak terlalu bagus untuk backround warna karna hanya akan menghasilkan perpaduan ke 2 warnanya saja. Misalnya sobat menggunakan background berwarna hitam dengan warna outer-wrapper berwarna putih, maka hasil perpaduannya akan memunculkan warna abu-abu.. jadi nggak berguna dong efek tranparantnya...

berikut kode yang di gunakan untuk membuat background transparan

filter: alpha(opacity=100);

-moz-opacity: 1.0;

opacity: 0.6;

-khtml-opacity: 0.0;

Untuk penerapannya sobat tinggal menyisipkan kode tadi sesudah kode warna. seperti berikut.

#outer-wrapper{
width:980px;
margin:0 auto;
padding:5px;
background:#f2f2f2;

filter: alpha(opacity=100);

-moz-opacity: 1.0;

opacity: 0.6;

-khtml-opacity: 0.0;

border:1px solid $bordercolor;
text-align:$startSide;
font:$bodyfont
}

Tambahan :

Berlaku juga untuk wrapper lainnya seperti header, main, sidebar dan footer, namun saran saya untuk tidak menerapkannya di wrapper lain jika sudah di pasang di outer-wrapper, karena outer-wrapper sudah mencakup semua bagian wrappernya.
Edit angka yang berwarna merah hingga sesuai dengan keinginan.
Contoh template dengan background transparan klik di sini!

Kumpulan Efek - Efek Blog ( Lengkap )

Saturday, January 26, 2013 Tutorial Membuat dan mempercantik blog No comments

Kumpulan Efek - Efek Blog ( Lengkap )

Kumpulan Efek - Efek Blog ( Lengkap ) - Memang selalu ada cara untuk mempercantik penampilan blog. Setelah sebelum memposting cara memasang animasi di blog, kali ini saya akan kasih sobat berbagai macam / jenis efek - efek blog yang bisa di pasang di blog.

Sebelum kita masuk ke intinya, terlebih dahulu saya ingatkan pada sobat bahwa efek, animasi dan widget - widget serupa akan menambah beban loading blog sobat, jadi mohon di perhitungkan sebelum sobat memasang efek ini. Efek yang akan saya posting kali ini, akan saya bagi 2 yaitu efek ringan ( loading ringan ) dan efek menegah hingga berat. ( kayak tinju aja.. ) .

Sobat yang tertarik memasangnya silahkan ikuti tutorial memasang efek - efek pada blog berikut.

A. Efek Ringan
Mungkin Ini adalah efek yang biasa sobat lihat saat sobat blogwalking.

1. Efek salju berjatuhan

2. Efek hati bertaburan

3. Efek bintang bertaburan

4. Efek kembang api

5. Efek Gelembung

5. Efek Kupu - Kupu Terbang

Cara pemasangan :

Klik rancangan --> Edit html
Letakkan script efek di atas kode </body>
Klik Save

B. Efek Menengah - Berat
Efek ini saya ambil dari http://www.netdisaster.com. Untuk demo dari salah satu script berikut, silahkan lihat di sini.. DEMO

1.Meteor Jatuh

2. Banjir

3. Bunga Mekar

4. Bom Atom

5. Ufo

6. Graffity

7. Shaver

8. Gun

9.Bloody gun

10. Paint ball

11. Chainsaw

12. Dinosaur

13. Lebah

14. Lalat

15. Semut

16. Siput

17. Cacing

18. Mold

19. Bayi merangkak

20. Telur mata sapi

21. Kopi tumpah

22. Terbakar

23. Tomat

24. Creampie

25. Murka

26. Sapi Jorok

27. Anjing Jorok

28. Kencing Sembarangan

Cara pemasangan :

Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
Masukkan script efek di dalam kotak yang di sediakan
Klik save dan lihat hasilnya.

Tambahan :
Efek yang ke 2 berbeda dengan efek yang pertama. di efek ke 2, efek bisa dimatikan secara manual, sedangkan yang pertama sebaliknya ( tidak bisa dimatikan selama masih memasang scriptnya ). so, pilih mana yang terbaik menurut sobat.. salam..

Sumber : <a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Kumpulan Efek - Efek Blog ( Lengkap )</a>

Cara Membuat Kode Tukar Link Banner di Blog

Saturday, January 26, 2013 Tutorial Membuat dan mempercantik blog No comments

Cara Membuat Kode Tukar Link Banner di Blog

Cara Membuat Kode Tukar Link Banner di Blog - Demi menjalin kekerabatan antara sesama blogger, serasa tak cukup jika hanya sekedar blogwalking, salah satu yang seharusnya ada di blog adalah halaman Tukeran Link. Halaman ini nantinya akan berisi daftar link - link blog sahabat yang sobat pasang secara manual ( bukan otomatis ) dengan tujuan memberi backlink dan trafik pada blog yang di pasang bannernya.

Kali ini kita akan membahas cara memasang kode tukeran link di blog yang bisa sobat pasang di sidebar ataupun di halaman posting. Silahkan ikuti tutorial berikut bagi sobat blogger yang tertarik memasangnya.

1. Tukar Link Teks

<center><textarea code="" rows="4" cols="21" name=""><a href="http://christiantatelu.blogspot.com/" target="_blank">Christian Tatelu</a></textarea></center>

Hasilnya :

Catatan :

Ganti kode kode berwarna biru dengan url blog sobat.
Ganti kode berwarna merah dengan judul blog sobat.
Ganti angka berwarna hijau dengan angka yang diinginkan ( mengatur lebar dan tinggi text area )

2. Tukar Link Gambar

Hasilnya :

Catatan :

Ganti kode kode berwarna biru dengan url blog sobat.
Ganti kode berwarna merah dengan judul blog sobat.
Ganti angka berwarna hijau dengan angka yang diinginkan ( mengatur lebar dan tinggi text area )
Ganti kode berwarna ungu dengan Url gambar sobat.
Sobat yang belum mempunyai banner untuk link exchange silahkan lihat postingan lain tentang cara membuat banner untuk link exchange.

Cara Pemasangan :
1. Untuk cara pemasangan di postingan, silahkan masukkan di dalam Edit HTML dan bukan Compose.
2. Untuk cara pemasangan di sidebar, silahkan sobat masukkan ke dalam HTML/Javascript blog sobat.
caranya :
Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
Masukkan kode ke dalam konten yang di sediakan
Klik save dan lihat hasilnya...

Cara Membuat Buku Tamu Auto Hide di Blog

Saturday, January 26, 2013 Tutorial Membuat dan mempercantik blog No comments

Cara Membuat Buku Tamu Auto Hide di Blog

Auto hide Shuotbox adalah efek yang akan membuat buku tamu muncul tanpa di klik dan tersembunyi tanpa di klik pula ( di lewati pointer mouse ), hanya beda sedikit dengan buku tamu show / hide. Sobat yang tertarik memasang widget ini, silahkan masukkan kode berikut di HTML/Javascript blog sobat.

<div id="cboxdiv" style="text-align: center; line-height: 0">

</div>

<br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank" href="http://catatanflo.blogspot.com/2012/03/cara-membuat-buku-tamu-auto-hide-di.html"> widget! </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>

</div>

Caranya :

Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
Masukkan kodenya di kotak yang di sediakan.
Klik Save

Tambahan :
Ganti kode yang berwara biru dengan kode buku tamu milik sobat. Sobat yang belum punya buku tamu silahkan buat terlebih dahulu di cbox ( seperti blog ini) , fibox, shoutchamp atau pada penyedia chatbox gratisan lainnya.

Sumber : <a href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-buku-tamu-auto-hide-di.html" target="_blank">Cara Membuat Buku Tamu Auto Hide di Blog</a>

Cara Membuat Teks Berjalan di Blog

Saturday, January 26, 2013 Tutorial Membuat dan mempercantik blog No comments

Cara Membuat Teks Berjalan di Blog

Tulisan berjalan

Cara Membuat Teks Berjalan di Blog - Pernah tidak sobat melihat tulisan / teks yang mondar - mandir di suatu blog?? saya rasa pasti sudah pernah.. namanya marquee sob! fungsinya sebenarnya hanyalah sebagai hiasan di blog, hampir sama dengan headline news ( baca : memasang headline news di blog ) cuma yang ini lebih mudah ngaturnya, terutama dalam mengatur gerakan / prilaku teks yang di inginkan. Sobat yang tertarik membuat tulisan yang mondar - mandir ini, silahkan ikuti terus tutorialnya.

Cara Membuat Tulisan Berjalan di Blog

1. Tulisan bergerak dari kanan ke kiri

Contoh Tulisan Berjalan

hasilnya

Contoh Tulisan Berjalan

2. Tulisan bergerak dari kiri ke kanan

Contoh Tulisan Berjalan

hasilnya

Contoh Tulisan Berjalan

3. Teks bergerak bolak balik ( mondar - mandir ) dari kiri ke kanan

Contoh Tulisan Berjalan

hasilnya

Contoh Tulisan Berjalan

4. Teks bergerak bolak balik ( mondar - mandir ) dari kanan ke kiri

Contoh Tulisan Berjalan

hasilnya

Contoh Tulisan Berjalan

5. Teks bergerak dari atas ke bawah

Contoh Tulisan Berjalan

hasilnya

Contoh Tulisan Berjalan

6. Teks bergerak dari bawah ke atas

Contoh Tulisan Berjalan

hasilnya

Contoh Tulisan Berjalan

7. Teks bergerak mondar- mandir dari atas ke bawah

Contoh Tulisan Berjalan

hasilnya

Contoh Tulisan Berjalan

8. Teks bergerak zig - zag ( diagonal ) memantul

Contoh Tulisan Berjalan

hasilnya

Contoh Tulisan Berjalan

9. Teks bergerak zig - zag ( diagonal ) tembus

Contoh Tulisan Berjalan

hasilnya

Contoh Tulisan Berjalan

Cara memasang :
1. Login ke akun blog sobat
2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Masukkan kode marquee dari salah satu tulisan berjalan diatas
4. Klik save dan lihat hasilnya.

tambahan :

Direction : untuk mengatur pola gerakan teks (left, right, up dan down)
Scrollamount : untuk mengatur kecepatan gerakan teks. Naikkan angkanya ( dari 2 menjadi 3 ) untuk mempercepat gerakan dan sebaliknya.
Behavior ( scroll/slide/alternate ): untuk mengatur prilaku gerakan.
Untuk menambahkan background, padding, border, color, dll pada marquee, silahkan sisipkan kode marquee antara kode berikut

Contoh Tulisan Berjalan

hasilnya :

Contoh Tulisan Berjalan

Untuk menyisipkan link pada marquee, gunakan kode berikut :

http://christiantatelu.blogspot.com/2012/03/cara-membuat-teks-berjalan-di-blog.html

"/>Cara Membuat Teks Berjalan di Blog

catatan :
ganti tulisan yang berwana biru dengan Url yang di inginkan.

hasilnya :

Cara Membuat Tulisan Berjalan di Blog

Contoh lain penggunaan link pada marquee yaitu dengan menggunakan kode berikut :

onmouseover="this.stop()" onmouseout="this.start()

" scrollamount="2" direction="up" width="100%" height="100" align="center">
cara membuat permalink di blog

cara membuat logo

blog di blogspot dan blog di wordpress

catatan :
kode yang di cetak tebal adalah perintah pada teks untuk terhenti ketika di lewati pointer

Hasilnya :

cara membuat permalink di blog

cara membuat logo

blog di blogspot dan blog di wordpress

Sekian posting cara bikin tulisan berjalan nya....

Sumber : Cara Membuat Teks Berjalan di Blog

Catatan Ku

Pages

Jumlah Pengunjung

Labels

Followers

Pengunjung Negara

Pengunjung Hari ini

buku tamu

5/17/2013

Kumpulan Favicon 3d keren

Kumpulan Favicon 3d keren

3/05/2013

Cara cepat menaikan PAGERANK BLOG

1/28/2013

Cara Membuat Author Box di Bawah Postingan

Cara Membuat Author Box di Bawah Postingan

Cara Mudah Membuat Headline News di Blog

Cara Mudah Membuat Headline News di Blog

Cara Memasang Counter Histats di Blog

Cara Memasang Counter Histats di Blog

1/26/2013

Cara Menambahkan Widget/Gadget di Blog

Cara Membuat Warna Background Transparan di Blog

Cara Membuat Warna Background Transparan di Blog

Kumpulan Efek - Efek Blog ( Lengkap )

Kumpulan Efek - Efek Blog ( Lengkap )

Cara Membuat Kode Tukar Link Banner di Blog

Cara Membuat Kode Tukar Link Banner di Blog

Cara Membuat Buku Tamu Auto Hide di Blog

Cara Membuat Buku Tamu Auto Hide di Blog

Cara Membuat Teks Berjalan di Blog

Cara Membuat Teks Berjalan di Blog

jam

Popular Posts

Blogroll

Blogger news

My Facebook

Twitter

Blogger templates

Pages

Jumlah Pengunjung

Labels

Followers

Pengunjung Negara

Pengunjung Hari ini

buku tamu

5/17/2013

3/05/2013

1/28/2013

1/26/2013

Social Profiles

jam

Popular Posts

Blogroll

Blogger news

My Facebook

Twitter

Blogger templates