Cara Membuat Icon Follow Us Sosial Media

SHADOWS || Pada pagi ini saya share Cara Membuat Icon Follow Us Sosial Media yang keren. Hampir setiap blog atau website memiliki widget follow social media dengan tombol icons yang beragam. Dengan Bagaimana Cara Membuat Icon Follow Us Sosial Media, memasang widget sosial media pada blog, anda dapat mengundang pembaca/pengunjung blog untuk terlibat dalam jejaring sosial anda, dan tentunya dapat meningkatkan reputasi blog anda. Namun hal itu tak akan terjadi jika pengunjung tidak mengklik tombol follow pada widget jaring sosial anda, dan mereka hanya akan mengklik atau mengikuti update blog anda kecuali mereka merasa atau menemukan hal yang berguna dan bermanfaat pada blog anda.

Widget ini tidak otomatis dapat meningkatkan follower blog anda diberbagai jaring sosial tapi setidaknya kita dapat memancing mereka untuk setidaknya mengklik sekali pada tombol dengan menampilkan tombol widget ini lebih menarik dan memiliki efek hover yang meluas, mulus dan sexy. Efek hover ini kita buat dengan bantuan CSS3 transisi.

Widget ini juga tanpa javascript, tanpa JQuery, murni hanya dengan CSS. Widget akan terlihat rapi dan bersih disidebar blog anda atau dibagian manapun anda meletakkannya.

DEMO LIVE

Fitur:

Widget ini cukup sederhana tapi memiliki beberapa fitur utama:

• Meliputi empat tombol jejaring sosial yang paling sering digunakan dan ditambah ikon RSS

• Efek memperluas, mulus dan sexy pada hover

• Penggunaan CSS sprite

• Sangat rapi dan bersih

• Tidak ada JavaScript. JQuery No. Ini murni CSS

CSS sprite Teknik cukup keren dan berguna terutama ketika Anda memiliki terlalu banyak gambar. Dalam widget ini Anda akan berpikir bahwa satu gambar atau ikon yang digunakan untuk setiap tombol yang membuat total 5 gambar. Tapi sebenarnya hanya ada satu gambar yang digunakan yang berisi semua ikon. Teknik ini berguna karena bukannya 5 permintaan HTTP, Anda hanya membuat satu permintaan yang mempercepat waktu loading. Teknik ini tidak sangat umum di blog Blogger tetapi dalam blog WordPress teknik ini sering digunakan.

Sekarang mari kita menambahkan Agar Cara Membuat Icon Follow Us Sosial Media atau widget ini di blog Anda.

Catatan:

Jika Anda ingin menambahkan widget pada tempat tertentu, gunakan HTML terpisah dan CSS dan jika Anda ingin widget untuk muncul di suatu tempat di sidebar Anda, silahkan melompat langsung di bagian Alternatif di bagian bawah.

HTML

1. Login ke akun Blogger anda-> Template -> Edit HTML -> Proceed

2. Letakkan kode berikut pada bagian yang anda inginkan dari blog anda

<!--Sexy Social Buttons Widget RePost Shadows-k.blogspot.com--> 

<ul id="tbisose"> 

<li data-alt="Follow us on Facebook"><a class="icon facebook" href="#">Follow us on Facebook</a></li> 

<li data-alt="Follow us on Twitter"><a class="icon twitter" href="#">Follow us on Twitter</a></li> 

<li data-alt="Follow us on Google+"><a class="icon googleplus" href="#">Follow us on Google+</a></li> 

<li data-alt="Follow us on Pinterest"><a class="icon pinterest" href="#">Follow us on Pinterest</a></li> 

<li data-alt="Subscribe with RSS"><a class="icon rss" href="#">Subscribe with RSS</a></li> 

</ul> 

<!--Sexy Social Buttons Widget RePost Shadows-k.blogspot.com—>

