15 Desember 2011

Home » All posts

Menampilkan Hanya Judul Postingan Di Beranda

dengan Menampilkan hanya judul postingan diberanda kita dapat menghemat ruangan dan bisa menampikan lebih banyak artikel diberanda tanpa harus memakan tempat lagi.berikut cara membuatnya selamat menyimak..semoga berhasill.berikut ada gambaran sedikit untuk hanya judul postingan diberanda.

Menampilkan Hanya Judul Postingan Di Beranda

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk membuat salinan template. Hal ini untuk mengantisipasi jika nanti terjadi kesalahan dalam pengeditan kita dapat dengan mudah mengembalikan template ke seperti semula.

4. Klik Expand Widget Template.

5. Cari Kode <b:include data='post' name='post'/>.Untuk mempercepat pencarian, silakan tekan Ctrl + F lalu masukkan kodenya.

Menampilkan Hanya Judul Postingan Di Beranda
6. Ganti Kode Tersebut dengan kode berikut.

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:if cond='data:blog.pageType != "item"'> <a expr:href='data:post.url'> <div style='padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:0px solid #ccc;margin-bottom:0px;background:;color:;'> <data:post.title/></div></a> <b:else/> <b:include data='post' name='post'/> </b:if> <b:else/> <b:include data='post' name='post'/> </b:if>

7. SIMPAN

Menghilangkan Langgan: Entri (Atom) di Blog

Hari ini saya akhirnya bisa kembali membuat postingan setelah sebelumnya terhenti karena kesibukan yang tak henti2....
.......... Langsung ke permasalahan aja, dari judul saja kita sudah tahu yaitu menghilangkan langgan: entri (atom), maksudnya apa ya..? itu loh, kata yang biasanya ada dibagian bawah kotak komentar kita... untuk lebih jelasnya bentuk langgan: entri atom itu seperti ini :

Untuk cara menghilangkannya kalian harus ikuti tahap2 berikut:

1. login ke blogger kalian
2. Masuk Ke rancangan/tata letak
3. Pilih EDIT HTML ( Back up templatenya jangan lupa ya..)
4. kalian cari kode berikut dan Hapus Kodenya

<b:include data='feedLinks' name='feedLinksBody'/>

5. Simpan template dan selesai.

sumber : http://www.z33s.co.cc/2010/08/menghilangkan-langgan-entri-atom.html

Dalam dunia blogger pasti ada saja keunikan yang kita lihat, seperti contoh yang akan saya jelaskan pada postingan kali ini yaitu effect pada tulisan/text. Effect ini sering dipakai baik pada postingan ataupun pada yang lainnya.
Berikut ini saya akan berbagi beberapa effect yang sering kita lihat pada setiap blog ketika kita melakukan blogwalking ke sahabat blogger kita.

1. Text / Tulisan Berkedip

<blink> TULISAN KALIAN </blink>

Contoh :

TULISAN KALIAN

2. Text / Tulisan Dicoret

<strike> TULISAN KALIAN </strike> TULISAN KALIAN

Contoh :
~~TULISAN KALIAN~~

3. Text / Tulisan Stabillo

<br /><span style="background-color:#FF99FF">TULISAN KAIAN</span><br />

Contoh :

TULISAN KAIAN

4. Text / Tulisan Dengan background WARNA

<div style="background:#FFFFCC; border:1px solid #F5003D; padding:5px;">

TULISAN KALIAN

</div>

TULISAN KALIAN

6. Text / Tulisan Dengan background GAMBAR

<div style="background:url(http://i296.photobucket.com/albums/mm169/anasku/my-feed.jpg); width:508px; height:362px; padding:5px;">

TULISAN KALIAN

</div>

TULISAN KALIAN

Ketikkan kode kode diatas di bagian edit HTML , lihat gambar berikut

UNTUK MELIHAT KODE KODE WARNA LIHAT DISINI

Memasang Widget Sharing Is Sexy di Posting Blog

Sharing is sexy adalah salah satu widget social bookmarking yang disediakan untuk memberi kemudahan bagi pemilik blog maupun pengunjung dalan mensubmit atau membookmark artikel yang ia sukai ke situs social bookmarking hanya dengan mengklik pada icon-icon social bookmarking yang ada.

Keunikan dari widget sharing is sexy adalah icon-icon social bookmarking yang terdapat didalamnya bisa bergerak ketika disorot mouse sehingga terlihat lebih hidup dan menarik. Untuk lebih jelasnya, silahkan lihat disini.

Mengenai cara memasang widget social bookmarking sebenarnya sudah pernah saya bahas di blog ini hanya saja cara pemasangan widget sharing is sexy ini sedikit berbeda. Oleh karena itu, pada postingan ini saya akan menjelaskan bagaimana cara memasang widget sharing is sexy di posting blogger/ blogspot.

