Artikel Terbaru
Home » Blog
Showing posts with label Blog. Show all posts
Showing posts with label Blog. Show all posts

Merubah Ukuran Huruf Font Judul Posting


Postingan ini di maksudkan sebagai backup saya apabila suatu saat lupa bagaimana merubah yang namanya besar kecilnya huruf font enggak kurang dan enggak lebih hehehe.... dan tentunya berbagi dengan sobat semua

Langsung saja sob,  ini dia langkah tentang  Merubah Ukuran Huruf Font Judul Posting :


* Login/masuk ke Blogger sobat –> Rancangan –> Edit HTML
* Cari baris kode .post h3 { sepertisi bawah ini:


.post h3 { 
  margin:.25em 0 0; 
  padding:0 0 4px; 
  font-size:140%; 
  font-weight:normal; 
  line-height:1.4em; 
  color:$titlecolor; 
}

* Sobat tinggal merubah  pada font-size sesuai ukuran yang diinginkan, misalnya menjadi 200%.
* Lalu Simpan/save template.

Semoga bermanfaat..
Diposting oleh Unknown at 6/10/2013, Tambah Komentar
Selengkapnya >>

Cara Menghilangkan Powered By Blogger Di Blog

Flamboyan68 - Cara menghilangkan powered by blogger, sebenarnya tidak diperbolehkan oleh yang punya akan tetapi sebagian para blogger kurang nyaman dengan adanya tulisan itu membuat tampilan blognya kurang oke kata anak abg sekarang hehehe..tulisan itu merupakan template bawaan dari blogger dan selalu terdapat tulisan powered by blogger. 

Sebenarnya terdapat banyak cara untuk adjustment tulisan ini ada yang menghapus permanen, dan menyembunyikan semata tulisan tersebut. Seperti halnya menghilangkan tanda tombol tang dan obeng di blog, lalu juga seperti menghilangkan tulisan langganan entri atom, dan lain-lain.

Dan apabila sobat semua ingin menyembunyikan tulisan powered by blogger  ikuti cara dan langkah di bawah ini:

* Login ke akun blogger >> Dashboard sobat.
* Lalu pilih Template  >> Edit HTML 
* Kemudian cari kode ]]></b:skin>  untuk mempermudah pencarian gunakan Ctrl+F 
* Setelah menemukan kode tadi, sobat copy kode dibawah ini dan paste tepat diatas kode ]]></b:skin>


#Attribution1 {
height:0px;
visibility:hidden;
display:none;
}   

* Simpan template
* Sobat kembali ke blog klik salah satu artikel untuk melihat hasilnya.

Note: Cara diatas tadi bukan untuk menghapus tulisan powered by blogger dalam template, akan tetapi menyembunyikannya sehingga tampilan powered by blogger hilang. 

Semoga bermanfaat...
Diposting oleh Unknown at 6/07/2013, 10 Comments
Selengkapnya >>

Cara Memasang Jumlah Komentar Di Sisi Judul Postingan


Flamboyan68 - Apa kabarnya, sob? pastinya baiklah, yah?. Postingannya masih seputar blog yaitu mengenai " Cara Memasang Jumlah Komentar Di Sisi Judul Postingan ".  Contoh screenshot hasil tampilannya ada di gambar atas postingan, kurang lebih begitu hasilnya.
Kalau sobat semua berminat untuk pasang di blog, ikuti cara dan langkah-langkah di bawah ini :


Seperti biasa sebelum masuk ke edit html, sobat semua backup dulu template nya supaya terhindar dari kesalahan atau kegagalan dalam memasang kode scriptnya.

  • Login / masuk ke sobat Blogger > Dashboard  > Design / Rancangan
  • Klik > Edit HTML
  • Cari code ]]></b:skin> untuk mempermudah pencarian gunakan Ctrl F
  •  Setelah ketemu dengan kode tadi letakkan kode CSS di bawah ini tepat diatas kode ]]></b:skin>

 
.comment-ballon{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTAM2tLMSKojDUyYflb7gBMF45p7kTcZKfsTDUKvmzHodrjnVQxd-fbgNnzMn4-h-_O2jkQ7UYQYuNjM-8WZVidh9l-S40-V5DCc8SGE_ipfw3HdKZhntwcuePOGR62ECkBBqYjzhSCDw/s1600/comments.png) no-repeat;
width:32px;
height:32px;
text-align:center;
font-size: 16px;
float: right;
padding-top: 3px;
margin-right: 10px;
font-color: #ffffff;
}
.comment-ballon a{
color: #000000;
}



  • Setelah itu cari kode  <a expr:name='data:post.id'/> untuk mempermudah pencarian gunakan bantuan Ctrl + F. Dan sobat pasti akan menemukan 2 kode tersebut dan pilih salah satunya kalau gagal pilih satu lagi.
  • Apabila ketemu dengan kode letakkan kode dibawah tepat diatas kode <a expr:name='data:post.id'/>
