Home / Bloger
Showing posts with label Bloger. Show all posts
Showing posts with label Bloger. Show all posts

Friday, 13 January 2012

Cara membuat widget hanya tampil di home





Sobat bloger memiliki widget yang ingin ditampilkan hanya pada home page?
Lalu apa untung dan manfaatnya?
Kalau begitu, saya akan kasih info sedikit nih .... :D Widget-widget yang tidak berguna/ hanya untuk memperindah tampilan saja sangat tidak baik untuk loading blog, maka sebaiknya widget tersebut perlu diatur tempat tampilnya...
 Memang sebaiknya diletakkan pada Home page saja, selain tidak membuat berat, paman GOOGE pun tidak engan atau lari untuk menganalisis blog kita.. hehehe

Oke, ikuti langkah-langkah berikut ini :

1. Login ke Account/Dashboard blog kalian,kemudian pilih tab Design/Rancangan.

2. Masuk ke menu Edit HTML.

3. Cari kode ]]></b:skin>

4. Ganti kode tersebut dengan kode di bawah ini :

]]></b:skin>
<style type='text/css'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
#HTML1 {display:none}
#HTML3 {display:none}
</b:if>
</style>

5. Perhatikan teks berwarna biru diatas.. itu adalah kode id elemen yang akan kita buat tampil di halaman home saja. Ganti kode tersebut dengan id widget kalian.untuk mengetahui id widget, Sobat bisa mencari berdasarkan judul widgetnya. Teks warna merah dibawah adalah judul widget,sedangkan yang berwarna biru adalah id widgetnya.


<div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Subscribe' type='HTML'/>
<b:widget id='HTML2' locked='false' title='Free Template' type='HTML'/>
<b:widget id='HTML3' locked='false' title='New Tutorial' type='HTML'/>
</b:section>
      </div>

dari contoh tersebut, yang tampil pada home hanya Subscribe dan New Tutorial. Sedangkan pada halaman membaca artikel,kedua widget tersebut ngga akan terlihat.

6. Save template,dan lihat hasilnya.

Mudah bukan? :) semoga bermanfaat sobat!

Sumber info script : www.resepblog.co.cc
Pada

Wednesday, 9 November 2011

Cara Membuat Drop Cap dalam postingan

Sudah lama saya tidak posting di W7 ya..
ok, kali ini saya akan share sedikit cara lama, biar bersemi kembali maka kita akan pelajari sama-sama :D
berikut ini merupakan cara untuk membuat tulisan dropcap awal tulisan diperbesar..





Jika Anda tertarik, silahkan ikuti langkah-langkah di bawah ini :

1. Login ke blogger
2. Langsung ke Tata Letak - Edit HTML
3. Cari kode berikut ]]></b:skin>
4. Masukkan kode di bawah ini, di atas ]]></b:skin>
/* kode membuat posting unik
----------------------------------------------- */
.unik {
float:left;
color: #913CE6;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;
}

5. Klik Save Template
6. Pada saat membuat posting Anda harus menulis lewat Edit HTML bukan dari Compose/Tulis dan dalam postingan tersebut masukan kode di bawah ini :

<p align="justify"><span class="unik" >masukan huruf awal</span></p>


note : Pada tulisan “masukan huruf awal”, ganti dengan tulisan yang ingin di perbesar/dropcap.
Sekian sedikit info dari W7, Selamat mencoba !!
Pada

Thursday, 3 November 2011

4 Alasan Rank Alexa Turun Drastis

Ranking Alexa adalah salah satu dari parameter kepopuleran suatu blog. Semakin kecil angka rangking, tandanya blog anda adalah blog populer dengan traffik kunjungan yang cenderung meningkat. Sebaliknya, semakin besar nilai rangking alexa, artinya blog anda sedang dalam masa penurunan baik tingkat kepopuleran maupun traffik pengunjung.

Ada beberapa sebab kenapa rangking Alexa kita turun :

Jarang Update Blog
Ini adalah sebab yang paling utama. Sebagai blogger, anda harus tahu dan menjalankan konsekuensi membuat blog anda selalu update dan fresh. Hindari mengupdate blog secara dadakan, dan biasakanlah mengupdate blog secara berkala. Misalnya, 3 kali seminggu, 2 kali seminggu, tinggal disesuaikan dengan rutinitas anda sehari-hari.

Konten Blog Tidak Berbobot
Konten adalah raja dari tulisan di blog. Usahakan, ketika anda menulis di halaman blog anda mengandung isu yang lagi hangat. Jika anda tidak mendapatkan isu yang sedang hot, carilah tulisan yang berbau tips atau sekedar short massage untuk pembaca anda.

Tidak Ada Promosi Blog
Walaupun tulisan anda super berkualitas, setiap hari update, tapi bila tidak ada yang tahu kan percuma saja. Untuk itu promosi blog anda tetap perlu. Bagaimana caranya? Kunjungi saja situs iklan baris gratis, atau jika anda punya banyak waktu tidak ada salahnya melakukan blogwalking dengan mengunjungi blog orang lain dan meninggalkan komentar yang disusupi link blog anda.

Terlalu banyak duplikasi
Hati-hatilah mengcopy tulisan orang lain ke blog anda. Google tidak akan segan-segan untuk segera menurunkan reputasi blog anda bila ketahuan menduplikasi. Apalagi jika anda tidak mencantumkan sumber lengkap. Jika Google ogah menyapa blog kita, otomatis Alexa akan minggat pula dari blog kita.
Pada

Thursday, 15 September 2011

Cara membuat link warna warni saat disorot