<small><div style="font-size:80%; text-align:right; text-shadow:2px 2px 2px #adadad;"><a href="http://shadows-k.blogspot.com/2013/02/cara-membuat-icon-follow-us-sosial-media.html"target="_blank" title="Widget Follow Us">+ Get This Widget Here</a></div></small>

 Ganti semua tanda # dengan URL jejaring sosial anda.

CSS
Sekarang tambahkan kode CSS yang akan membuat tombol ini sexy


1. Login ke akun Blogger anda-> Template -> Edit HTML -> Proceed
2. Cari kode ]]></b:skin> Letakkan kode berikut diatasnya

/* Sexy Social Buttons Widget RePost Shadows-k.blogspot.com*/ 

#tbisose{list-style:none; text-decoration:none; font-size:0.9em; font-family:trebuchet ms,sans-serif;} 

#tbisose a{text-decoration:none; font-family:trebuchet ms,sans-serif;} 

#tbisose li{position:relative; height:38px; cursor:pointer; padding: 0 !important;} 

#tbisose .facebook, .googleplus, .pinterest, .rss, .twitter{position:relative; z-index:5; display:block; float:none; margin:10px 0 0; width:210px; height:38px; border-radius:5px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqDj-bDsg-Dg4S4AEnXewU05IX69G31r8TeB4sBWB-NJ8GW2kuGFdsKs7MpvAXXu_J3M3q6aPoKhv4Cw7E9WBl9IsQGBy_UdvhCDS8-2emSS2OtJDuas606GZK8O44FayAy8tGcm3ik_s/s800/sprites.png) no-repeat; background-color:rgba(217,30,118,.42); -webkit-box-shadow:rgba(0,0,0,.28) 0 2px 3px; -moz-box-shadow:rgba(0,0,0,.28) 0 2px 3px; box-shadow:rgba(0,0,0,.28) 0 2px 3px; color:#141414; text-align:left; text-indent:50px; text-shadow:#333 0 1px 0; white-space:nowrap; line-height:32px; -webkit-transition:width .25s ease-in-out,background-color .25s ease-in-out; -moz-transition:width .25s ease-in-out,background-color .25s ease-in-out; -ms-transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-transition:width .25s ease-in-out,background-color .25s ease-in-out; transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-box-shadow:rgba(0,0,0,.28) 0 2px 3px;}

#tbisose li:after{position:absolute; top:0; left:50px; z-index:2; display:block; height:38px; color:#141414; content:attr(data-alt); line-height:32px;} 

#tbisose .icon{overflow:hidden; color:#fafafa;} 

#tbisose .facebook{width:32px; height:32px; background-color:rgba(59,89,152,0.42); background-position:0 0;} 

#tbisose .twitter{width:32px; height:32px; background-color:rgba(64,153,255,0.42); background-position:0 -33px;} 

#tbisose .googleplus{width:32px; height:32px; background-color:rgba(228,69,36,0.42); background-position:-3px -66px;} 

#tbisose .pinterest{width:32px; height:32px; background-color:rgba(174,45,39,0.42); background-position:0 -95px;} 

#tbisose .rss{ width:32px; height:32px; background-color:rgba(255,102,0,0.42); background-position:-3px -126px;} 

#tbisose li:hover .icon, 

.touch #tbisose li .icon{width:210px;} 

.touch #tbisose li .facebook, #tbisose li:hover .facebook{background-color:rgba(59,89,152,1);} 

.touch #tbisose li .twitter, #tbisose li:hover .twitter{background-color:rgba(64,153,255,1);} 

.touch #tbisose li .googleplus, #tbisose li:hover .googleplus{background-color:rgba(228,69,36,1);} 

.touch #tbisose li .pinterest, #tbisose li:hover .pinterest{background-color:rgba(174,45,39,1);} 

.touch #tbisose li .rss, #tbisose li:hover .rss{background-color:rgba(255,102,0,1);} 

/* Sexy Social Buttons Widget By RePost Shadows-k.blogspot.com*/

