Sharing All of The World

nih saya punya Script Membuat Label 3 Dimensi ,,,,
lasngsung aja Gen yah ,,, saya Cape .....

1.masuk Ke Bloger
2.Klik Rancangan ---> terus Klik Edit Html
3 cari Kode ini < b:section class='sidebar' id='sidebar' preferred='yes'>
4.setelah dapat pastekan Kode di bawah ini tepat di bawah Kode di atas ,,,,

< b:widget id='Label99' locked='false' title='Labels' type='Label'>
< b:includable id='main'>
< b:if cond='data:title'>
< h2>< data:title/>< /h2>
< /b:if>
< div class='widget-content'>
< script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
< div id='flashcontent'>Blogumulus by < a href='http://www.roytanck.com/'>Roy Tanck< /a> and < a href='http://www.bloggerbuster.com'>Amanda Fazani< /a>< /div>< script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");so.addVariable("tcolor", "0x333333");so.addVariable("mode", "tags");so.addVariable("distr", "true");so.addVariable("tspeed", "100");so.addVariable("tagcloud", "< a expr:href='data:label.url' style='12'>< /a>< /b:loop>< /tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
< /script>
< b:include name='quickedit'/>
< /div>
< /b:includable>
< /b:widget>

5.simpan Template

Daftar Isi / Sitemap yang ada di blog akan memudahkan baik Sobat sendiri sebagai pemilik website / blog maupun pengunjung blog untuk mencari artikel yang dibutuhkan. Nah Gagaje  akan coba share cara membuat daftar isi yang otomatis menurut label / kategori yang ada di blog. Daftar isi ini saya bagikan dengan 2 versi, yaitu daftar isi biasa dan daftar isi dengan fungsi scroll, anda nantinya dapat memilih salah satunya sesuai dengan selera.

Langsung aja ke TKP Bagaimana cara membuat daftar isi / sitemap berdasarkan label secara otomatis di blogger?


1. Membuat daftar isi blog dengan label tertentu secara otomatis (daftar isi biasa)

Buat postingan baru dan masukkan kode dibawah ini pada mode HTML (bukan compose) lalu publikasikan.

<script src="http://gagaje-blogspot.googlecode.com/files/sitemap%281%29.js"></script><script src="http://sharingallofinfo.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

2. Membuat Daftar isi blog berdasarkan label tertentu dengan fungsi scroll :

Sama dengan cara diatas yakni buatlah postingan baru dan masukkan kode dibawah ini pada mode HTML (bukan compose), lalu publikasikan.

<div style="overflow:auto; border: 1px solid #000000; margin: auto; padding: 3px; width: 100%; height: 500px; background-color: none; text-align: left;"> <script src="http://gagaje-blogspot.googlecode.com/files/sitemap%281%29.js"></script><script src="http://sharingallofinfo.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

Keterangan :
Ganti teks warna merah dengan url blog anda dan anda dapat lihat hasilnya seperti Disini.
Selamat mencoba membuat daftar isi berdasarkan label tertentu di blog, semoga bermanfaat.

Source

Berapa jumlah pengunjung blog sobat?? Bagi sobat blogger yang belum tahu saya sarankan untuk memasang widget ini. Namanya Flag Counter. Flag counter adalah visitor count yang menampilkan jumlah pengunjung blog dengan ciri khas menampilkan bendera negara setiap pengunjung. Contoh bisa sobat lihat di sidebar blog ini.
 kali ini saya akan share cara memasang widget flag counter di blog sobat. Sobat yang penasaran dan tertarik silahkan ikuti tutorial berikut.

1. Sobat kunjungi situs http://flagcounter.com 
Sobat akan melihat tampilan seperti berikut.



2. Seperti pada gambar, di situ sobat bisa mengatur tampilan dari flag counter tersebut sesuka hati.
Berikut beberapa menu editnya..

• Top Countries : menampilkan jumlah pengunjung tiap negara dengan bendera negara asal pengunjung
• Flag Map : menamplkan pengunjung dalam bentuk map aatau peta dunia seperti gambar berikut.

• Mini Counter : menampilan counter dalam bentuk mini berupa pagaview blog.
• Maximum Flag to Show : Jumlah bendera yang akan di tampilkan
• Column of Flags : Jumlah kolom untuk counter
• Label on Top of Counter : Nam dari counternya. bisa di ganti sesuai keinginan.
• Background Color : Warna latar belakang
• Text Color : warna teks
• Border color : Warna garis tepi
• Show Country Codes : Menampilkan kode setiap negara, misalnya amerika dengan kode US.
• Show Pageview Count : Menampilkan jumlah pageview atau jumlah penelusuran halaman di satu blog
• Show Number of Flags : Menampilkan seluruh jumlah bendera asal pengunjung

3. Setelah selesai ngeditnya, klik tulisan GET YOUR FLAG COUNTER. Kemudian sobat akan melihat tampilan seperti berikut.



4. Klik Skip, ambil kodenya, kemudian pasang ke HTML/Javascript blog sobat.


Cara Pemasangan :
Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
Masukkan kode kedalam kotak yang di sediakan kemudian klik save.

