Cara membuat efek Rotasi Shadow pada Gambar Blog

Cara membuat efek Rotasi dengan bayangan di Blogger. Tutorial blog seocips kali ini adalah tentang memberikan efek Rotasi pada gambar blog. Sobat tentunya ingin membuat blog sobat terlihat menarik di mata pengunjung blog. Untuk membuat blog menarik dan terlihat keren tentu saja ada macam-macam cara yang sobat dapat gunakan, salahsatunya adalah dengan memberikan efek di gambar blog sobat misalnya efek rotasi.

Berbicara mengenai efek gambar blog, Sebelumnya juga seocips telah membagikan artikel tentang membuat animasi hover dengan deskripsi pada gambar di blog, dan juga jquery crousel slider pada gambar dan efek Quake pada gambar blog. Efek Blog lainnya dapat sobat lihat di artikel seocips yang lain.

Efek berikut ini anda tidak perlu menambahkan script jquery pada template blog anda, efek berikut ini cukup sederhana yaitu hanya menggunakan CSS. Untuk demonya sobat dapat melihat langsung live demonya di gambar di postingan ini. Ok berikut adalah...

LIVE DEMO :

Membuat Efek Rotasi pada Gambar Blog

1) Masuk ke dashboard blogger lalu klik Template
2) Cari tag penutup ]]></b:skin>
3) Pastekan CSS di bawah ini tepat di atas tag penutup ]]></b:skin>.