ALTERNATIF
Jika ingin menambahkan widget ini pada sidebar blog anda.


1. Login ke akun Blogger anda-> Layout
2. Klik tambah gadget pada sidebar
3. PilihHTML/JavaScript pada form letakkan kode berikut

<style> 

#tbisose{list-style:none; text-decoration:none; font-size:0.9em; font-family:trebuchet ms,sans-serif;} 

#tbisose a{text-decoration:none; font-family:trebuchet ms,sans-serif;} 

#tbisose li{position:relative; height:38px; cursor:pointer; padding: 0 !important;} 

#tbisose .facebook, .googleplus, .pinterest, .rss, .twitter{position:relative; z-index:5; display:block; float:none; margin:10px 0 0; width:210px; height:38px; border-radius:5px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqDj-bDsg-Dg4S4AEnXewU05IX69G31r8TeB4sBWB-NJ8GW2kuGFdsKs7MpvAXXu_J3M3q6aPoKhv4Cw7E9WBl9IsQGBy_UdvhCDS8-2emSS2OtJDuas606GZK8O44FayAy8tGcm3ik_s/s800/sprites.png) no-repeat; background-color:rgba(217,30,118,.42); -webkit-box-shadow:rgba(0,0,0,.28) 0 2px 3px; -moz-box-shadow:rgba(0,0,0,.28) 0 2px 3px; box-shadow:rgba(0,0,0,.28) 0 2px 3px; color:#141414; text-align:left; text-indent:50px; text-shadow:#333 0 1px 0; white-space:nowrap; line-height:32px; -webkit-transition:width .25s ease-in-out,background-color .25s ease-in-out; -moz-transition:width .25s ease-in-out,background-color .25s ease-in-out; -ms-transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-transition:width .25s ease-in-out,background-color .25s ease-in-out; transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-box-shadow:rgba(0,0,0,.28) 0 2px 3px;}

#tbisose li:after{position:absolute; top:0; left:50px; z-index:2; display:block; height:38px; color:#141414; content:attr(data-alt); line-height:32px;} 

#tbisose .icon{overflow:hidden; color:#fafafa;} 

#tbisose .facebook{width:32px; height:32px; background-color:rgba(59,89,152,0.42); background-position:0 0;} 

#tbisose .twitter{width:32px; height:32px; background-color:rgba(64,153,255,0.42); background-position:0 -33px;} 

#tbisose .googleplus{width:32px; height:32px; background-color:rgba(228,69,36,0.42); background-position:-3px -66px;} 

#tbisose .pinterest{width:32px; height:32px; background-color:rgba(174,45,39,0.42); background-position:0 -95px;} 

#tbisose .rss{ width:32px; height:32px; background-color:rgba(255,102,0,0.42); background-position:-3px -126px;} 

#tbisose li:hover .icon, 

.touch #tbisose li .icon{width:210px;} 

.touch #tbisose li .facebook, #tbisose li:hover .facebook{background-color:rgba(59,89,152,1);} 

.touch #tbisose li .twitter, #tbisose li:hover .twitter{background-color:rgba(64,153,255,1);} 

.touch #tbisose li .googleplus, #tbisose li:hover .googleplus{background-color:rgba(228,69,36,1);} 

.touch #tbisose li .pinterest, #tbisose li:hover .pinterest{background-color:rgba(174,45,39,1);} 

.touch #tbisose li .rss, #tbisose li:hover .rss{background-color:rgba(255,102,0,1);} 

</style> 

<ul id="tbisose"> 

<li data-alt="Follow us on Facebook"><a class="icon facebook" href="#">Follow us on Facebook</a></li> 

<li data-alt="Follow us on Twitter"><a class="icon twitter" href="#">Follow us on Twitter</a></li> 

<li data-alt="Follow us on Google+"><a class="icon googleplus" href="#">Follow us on Google+</a></li> 