<div class='comment-ballon'><b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/> </b:if></a>
</b:if></div>


  • Save / simpan template (cat: Preview / Pratinjau dulu sebelum di save / simpan.
  • Selesai
Selanjutnya apabila sobat ingin menghilangkan jumlah komentar dibawah postingan, sobat tinggal cari kode  di bawah ini lalu HAPUS kode tersebut:
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>
Selamat mencoba, semoga berhasil dan bermanfaat bagi sobat semua...
Diposting oleh Unknown at 6/04/2013, Tambah Komentar
Selengkapnya >>

Situs Pembuat Banner Gift dan Flash




Flamboyan68 - Apa kabar, sob? sehat semua khan?.  Pada postingan kali ini saya akan berbagi dengan sobat semua tapi bukan buat para master tentunya hehehe..dan sumber artikel ini saya ambil dari blog tetangga dan linknya ada di bawah postingan ini. 

Postingannya mengenai dan enggak jauh dari blog itu tuh  dapur-dapur pembuat banner. 
Banner kreator ini bersifat online tapi jangan kwatir gratis kok, so.. bagi sobat yang belum tahu dan sudah wara wiri alias nyari-nyari daftar situs pembuat banner flash maupun gift. 

Langsung saja sobat kunjungi  daftar-daftar situsnya pembuat banner online gratis di bawah ini :

  • Situs pembuat banner flash :
1. http://www.bannersketch.com/
2. http://www.bannerfans.com/
3. http://www.banner4five.com/
4. http://www.effectgenerator.com/
5. http://www.flashbannernow.com
6. http://www.quickbanner.com
7. http://www.flash-banner-maker-online.com
8. http://www.123-banner.com
9. http://bannersabc.com
  • Situs pembuat banner gift :
1. http://www.3dtextmaker.com/
2. http://www.flamingtext.com/
3. http://www.cooltext.com
4. http://www.loogix.com
5. http://www.createagif.net
6. http://gickr.com
7. http://picasion.com


Sekian dulu postingan kali ini semoga bermanfaat bagi sobat semua..
Happy surfing.......

sumber : http://tyrexcom.blogspot.com/2013/04/daftar-situs-pembuat-banner-gift-dan-flash-online-gratis.html
Diposting oleh Unknown at 6/04/2013, Tambah Komentar
Selengkapnya >>

Cara Membuat Read More Pada Blog

Flamboyan68 - Apa kabar, sob? Malam menjelang subuh ini ane akan memposting dan ini ane akan share lagi mengenai "Cara Membuat Read More Pada Blog". 

Sebenarnya tujuan ane nge_share alias memposting tiada lain cuma untuk backup doang apabila suatu saat script read more punya ane tiba-tiba hilang, khan gawat. So..ane simpan sekalian bagi-bagi buat para blogger nubie kayak ane. Memasang kode script yang satu ini gampang tapi cukup membutuhkan konsentrasi dan ketelitian dalam pemasangan kodenya. Kita langsung aja ke tempat kejadian perkaranya ya, sob..hehehe..
  • Masuk / login ke blogger sobat.
  • Catatan: Sebelum masuk ke edit html jangan lupa untuk melakukan backup dengan cara unduh template  lengkap agar terhindar dari kegagalan / kesalahan dalam pemasangan kodenya.  
  • Lalu pilih Template   >>  Klik Edit HTML 
  • Kemudian cari kode  </head> untuk mempermudah pencarian gunakan Ctrl + F
  • Setelah menemukan kode tadi masukan kode dibawah ini dan letakan / paste kan tepat diatas kode </head>

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 350;
summary_img = 300;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
/*
Bumi Informasi
http://bumi-informasi.blogspot.com - Kumpulan Berita dan Informasi Terbaru
*/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}}
strx = s.join("");}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 2px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';summ = summary_img;}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;}
//]]>
</script>

  • Kemudian setelah itu cari lagi kode ini <data:post.body/> apabila sudah ketemu, gantikan kode tersebut dengan kode dibawah ini. Sobat akan menemukan kode tersebut lebih dari satu.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right;font:normal 9px Arial;text-transform:uppercase;padding:2px 5px 0 0;'><a expr:href='data:post.url'><img src='https://lh6.googleusercontent.com/-FwOHKtFSP5I/UObRrk3BRHI/AAAAAAAAAeI/m-C5R2snR5M/s108/Read%2520More.png'/></a></span>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>

</b:if>

  • Klik simpan / save.
Sekian dulu postingan kali ini semoga bermanfaat buat sobat-sobat dan sampai jumpa.
Selamat mencoba.......
sumber : http://bumi-informasi.blogspot.com/2013/01/cara-membuat-read-more-pada-blog.html
Diposting oleh Unknown at 5/22/2013, Tambah Komentar
Selengkapnya >>

Cara Menampilkan Total Posting Dan Komentar Di Blog


Flamboyan68 - Postingan kali ini saya akan berbagi artikel tentang " Cara Menampilkan Total Posting Dan Komentar Di Blog ". Widget ini akan akan menampilkan seluruh jumlah total  postingan  yang telah dipublikasikan pada blog dan menampilkan juga total komentar yang masuk di blog agan. Untuk tampilannya akan muncul / tampil bersamaan total postingan dan total komentar. Untuk melihat hasil, agan-agan bisa melihatnya di bawah postingan ini.