Bagi anda yang tertarik, silahkan ikuti langkah-langkah dibawah ini:

1. Masuk ke menu Design->Edit HTML.
2. Beri centang pada 'Expand Widget Templates'
3. Letakkan kode berikut diatas ]]></b:skin>

div.beauty-bookmarks {
height:54px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT3o8crwalCzbuxQ4DOOcMLuHFnysRXNcHTZp8m3A8SgjYObDlDRAx6s6b9w7LEpUf3VSJ_LF3NNjrEe-BhsPTjKVRGtV8LpEHSr_V0r6ddgOZIU2JjKGaLFEHof8GD1Pj8LbWtv7-ecNA/') no-repeat left bottom;
position:relative;
width:455px;
}

div.beauty-bookmarks span.beauty-rightside {
width:17px;
height:54px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT3o8crwalCzbuxQ4DOOcMLuHFnysRXNcHTZp8m3A8SgjYObDlDRAx6s6b9w7LEpUf3VSJ_LF3NNjrEe-BhsPTjKVRGtV8LpEHSr_V0r6ddgOZIU2JjKGaLFEHof8GD1Pj8LbWtv7-ecNA/') no-repeat right bottom;
position:absolute;
right:-17px;
}

div.beauty-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}

div.beauty-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}

div.beauty-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;
}

.beauty-furl, .beauty-furl:hover, .beauty-digg, .beauty-digg:hover, .beauty-reddit, .beauty-reddit:hover, .beauty-stumble, .beauty-stumble:hover, .beauty-delicious, .beauty-delicious:hover, .beauty-technorati, .beauty-technorati:hover, .beauty-facebook, .beauty-facebook:hover, .beauty-twitter, .beauty-twitter:hover, .beauty-script-style, .beauty-script-style:hover, .beauty-designfloat, .beauty-designfloat:hover {
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtZLdK-TCnGkiJS_o0eaMfsvq-eBxdtjykiEzxeJjjIXlMW_HPKQxR8g_26IuaqeI0lbydaVQYDHvqMY9bmFNR1PRFyfGqX6Ipnte1C3OzBqlUg2enTlH_ulL-Ztosdi7ZBRfubEQ2cPHF/') no-repeat !important;
}

.beauty-furl {
background-position:-300px top !important;
}
.beauty-furl:hover {
background-position:-300px bottom !important;
}
.beauty-digg {
background-position:-500px top !important;
}
.beauty-digg:hover {
background-position:-500px bottom !important;
}
.beauty-reddit {
background-position:-100px top !important;
}
.beauty-reddit:hover {
background-position:-100px bottom !important;
}
.beauty-stumble {
background-position:-50px top !important;
}
.beauty-stumble:hover {
background-position:-50px bottom !important;
}
.beauty-delicious {
background-position:left top !important;
}
.beauty-delicious:hover {
background-position:left bottom !important;
}
.beauty-technorati {
background-position:-700px top !important;
}
.beauty-technorati:hover {
background-position:-700px bottom !important;
}
.beauty-twitter {
background-position:-350px top !important;
}
.beauty-twitter:hover {
background-position:-350px bottom !important;
}
.beauty-facebook {
background-position:-450px top !important;
}
.beauty-facebook:hover {
background-position:-450px bottom !important;
}
.beauty-script-style {
background-position:-400px top !important;
}
.beauty-script-style:hover {
background-position:-400px bottom !important;
}
.beauty-designfloat {
background-position:-550px top !important;
}
.beauty-designfloat:hover {
background-position:-550px bottom !important;
}

NB:
Jika anda ingin mengganti tulisan 'Sharing is sexy' menjadi 'Sharing is caring' maka ganti left bottom dan right bottom menjadi left top dan right top

4. Setelah itu cari <data:post.body/> (klau anda sudah memasang readmore , pilih yang ke dua)
5. Letakkan kode berikut dibawahnya

<b:if cond='data:blog.pageType == "item"'>
<div class='beauty-bookmarks'>
<ul class='socials'>

<li class='beauty-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>


<li class='beauty-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>


<li class='beauty-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>


<li class='beauty-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>


<li class='beauty-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>


<li class='beauty-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>


<li class='beauty-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>


<li class='beauty-twitter'><a expr:href='"http://twitter.com/home/?status=Chk Out-" + data:post.title + " " + data:post.url' target='_blank'/></li>


<li class='beauty-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

</ul>
<span class='beauty-rightside'/>
</div>
</b:if>

Jika ada situs social bookmarking tertentu yang tidak ingin anda gunakan maka hapus saja kodenya. Contoh anda tidak ingin memasang Facebook maka hapus kode seperti ini:

<li class='beauty-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

6. Kalau sudah simpan template anda. Selesai

Selamat mencoba!!