<li data-alt="Follow us on Pinterest"><a class="icon pinterest" href="#">Follow us on Pinterest</a></li> 

<li data-alt="Subscribe with RSS"><a class="icon rss" href="#">Subscribe with RSS</a></li> 

</ul>

<small><div style="font-size:80%; text-align:right; text-shadow:2px 2px 2px #adadad;"><a href="http://shadows-k.blogspot.com/2013/02/cara-membuat-icon-follow-us-sosial-media.html"'target="_blank" title="Widget Follow Us">+ Get This Widget Here</a></div></small>

 Ganti semua tanda # yang berwarna biru dengan URL jejaring sosial anda

4. Simpan dan lihat hasilnya diblog anda!

Nah demikian tutorial Cara Membuat Icon Follow Us Sosial Media atau widget follow social media dengan tombol sexy. Semoga bermanfaat!

Original Resaurce
Sumber konten: http://www.tipstrikblogging.com/2012/12/cara-membuat-widget-follow-us-social.html

Cara Hilangkan Angka di Label

SHADOWS || Cara Hilangkan Angka di Label atau Kategori, pasti sudah banyak yang mengetahui. Tetapi bagi para blogger pemula belum banyak yang mengetahui tentang ini, Bagaimana Cara Hilangkan Angka di Label sebenarnya cukup gampang sob coba kita lihat bersama sama ok langsung menuju TKP.

Ikuti langkah langkah di bawah ini:

1. Login terlebih dahulu
2. Masuk template >>HTML>> Jangan lupa centang expand widget
3. Cari kode berikut ini: <data:label.count/>

4. Jika sudah ketemu hapus/delete kode tersebut

5. Apabila kode tersebut ada 2 bagian hapus semua saja
6. Lalu save template sobat dan lihatlah hasilnya

Nah selesai sudah Cara Hilangkan Angka di Label atau Kategori di blog sobat, cukup ringkas dan mudah bukan, semoga bermanfaat untuk kita ketahui.

Cara Membuat Blockquote Agar Tidak Bermasalah

SHADOWS || Bagaimana Cara Membuat Blockquote Agar Tidak Bermasalah, seringkali terjadi masalah pada pengeditan blockquote pada template blogger di karenakan pada setiap template blogger atau blogspot itu tidak sama,sobat Shadows hari ini kita akan membahas sedikit tentang bagaimana Cara Bagaimana Membuat blockquote Agar Tidak Bermasalah dan mengubah tampilan blockquote di blogspot atau blogger.

 Sobat juga bisa menggunakan metode ini jika pada blockquote sebelumnya gagal,jika sebelumnya menggunakan<blockquote> Tulisan yang akan di dalam blockquote ..</blockqute>, kalau yang sekarang <div class="blockquote"> Tulisan Anda di sini ..</div>, dan penulisan ini wajib pada mode edit html.

Untuk Edit tampilan blockquote:

Untuk edit tampilan blockqute tersebut Anda bisa mengubah aturan css di bawah ini dan letakkan di atas kode ]]></b:skin>