Cara pemasangan widget ini, ikuti langkah-langkah di bawah ini:

layout page element
  • Login / Masuk ke blogger
  • Buka Layout Page Element
  • Klik add gadget 
  • Pilih HTML / JavaScript.

















  • Copy kode di bawah ini ke dalam kotak HTML / Java Script

<script style="text/javascript">
function numberOfPosts(json) {
document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function numberOfComments(json) {
document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<ul><li><script src="http://flamboyan68.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></li>
<li><script src="http://flamboyan68.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></li></ul>
<span style="font-size:75%;"><a href="http://flamboyan68.blogspot.com/" target="_blank">Widgets for Blogger</a></span>

Ganti tulisan yang berwarna merah dengan alamat URL agan-agan. Cara pasangnya mudah dan ringan ya, gan. So..selamat mencoba, semoga bermanfaat dan sampai jumpa...  
Diposting oleh Unknown at 5/20/2013, Tambah Komentar
Selengkapnya >>

Menghilangkan Border Pada Image Di Postingan Blog


Image border atau garis pembatas gambar, pada umumnya selalu digunakan di blog setiap kali memposting artikel. Tetapi ada juga yang tidak suka memasangnya dan ingin menghilangkan border tersebut, dan ada juga yang tetap menampilkannya dengan cara merekayasa border image. Pada postingan kali ini saya akan share posting dengan bahasan " Menghilangkan Border Pada Image Di Postingan Blog ".Ikuti langkah-langkah di bawah ini:

  • Login / Masuk  ke blogger anda
  • Pilih Template
  • Klik Edit HTML
  • Selanjutnya cari kode  .post img{  untuk memudahkan pencarian gunakan Ctrl F
  • Setelah kode tadi ketemu dan tampilan kodenya seperti dibawah ini: 
    .post img{
    border:1px solid $bordercolor;
    margin:4px;
    padding:4px
    }
  • Untuk menghilangkan border / garis, ganti kode yang berwarna merah dengan memasukan nilai menjadi border:0px
  • Kemudian save / simpan template

Untuk melihat hasil dari menghilangkan border / garis image tadi,  lihatlah gambar diatas blogger. Sekian dulu postingan kali ini. Selamat mencoba, semoga bermanfaat dan sampai jumpa.
Diposting oleh Unknown at 5/20/2013, Tambah Komentar
Selengkapnya >>

Cara Membuat Breadcrumb Navigation di Blog




Flamboyan68 - Fungsi atau manfaat dari Breadcrumb Navigation ini besar sekali,  dengan terpasangnya template ini akan sangat membantu dan memudahkan pengunjung blog kita untuk mengetahui posisi postingan artikel kita berada. Posisi Breadcrumb Navigation  ini letaknya tepat diatas postingan kita, lihat urut-urutannya  Home >> Nama Label >> Judul Postingan. Tidak ada salahnya apabila blog anda di pasang template Breadrumb Navigation, dan anda tidak akan rugi bila memasangnya malah akan mendatangkan manfaat besar terhadap blog anda dengan banjirnya pengunjung blog.

Apabila dikemudian hari anda ingin pasang, ikuti saja cara dan langkah di bawah ini:
Note: sebaiknya back-up dulu template anda di  unduh template lengkap untuk menghindari kegagalan / kesalahan dalam pemasangan kode - dan anda tinggal meng_unggah kembali template backup tadi
  • Login / Masuk ke Blogger anda.
  • Masuk ke menu Template.
  • Pilih dan klik edit HTML.
  • Carilah kode   ]]></b:skin>  untuk mempermudah pencarian gunakan Ctrl F
  • Setelah ketemu kode tadi,  copy_kan kode CSS di bawah ini dan paste_kan tepat di atas kode ]]></b:skin>
  

         .breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}


  • Selanjutnya cari kode  <b:includable id='main' var='top'> apabila sudah ketemu dengan kode itu. Ganti kode tersebut dengan kode di bawah ini 
<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'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</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'/>
  • Kemudian Save / Simpan Template.
Untuk melihat hasil dari pemasangan kode tadi silahkan anda tunggu antara 1 - 2 hari,  yang pasti breadcrumb anda akan tampil di hasil pencarian Google. So..anda bisa bersabar sedikit. Blog punya saya membutuhkan waktu sekitar 1 hari untuk melihat tampilan breadcrumb.
Demikianlah postingan saya kali ini, semoga bermanfaat dan sampai jumpa...  

Sumber: http://seotoni.blogspot.com/2013/01/cara-membuat-breadcrumbs-di-blogspot-seo.html
Diposting oleh Unknown at 5/20/2013, Tambah Komentar
Selengkapnya >>
Blog flamboyan68.blogspot.com
Apabila anda ingin mendapatkan artikel terbaru dari blog flamboyan68 lewat pesan email gratis. Silahkan tulis alamat email anda di kotak yang tersedia bawah ini


Supported by Blogaul

Sobat Blogger