.post-body img{
border-radius: 2%;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.post-body img:hover{  transition: all 2s ease-in-out;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
z-index: 999;
box-shadow: 8px -6px 5px rgba(50, 50, 50, 0.75);
}

Untuk menerapkannya pada postingan blog sobat tinggal mengupload gambar yang sobat inginkan.

Bagaimana sobat? keren gak? ok sekian artikel seocips untuk saat ini dan jangan lupa lihat artikel seocips terbaru tentang tutorial blog lainnya. sekian dan selamat mencoba.

Read More..

Spesifikasi

Jaringan

• 2G NETWORKGSM
• 3G NETWORKHSPA
• 4G NETWORKLTE

SIM Card

• JENIS SIMNano SIM
• JUMLAH SIM1
• JARINGAN SIMGSM

Body

• DIMENSI144,4 x 72,3 x 8,7 mm
• BOBOT162 g
• WARNABlack/White
• FITUR BODYIP68 certified - dust and water proof up to 1.5 meter and 30 minutes

Software

• OSAndroid 5.0 Lollipop

Hardware

• CHIPSETQualcomm Snapdragon 810
• CPUOcta-core 2 GHz
• GPUAdreno 430
• RAM3 GB
• INTERNAL STORAGE32 GB
• EXTERNAL STORAGEUp to 128 GB

Baterai

• JENISNon-Removable
• TIPELi-Ion 3000 mAh

Layar

• UKURAN5,2 inci
• JENISIPS/Capacitive touchscreen
• PROTEKSIScratch Resistant Glass/Oleophobic Coating
• RESOLUSI Read More..

Cara Mengatasi Wajah Berminyak dalam 30 Menit Blog

geby21.blogspot.com - Cara Mengatasi Wajah Berminyak dlm 30 Menit - Apa yg kamu lakukan ketika mengetahui muka berminyak? Mengambil tisu kah, mengusapnya dgn tangan, / malah pergi ke kamar mandi lalu menggunakan facial foam? itu semuanya salah.
Read more »

Read More..

Cheat Crazy Shooter Online Indonesia

Cheat Crazy Shooter Online Indonesia

Kali Ini Saya Akan Membagikan Cheat Crazy Shooter Online Indonesia Dengan Fiture Utama Yaitu

[+] Unlimited HP
[+] Unlimited Ammo
[+] Anti Hit Saat Menjadi Bubble
[+] Fly Mode (Terbang)


Silahkan Download :

[+]Cheat 


Perhatian !!! Untuk Anda (Para Beater)  Agar Tidak Melakukannya Dengan Sembarangan , Jika Anda Melakukannya Dengan Sembarangan Maka ID Anda Termasuk Dalam Black List Gemscool (Banned ID) Kami Menghimbau Agar Anda Melakukan Dengan Sebaik - Baiknya Terimakasih ~

Read More..

Cara Daftarkan Blog Ke Rss Feedburner Terbaru

SEOCIPS. Cara daftarkan blog ke Rss Feedburner terbaru- Cara daftar feedburner- Mendaftarkan blog ke Feedburner- Daftar di Rss Feedburner. Feedburner digunakan sebagai alat untuk memudahkan pengunjung untuk tetap bisa melihat Update blog melalui Email mereka. Dengan menggunakan Feedburner di website atau blog, pengujung blog yang telah berlangganan akan mendapatkan pemberitahuan update terbaru dari blog anda yang akan dikirimkan langsung ke email mereka. Ini akan membantu meningkatkan page view setiap artikel anda dan tentunya akan berpengaruh meningkatkan traffic blog anda. Feedburner akan memeriksa RSS Feed asli dari website/ blog anda secara berkala, bahkan bisa juga dilakukan setting agar setiap terdapat update artikel maka akan otomatis melakukan Ping ke Feedburner.

 

 

Artikel kali ini kita akan membahas mengenai bagaiman cara mendaftarkan dan mengaktifkan feedburner di blog/ web. Memang terdapat banyak tutorial tentang cara mendaftar ke FeedBurner dimana itu semua tidak akan bekerja tanpa anda mengaktifkannya.

Cara Mendaftar Ke Feedburner 

Langkah-langkahnya sebagai berikut.
1. Kunjungi www.feedburner.com dan lakukan login dengan account Google atau Gmail anda.
2. Pada halaman Feedburner Google ini silahkan pada kotak isikan URL blog Anda, misalnyahttp://dapasun.blogspot.com/. ( sebelumnya alamat Blog ini adalah dapasun blogspot kemudian berganti domain menjadi seocips.com ) Lihat gambar dibawah ini:

3.Setelah itu feedburner akan melacak alamat feeds anda. Pilih RSS atau Atom terserah anda karena semuanya sama.

Jika Feed burner berhasil melacak website anda maka tampilannya seperti gambar di atas tapi jika tidak berhasil maka kemungkinaan akan ada tulisan Recived HTTP error."Not Found" while fetching source feed. kira-kira tampilannya seperti gambar di bawah ini.

Untuk mengatasinya silahkan anda baca artikel sebelumnya : Cara mengatasi Recived HTTP error."Not Found" while fetching source feed dalam mendaftarkan blog ke Feed Burner.

4. Tentukan nama feeds anda kemudian klik next.

 5. Setelah Klik next. Jika berhasil maka ada pemberitahuan yang menyatakan pembuatan feed Burner anda berhasil. Seperti gambar di bawah ini. Dan ingat atau simpan alamat feed burner anda seperti yang terterah di gambar. Selanjutnya klik Next.

6. Selanjutnya anda akan diberikan beberapa pilihan, ikuti saja seperti gambar dibawah ini dan klik Next

 8. Tanda anda selesai membuat feed Burners adalah seperti gambar berikut ini.

9. Selanjutnya setelah sobat membuatnya sekarang tinggal cara mengaktifkanya di blog atau website anda.

Cara Memasang Rss Feed Burner Ke Blog 

1. Masuk ke pengaturan Blogger Anda.
2. Pada menu Setelan pilih submenu Lainnya
3. Pilih Posting URL Pengubahan Arah Feed silahkan klik Tambah.
4. Masukkan URL Feedburner saudara.
5. Silahkan klik Simpan Setelan. Untuk lebih jelasnya lihat gambar di bawah ini.

6.Langkah selanjutnya adalah mendapatkan kode script feed untuk dipasang pada blog, jika anda ingin memasang feed tersebut. Misalnya Anda ingin memasang feed untuk gadget sidebar. Pilih salah satu services yang disediakan. caranya seperti berikut.
7.. Pillih Publicize >> Email Subscription >> Pada pilihan Use as widget in : ganti ke Blogger. Kemudian Copy script Feed Burner yang ada.

8. Masuk kembali ke pengaturan tata letak template anda dan pilih tambahkan gatget. Silahkan pilih dimana anda ingin meletakan widget feed burner anda misalnya di sidebar. Pilih tambahkan Gatget>>HTML/Javascript.

9. Langkah terakhir silahkan masukan kode sript yang anda copy dari feed Burner Tadi. Kemudian simpan. Jika berhasil terpasang contohnya seperti gambar berikut ini.

 10. Selesai.

Bagaimana sobat? mudah bukan. Jika anda mengikuti langkah- langkahnya dengan benar pasti anda dapat berhasil memasang feeed burner ke blog atau website anda. Saya rasa cuup untuk saat ini dan semoga Cara Daftarkan Blog Ke Rss Feed Burner Terbaru dan Cara Memasang Rss Feed Burner Ke Blog dapat bermanfaat untuk anda.

Read More..

Tips Memilih Template Blog yang baik

 ada baiknya anda mengerti kriteria Template yg bagus dan SEO Ready, yg tentunya akan menguntungkan anda sebagai pemakai. berikut adalah beberapa Tips dalam memilih sebuah template.  :

Loading Cepat

Menurutku Loading template yg cepat menjadi salah satu fitur penting yg harus ada pada template yg ingin anda pilih, Dengan menggunakan template yg memiliki loading yg cepat blog pun akan cepat di akses oleh pembaca - pembaca artikel blog anda, Pengunjung pun tidak mudah kabur dan lebih memilih terus membaca karna loading blog yg cepat. Dan anda pun pasti tau dengan kondisi koneksi internet di indonesia yg terbilang belum semaju negara negara luar, banyak orang yg masih mengandalkan warnet untuk mencari informasi di internet.

Elegant (Enak di pandang mata)

Template simple dan memiliki loading cepat, menurutku belum sreg kalo belum Elegant atau enak di pandang mata. Memilih template yg elegant juga penting, Keuntungan yg kita dapatkan adalah agar kita tidak cepat bosan dengan template yg di pakai, Sehingga template pun akan awet di pakai dan tidak cepat gonta ganti template. Selain itu menggunakan template yg elegant juga bisa berpengaruh pada Bounce rate atau Lamanya pengunjung berda di blog kita, atau bisa di perjelas maksudnya "Agar Pengunjung Tidak Bosan" ngerti kan gan maksudnya ???

SEO Ready

Memang sangat penting memilih template yg SEO Ready, Fitur yg harus ada pada sebuah template yg SEO Ready :

• Navigasi Breadcumbs
• Meta Tag
• Permalink

Read More..

Pasang Social Media Widget With Hover Effect For Blog

Social Media Widget For Blogger. Berikut ini adalah widget Sosial Media yang di design oleh Amit Agrawal yang adalah seorang Blogger populer berasal dari India. Widget Sosial ini memiliki tapilan Simple dengan Hover Effect ketika di Sentuh mouse.

Jika sobat tertarik dengan widget-widget Sosial media, diartikel sebelumnya juga telah dibagikan mengenai widget Share dengan efek SLide yang dapat sobat letakkan di bawah artikel blog. Untuk sobat yang tertarik juga dengan efek-efek yang ada didalam template blog mungkin sobat dapat membaca cara membuat efek gambar bergetar dan membuat efek gambar SLide dengan Deskripsi di blog.

LIVE DEMO :

RSSTwitterFacebookYouTubeGoogle+

Ok sobat berikut ini adalah Memasang Labnol Social Media Widget di Blogger.

Buka Blogger Dashboard ? Template ? Html Editor ? Tambah Gadget
Buka Html / Javascript Editor
Sekarang paste kode di bawah ini kedalamnya.

<style>
.SlidingSocial a{float:left;display:inline;margin-right:8px}
.SlidingSocial a:hover{-webkit-opacity:1;-moz-opacity:1;opacity:1}
.SlidingSocial  a{display:block;width:32px;height:32px;text-indent:-9999px;background-color:none;background:transparent url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt-LnU-I4VsYs2ybFMk_rLUzsn65ePPrxPTFc8FmgpTu6FEI_WmZYdvdLZy3PCrPRH0ewGwBLzFyYAkAfvVWxeDXiMj_L0w6GgLjhZ1ph6pwJv-kxPnYLY8JDoBcBAfoFn4KqR-VDkA7w/s164/SlidingSocial.png") 0 0 no-repeat;-xwebkit-opacity:.7;-xmoz-opacity:.7;xopacity:.7;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
#iconTwitter{background-position:-33px -33px}
#iconTwitter:hover{background-position:-33px 0}
#iconFacebook{background-position:-66px -33px}
#iconFacebook:hover{background-position:-66px 0}
#iconRSS{background-position:0 -33px}
#iconRSS:hover{background-position:0 0}
#iconYouTube{background-position:-99px -33px}
#iconYouTube:hover{background-position:-99px 0}
#iconGooglePlus{background-position:-132px -33px}
#iconGooglePlus:hover{background-position:-132px 0}
</style>
<div class="SlidingSocial">
<a href="http://feeds.feedburner.com/seocips" id="iconRSS" target="_blank" title="RSS Feed">RSS</a>
<a href="http://twitter.com/seocips" id="iconTwitter" target="_blank" title="Twitter">Twitter</a>
<a href="http://www.facebook.com/trackmyblog" id="iconFacebook" target="_blank" title="Facebook Page">Facebook</a>
<a href="http://www.youtube.com/" id="iconYouTube" target="_blank" title="YouTube Channel">YouTube</a>
<a href="https://plus.google.com/+Seocipscom" id="iconGooglePlus" target="_blank" title="Google Plus">Google+</a>
</div>

Setelah itu simpan dan lihat hasilnya.

Read More..

Cara Memasang gambar ber link pada blog

Memasang gambar ber-link pada blog

Posted by Taufan Riyadi

Memasang gambar ber-link pada blog - Maksudnya begini , saat kita meng klik sebuah gambar maka kita akan di bawa ke sebuah web atau URL.

Sebelum kita membuatnya, pastikan anda telah mengupload gambar dan mensiapkan URL nya

cara nya , tambahkan widget pada blog anda dan pilih HTML/Java.

<a href="http://www.trikaja.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAoaCGlTzJrIBIKREkw73JUubXtJJ5DkDu4Wsc82KCMnz52lRnm7HRoD2J84on2yE4kDXBSfY6XAGzPjUoETGbjMsyR_0SVr76uL_TorLEZiCFJWkXU9cqVYulQ0_AecO-5SwJXICeaf9c/s1600/blogger.jpg"/></a>

Ganti tulisan yang berwarna hitam dengan link yang ingin anda buat
ganti tulisan yang berwarna biru dengan url image nya

tambahkan widget atau elemen halaman yang baru type HTML/Javascript  lalu copy paste deh scriptnya

Read More..

Cara Membuat Fungsi Scroll pada Daftar Komentar Blog

B

ila komentar-komentar yang telah diberikan oleh para pengunjung blog sudah cukup banyak, tentunya hal ini akan membuat daftar komentar menjadi memanjang ke bawah. Belum lagi ditambah komentar-komentar dari sang pemilik blog karena merespon komentar-komentar dari pengunjung tersebut. Hal ini membuat halaman blog menjadi sangat panjang karena sudah banyaknya komentar sehingga terkesan memakan tempat.

Untuk mengatasinya kita dapat menggunakan fungsi scroll pada daftar komentar tersebut seperti yang terlihat pada gambar di atas. Caranya adalah dengan menambahkan kode CSS pada HTML template blog kita. Berikut ini adalah langkah-langkah membuatnya. Cara di bawah ini masih menggunakan antarmuka Blogger yang lama.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk membuat backup template. Gunanya untuk berjaga-jaga kalau nanti terjadi kesalahan dalam pengeditan, kita dapat dengan mudah mengembalikan template seperti semula.

4. Beri tanda centang pada Expand Template Widget.

5. Cari kode yang mirip-mirip dengan kode di bawah ini.

#comments h4 {

color:#666666;

font-weight:normal;

letter-spacing:0.2em;

line-height:1.4em;

margin:1em 0;

font-size:14px;

text-transform:none;

}

6. Kemudian letakkan kode berikut di atas kode tersebut.

#comments {

height:400px;

overflow:auto;

}

