Showing posts with label Tutorial Blog. Show all posts
Showing posts with label Tutorial Blog. Show all posts

Wednesday, March 14, 2012

Cara Membuat Burung Twitter Terbang Di Blog

Cara Membuat Burung Twitter Terbang Di Blog sebetulnya hal ini sama saja dengan Cara Membuat Burung Twitter Di Blog dan sudah pernah saya posting dengan judul Membuat Widget Burung Twitter Terbang Di Blog namun yang membedakannya adalah keyword pencarian populernya yang saya tujukan he,he,,

Cara Membuat Burung Twitter Di Blog, Burung Twitter Beterbangan Pada Situs Blogspot Anda yah itulah tutorial blog htc di minggu sore ini ha,ha,, dimana semalam saya sudah posting Cara Disable KLIK KANAN PADA BLOG

Cara Membuat Widget Burung Twitter Terbang Di Blog


dan selanjutnya pun masih akan terus berlanjut dengan tutorial tutorial dasar namun akan saya sortir dengan hasil pencarian google yang lumayan banyak di cari orang termasuk Membuat Widget Burung Twitter Terbang Di Blog

Baiklah, saya akan memberitahukan caranya :

Login Ke Blogger - Rancangan - Tambah Widget - HTML/Javascript

Copypaste Script di bawah ini !

