Download My Blogger Template

Download My Blogger Template

blogger template blogart   02:14

Suka lihat template blog saya?  :-) :-D

Hari ini saya sengaja membuat posting ini untuk memberikan link download template blogger yang saya gunakan di blog ini (My Blogger Template), siapa tau ada yang berminat :-)

Template blogger yang saya gunakan ini mungkin sama saja dengan template blogger lainnya. Template ini sengaja saya buat tanpa gambar (menggunakan warna saja) dengan tujuan agar loading blog ini cepat.
Selain itu template ini sudah saya optimasi seo nya (sebisa saya). Jadi bagi yang mendownload template ini tidak perlu repot-repot lagi untuk mengedit template untuk keperluan SEO nya, tapi kalau mau lebih di optimasi seonya juga silahkan.

Nah bagi siapa saja yang berminat untuk menggunakan template ini silakan download Di sini.

Untuk menggunakan  My Blogger Template ada beberapa hal yang harus di ketahui.
Pertama
Edit tulisan Blogger Tutorial Untuk Pemula, Template Blogger, Blogger Script, Blogger Widget dan isi selamat datang nya dengan tulisan yang anda inginkan + banner dengan banner yang di inginkan.

Caranya :
Cari kode <div class='selamat-datang'>
Nah tulisan dan banner yang harus anda ganti ada dibawahnya
Kedua
Ganti forum langganan dengan kode script langganan blog anda (saya menggunakan feedburner)

Caranya:
Beri centang pada bagian Expand Widget Templates kemudian Cari tulisan Berlangganan via RSS Feed.dibawah tulisan itu anda akan menemukan kode-kode yang di antaranya adalah : http://feeds.feedburner.com/Blog-AhmadRifai-Net
Silakan ganti id feed blog saya dengan blog anda (yang saya beri warna biru = Blog-AhmadRifai-Net), disana ada beberapa Blog-AhmadRifai-Net silakan ganti semua.


Ketiga
Edit meta keyword dan deskripsinya, kodenya seperti ini

<meta content='Your Home page description here' name='description'/>
<meta content='your home page keyword here' name='keywords'/>

Ganti tulisan pada bagian yang saya beri warna biru, untuk keyword : pisahkan keyword dengan koma (contoh: blog, blogger tutorial, blogger template, dst....)

Oh ia...
Untuk mengganti banner yang ada di template tersebut dengan banner yang anda inginkan silakan cari kode ini

<a href="http://www.blogsiappakai.com/" target="_blank"><img alt="Jasa Pembuatan Blog" src="http://img809.imageshack.us/img809/4482/jasapembuatanblog.gif"></a>

Ganti kode di atas dengan kode banner milik anda

Selamat mencoba menggunakan  My Blogger Template. Mohon link yang ada di footer template ini jangan di buang atau di edit ya

Pasang Sexy Social Bookmarking di Blogger

Pasang Sexy Social Bookmarking di Blogger

blogger tutorial blogart   03:22

Social Bookmarking memang tidak wajib ada di blog kita, namun tidak ada salahnya juga kan kalau blog blogger kesayangan kita di pasangi script social bookmarking seperti script sexy bookmark berikut

Dengan adanya script social bookmarking seperti sexy bookmark yang saya pasang di blog ini maka pengunjung blog bisa menyebarkan isi artikel yang ada di blog kita dengan cara mengklik icon yang ada. Misalnya ingin menyebarkan ke facebook, maka pengunjung blog kita tinggal klik icon facebook saja.

Lalu bagaimana sih cara membuat/memasang script social bookmark di blog blogger?

Untuk menampilkan sexy bookmark di blog blogger kita maka ada 2 unsur yang harus kita pasang, yaitu script sexy bookmark dan css sexy bookmark.

Cara Pasang Sexy Bookmark Di Blogger

Untuk membuat sexy bookmark maka anda harus berada di dashboard Blogger, kemudian Klik Menu Design/Rancangan => Setelah itu klik menu Edit HTML.

Setelah berada di halaman Edit HTML silakan beri centang pada Expand Widget Templates.

Sekarang pasang kode css berikut ini setelah kode ]]></b:skin>