Sehingga susunan kodenya menjadi seperti di bawah ini.

#comments {

height:400px;

overflow:auto;

}

#comments h4 {

color:#666666;

font-weight:normal;

letter-spacing:0.2em;

line-height:1.4em;

margin:1em 0;

font-size:14px;

text-transform:none;

}

• height:400px; menunjukkan tinggi scroll sebesar 400 piksel. Anda dapat mengubahnya sesuai keinginan Anda.

7. Selanjutnya cari kode yang mirip dengan kode di bawah ini. Intinya cari kode yang ada id=comments-block-nya.

<b:if cond=data:post.numBacklinks != 0>

     <dl class=comments-block id=comments-block>

        <b:loop values=data:post.comments var=comment>

          <dt class=comment-author id=comment-author>

            <a expr_name=data:comment.anchorName/>

            <b:if cond=data:comment.authorUrl>

              <a expr_href=data:comment.authorUrl rel=nofollow><data:comment.author/></a>

            <b:else/>

              <data:comment.author/>

            </b:if>

            <data:commentPostedByMsg/>

          </dt>

          <dd class=comment-body>

            <b:if cond=data:comment.isDeleted>

              <span class=deleted-comment><data:comment.body/></span>

            <b:else/>

              <p><data:comment.body/></p>

            </b:if>

          </dd>

          <dd class=comment-footer>

            <span class=comment-timestamp>

                <i><data:comment.timestamp/></i>

              <b:include data=comment name=commentDeleteIcon/>

                </span>

          </dd>

        </b:loop>

      </dl>

  </b:if>