<script type=�text/javascript� src=�http://techgyo.com/wp-content/FlyingTwitbird/tripleflap.js�></script>
<script type=�text/javascript�>
var birdSprite=�http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png�;
var targetElems=new Array(�img�,�hr�,�table�,�td�,�div�,�input�,�textarea�,�button�,�select�,�ul�,�ol�,�li�,�h1&#8243;,�h2&#8243;,�h3&#8243;,�h4&#8243;,�p�,�code�,�object�,�a�,�b�,�strong�,�span�);
var twitterAccount = �http://twitter.com/techgyo�;var tweetThisText = �Twitter � techGyo http://www.techgyo.com/�;tripleflapInit();
</script>
<a id=�theBird� href=�http://twitter.com/ojel88� target=�_blank� style=�display: block; position: absolute; width: 64px; height: 64px; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; z-index: 947; left: 0px; top: 587px; background-position: 0px 0px; background-repeat: no-repeat no-repeat; �></a>
<a id=�theBirdLtweet� href=�http://twitter.com/home?status=Twitter%20-%20techgyo%20http%3A//www.techgyo.com/� target=�_blank� title=�tweet this� style=�position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 30px; z-index: 951; left: 49px; top: 583px; display: none; opacity: 0; background-position: -64px 0px; background-repeat: no-repeat no-repeat; �></a>
<a id=�theBirdLfollow� href=�http://twitter.com/techgyo� target=�_blank� title=�follow me� style=�position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 20px; z-index: 952; left: 54px; top: 613px; display: none; opacity: 0; background-position: -64px -30px; background-repeat: no-repeat no-repeat; �></a>


Ganti tulisan yang di cetak tebal berwarna merah (ojel88) menjadi ID twitter punyamu kemudian save dan jadi deh, burung-burung tweet akan beterbangan di blogmu.
Selamat Mencoba dan semoga berhasil sekian posting artikel tentang Membuat Widget Burung Twitter Terbang Di Blog

lihat juga posting artikel terbaru lainnya cara membuat 3 kolom widget dibawah header dan Cara Menambah Footer 3 Kolom
Rating:4.5

Monday, March 12, 2012

Cara Mengganti Warna Background Blog

 Cara Mengganti background blog - yah itulah tutorial kali ini tentang Cara Mengganti warna background blog - atau Cara Mengubah warna background template blog, sangat behubungan dengan tampilan suatu blog, baik untuk mempercantik blog atau merubah stuktur warna tampilan yang sesuai dengan keinginan si pemilik blog tersebut.

Untuk mengganti background template dengan warna yang diinginkan, caranya masuk Design - Edit HTML dan cari kode css bagian body { dan gantilah bagian background-nya, sebagai ilustrasi kode css bagian body adalah seperti dibawah ini :



body {
text-align:center;
color:#cc0000;
background:#E6E6E6;
font-family:arial,verdana,helvetica,tahoma,Sans-serif;
font-size:100%;
width:100%;
margin:10px 0 0 0;
padding:0;
}

Gantilah pada bagian kode warna hex yang diberi tanda warna hijau, untuk mempermudah dalam pencarian warna, kalian bisa menggunakan tools kode warna. Setelah melakukan penggantian warna, save template kalian dan buka blog kalian untuk melihat hasilnya.

Pada penggantian background warna template blog yang kalian lakukan, hanya akan merubah warna bagian paling belakang blog, untuk menghasilkan hanya satu warna dalam blog, kalian juga harus mengganti background-background pada element css lainnya, seperti bagian #main {, #sidebar { dan bagian #footer { atau bila perlu bagian #header {. Kalian ganti dengan warna yang sama atau hanya menggantinya menjadi background:transparent; pada bagian background tiap element css.

Semoga penjelasan mengenai cara merubah warna background template blog ini bisa menambah pengetahuan kita tentang mengedit template blog.

sumber : http://situseo.blogspot.com/2012/01/merubah-warna-background-template-blog.html

Baca Juga Trik Lainnya Tentang : Cara Mengganti Background Blog dengan Gambar
Rating:4.5

Sunday, March 11, 2012

Cara membuat daftar isi blog dengan scroll

 Cara membuat daftar isi blog dengan scroll - Postingan ini Lanjutan dari Potingan sebelumnya yaitu postingan cara membuat daftar isi di blog, Cara membuat daftar isi blog dengan scroll caranya cukup mudah.. Sobat hanya Tingal Meng-Copy script di bawah ini :


<div style="overflow:auto;width:500px;height:600px;border:0px solid #eee;padding:8px;margin:10px 0 0"><script src="http://muhammadwali2011.googlecode.com/files/scrip%20daftar%20isi%20ali%20bloggers.js"></script><script src="http://ojelhtc.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

Perhatian !!
  • Huruf yang berwarna bisa sobat ganti sesuai Ukuran keinginan sobat..
  • Huruf yang berwarna merah bisa sobat ganti dengan alamat Feed blog sobat sendiri.
semoga postingan tentang Cara membuat daftar isi blog dengan scroll   bermanfaat...

Rating:4.5

Cara Pasang Iklan Di dalam Postingan Blog

Cara Pasang Iklan Di dalam Postingan Blog , Pada Tutorial Blog kali ini akan membahas masalah Iklan bagaimana Cara Memasangnya di Posting dan pada waktu kesempatan sebelumnya saya juga telah membahas Artikel tips dan trik blogspot tentang Cara Pasang Iklan Dibawah Judul Posting Blog dan juga artikel tentang Cara Memasang Widget Twitter di Blog dan untuk kesempatan kali ini adalah Cara Pasang Iklan Di dalam Postingan Blog yang saya ambil dari Gang TutorialKenapa dengan pertanyaan itu? Jawabannya adalah karena gang tutorial akan share tips trik blog sekaligus mau menjawab pertanyaan dari sobat Jurnal Secience.Pasang Iklan Di dalam Postingan BlogOK, dari pada banyak ngebanyol dan basa basi, mending langsung ikuti Cara Pasang Iklan Di dalam Postingan Blog :
  • login ke blogger Klik Rancangan >> edit HTML >> 
  • Tandai Expand Template Widget silahkan cari kode <data:post.body/> 
  • dan letakkan kode dibawah ini tepat diatasnya. 
  • Jika sobat sudah memakai readmore, 
  • silahkan sobat pilih yang 2 karena <data:post.body/> ada 2. 
  • Apbila hasilnya tidak sesuai dengan selera, sobat pilih yang no 1. So, 
  • tinggal di coba saja ya sob... 
  • <b:if cond='data:blog.pageType == &quot;item&quot;'><div style='float: right; margin-bottom:5px; margin-left:5px;'>Silahkan masukkan kode iklan disini</div></b:if> silahkan simpan tempalate.Oya, jangan lupa kode iklan di parse dulu sob. Sobat bisa pakai ini Parse HTMLOK.
  • Sampai disini dulu Cara Pasang Iklan Di dalam Postingan Blog. Semoga bermanfaat dan selamat mencoba..Sumber : http://sandydoank12.blogspot.com/2011/12/pasang-iklan-di-dalam-postingan-blog.html
Rating:4.5

Cara Memasang Widget Twitter di Blog

 Cara Memasang Widget Twitter di Blog - Yah lagi-lagi kali blog saya kali ini akan memberikan Tips mempercantik Blog. yaitu Cara Memasang atau membuat Widget Twitter di Blog - dan masih seputar Tutorial Blog tentunya buat sahabat.


Membuat Widget Twitter di Blog.
Ingin menampilkan status twitter di blog ?? langsung saja saya berikan tips cara pasang widget twitter di blog :
Berikut langkah-langkahnya :

  • Login ke situs https://twitter.com/about/resources/widgets
  • Pilih Profile Widget
  • Isi nama akun twitter teman sobat
  • Setelah itu pilih Finish & Grab Code atau pilih Test settings untuk melihat hasil yang akan di buat
  • Setelah muncul code widget Twitter
  • Copy semua code widget twitter kedalam blog anda, 
  • caranya masuk ke menu Design > Add a Gadget
    paste code tersebut ke dalam Add a Gadge lalu save dan lihat hasilnya

Rasanya cukup mudah bukan tips Cara Memasang Widget Twitter di Blog kali ini buat sahabat yang ingin Pasang Widget Twitter di Blog. Selamat mencoba mempercantik blog. dan lihat juga tutorial Cara Membuat Burung Twitter Terbang Di Blog
 
Source : http://ageboy.blogspot.com/

Rating:4.5

Cara Membuat Burung Twitter Terbang Di Blog

Cara Membuat Burung Twitter Terbang Di Blog sebetulnya hal ini sama saja dengan Cara Membuat Burung Twitter Di Blog dan sudah pernah saya posting dengan judul Membuat Widget Burung Twitter Terbang Di Blog namun yang membedakannya adalah keyword pencarian populernya yang saya tujukan he,he,,
sebelumnya lihat dulu postingan baru saya Cara Mengganti Kursor di Blog Dengan Gambar

Cara Membuat Burung Twitter Di Blog, Burung Twitter Beterbangan Pada Situs Blogspot Anda yah itulah tutorial blog htc di minggu sore ini ha,ha,, dimana semalam saya sudah posting Cara Disable KLIK KANAN PADA BLOG

Cara Membuat Widget Burung Twitter Terbang Di Blog


dan selanjutnya pun masih akan terus berlanjut dengan tutorial tutorial dasar namun akan saya sortir dengan hasil pencarian google yang lumayan banyak di cari orang termasuk Membuat Widget Burung Twitter Terbang Di Blog

Baiklah, saya akan memberitahukan caranya :

Login Ke Blogger - Rancangan - Tambah Widget - HTML/Javascript

Copypaste Script di bawah ini !

<script type=�text/javascript� src=�http://techgyo.com/wp-content/FlyingTwitbird/tripleflap.js�></script>
<script type=�text/javascript�>
var birdSprite=�http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png�;
var targetElems=new Array(�img�,�hr�,�table�,�td�,�div�,�input�,�textarea�,�button�,�select�,�ul�,�ol�,�li�,�h1&#8243;,�h2&#8243;,�h3&#8243;,�h4&#8243;,�p�,�code�,�object�,�a�,�b�,�strong�,�span�);
var twitterAccount = �http://twitter.com/techgyo�;var tweetThisText = �Twitter � techGyo http://www.techgyo.com/�;tripleflapInit();
</script>
<a id=�theBird� href=�http://twitter.com/ojel88� target=�_blank� style=�display: block; position: absolute; width: 64px; height: 64px; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; z-index: 947; left: 0px; top: 587px; background-position: 0px 0px; background-repeat: no-repeat no-repeat; �></a>
<a id=�theBirdLtweet� href=�http://twitter.com/home?status=Twitter%20-%20techgyo%20http%3A//www.techgyo.com/� target=�_blank� title=�tweet this� style=�position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 30px; z-index: 951; left: 49px; top: 583px; display: none; opacity: 0; background-position: -64px 0px; background-repeat: no-repeat no-repeat; �></a>
<a id=�theBirdLfollow� href=�http://twitter.com/techgyo� target=�_blank� title=�follow me� style=�position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 20px; z-index: 952; left: 54px; top: 613px; display: none; opacity: 0; background-position: -64px -30px; background-repeat: no-repeat no-repeat; �></a>


Ganti tulisan yang di cetak tebal berwarna merah (ojel88) menjadi ID twitter punyamu kemudian save dan jadi deh, burung-burung tweet akan beterbangan di blogmu.
Selamat Mencoba dan semoga berhasil sekian posting artikel tentang Membuat Widget Burung Twitter Terbang Di Blog

lihat juga posting artikel terbaru lainnya cara membuat 3 kolom widget dibawah header dan Cara Menambah Footer 3 Kolom
Rating:5

Saturday, March 10, 2012

Cara Pasang Widget Lintas Berita Pada Blog

 Cara Pasang Widget Lintas Berita Pada Blog - Tutorial ini saya ambil dari blog kang musa yaitu Bagaimana Cara Memasang Widget Lintas Berita Di Blog - Ada banyak web layanan social bookmarking untuk submit artikel, baik dalam maupun luar negeri. Salah satu web layanan sosial bookmark terbaik di Indonesia adalah lintasberita.com. Salah satu fasilitas yang diberikan oleh lintasberita.com adalah Kontribusi Berita. Yaitu widget untuk mengirim berita ke Lintas Berita. Normalnya, untuk berkontribusi sebuah berita ke Lintas, Anda harus login, memasukkan Judul Berita, URL dan Deskripsi, namun dengan widget ini, langkah untuk berkontribusi berita menjadi lebih singkat dan mudah.

Apa saja keuntungan memasang widget lintas berita untuk blog anda?
  • Memberi kemudahan dan kenyamanan bagi Anda untuk mempublikasikan tulisan atau berita Anda.
  • Lintas Berita merupakan tujuan utama untuk para pembaca yang ingin mencari berita berita bagus dan penting.
  • Mempublikasikan artikel ke Lintas Berita merupakan tanda bahwa Anda percaya bahwa tulisan Anda berkualitas dan berguna bagi para pembaca.
  • Memberi kemudahan kepada para pengguna internet untuk menemukan berita Anda.
  • Memudahkan pengunjung website Anda untuk menyebarkan tulisan Anda ke Lintas Berita.

Jika Anda berminat memasang widget lintas berita ini, berikut langkah-langkahnya.
  • Login Blogger -> Setting -> Edit HTML -> Expand Widget Template.
  • Copy paste kode berikut ini dan letakkan tepat di bawah <data:post.body/>.

<a expr:href='&quot;http://www.lintasberita.com/kirimmedia/url:&quot; + data:post.url' rel='nofollow' target='_blank'><img src='http://www.lintasberita.com/buttons_lb/lintasberita-32x32.gif' alt='lintasberita'/></a>

lintasberita

<a expr:href='&quot;http://www.lintasberita.com/kirimmedia/url:&quot; + data:post.url' rel='nofollow' target='_blank'><img src='http://www.lintasberita.com/buttons_lb/lintasberita-32x32-2.gif' alt='lintasberita'/></a>

lintasberita

<a expr:href='&quot;http://www.lintasberita.com/kirimmedia/url:&quot; + data:post.url' rel='nofollow' target='_blank'><img src='http://www.lintasberita.com/buttons_lb/lintasberita-80x15.gif' alt='lintasberita'/></a>

lintasberita

<a expr:href='&quot;http://www.lintasberita.com/kirimmedia/url:&quot; + data:post.url' rel='nofollow' target='_blank'><img src='http://www.lintasberita.com/buttons_lb/lintasberita-100x20.gif' alt='lintasberita'/></a>

lintasberita

<a expr:href='&quot;http://www.lintasberita.com/kirimmedia/url:&quot; + data:post.url' rel='nofollow' target='_blank'><img src='http://www.lintasberita.com/buttons_lb/lintasberita-180x35.gif' alt='lintasberita'/></a>

lintasberita

Silahkan pilih salah satu dari widget tersebut dan lihat perubahannya. Sekarang Anda bisa langsung berbagi postingan terbaru Anda ke Lintas Berita. neh yang mau download Font Hancaraka : Hanacaraka font

sumber : http://www.kangmusa.com
Rating:4.5

Tuesday, March 6, 2012

Cara Membuat Menu TabView dengan JQuery

Cara Membuat Menu TabView dengan JQuery - TabView pada blog sering digunakan untuk menghemat ruang untuk menampilkan widget, disamping itu tabview juga akan memberi kesan cantik jika dipoles dengan menu tabview yang menarik, nah kali ini saya akan memberikan tutorial tentang cara membuat menu tabview dengan jQuery di blog.

Tabview pada blog yang satu ini berbeda dengan tabview yang lainya, karena dengan menggunakan script ini, maka beberapa widget kamu akan secara otomatis adi menu di tabview, untuk lebih jelasnya silahkan lihat gambar dibawah ini dulu!

menu jquery
Yang pertama yang bertuliskan kode disini adalah script tabview yang kamu pasang, dan tab 1,tab 2, dan tab 3 adalah widget kamu yang otomatis membentuk tabview, praktis kan? nah, bagaimana membuatnya? ikuti langkah-langkah di bawah ini!
  • Login ke blogger 
  • Klik rancagan atau design
  • klik edit html
  • expand template sobat dengan memberi centang di kotak pojok template editor sobat.
  • cari kode </head> dan letakkan kode berikut di atas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
  • Sekarang sobat tambahkan widget baru, letakkan paling atas dari beberapa widget yang akan sobat jadikan tabview seperti penjelasan dan gambar diatas, copy dan paste kode berikut!
<style type="text/css">
.blogtabs {padding: 0px !important;border: 0 solid #bbb;}
.blogtabs h2 {float: left;margin: 0 2px 4px 0;font-size: 12px;padding: 3px 5px;border: 1px solid #bbb;overflow: hidden;position: relative;background: #e0e0e0;cursor:pointer;}
html .blogtabs h2.active {background: #fff;}
.blogtabs .widget-content {border: 1px solid #bbb;padding: 10px;background: #fff;clear:both;margin:0;}
.btab, #showtabs {display:none;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script type="text/javascript" src="http://ayriyzone.googlecode.com/files/SimpleTabViewJQuery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#showtabs').simpleBlogTab ({organictabs: 3});
});
</script>
<div id="showtabs"></div>
  • Lalu simpan.
silahkan letakkan 3 widget dibawah widget kode tabwiew diatas, dan lihat hasilnya, maka 3 widget dibawahnya akan terkumpul secara otomatis, nah demikian tutorial singkat tentang cara membuat menu tabview dengan jQuery, semoga bermanfaat dan selamat mencoba! Baca Juga :  Memasang tag permalink dibawah postingan
Rating:4.5

Cara Pasang Tag Permalink Artikel dibawah Postingan

 Cara Pasang Tag Permalink Artikel dibawah Postingan Blog - Cara Membuat Tag Permalink Artikel dibawah Postingan  yah itulah tutorial blog yang akan saya share kali ini mengenai Cara Membuat Tag Permalink Artikel dibawah Postingan Blog - Memasang tag permalink dibawah postingan mungkin sudah banyak rekan yang mengetahui. Fungsi dari Tag permalink artikel ini adalah untuk memaksimalkan permalink serta judul disetiap posting artikel blog. Maksudnya, kita memberi penjelasan kepada pembaca tentang judul, alamat permalink, serta anchor artikel tersebut, trik ini dapat mempengaruhi seo blog kita karena cukup memperkuat keyword kita. lalu bagaimana Cara Pasang Tag Permalink Artikel dibawah Postingan? berikut tutorialnya :
  •  Login ke akun blogger rekan
  • Pilih rancangan dan klik edit template, expand widget template
  • Pasang css berikut ini dan letakkan diatas ]]></b:skin>
.permalinktag
{border: 1px solid #EFF0F1;

padding: 5px;

background: #ffffff;-moz-border-radius:5px;}

.permalinktag a

{background:none;}

img.float-right {margin: 5px 0px 0 10px;}

img.float-left {margin: 5px 10px 0 0px;}
  • Cari kode <data:post.body/> atau <p><data:post.body/></p>
  • Jika sudah ditemukan, ganti kode tersebut dengan kode dibawah ini :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p><data:post.body/></p>
<div class='permalinktag'>
<center><small>Anda sedang membaca artikel <strong><u><data:blog.pageName/></u></strong> dan artikel ini url permalinknya adalah <strong><data:post.url/></strong></small></center><center><small>Semoga artikel <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> ini bisa bermanfaat.</small></center></div>
<b:else/>
<p><data:post.body/></p>
</b:if>
  • Save template
  • Selamat Mencoba dan Semoga Berhasil
Semoga Bermanfaat,, baca juga Tutorial Blog Tentang : Cara Agar Breadcrumbs Terindex Google
Rating:4.5

Cara Agar Breadcrumbs Terindex Google

Cara Agar Breadcrumbs Terindex Google - Cara Membuat Menu Navigasi Breadcrumb Terindex Di Google - Saya mau share tutorial lagi nih sobat sekalian yaitu Cara Agar Breadcrumbs Terindex Google, keren kan sob, url blog kita bisa dipersingkat. Yuk langsung aja langkah-langkah cara membuatnya.
  • Pertama-tama masukan kode css di bawah ini kemudian taruh di atas kode ]]></b:skin>

.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}


  • setelah itu cari kode <b:includable id='main' var='top'>, hapus kode tersebut dan ganti dengan kode berikut,
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

Save template. untuk mengecek kinerja breadcrumb, silahkan sobat buat artikel dengan menyertakan label yang sudah terindex oleh google (untuk mengeceknya sobat tinggal copy paste url label ke google). setelah membuat artikel baru, tunggu hingga artikel tersebut terindex, dan lihat hasilnya

Selamat Mencoba... Baca Juga Tutorial Cara Cepat Keluar dari Google Sandbox

Rating:4.5

Cara Cepat Keluar dari Google Sandbox

 Cara Cepat Keluar dari Google Sandbox bagaimana sebuah blog dapat keluar dari Google Sandbox. Dengan melakukan beberapa cara di bawah ini diharapkan postingan atau blog Anda yang terkena efek sandbox segera kembali ke peredaran dalam arti lain terindeks kembali oleh Google. Pada umumnya sebuah blog yang terkena efek sandbox akan keluar setelah beberapa bulan. Namun dengan beberapa cara berikut ini, akan membuat blog lebih cepat keluar dari Google Sandbox.

Cara Cepat Keluar dari Google Sandbox
  1. Edit artikel yang terkena efek sandbox dengan menambahkan beberapa kata atau kalimat baru. Cek link yang ada, pastikan tidak ada yang broken link. Anda juga bisa tambahkan beberapa link atau menguranginya. Intinya lakukan update pada postingan yang bersangkutan.
  2. Buat postingan yang berhubungan dengan Google Sandbox dan arahkan link ke postingan yang terkena efek tersebut.
  3. Resubmit Sitemap blog Anda dengan menggunakan bantuan Google Webmaster Tools. Baca posting submit sitemap untuk lebih jelasnya.
  4. Berikan beberapa backlink berkualitas ke postingan yang bersangkutan. Anda bisa lakukan dengan berkomentar di blog lain atau menaruh link tersebut di blog dummy Anda.
  5. Dan yang terakhir adalah "berdoa" semoga blog Anda lekas keluar dari efek ini dan dapat diindeks kembali oleh Google.

Mungkin jika Anda googling, Anda akan mendapati beberapa cara keluar dari Google Sandbox yang berbeda-beda. Memang pengalaman beberapa blogger yang pernah terkena efek Google Sandbox berbeda-beda. Semoga Anda tidak sampai terkena efek Google Sandbox ini. 

Baca juga artikel lainnya : Cara Membuat Label Blogger Menjadi 2 Kolom

sumber : http://www.kangmusa.com/2011/03/cara-cepat-keluar-dari-google-sandbox.html
Rating:4.5

Cara Pasang Tombol Print Pada Blog

Cara Pasang Tombol Print Pada Blog - Ok, to the point aja ya sob..Label Tips dan Trik kali ini membahas mengenai Cara memasang Tombol print pada blog, Cara-nya mudah sob, sobat hanya dengan mengcopy paste kode berikut: Baca Juga : Cara Membuat Teks Area di Blog

Ada 3 Script yang bisa sobat gunakan :


=>SCRIPT PERTAMA
Silahkan copy:
<a href="javascript:print(document)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0reXWAgSOTjeV96hrJ1LOs1_sZqTy1xAcL8QLEDxRqHs2aoV8-Izc9HqnEEZDrA6YSzVEwugKIUunRrMNxdxLQTM63NJPfphEUPVC7xvdvmjD9ui-H4FGWdJXSfuCoPjk1hmSyOnaSCpy/s1600/icon+print.png" alt="Cetak Halaman Ini" border="0"/>&#160;Cetak Halaman Ini</a>
Jadi nya seperti di bawah ini :
Cetak Halaman Ini Cetak Halaman Ini


=>SCRIPT KEDUA
Atau bisa juga kode di bawah ini :

<a href="javascript:print(document)">

<img src="http://amen24.googlepages.com/printer.png"
  
alt="print this page" border="0" /> Print this page</a> 

Jadinya seperti di bawah ini :

print this page Print this page


=>SCRIPT KETIGA
bisa juga sobat copy kode ini :

<form>  <img src='http://amen24.googlepages.com/printer.png'/>   <input onclick='print()' type='button'   value='Print this page'/>  </form> 
 
Jadinya Seperti ini :



dari ketiga script tersebut sobat bisa memilihnya salah satu...
Selesai Mudah bukan... Baca Juga : Cara Memasang Tombol Like Button Facebook di Blog

Rating:4.5

Cara Membuat Like Box (Fans Box) Facebook di Blog

Cara Membuat Like Box (Fans Box) Facebook di BlogCara Membuat Kotak Like This Facebook di Blog - Selamat Pagi Sobat netter dan bloger,di postingan Sebelumnya sudah kita bahas Cara Memasang Tombol Like Button Facebook di Blog Trik Itu juga bisa di Gunakan Untuk Blog Pemula yang Blognya Ingin Cepat Di Kenal.., Balik Ke Pembahasan berikutnya Sebelumnya ada yang saya ingin katakan, Sebenarnya Sudah Banyak Forum yang Membahas Cara ini, Namun buat yang masih newbie belum tahu caranya, Seperti saya yang tadi tidak tahu akhirnya menjadi Tahu, dengan menulis postingannya langsung secara Langsung demi memenuhi kebutuhan para netter.. Baca : Cara Meningkatkan Pageview
Jika anda ingin memiliki sidebar seperti itu syarat yang pertama harus punya akun facebook jika belum punya silakan daftar disini www.facebook.com
1.   Setelah mimiliki akun FB silakan anda login terlebih dahulu ke facebook.
2.   Bukalah halaman ini : http://www.facebook.com/pages/create.php jika anda belum punya community page
3.   atau Pilih "create a page" atau klik disini
4.   Akan muncul seperti gambar di bawah ini, dan isi sesuai nama komunity anda
Pilih zona apa yang hendak kamu buat, apa perusahaan, bisnis, merk ds, agang, artis, huburan, atau community. (nah klo di merk/produk saat di klik dan di scrool ke bawah ada catagori situs web)
 akan ada ada form yang harus di isi lengkapilah. setelah itu klik create community page.
Baiklah sekarang kamu sudah memiliki halaman fans untuk blog kamu,..

Berikutnya adalah Cara Membuat like This Box Facebook di Blog
a. ini ada dua cara yang pertama (yang saya pake)
sunting halaman >> pemasaran >>tambahkan kotak suka ke situs web anda
b. sebenarnya lebih singkat maklum lasil googling
    tinggal klik link ini https://developers.facebook.com/docs/reference/plugins/like-box/
1. Pilih Like Box
Perhatikan gambar di bawah ini :
Sekarang yang perlu kamu masukan bukan ID community, tetapi masukan url pagenya.. tepat di kolom "Facebook Page url"

Keterangan :
Width : lebar widget
Height : ketinggan dari widget
Connections : jumlah max penggemar yang di munculkan
Stream : menampilkan komentar di community page anda
Header : menampilkan kata "find us on facebook"

7.  Setelah selesai silakan klik Get Code, dan copy kode yang anda dapatkan
Perlu di perhatikan yang harus Anda ambil adalah kode Iframe-nya..  Selanjutnya
8.   Login ke Blogger
9.   Pilih Edit Tampale / Tata Letak
10.  Lalu Tambah Widget / Gedget
11.  Pilih HTML / Javascript
12.  Salin kode yang sudah di Copy tadi , Lalu Simpan
13.  Selamat FANPAGE Facebook Anda Sudah Di Tampilkan di Blog Anda..
Sumber:Facebook

Selamat Mencoba..
GOOD LUCK..Rating:4.5