.blockquote {margin: 10px 10px 10px 20px;padding: 10px 15px 10px 15px;line-height: 1.6em;color:#3d85c6 ;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhWQmjG22JZeLEuPWwk2M-5p7lU4rC-ehm-G0WXX7VeKg6P29wRF8X6l6fp1L4n6NWaUsNTqsQ_daR5_ZEnt-sYz87LPbLCj4CyXvcI9oVPek7c13CqrqE1nNTzTACSZ0iw2-8XHcVxdw/s1600/blockquote+mini.jpeg)no-repeat top right#fff;border: 2px solid #38761d;border-left: 20px solid #38761d;}

Save template.

border : garis tepi ,2px ketebalan garis tepi,#3871d kode hex atau warna dari garis tepi.
border-left: garis tepi pada bagian kiri
color:#3d85c6: warna text yang di dalam blockquote nantinya.

Sobat juga bisa mengubah gambar yang berada di kanan atas blockquote tersebut pada baris di bawah ini :https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhWQmjG22JZeLEuPWwk2M-5p7lU4rC-ehm-G0WXX7VeKg6P29wRF8X6l6fp1L4n6NWaUsNTqsQ_daR5_ZEnt-sYz87LPbLCj4CyXvcI9oVPek7c13CqrqE1nNTzTACSZ0iw2-8XHcVxdw/s1600/blockquote+mini.jpeg

Semoga Bermanfaat untuk para sobat itulah Cara Membuat Blockquote Agar Tidak Bermasalah, ketika para sobat membuat postingan.

Cara Membuat Tombol Back To Top Dengan Efek Lambat

       SHADOWS || Cara Membuat Tombol Back To Top Dengan Efek Lambat, tentu para sobat pemula akan sedikit kurang paham, Nah Pada kesempatan kali ini saya akan berbagi kepada sobat tentang Bagaimana Membuat Tombol Back To Top Dengan Efek Lambat pada blogspot. Keren bukan jika di pasang di blog sobat.. pasti keren dong karena tombol ini mempunyai efek yang lambat seperti di blog saya ini. 

Apa gunanya Bagaimana Cara Membuat Tombol Back To Top Dengan Efek Lambat ini?

Salah satu kegunaan dari tombol back to top yakni untuk memudahkan pengunjung blog untuk kembali ke menu header atau navigation tanpa harus melakukan scroll pada mouse.

Tutorial untuk pemasangan back to top kali ini yakni menggunakan JQuery versi 1.3.7 (terbaru untuk saat ini). Cara pemasangannya tidaklah rumit dan tanpa harus mengedit CSS template blog, tetapi hanya dengan menambahkan gadget baru (HTML/Javascript) dan memasukkan kode ke dalamnya. Jika sobat penasaran seperti apa tombol back to top yang saya maksudkan lihat dibawah kanan blog saya disini, Bagaimana, menarik bukan...???

Nah jika sobat tertarik untuk memasang tombol to top seperti pada blog saya ini, berikut uraian singkatnya :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" >

var scrolltotop={

    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control

    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).

    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},

    controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihEibIKxKEJDIQ0403JUQwTOBGZW32r9StmRgH_evxwn72S2fVMVYx1kcC2tlvpmqcPzpFL6bEhYgcgk4sdaNqumPTtj3QvbPwmb9SIA6YZcSTCZyPUJB2jzZlrGrsuOlP2_7Zf54aKSLf/s1600/navigate-up-icon.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"

    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner

    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

    state: {isvisible:false, shouldvisible:false},

    scrollup:function(){

        if (!this.cssfixedsupport) //if control is positioned using JavaScript

            this.$control.css({opacity:0}) //hide control immediately after clicking it

        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)

        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists

            dest=jQuery('#'+dest).offset().top

        else

            dest=0

        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);

    },

    keepfixed:function(){

        var $window=jQuery(window)

        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx

        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety

        this.$control.css({left:controlx+'px', top:controly+'px'})

    },

    togglecontrol:function(){

        var scrolltop=jQuery(window).scrollTop()

        if (!this.cssfixedsupport)

            this.keepfixed()

        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false

        if (this.state.shouldvisible && !this.state.isvisible){

            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])

            this.state.isvisible=true

        }

        else if (this.state.shouldvisible==false && this.state.isvisible){

            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])

            this.state.isvisible=false

        }

    },

    init:function(){

        jQuery(document).ready(function($){

            var mainobj=scrolltotop

            var iebrws=document.all

            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode

            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')

            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')

                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})

                .attr({title:'Scroll Back to Top'})

                .click(function(){mainobj.scrollup(); return false})

                .appendTo('body')

            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text

                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text

            mainobj.togglecontrol()

            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){

                mainobj.scrollup()

                return false

            })

            $(window).bind('scroll resize', function(e){

                mainobj.togglecontrol()

            })

        })

    }

}