Silahkan login dulu ke blogger
Di dasbor kalian pilh rancangan,
Lalu pilih Edit HTML
Jangan lupa Expand TempLate Widget di kilk,




Cari dulu </head> untuk mempermudah tekan di keyboard “CTRL-F”

Copy script di bawah ini setelah kode </head

<script src="http://ajurna.googlecode.com/files/rainbow.js"></script>











Jika sudah Simpan Template

Pada

Wednesday, 7 September 2011

Cara membuat sharing is sexy


Mau pasang widget seperti diatas??
berikut caranya :

  • Login terlebih dahulu ke Blogger  
  • Pilih Rancangan > Edit HTML (Ceklist Expand Template Widget)
  • Copy kode di bawah ini setelah kode ]]></b:skin>

<style type='text/css'>
div.sexy-bookmarks { height:54px; background:url(http://lh5.ggpht.com/_7Y9pl24WpQY/TXarM4d7_uI/AAAAAAAAE4c/1SvA_kEmBDQ/sharing_thumb%5B3%5D.png) no-repeat left bottom;position:relative; width:540px }
div.sexy-bookmarks span.sexy-rightside { width:17px; height:54px; background:url(http://lh5.ggpht.com/_7Y9pl24WpQY/TXarM4d7_uI/AAAAAAAAE4c/1SvA_kEmBDQ/sharing_thumb%5B3%5D.png) no-repeat right bottom; position:absolute; right:-17px }
div.sexy-bookmarks ul.socials { margin:0 !important;padding:0 !important; position:absolute; bottom:0;left:10px }
div.sexy-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.sexy-bookmarks ul.socials a { display:block !important; width:48px !important; height:29px !important;f ont-size:0 !important; color:transparent !important}
.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover { background:url(http://lh5.ggpht.com/_7Y9pl24WpQY/TXarI2MridI/AAAAAAAAE4U/Qspdg7GUj5g/sexy_thumb%5B3%5D.png) no-repeat !important }
.sexy-furl { background-position:-300px top !important }
.sexy-furl:hover { background-position:-300px bottom !important }
.sexy-digg { background-position:-500px top !important }
.sexy-digg:hover { background-position:-500px bottom !important }
.sexy-reddit { background-position:-100px top !important }
.sexy-reddit:hover { background-position:-100px bottom !important }
.sexy-stumble { background-position:-50px top !important }
.sexy-stumble:hover { background-position:-50px bottom !important }
.sexy-delicious { background-position:left top !important }
.sexy-delicious:hover { background-position:left bottom !important }
.sexy-yahoo { background-position:-650px top !important }
.sexy-yahoo:hover { background-position:-650px bottom !important }
.sexy-blinklist { background-position:-600px top !important }
.sexy-blinklist:hover { background-position:-600px bottom !important }
.sexy-technorati { background-position:-700px top !important }
.sexy-technorati:hover { background-position:-700px bottom !important }
.sexy-myspace { background-position:-200px top !important }
.sexy-myspace:hover { background-position:-200px bottom !important }
.sexy-twitter { background-position:-350px top !important }
.sexy-twitter:hover { background-position:-350px bottom !important }
.sexy-facebook { background-position:-450px top !important }
.sexy-facebook:hover { background-position:-450px bottom !important }
.sexy-mixx { background-position:-250px top !important }
.sexy-mixx:hover { background-position:-250px bottom !important }
.sexy-script-style { background-position:-400px top !important }
.sexy-script-style:hover { background-position:-400px bottom !important }
.sexy-designfloat { background-position:-550px top !important }
.sexy-designfloat:hover { background-position:-550px bottom !important }
.sexy-syndicate { background-position:-150px top !important }
.sexy-syndicate:hover { background-position:-150px bottom !important }
.sexy-email { background-position:-753px top !important }
.sexy-email:hover { background-position:-753px bottom !important }
</style>

  •  Kalau sudah cari kode <data:post.body/>  dan letakan kode di bawah ini setelah kode <data:post.body/>  
    <div class='sexy-bookmarks'>
    <ul class='socials'>
    <li class='sexy-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    <li class='sexy-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    <li class='sexy-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    <li class='sexy-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    <li class='sexy-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    <li class='sexy-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    <li class='sexy-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    <li class='sexy-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    <li class='sexy-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    <li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/wira95' title='Subscribe to RSS'/></li>
    <li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    </ul>
    <span class='sexy-rightside'/></div> 
     
  • Untuk tulisan yang berwarna biru silahkan ganti dengan ID feedburner anda .

     Simpan Template.
Pada

Thursday, 1 September 2011

Cara menambah jam seperti web profesional

Sebenarnya tidak sulit jika kita memahami bahasa javascript.tipe jam ini sangat sederhana dan tidak membuat blog anda berat jika dibandingkan menggunakan jam-jam digital yang kita dapat dari web/blog yang menyediakan layanan tersebut.

karena tampilannya yang sangat dinamis, jam ini akan menambah kesan profesional pada web/blog kita.


langsung saja, berikut caranya :
-Login ke bloger,
-Rancangan,
-lalu tambah elemen/widget baru, pilih Html/Javascript.

Masukkan kode di bawah ini :

<script type="text/javascript">
var hari_ini= new Date()
var tahun = hari_ini.getYear()
var bulan = hari_ini.getMonth()+1
var tanggal = hari_ini.getDate()

document.write("Tanggal hari ini: ")
document.write(tanggal+"/"+bulan+"/"+tahun)

</script>
Simpan, dan lihat hasilnya..

Sekian info dari wira-7, semoga dapat bermanfaat
Pada
Subscribe to: Posts (Atom)