Hay Sobat Kali Ini Saya Akan Kasih Iklan /banner ,Keren Saya .Agan Mau Gak Kalau Mau Yuk Kita Liat Banner Excange keren nya tolong sebar yah
Kode Gambar:
<a href="http://kakazeotomo.blogspot.com/"><img src="http://i.imgur.com/GwxluFQ.gif" title="Hosted by imgur.com"/></a>
Nanti Yang Ukuran Kecil Belum Bikin yang ukuran kecil nya maaf.
semoga bermanfaat
Kode Gambar:
<a href="http://kakazeotomo.blogspot.com/"><img src="http://i.imgur.com/GwxluFQ.gif" title="Hosted by imgur.com"/></a>
Nanti Yang Ukuran Kecil Belum Bikin yang ukuran kecil nya maaf.
semoga bermanfaat
Hallo Pengunjung Setia .
Saya Akan Memberi Tahu .Cara Untuk Membuat Jumlah Komentar Dan Readmore Secara Berdampingan.
Cara Pertama Centang Expand Template Widget
Sisipkan Kode Dibawah Di Atas Kode ]]></b:skin>
a.A7XDark-48{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:Transparent;font-size:13px;color:#FFF;display:block;border:2px solid #FFF;margin:2px 0;padding:2px 16px;margin-bottom:10px}a.A7XDark-48:hover{background:#FFFFFF;color:#FFF}
Setelah Itu Masukan Kode Ini Diatas <data:post.body/></div>
<div style='float:right'><a class='A7XDark-48' expr:href='data:post.url'> Read More » </a></div><div style='float:right; margin-right:8px'><b:if cond='data:post.allowComments'> <a class='A7XDark-48' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments > 1'> <data:post.numComments/> Comments </b:if> </a> </b:if></div>
Save Template . Selesai
Apa Itu SEO (Search Engine Optimization)?
Berdasarkan wikipedia.org, SEO adalah proses pengoptimasian jumlah traffic ke website melalu hasil pencarian search engine.
Maksudnya begini: mayoritas orang, memulai proses penjelajahannya di dunia maya melalui Search Engine seperti Google. Misalkan anda ingin mencari jawaban tentang “cara merubah fitur comment blog menjadi thread seperti di forum”. Apa yang anda lakukan? kemungkinan besar yang anda lakukan adalah:
- Membuka http://google.com
- mengketikkan keyword “merubah comment menjadi thread” di boks pencarian
- Mengklik boks “search”
- voila, 10 link hasil pencarian dari puluhan halaman pencarian muncul di depan anda.
- Lalu, anda pun menilih link dengan deskripsi paling sesuai untuk anda dari kesepuluh link yang diberikan google, lalu mengkilik link tersebut.
- Jika tidak ada hasil pencarian yang cocok, anda akan mengklik link “berikutnya” atau mulai pencarian baru dengan keyword berbeda.
Nah disini lah peran SEO. karena kebanyakan orang biasanya hanya membuka halaman pertama atau maksimal hingga lima halaman pencarian, sederhananya, yang dilakukanSEO adalah upaya menampilkan halaman website dalam halaman pertama hasil pencarian.
Lalu, Mengapa SEO Menjadi Penting?
Seperti yang sudah saya utarakan tadi, mayoritas pengguna internet masih menggunakan pola yang sama dengan yang saya utarakan diatas: Melakukan pencarian melalui search engine sebagai awal mula penjelajahan data di ranah internet lalu mulai menyusuri link demi link menuju website yang ditunjukan oleh halaman hasil pencarian (SERP – Search Engine Result Page). Fenomena budaya penggunaan search engine ini menciptakan satu realitas tidak yang tidak dapat dipungkiri bahwa muncul di halaman pertama untuk kata kunci yang sering dicari sama dengan traffic yang berlimpah.
Sekedar berbagi pengalaman, saya di bloggingly pun sempat merasakan efek dari hal ini. Satu halaman di bloggingly yang muncul di halaman pertama hasil pencarian Google untuk satu kata kunci yang sedang tengah “hot” atau tengah dicari banyak orang membuat traffic kami melonjak hingga mencapai 1000 unique visitors per hari. Sampai-sampai pihak hosting meminta kami menginstall plugin wp-super-cache. Hihi
Mau Belajar Lebih Dalam Mengenai SEO?
Well, saya juga masih sangat hijau di bidang ini. Namun saya sempat menyimpulkan beberapa kesimpulan sederhana dari pengalaman dan analisa saya atas halaman-halaman blog saya yang muncul di halaman pertama hasil pencarian:
http://itcxgresida.blogspot.com/2012/08/cara-agar-blog-muncul-di-halaman.html
Namun untuk belajar lebih spesifiknya, silahkan langsung mengakses petuah-petuah dari mereka yang memang sangat memahami seluk beluk SEO. Ada 25 blog tentang SEO terbaik yang di listing oleh DailyBlogTips.
Bagaimana pendapat anda mengenai SEO? Apakah anda memiliki pandangan atau referensi lain mengenai SEO? You can share it here
1. Login Ke Blogger
2. Lalu Masuk ke edit HTML,
3. Centang Expand Template Widget.
4. Copy Kode di Bawah ini dan pastekan di atas kode ]]></b:skin>
a.DarkRead{opacity:1.0;float: right;font-size: 38px;height: 90px;width: 500px;z-index:999999;margin-bottom: -105px;margin-right: 10px;position: relative;padding: 5px;border: 3px solid #000;-webkit-background-clip: padding-box;-webkit-box-shadow: 0 0 8pxrgba(0, 0, 0, 0.3);-moz-box-shadow: 0 0 8px rgba(0,0,0,0.3);box-shadow: 0 0 10pxrgba(0, 0, 0, 0.3);border-radius: 5px;background:#DDE4ED;text-align: center;line-height: 84px;-webkit-transition: all 900ms ease-out;-moz-transition: all 900ms ease-out;-ms-transition: all 900ms ease-out;-o-transition: all 900ms ease-out;transition: all 900ms ease-out;}a.DarkRead:hover{opacity:0.2;}5. Lalu Cari Kode <data:post.body/> & Pastekan Kode Berikut Tepat Dibawahnya :
<div style='float:right; font-family: Audiowide, cursive; margin-right:-11px;margin-top:-115px'><a class='DarkRead' expr:href='data:post.url'>Read More » </a></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><div style='float:right; font-family: Squada One, cursive; margin-right:520px;margin-top:-114px'></div>Selesai . . .
NB : Jika Tak Aktif Hubungi Call Center Secepatnya #wkwkwk
Sumber Artikel:http://dark-48.blogspot.com/2012/11/cara-membuat-readmore-seperti-template.html
Suber Blogger :Dark 48
kali ini saya akan share cara membuat Pesan Formulir Komentar Keren Dengan CSS.
Mau liat tampilannya, liat gambar dibawah ini aja
Ingat : kode berwarna hijau itu biasanya ada 2 ( dua )
Tapi Cukup anda cari kode yang berada di bawah kode <b:else/> seperti di atas ..
- Lalu klik KOMENTAR
- Lalu scroll ke bawah dan lihat kata Pesan Formulir Komentar
- Nah isi kolom tersebut dengan pesan anda lalu klik SIMPAN SETELAN / Save Setting
Mau liat tampilannya, liat gambar dibawah ini aja
- Masuk Ke Akun blogger anda
- Klik Rancangan / Template
- Centang Expand template widget
- Cari kode seperti ini :
<b:else/> <p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='430' id='comment-editor' name='comment-editor' src='' width='100%'
Tapi Cukup anda cari kode yang berada di bawah kode <b:else/> seperti di atas ..
- Setelah ketemu ganti dengan kode dibawah ini
<b:else/>
<div id='threaded-comment-form'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='430' id='comment-editor' name='comment-editor' src='' width='100%'/>
- Setelah itu Simpan kode css di bawah ini di atas kode ]]></b:skin>
#threaded-comment-form p {
position: relative;
background: #DD0;
border: 3px solid #38F;
padding: 10px;
font-size: 13px;
line-height: 1.6em;
color: #000;
margin-top: 30px;
}
#threaded-comment-form p::after, #threaded-comment-form p::before {
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
#threaded-comment-form p::before {
border-top-color: #38F;
border-width: 15px;
left: 10%;
margin-left: -36px
}
#threaded-comment-form p::after {
border-top-color: #DD0;
border-width: 9px;
left: 10%;
margin-left: -30px
}
- Setelah itu cari kode seperti ini
document.getElementById(domId).insertBefore(replybox, null);
- Dan Ganti Kode diatas dengan Kode dibawah ini :
document.getElementById(domId).insertBefore(document.getElementById('threaded-comment-form'), null);
- Klik SIMPAN TEMPLATE
- Silahkan anda isikan pesan formulir komentar anda caranya:
- Lalu klik KOMENTAR
- Lalu scroll ke bawah dan lihat kata Pesan Formulir Komentar
- Nah isi kolom tersebut dengan pesan anda lalu klik SIMPAN SETELAN / Save Setting
Sekarang Saya Akan Memposting "TUTORIAL CARA MEMBUAT WIDGET SHARE BUTTON BENTUK TELUR" udah gak pake lama lagi , langsung Aja baca Tutorialnya !
1.masuk ke blog sobat
2.Ke template->edit HTML->centang Expand widget template
3.Tekan CTRL+F lalu cari kode </head>
4.setelah sobat menemukan kode tsb,copy code di bawah ini dan pastekan di bawah kode </head>
<!-- Start Egg Share by http://dark-48.blogspot.com/search/label/Tutorial%20Blogger--><script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher: "bea50586-2b9f-448d-947a-01385f28e305", onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/><!-- End Egg Share by http://dark-48.blogspot.com/search/label/Tutorial%20Blogger -->
5.lalu cari kode </body> setelah itu copy code di bawah ini dan pastekan di atas kode </body>
<!-- Start Egg Share by http://dark-48.blogspot.com/search/label/Tutorial%20Blogger--><div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/></div><script type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareEgg', ['facebook','twitter','googleplus','linkedin','blogger','stumbleupon','sharethis'], {title:' <data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'shareegg'});</script><noscript><a href=" http://dark-48.blogspot.com/search/label/Tutorial%20Blogger /">Blogger Gadgets</a></noscript><!-- End Egg Share By http://dark-48.blogspot.com/search/label/Tutorial%20Blogger -->
6.simpan dan lihat hasilnya !!!
Setelah Tadi saya share widget sharing button bentuk telur sekarang saya akan share tutorial memasang widget sharing button *gak tau apa yah namanya* . langsung ajah kita liat Screenshootnya , dibawah ini *jika dilihat secara teliti mirip illuminati juga yah*
gimana tertarikkah anda wahau sobat blogger ?
jika tertarik berikut cara cara memasang widget share button di blog:
1.masuk ke blog sobat
2.ke tata letak
3.tambah gadget
4.pilih HTML/javascript
5.copy code share button di bawah ini :
<!-- Start Shareaholic Sassy Bookmarks HTML-->
<div class='shr_ss shr_publisher'>
</div>
<!-- End Shareaholic Sassy Bookmarks HTML -->
<!-- Start Shareaholic Sassy Bookmarks settings -->
<script type='text/javascript'>
var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
</script>
<!-- End Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks script -->
<script type='text/javascript'>
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script>
<!-- End Shareaholic Sassy Bookmarks script -->
6.pastekan code Share button tadi
7.simpan dan lihat hasilnya
CSS
/* WAKSharingan */
.WAKsharingan1 { -moz-animation:spin2Pulse 1s infinite linear; -webkit-animation:spin2Pulse 1s infinite linear;margin-top:170px; margin-left:115px;position:absolute;z-index:999;height: 200px; line-height: 46px;border-radius:500px;border-left:10px solid black;border-right:10px solid black;width: 200px;; -moz-animation:WAKspin 1s infinite linear; -webkit-animation:WAKspin 1s infinite linear;animation:WAKspin 1s infinite linear}
.WAKsharingan {margin-top:170px; margin-left:115px;position:absolute;z-index:999;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFvNTxnE7OmuI1KMQQrToHAvCJ14XuqJNYhwbC3qZL4M84ZsLXgtJMTZml4Ovk041zQAnTcrr-c5sf14SUjPaqJuf7Rujh3XLDCtXHHQUCoIQRNgREnloPTP8obTKBaXiFhhh7mumExBVM/s185/supers.png) no-repeat;height: 185px; line-height: 46px;border-left:20px solid black;border-radius:500px;border-right:20px solid black;width: 185px; -moz-animation:WAKspin 1s infinite linear; -webkit-animation:WAKspin 1s infinite linear;animation:WAKspin 1s infinite linear}
@-moz-keyframes WAKspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} }
@-webkit-keyframes WAKspin {0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(-360deg);} }
@keyframes WAKspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} }
HTML
<div id='WAKsharingan1'><div class='WAKsharingan'/></div>
Cara Pasang .
1. Taruh Code CSS di Atas Code ]]></b:skin>
2. lalu Taruh Code HTML di bawah <div id='header-wrapper'>
Selesai .