Berikut Kodenya

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
div.sexy-bookmarks {
height:54px;
background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn_Hb4hO6sUedydbmGFUV7eSXCRChTMaaVoNWRx2uUZZH-kN8jW6IlwodJciKYrK-n99SgqAhpkdz1pUjuq6gBgQ5Yfz2Hcw6SjXVOk67iXkeUVMMUcx5f8pUk9ERBIGaDrhkEiNBCW0Q/s1600/bokmark2.png&#39;) no-repeat left bottom;
position:relative;
width:500px;
margin-left:30px;
margin-bottom:-10px;
overflow:hidden
}
div.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg3U3-uX7Gcxwc4th8wxRpszd3WDZXbpEV5ANyK4Bkt56MnvXg9J9dl3utisecMUAsNVtzQrTIeOqRhhSESSc6RRB_ru2SWZ-sLT5kEUvq_SGHBk67wnYxaZWtwYRPtaEj0h3ArwLNnmE/s1600/bokmark1&#39;) 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;
}
iv.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;
font-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(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg3U3-uX7Gcxwc4th8wxRpszd3WDZXbpEV5ANyK4Bkt56MnvXg9J9dl3utisecMUAsNVtzQrTIeOqRhhSESSc6RRB_ru2SWZ-sLT5kEUvq_SGHBk67wnYxaZWtwYRPtaEj0h3ArwLNnmE/s1600/bokmark1&#39;) 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>
</b:if>

Setelah kode css sexy bookmark tersebut sudah di pasang anda boleh menyimpannya dulu atau langsung psang script sexy bookmarknya.

Berikut script sexy bookmark yang harus di pasang. Letakkan script ini setelah kode <DIV class='post-footer'> atau di temapt yang anda inginkan. Berikut script social bookmark yang harus di pasang

<b:if cond='data:blog.pageType ==  &quot;item&quot;'><div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:alt='data:post.title' 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:alt='data:post.title' 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:alt='data:post.title' 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:alt='data:post.title' 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:alt='data:post.title' 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:alt='data:post.title' 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:alt='data:post.title' 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:alt='data:post.title' 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-email'><a expr:alt='data:post.title' 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></b:if>

Setelah semua script sudah di pasang silahkan simpan pengaturan template anda kemudian cek, apakah sexy bookmarknya sudah ada atau belum, jika belum silahkan cek lagi templatenya.

Update 3 Februari 2012

Silakan gunakan script yang baru, scrip yang baru akan saya terbitkan besok tgl 4 Februari 2012

Cara Mengganti Icon/Logo Blog Di Address Bar

Cara Mengganti Icon/Logo Blog Di Address Bar

blogger tutorial blogart   11:21

Baru!!! Cara Mudah Mengganti Favicon Blogger
Di Tambahkan Pada Tanggal 3-07-2011

Pada tulisan kali ini saya akan mencoba untuk menuliskan tutorial cara mengganti icon/logo yang terletak di address bar, bagi teman-teman yang ingin tahu bagaimana cara merubah icon blog di address bar, cara mengganti icon blog ini tidak hanya berlaku untuk blog blogger saja, walaupun sedikit beda :-)

Oh ia... yang saya maksud icon/logo itu seperti yang di gambar di bawah ini lho

Nah yang di maksud icon blog/situs adalah gambar B atau Bintang. Kita bisa mengganti icon blog kita sesuai dengan gambar icon yang kita inginkan.

Cara Mengganti Icon Blog hampir sama dengan Cara Bikin Tulisan Berjalan Di Address Bar tapi mengganti icon lebih mudah, yang penting gambar untuk icon sudah ada.

Sudah siap untuk mengganti iconnya?...

Panduan Mengganti Icon Blog Di Address Bar

• Untuk mengganti icon di address bar langkah pertama yang harus anda lakukan adalah Login ke Blogger
• Setelah itu klik menu Layout atau Tata letak
• Kemudian klik menu Edit HTML
• Silahkan temukan kode ini </head>
• Setelah itu kode nya sudah di temukan silakan taroh kode icon di bawahnya.

Berikut kode untuk mengganti icon yang harus di pasang

<link href='MASUKKAN LINK LOGO/GAMBAR DISINI' rel='SHORTCUT ICON'/>

Pada tulisan MASUKKAN LINK LOGO/GAMBAR DISINI'Silakan masukkan alamat/url logo/gambar yang ingin di jadikan icon blog.

Selamat mencoba, semoga berhasil...

Selamat Tahun Baru Islam 1 Muharram 1432H

Selamat Tahun Baru Islam 1 Muharram 1432H

pengalaman blogart   18:11

Hari ini Selasa tanggal 7 Desember 2010M yang bertepatan dengan 1 Muharram 1432H, seluruh umat Islam merayakan tahun baru Islam atau tahun baru hijriah.

1 Muharram juga merupakan salah satu hari raya umat islam, karena tahun baru islam kan juga merupakan hari besar toh.

1 tahun lagi umur kita berkurang. Mudah-mudahan tahun ini lebih baik dari tahun-tahun sebelumnya. Tentunya sudah banyak pengalaman yang kita rasakan, baik itu suka, duka, dsb.

Pengalaman memang kadang menyakitkan, tapi melalui pengalaman tersebutlah kita bisa memperbaiki hidup. Seperti kata pepatah "Pengalaman Adalah Guru Terbaik".

Bukan hanya di dunia offline kita bisa menjadikan pengalaman sebagai guru, namun di dunia online pun kita bisa menjadikan pengalaman sebagai guru.

Dalam dunia bisnis online tentu banyak hal yang sudah kita rasakan, baik rasa kecewa, merasa belum berhasil, dsb. Namun jangan jadikan semua itu sebagai alasan untuk mundur, karena mereka yang sukses pasti sudah melewati tahap itu.

Berusaha dan terus berusaha lah teman...

He..he..he :D Kok nulis seperti itu ya...

Udah dulu ah...