8. Lalu tambahkan kode <div style=overflow:auto; width:ancho; height:400px;> di atas kode <dl class=comments-block id=comments-block> dan tambahkan kode penutup </div> di bawah kode </dl> sehingga hasilnya akan menjadi seperti di bawah ini.

<b:if cond=data:post.numBacklinks != 0>

<div style=overflow:auto; width:ancho; height:400px;>

     <dl class=comments-block id=comments-block>

        <b:loop values=data:post.comments var=comment>

          <dt class=comment-author id=comment-author>

            <a expr_name=data:comment.anchorName/>

            <b:if cond=data:comment.authorUrl>

              <a expr_href=data:comment.authorUrl rel=nofollow><data:comment.author/></a>

            <b:else/>

              <data:comment.author/>

            </b:if>

            <data:commentPostedByMsg/>

          </dt>

          <dd class=comment-body>

            <b:if cond=data:comment.isDeleted>

              <span class=deleted-comment><data:comment.body/></span>

            <b:else/>

              <p><data:comment.body/></p>

            </b:if>

          </dd>

          <dd class=comment-footer>

            <span class=comment-timestamp>

                <i><data:comment.timestamp/></i>

              <b:include data=comment name=commentDeleteIcon/>

                </span>

          </dd>

        </b:loop>

      </dl>

