Friday, January 25, 2013

Theme Windows 8 SM

Windows 8 SM adalah sebuah Template Blogger Professional yang di desain mirip dengan OS Windows. Terakhir direlease oleh Santa Mars tanggal 19 January 2013. Template ini termasuk dalam kategori template blog paling keren.

Tested on browser!
  • Best view in Google Chrome 25+
  • Good view in Opera 12+
  • Low view in Mozilla Firefox
  • Bad view in Internet Explorer


 
 Versi 1



Versi 2

Versi 3
 


Versi 1
Server 1 [ 26 KB ] Via JustMamadon

Versi 2
Server 1 [ 26 KB ] Via JustMamadon

Versi 3
Server 1 [ 29 KB ] Via JustMamadon
Sumber : Santa
tinggal anda pilih aja mau download yang versi berapa

Bonus Sitemap

Bonus ketiga yaitu Sitemap. Apasih itu sitemap...?
Sitemap yaitu Halaman Map yang menampilkan seluruh posting untuk memudahkan para pengunjung mencari artikel kita.

Demo

Ok. saya mau berbagi Bonus ketiga ini.



  • Pertama kita membuat Laman Blog seperti Slide Show Foto tadi.
  • Terus letakkan Source kode ini dengan format HTML
  • Ganti http://santa-mars.blogspot.com/ dengan url sobat.

Bonus Slide Show Foto

Ini aku kasih Bonus Slide Show Foto, untuk melengkapi Template yang kamu download. Untuk demo kamu bisa lihat disini.
Slide Show Foto ini nanti kamu letakkan di Laman Blogger. Oklah, saya kasih tutorial pasangnya.

    Masuk ke Blog kamu, klik Tab Laman
    Klik Laman Baru dan Pilih Laman kosong
  • Ini Source Code Slide Show Foto, Pastekan dengan format posting HTML (jangan di klik Composenya, nanti aburadul dan gag jadi)



  • Lalu edit gambar dan judul Foto kamu
  • Setelah selesai klik Simpan
  • Enjoy

Itulah Bonus Slide Show Foto untuk kamu, semoga bermanfaat.

Bonus Animasi Download Windows 8 SM di Posting


Inilah yang ditunggu-tunggu para pengemar Template Windows 8 SM, Cara Buat Animasi Download Windows di Posting.

Animasi ini hanya bisa di Template ini. Jika kamu letakkan ditemplate lain harus ada CSS.
OK, Langsung aja. Rekan-rekan udah gag sabar ya,  
  • Ini adalah Source kode Animasi Download.


  • Buat Posting Dahulu sampai selesai. Klik Tab HTML (karena kalau di Compose, nanti gak muncul)
  • Setelah itu letakkan Source kode ini di paling bawah Posting , biar tidak error dan semburat.
  • Kalau udah OK. Kamu bisa edit kayak diatas.
  • Selesai dan Coba lihat posting kamu.
Note!
  1. Jika kamu mau edit posting lagi, pertama settingan harus berada di format HTML jangan di Compose.
  2. Jika kawatir error. Kamu bisa Copy Source Download dan Simpan di Dekstop /Flashdisk /Drive D PC.
Sumber : http://santa-mars.blogspot.com

Sunday, January 20, 2013

Membuat Blog Menjadi Transparant