Sebelum masuk ke pembuatan, kita harus tau apa itu RSS Feed, RSS Feed atau kepanjang dari Really Simply Syndication Feed adalah metode agar para pengunjung atau pembaca dapat memperoleh berita terkini dengan mudah dan otomatis melalui e-mail. Bila teman-teman berlangganan rss feed pada suatu blog atau website, maka jika pemilik website itu membuat posting atau artikel terbaru, maka teman-teman juga akan otomatis mendapatkannya melalui e-amil tentunya, di sini saya akan menjelaskan langkah-langkah membuat RSS pada blog dengan menggunakan feedburner.




Langsung aja menuju langkah-langkah cara membuat RSS Feed di blog :

1. Mbaksist dan agan-agan buka link -> http://feedburner.com
2. Login deh pake akun gmail kalian
3. Maka akan keluar tampilan sebagai berikut :









4. Masukkan alamat URL feed blog teman-teman dalam kotak “Burn a feed right this instant”. Untuk WordPress masukan http://namadomain.com/feed, Untuk blogspot biasnya adalah: http://domainanda.blogspot.com/feeds/posts/defaults, Biarkan “I am podcaster” tidak tercentang, kemudian klik “Next”.

5. Setelah itu silahkan Ubah feed title dan feed address sesuai keinginan teman-teman. kemudian klik Next, seperti contoh:




7. Klik tab “Publicize”



lalu klik "email subcription" lalu klik "activate"

9. Selanjutnya hanya tinggal mengcopy paste code yang terdapat pada feedburner, untuk di salin pada blog anda

CARA MENAMPILKAN RSS FEED (SUBSCRIPBE)

1. Masuk ke dasbor blog anda
2. Pilih menu "tata letak"
3. add gadget
4. lalu pilih HTML, atau bisa juga memilih RSS FEED
5. Copy paste code yang anda telah copy dari feedburner kedalam "konten" seperti gambar berikut :



6. Selesai dan SELAMAT blog anda telah memiliki rss feed
7. Selesai, semoga bermanfaat

Berikut cara penerapannya :

Catatan : Sebelumnya sobat sudah menautkan fontawesome pada template

Pertama buka Blogger > Template > Klik Edit HTML

Tambahkan kode di bawah ini tepat sebelum  ]]></b:skin> atau </style>

/* CSS Breaking News */
#breakingnews {margin:15px 0 0 0;margin-right:15px;height:42px;line-height:29px;overflow:hidden;background:#fff;border:1px solid #e6e6e6;}
#breakingnews .breakhead {position:absolute;background:none repeat scroll 0 0 #363b40;color:#fff;display:block;float:left;font-family:inherit;font-size:16px;font-weight:400;text-transform:uppercase;padding:6.5px 22px;}
#adbreakingnews li a {font-family:inherit;font-weight:400;color:#666;margin-top:10px;transition:all 0.5s ease-in-out;}
#adbreakingnews li a:hover {color:#359bed;}
#adbreakingnews {float:left;margin-left:75px;margin-top:6px;}
#adbreakingnews ul,#adbreakingnews li{list-style:none;margin:0;padding:0}

@media only screen and (max-width:640px){
#breakingnews {margin:20px 0 0 0;margin-right:0;}
#breakingnews .breakhead {padding:6.5px 14px;}
#adbreakingnews {margin-left:50px;}}

Kemudian tambahkan kode di bawah ini sebelum tag penutup </body>

<script type='text/javascript'>
//<![CDATA[
// Breaking News
$(document).ready(function(){var e="http://twistedshape.blogspot.com",t=20;$.ajax({url:""+e+"/feeds/posts/default?alt=json-in-script&max-results="+t,type:"get",dataType:"jsonp",success:function(e){function t(){$("#adbreakingnews li:first").slideUp(function(){$(this).appendTo($("#adbreakingnews ul")).slideDown()})}var n,r,s="",a=e.feed.entry;if(void 0!==a){s="<ul>";for(var l=0;l<a.length;l++){for(var o=0;o<a[l].link.length;o++)if("alternate"==a[l].link[o].rel){n=a[l].link[o].href;break}r=a[l].title.$t,s+='<li><a href="'+n+'" target="_blank">'+r+"</a></li>"}s+="</ul>",$("#adbreakingnews").html(s),setInterval(function(){t()},5e3)}else $("#adbreakingnews").html("<span>No result!</span>")},error:function(){$("#adbreakingnews").html("<strong>Error Loading Feed!</strong>")}})});
//]]>
</script>

Ganti http://twistedshape.blogspot.com dengan alamat blog sobat

Selanjutnya simpan kode di bawah ini di mana saja bebas, terapkan di dalam tag body (Diantara tag pembuka <body> dan tag penutup </body>) 

<div id='breakingnews'><span class='breakhead'><i class='fa fa-rss'/></span>
<div id='adbreakingnews'>Loading...</div></div>

Jika ingin menampilkan breaking news ini hanya pada halaman utama saja, silakan bungkus markup di atas dengan tag kondisional khusus halaman utama

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div id='breakingnews'><span class='breakhead'><i class='fa fa-rss'/></span>
<div id='adbreakingnews'>Loading...</div></div>
</b:if>

Terakhir simpan template.

#Keterangan, untuk ukuran sobat bisa ubah pada nilai "width".

7. Klik simpan, selesai dan sobat lihat hasilnya.
Contoh hasil pemasangan dua kolom widget.