scrolltotop.init()

</script>

NB:
URL yang saya beri warna merah di atas adalah url foto yang sudah diuplaod sebelumnya, silahkan dengan url foto sobat. ( punya tidak sobat gambar yang lain )??? Jika tidak punya comment ok.

Save template.

Selesai sudah Cara Membuat Tombol Back To Top Dengan Efek Lambat di blog sobat, semoga bermanfaat bagi sobat semua.

Cerita Dua Suku Bangsa Arab dan Chinese

SHADOWS || Alkisah di suatu daerah pinggiran kota hiduplah dua kebangsaan yang berbeda, Ini bermula Cerita Dua Suku Bangsa Arab dan Chinese yang bertetangga dan mereka sama-sama membuka toko obat.

Awal dari persengketaan mereka adalah dari ramainya toko si orang chinese ini, Agar Cerita Dua Suku Bangsa Arab dan Chinese menarik marilah kita simak.

Alkisah di suatu pasar di bilangan Jakarta ada 2 toko obat. Toko obat pertama milik wan Abud keturunan Arab, dan toko yang kedua milik koh Ahing orang keturunan tionghoa. Toko mereka bersebelahan, tapi toko koh Ahing lebih laris dibanding toko milik wan abud. Semakin hari semakin banyak saja pelanggan koh Ahing. Bahkan langganan wan abud juga ikut pindah ke toko sebelah milik koh ahing lantaran koh Ahing bikin promo "TIDAK SEMBUH UANG KEMBALI 3X LIPAT". Wan abud semakin geram saja...

Suatu ketika wan Abud berniat jahat kepada koh Ahing dengan maksud merebut pelanggan koh Ahing dengan strategi nya..

Wan Abud: "sialan si ncek, toko ane jadi ga laku.. Biarin Ntar ane kerjain tuh orang. Ane pura2 sakit trus bilang ke orang2 kLo ane ga sembuh minum obatnya si Ahing".

Wan Abud: "permisi Koh Ahing.."

Koh Ahing: "Eh..wan Abud, tumben..ada apa? Toko nya juga kok blm buka, knp wan Abud?

Wan Abud: "Iya nih koh, ane lagi sakit. Mau beli obat sama ente. Kan obat ente terkenal manjur..sampe2 bikin iklan TIDAK SEMBUH UANG KEMBALI 3X LIPAT segala".

Koh Ahing: "Marah banget roman nya . Ente sakit apa wan Abud??"

Wan Abud: "Ane sakit mati rasa nih koh Ahing"

Koh Ahing: "oohh..mati rasa, saya ada obatnya yg mujarab". "Ling-ling..tolong ambil obat di kotak nomor 8 buat wan Abut" (teriak koh ahing kepada ling2 anak nya)

Tak lama berselang, ling-ling datang membawa obat yang diambil nya dari kotak nomor 8

Koh Ahing: "ini wan abud obat mati rasa nya. Langsung di minum aja wan Abud

Wan Abud: "Ane minum ni yee...

Saat obat baru sampai di lidah wan abud, ia merasakan hal yg aneh..lalu ia berkata

Wan Abud: ": Sialan luh koh, ini mah TAI KAMBING"

Koh Ahing: " ente bilang mati rasa wan abud, itu bisa ngerasain TAI KAMBING? "

Niat jahat wan Abut untuk merebut pelanggan koh Ahing pun gagal lantaran kecerdikan koh Ahing yg sudah membaca niat jahat wan Abud. Dengan perasaan kesal ia pun beranjak pulang ke rumah.

Di rumah ia menyusun rencana lain untuk menjatuhkan koh Ahing. kali ini ia tidak sendiri, tapi dibantu asisten nya yang bernama Udin