Postingan kali ini agak sedikit ngotak nih.. soalnya kita harus ngubek2 wkkw
Di masing2 blog terdapat warna yang berbeda, untuk setiap warna isi HEADER, NAVBAR, SIDEBAR, BODY, FOOTER biasanya semua menggunakan format warna (css color) seperti : Background:#000000;
itu hanya lah sekedar contoh
ayo kita mulai
Kita menggunakan sample dari SIDEBAR blog
dan berikut ini adalah contoh untuk SIDEBAR yang akan kita rubat :D

 
.sidebar .widget-content {
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
background: #00000;

itu adalah contoh kode html pada sidebar, dan kode warna merah adalah kode css kolor wakwow css colour dan setau saya sih ga ada kode css warna untuk yang transparant, nah maka dari itu kita menggatinya dengan gambar yang berformatkan .PNG

kalo sahabat tutblog ingin membuat templatenya menjadi transparant ya cari kode seperti atau mirip seperti itu dan rubah menjadi seperti ini

.sidebar .widget-content {
-moz-border-radius: 20px 20px 20px 500px;
-webkit-border-radius: 20px 20px 20px 500px;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYFbraE4ns-4upuIBPT_CALUkczlxOot18tI1BxOk6Ag52PeVXd7DtCLgryFO3kuUjObp8SGyBPjW5S2lNGNf_rpMi_f6uakVh55bEQv0IcjEMkcPHCTDvhALGVtcOCq1P-gyR_7eRGJE/s104/hitam.png) repeat center fixed;


nah liat tuh kode html yang berwarna biru adalah link's gambar, intinya sih ngerubah code css colour menjadi gambar
kalo anda kurang paham bisa koment or join di group kami :D

Monday, January 14, 2013

Free Domain

Yang mau domain
[-] .Com
[-] .Net
[-] .Info
[-] .Name
[-] .Org
[-] .Biz
Selain domain diatas gue belom bisa lagih.. Bisa untuk blog, bisa koment disini :D dan Jangan lupa Untuk ajak temen temen lu join ke group, KITA SHARING BLOG BARENG
SYARATnya :
+punya akun google atau Gmail
+dan masukan Gmail dan nama domainnya

Friday, January 11, 2013

Setting Domain dari INTUIT

Saya jelasin langsung aja yaa.. saya anggap sahabat tutblog sudah mempunya domainnya sendiri dan belum bisa setting NameServer atau biasa disebut NS
  • Daftar dsini
  • Setelah daftar Login Intuitnya agan disini
  • Setelah Login pilih menu Domain

Wednesday, January 9, 2013

Custome Template Mobile

Hihi saya ga bisa panjang lebar kalo ngePost blog jadi langsung aja ya
Custome Template Blog pada handphone caranya gampang banget
sahabat tutblog hanya tinggal mempraktekannya sendiri dan pilih customennya sesuai keinginan
sabahat tutblog ^_^

caranya gampang dan simple banget kok tinggal ikutin caranya aja ^_^
  • Pilih Template
 

Menghubungkan Blog Dengan Facebook dan Twitter

Bagi sahabat tutblog yang mempunyai facebook dan twitter pasti akan segera share posting kamu di sana. Tapi cara ini mungkin akan sangat merepotkan bagi sebagian orang. Pertama orang harus login ke facebook atau twitter itu sendiri. Lalu copy paste url blog. Belum lagi jika kita ingin menggunakan fasilitas url shortener supaya tweet tidak terlalu banyak karakter. Nah dengan cara ini kamu tidak perlu mengalami itu semua. Memang dulu saya menggunakan cara di atas wkwkwk Tapi sekarang sudah tidak lagi semenjak saya menggunakan twitterfeed. Lalu bagaimana caranya. Langsung saja kita ke KTP (Ketempat Terjadinya Perkara) wkwkwkw :D  :
  • terlebih dahulu daftar di twitterfeed kalau sahabat tutblog udah punya tapi belum ngerti lewati step pertama ini yaa :D
  • Klik register now. Lalu isi form yang ada



 
  •  Lanjutkan ke step 2

Tuesday, January 8, 2013

Tutorial: Cara Membuat CBox atau ShoutBox

Hai Kawan TutBlog, azeekk mau bagi-nbagi ilmu sederhana lagi nih.. kali aja bisa membantu kalian yang kebingungan untuk bikin Cbox atau ShoutBox pada Sidebar Blog..

Kalian udah tau Cbox kan? atau emang belom tau?
Cbox atau Shoutbox itu biasa digunakan oleh para blogger untuk meletakan komentar pengunjung terhadap blognya secara umum atau biasa juga hanya sekedar meninggalkan jejak si pengunjung..
masih bingung juga? nih kaya gini contohnnya..


Nah udah tau kan?
Mau bikin kaya begituan?
Oke yuk ikutin stepnya

Membuat Populer Post Warna Warni

Keren nih tampilannya cui, kaya RAINBOW CAKE, nih contohnya sepertini..


mau untuk blog anda?
nah gini nih caranya cui
  • login blog
  • lalu pilih template


  • Edit HTML
  • Lalu cari code ini ]]></b:skin> dengan cara tekan CTRL+F liat pada gambar
  • lalu letakkan code css dibawah ini tepat diatas code ]]></b:skin>