Cara membuat related post dibawah posting blogger berikut ini:

1. Login menggunakan Username dan Password google account atau gmail Anda di blogger.com
2. Dari halaman dasbor/dashboard, pilih dan klik Design atau Rancangan.
3. Klik Edit HTML dan tandai Expand Widget Template (sebaiknya download dulu template Anda sebagai backup)
4. Cari kode ini <data:post.body/>
5. Letakkan script code berikut ini di bawah kode diatas (lihat kode di nomor 4):

 Cara membuat related post dibawah posting blogger

<b:if cond='data:blog.pageType == "item"'>
   <div class='similiar'>
    <!-- *****************http://hoctro.blogspot.com*****Jan,2007****************** -->
    <!-- *****************Related Articles by Labels - Take Two****************** -->

    <!--
     Modified by JackBook.Com to make it easier to use. 
    1. Now, users don't need to change anything to use this widget. just copy and paste, and done!
    2. The current article will also be listed, now it's no more.
    -->

    <div class='widget-content'>
    <h3>Related Posts by Categories</h3>
    <div id='data2007'/><br/><br/>
     <div id='hoctro'>
      Widget by <u><a href='http://myhafiezers.blogspot.com'>Myhafiezers</a></u> 
     </div>
     <script type='text/javascript'>

     var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
     var maxNumberOfPostsPerLabel = 4;
     var maxNumberOfLabels = 10;

     maxNumberOfPostsPerLabel = 100;
     maxNumberOfLabels = 3;


     function listEntries10(json) {
       var ul = document.createElement(&#39;ul&#39;);
       var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ? 
                      json.feed.entry.length : maxNumberOfPostsPerLabel;
       for (var i = 0; i &lt; maxPosts; i++) {
         var entry = json.feed.entry[i];
         var alturl;

         for (var k = 0; k &lt; entry.link.length; k++) {
           if (entry.link[k].rel == &#39;alternate&#39;) {
             alturl = entry.link[k].href;
             break;
           }
         }
         var li = document.createElement(&#39;li&#39;);
         var a = document.createElement(&#39;a&#39;);
         a.href = alturl;

      if(a.href!=location.href) {
       var txt = document.createTextNode(entry.title.$t); 
       a.appendChild(txt);
       li.appendChild(a);
       ul.appendChild(li); 
      }
       }
       for (var l = 0; l &lt; json.feed.link.length; l++) {
         if (json.feed.link[l].rel == &#39;alternate&#39;) {
           var raw = json.feed.link[l].href;
           var label = raw.substr(homeUrl3.length+13);
           var k;
           for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
           var txt = document.createTextNode(label);
           var h = document.createElement(&#39;b&#39;);
           h.appendChild(txt);
           var div1 = document.createElement(&#39;div&#39;);
            div1.appendChild(h);
           div1.appendChild(ul);
           document.getElementById(&#39;data2007&#39;).appendChild(div1);
         }
       }
     }
     function search10(query, label) {

     var script = document.createElement(&#39;script&#39;);
     script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
      + label +
     &#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
     script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
     document.documentElement.firstChild.appendChild(script);
     }

     var labelArray = new Array();
     var numLabel = 0;

     <b:loop values='data:posts' var='post'>
       <b:loop values='data:post.labels' var='label'>
         textLabel = &quot;<data:label.name/>&quot;;
         
         var test = 0;
         for (var i = 0; i &lt; labelArray.length; i++)
         if (labelArray[i] == textLabel) test = 1;
         if (test == 0) { 
            labelArray.push(textLabel);
            var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ? 
                   labelArray.length : maxNumberOfLabels;
            if (numLabel &lt; maxLabels) {
               search10(homeUrl3, textLabel);
               numLabel++;
            }
         }
       </b:loop>
     </b:loop>
     </script>
    </div>

   </div>
  </b:if>

 Cara membuat related post dibawah posting blogger

6. Save Template, lihat hasilnya.
Demikian Artikel Cara membuat related post dibawah posting blogger. Jika anda masih bingung, silahkan tinggalkan komentar anda, Jangan sungkan ya, penulis gak galak kok.^^

Jenis-Jenis Jomblo & Ciri-Cirinya, Kamu Termasuk yang Mana?

http://budiaji.files.wordpress.com/2006/11/jomblologo.gif

Jika Anda seorang jomblo saat ini, maka perlu juga menganalisa Anda termasuk jomblo yang mana. Dan untuk mencari pasangan Anda juga harus mencari yang bagaimana.

Dibawah ini beberapa jenis jomblo yang bisa dijadikan referensi sebagai bahan menilai diri sendiri ataupun untuk menilai sasaran yang ditaksir, lengkap dengan ciri-ciri jomblo itu sekaligus, jangan sampai salah memilih jomblo yang berbahaya, karena ada yang bisa berisiko dibacok orang, Wah!

Jomblo Sejati
Jomblo sejati benar-benar murni belum pernah pacaran, belum mengerti tentang cinta. Fokus pikirannya hanya belajar dan belum pernah mengenal Cinta. Ciri cirinya: Kaca mata tebal, penampilan tidak terjaga, Fashion berantakan dan sering korek Upil dimuka Umum. Jika cewek, biasanya memiliki ciri-ciri sama dengan Ciri-Ciri Cewek Belum Pernah Pacaran.

Jomblo Sniper
Jomblo yang ini belum pernah pacaran akan tetapi sudah ada sejak lama yang ditaksirnya hanya saja belum berani nembak sampai sekarang. Ciri cirinya: Sering tidak ada di depan umum karena kurang PD dan nyali, sering mangkal ditempat-tempat sepi, kadang membawa teropong untuk mengintai dan kadang sering membawa banyak karet gelang untuk menembak cicak-cicak di dinding.

Jomblo Negatif
Yang satu ini baru jadi jomblo setelah dipecat oleh pacarnya dan berada dalam suasana sedih dan berkabung, dikecewakan, tidak bisa menerima kenyataan dan membenci yang namanya cinta. Ciri-cirinya: gampang syirik, sering kesel, bad mood, emosional dan membenci film-film yang berbau romantis. Jadi bagi yang sedang mesra-mesranya, hindari jomblo negatif ini, apalagi buat yang menyabet pacarnya HATI-HATI BISA DIBACOK..!!

Jomblo Biru
Jomblo yang satu ini baru putus pacaran secara resmi. Karena sudah bosan atau jenuh dan lagi kosong. Ciri-cirinya: wajah ceria seperti Narapidana yang baru bebas, menikmati hidup dan seperti menemukan kehidupannya kembali. Sering terlihat hangout rame-rame, Happy-happy dan masih banyak lagi. Kesimpulannya MERDEKA..!!

Jomblo Finale
Jomblo yang ini lagi dekat-dekatnya dengan seseorang dan hampir melepaskan status ke-Jomblonya. Ciri-cirinya: Setiap hari tak lepas dari yang namanya cermin, make up, fashion update, bodycare, rajin rajin baca Zodiak sering senyum-senyum sendiri kalau sedang membaca SMS.

Jomblo Hunter
Jomblo yang ini menikmati kehidupan jomblonya dan sering gonta ganti pasangan dan jomblo lagi. Lalu Hunting lagi, Jomblo dan Hunting lagi, jomblo lagi, hunting lagi dan seterusnya jobmlo lagi. Ciri-cirinya: Punya bakat selebritis, PD abis, daya tarik yang luar biasa, terlihat sering tebar pesona, sana sini, makanan sehari harinya add Friend di Facebook.

Jomblo Impossible
Khusus Cowok, yang ini berstatus jomblo karena yang ditaksirnya adalah orang yang tidak mungkin didekati lagi. Seperti Britney, J-Lo, Istri tetangga, pacar konglomerat, Istri simpanan Boss dll, Ciri-cirinya: Selalu keren 24 Jam sehari, 7 Hari seminggu, dan kalau berbicara merasa dirinya Tom Cruise.

Jomblo Forever
Khusus Cewek,Yang ini berstatus jomblo karena menunggu dan berharap dinikahi pria Idaman seperti Andy lau, Jang dong Gun, Brad Pit, Ciri-cirinya: Terlihat menempel Foto, poster, idolanya dimana-mana seperti di Kamar, ruang tamu, dapur toilet dan kalo bisa mungkin di KTP. Dalam doanya: "Jadikanlah aku Cinderella dan Brad Pit sebagai pangerannya".

Jomblo Error
Jomblo ini belum pernah bisa sukses pacaran karena asal nembak seseorang gagal terus, nembak yang lain ditolak terus dan selalu naksir orang yang sudah ada yang punya, Kacian dech Lu... Cirinya: Selalu kelihatan berapi-api, bernafsu, dan kalo kenalan langsung tawarin kenalan besoknya langsung ngajak merried. Kata-kata pertama sewaktu kenalan: "Hai, kenalan nama gue.., merried yukk..!!!"

Nah kamu yang mana?

sumber: http://www.warungbebas.com/2009/12/jenis-jenis-jomblo-dan-ciri-cirinya.html

UP

15 Desember 2011

Menampilkan Hanya Judul Postingan Di Beranda

Menghilangkan Langgan: Entri (Atom) di Blog

Kumpulan Kode Kode Teks di Blog

Memasang Widget Sharing Is Sexy di Posting Blog

Cara membuat related post dibawah posting blogger

Jenis-Jenis Jomblo & Ciri-Cirinya, Kamu Termasuk yang Mana?