Wan Abud : " Udin lu besok ikut gw ke toko si Ahing, gw mo ngerjain dia. Ntar gw pura2 hilang ingatan trus lu minta obat hilang ingatan buat gw sama si Ahing". Trus gw pura2 ga sembuh, nnti lu triak ke orang2 kLo obat dia ga manjur trus lu minta uang ganti rugi 3x lipat

Udin : "Siap juragan

keesokan hari nya Udin dan wan Abud pergi ke toko koh Ahing

Koh Ahing: "eh udin..kenapa itu bos lu kya orang linglung??

Udin: "ini koh, bos saya sakit hilang ingatan, saya minta obat buat nyembuhin bos saya dari sakit hilang ingatan".

Koh Ahing: "Ada kok din, tenang aja." "Ling-ling, tolong ambil obat di kotak nomor 8" (koh Ahing meminta anaknya untuk mngambil obat di kotak nomor 8

yang awal nya berlagak seperti orang hilang ingatan, sembari meninggalkan toko koh Ahing wan Abud berkata

Wan Abud: "Dasar Ncek giLa...gw mau di kasih TAI KAMBING lagi, sialan lu"

Koh Ahing: "kata nya hilang ingatan, itu masih inget sama TAI KAMBING.

Tertawalah sebelum tertawa itu di larang.... wkwkwkwkwkwk

Cara Mudah Ganti Favicon 2

SHADOWS || Pernahkah sobat browsing ke-blog orang lain dan melihat icon blog mereka yang ada di tab browsing sobat (mozilla, google Chrome) dengan lambang icon yang lain, sedangkan di blog kita iconnya hanya seperti ini  tentu saja anda pasti ingin menggantinya Dengan Cara Mudah Ganti Favicon agar bisa lebih menunjukkan ciri khas blog sobat. Yang sebelumnya sudah saya share mengenai cara ganti favicon 1 lihat disini.

Untuk sekarang dengan agar lebih mudah ganti favicon di blog sobat.

Ikuti langkah-langkah dibawah ini:

1) Login ke blogger sobat

2) Sebelum mengcopy script, sediakan gambar berukuran 50px x 50 px. sobat bisa membuatnya sendiri dengan Photoshop, Paint, Flash, dll. atau meng-copy url gambar yang ada di Google dengan ukuran 50px x 50px

3) Jika sobat memakai gambar sendiri, uploadlah gambar tersebut di file hosting, lalu copy URLnya, bila sobat menggunakan gambar yang sudah ada di Google, Photobucket, dll. sobat tinggal copy URLnya

4) Masuk ke rancangan > Edit Html

5) Centang expand template widget

6) Cari kode ]]></b:skin> dengan menggunakan Ctrl+F atau F3

7) Jika sudah ketemu paste kode ini tepat di bawah kode ]]></b:skin>

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiovBS9BZRLsdQelFg0TWklBbkV__GFMbVRxPgCe2Y0FcOX4YXrJf2pLhtX5GU5Vf6ATsVFe3QgvosshBzPT58tQDW4HbHIf9jKmdyLq8Oz70wgARGxbjna_3iA25wGaWjXvod4w0-E2bZy/s320/favicon.jpg' rel='shortcut icon' type='image/x-icon'/>

8) Ubah tulisan berwarna merah tersebut dengan URL Gambar sobat
9) Lalu save
10) Sekarang coba preview blog sobat, bila tidak ada error maka Cara Mudah Ganti Favicon di blog sobat akan berubah.

Semoga dengan mudah ganti favicon di blog sobat bermanfaat...

Cara Mudah Ganti Favicon 1

SHADOWS || Cara mudah ganti favicon, bosan dengan tampilan favicon hanya itu saja?? pasti rata-rata dari kalian yang membuat blog dari blogger pasti faviconnya berlambang/ bersimbol "B" dengan background orange, betul bukan??