/* Rainbow Popular Post by http://www.chalief-cyber.com*/ #PopularPosts1 ul li a:hover{color:#fff;text-decoration:none} #PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;} #PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px} #PopularPosts1 ul li:first-child:after, #PopularPosts1 ul li:first-child + li:after, #PopularPosts1 ul li:first-child + li + li:after, #PopularPosts1 ul li:first-child + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"} #PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"} #PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"} #PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"} #PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%} #PopularPosts1 ul li:first-child + li + li + li:after{content:"4"} #PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%} #PopularPosts1 ul li:first-child + li + li:after{content:"3"} #PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%} #PopularPosts1 ul li:first-child + li:after{content:"2"} #PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%} #PopularPosts1 ul li:first-child:after{content:"1"} #PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none} #PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px} /* Rainbow Popular Post by http://www.chalief-cyber.com*/
Lalu simpan template dan liat apa yang terjadi wkwk

Cara mengganti kursor mouse Blog

Kita yakin pasti sahabat tutblog bosan dengan kursor mouse blog yang begitu begitu aja, nah dengan trik ini kita bisa mengganti kursor kita dengan gambar kita atau bisa juga kita ambil di internet

Langsung saja, begini caranya:
1. Login ke blog
2. Pilih tab “Tata Letak”.
2. Klik “tambah gadget” baik itu berada di bawah, atas atau samping.
3. Pilih “HTML/JavaScript”
4. Copy kode di bawah ini pada tempat pengetikan:



 

5. Nah, ganti alamat cursor http://www.123cursors.com/freecursors/7676.gif tersebut dengan alamat cursor yang lain. Untuk mengetahui alamat cursor yang lain, kunjungilah www.123cursors.com dan pilih cursor yang Anda inginkan. Supaya lebih mudah, cari berdasarkan kategori. Bila Anda sudah menemukan, copy alamat cursornya dengan cara klik kanan pada gambar cursor tersebut, lalu pilih “copy image location”.
Mudah kan?

Sekian :D

Monday, January 7, 2013

Tutorial: Cara Membuat Read More Pada Postingan Blog

Kalian pernah liat Read More? atau Baca Selengkapnya pada homepage blog?
Belom pernah?
Ini Contohnya..


Udah pernah liat? dan ingin membuatnya?
yok ikutin caranya dibawah :D

Tutorial: Cara Entri Posting di Blog

Oke buat kalian yang masih bingung bagaimana cara Entri Posting di blog, mungkin cara dibawah bisa membantu kalian :D

1. Login ke Blogger.com
2. Masukan Email dan Password kalian
3. Klik Sign In
4. Klik Nama Blog kalian

Tutorial: Cara Membuat Blog

Oke buat kalian yang mau punya blog cukup ikuti cara dibawa ini oke :D

*Diingatkan bahwa pada tutorial ini saya membuat blog dengan menggunakan hosting di Blogspot

Sip, kita lanjut aja yuk ke stepnya
1. Buka http://blogger.com
- untuk kalian yang sudah punya account google sebelumnya langsung aja login (masukan email dan passwornya lalu klik sign in)
- untuk kalian yang belom punya account google, ikuti langkah berikut