</div>

  </b:if>

9. Klik tombol SIMPAN TEMPLATE.

10. Selesai dan lihat blog Anda.

Bila Anda ingin menambahkan border atau garis tepi pada fungsi scroll seperti yang terlihat pada screenshot di atas, maka tambahkan kode border:1px solid #ccc; setelah kode overflow:auto; sehingga susunan kodenya akan menjadi seperti di bawah ini.

#comments {

height:400px;

overflow:auto;

border:1px solid #ccc;

}

• border:1px solid #ccc; merupakan garis tepi atau border dengan ketebalan 1 piksel bergaya solid berwarna #ccc;

Read More..

Cara hack Total Tayang Laman Blog

Banyak orang yang tanya, gimana caranya memperbanyak Total Tayangan Laman.

Ya caranya banyakin pengunjung lah -_-

Tapi kalo masalah dipamerin ketemen banyak Total tayangan lamannya itu sangat mudah kawan.
Pertama kita buka ke Tata Letak Blog kita

 

 

 

Setelah itu kita Tambah Gadget Terserah dimana ajah tempatnya.

Okay kita pilih HTML/Java Script

 

Kita beri judul: Anda Pengunjung yang ke

Isi konten:

 
 Code :
<div id="Stats1" class="widget Stats">
<div class="widget-content">
<div id="Stats1_content" style="">
<span id="Stats1_totalCount" class="counter-wrapper graph-counter-wrapper">
<span class="digit stage-0"><strong>4</strong><span class="blind-plate"></span></span><span class="digit stage-0"><strong>2</strong><span class="blind-plate"></span></span><span class="digit stage-0"><strong>0</strong><span class="blind-plate"></span></span><span class="digit stage-0"><strong>1</strong><span class="blind-plate"></span></span><span class="digit stage-0"><strong>5</strong><span class="blind-plate"></span></span><span class="digit stage-0"><strong>7</strong><span class="blind-plate"></span></span><span class="digit stage-0"><strong>1</strong><span class="blind-plate"></span></span><span class="digit stage-0"><strong>8</strong><span class="blind-plate"></span></span><span class="digit stage-0"><strong>0</strong><span class="blind-plate"></span></span><span class="digit stage-0"><strong>5</strong><span class="blind-plate"></span></span></span></div></div></div>


Liat deh hasilnya: 

Link Info : http://4-f1zz.blogspot.com/

Read More..