Nah, pasti anda bosan, masak tampilan hanya itu saja kurang keren ya gak sob... Sebenarnya anda dapat menggantinya dengan agar mudah ganti favicon gambar yang anda inginkan atau mengganti nya dengan lambang yang menunjukkan bahwa itu blog anda, jadi blog anda mempunyai keunikan tersendiri dari faviconnya.

1. Masuk ke "Dasboard" Blog anda kemudian cari menu "tata letak" disana. kemudian klik saja.
2. Kemudian setelah diklik akan muncul gambar seperti ini.

3. Setelah kata "edit" sudah anda klik terus akan muncul lagi gambar seperti ini.

Kemudian tinggal sobat masukan gambar yang sobat inginkan.. tergantung sobat memilih gambar apa yang sobat sukai..

Nah selesai sudah cara mudah ganti favicon di blog sobat, semoga bermanfaat..

Cara Mendapatkan Url Gambar di Blog

SHADOWS || Cara Mendapatkan Url Gambar di Blog, URL gambar maupun HTML gambar pada dasarnya berbentuk script. URL gambar digunakan saat kita menginginkan sebuah gambar muncul dalam halaman blog atau menginginkan sebuah gambar memilik link ke alamat blog/web tertentu. Sedangkan HTML gambar secara khusus berbentuk script HTML yang digunakan untuk menampilkan gambar tertentu pada halaman blog anda...

Loging pada blog anda mulailah membuat Entri baru klik Insert image.

Dan mulailah dengan bagaimana mendapatkan url gambar di blog, upload gambar anda setetelah meng- upload klik edit html pada halaman entri anda.

Contoh HTML gambar seperti ini:

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2_qqv7JEWEpby2nHOvpGj5nal37PH4eGC-NlhLWk00GRbC_0tEteSmVYSBoUVyvuBf8VUdLG3VZSt1GZpF7aEY8KUlk-dvhJjm_MZ7hkMw_Fu_W_-e-Sc9dtEO3tphxk4M6vpfkV9rHxD/s1600/shadowsblog+url+gambar+anda.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="70" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2_qqv7JEWEpby2nHOvpGj5nal37PH4eGC-NlhLWk00GRbC_0tEteSmVYSBoUVyvuBf8VUdLG3VZSt1GZpF7aEY8KUlk-dvhJjm_MZ7hkMw_Fu_W_-e-Sc9dtEO3tphxk4M6vpfkV9rHxD/s400/shadowsblog+url+gambar+anda.JPG" width="400" /></a></div>

NB: Warna merah ganti dengan URL sobat.

Contoh HTML URL gambar:

<img border="0" height="70" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2_qqv7JEWEpby2nHOvpGj5nal37PH4eGC-NlhLWk00GRbC_0tEteSmVYSBoUVyvuBf8VUdLG3VZSt1GZpF7aEY8KUlk-dvhJjm_MZ7hkMw_Fu_W_-e-Sc9dtEO3tphxk4M6vpfkV9rHxD/s400/shadowsblog+url+gambar+anda.JPG" width="400" />

NB: Warna merah ganti dengan URL sobat.


Nah, ada cara mudah mendapatkan URL dan HTML gambar di blog sekaligus,
yaitu melalui http://tinypic.com. Jadi jika kit butuh URL suatu gambar atau HTMLnya cukup upload saja gambarnya melalui situs ini, enaknya tanpa registrasi dulu. ini lah kenapa saya bilang CARA MUDAH.

Inilah langkah-langkahnya:


1. Sediakan file gambar dalam komputer sobat.
2. Buka situs http://tinypic.com/, klik DI SINI
3. Pilih BROWSE, yaitu untuk menjemput file gambar sobat dari komputer yg telah disediakan.
4. Pilih UPLOAD NOW, tunggu loading
5. Anda liat ada "ADD TAGS", pilih "SAVE"
6. Copy script yang ada di dalam kotak "DIRECT LINK FOR LAYOUT:

Nah sudah selesai selamat mencoba semoga bermanfaat buat para sobat.