Efek Zoom Berputar Pada Gambar. Berikut ini seocips akan membagikan tutorial seputar Blog yaitu tentang Cara membuat efek zoom berputar pada gambar di postingan blog Blogger. Tentunya seperti yang telah saya jelaskan di beberapa postingan terdahulu bahwa untuk membuat blog kita kelihatan lebih menarik maka kita dapat menambahkan efek pada gambar blog.

Keuntungan menggunakan efek seperti ini seperti yang sudah saya katakan diatas adalah untuk membuat tampilan blog kita menjadi kelihatan lebih menarik, efek ini akan terlihat ketika kursor mouse diarahkan pada gambar di postingan blog kita.

Seperti di artikel pada sebelumnya dimana saya telah membagikan tentang cara membuat efek rotasi pada gambar dengan CSS tanpa Jquery. Efek berikut ini juga sobat tidak perlu menggunakan jquery. Jika sobat tertarik dengan efek blog maka sobat dapat melihat artikel seperti wow slider with thumbnails atau juga image slider versi 6 dan animasi gelembung di blog. Untuk Live demo Efek Zoom Berputar adalah seperti pada gambar dibawah ini.

LIVE DEMO:

Untuk membuatnya berikut ini adalah Cara Membuat Efek Zoom Berputar Pada Gambar di Blog:

1) Masuk ke dashboard blogger lalu klik Template
2) Cari tag penutup ]]></b:skin> atau </style> ( kalau kode </style> ada lebih dari 1 silahkan coba dimana yang cocok). saran saya diatas kode ]]></b:skin>.
3) Pastekan CSS di bawah ini tepat di atas tag penutup ]]></b:skin> atau </style>

#seocips img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;}
#seocips img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}

4) Untuk menerapkannya pada postingan blog contohnya adala kode di bawah ini, dalam mode HTML postingan.

<div id="seocips">
<div style="text-align: center;">
<a href="http://www.seocips.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHhQ8zx3MGHaaIxivVVI7heHlvPxSOY1r1nhLxO1XtaILX3EPFsQ0PmLjp8a_k9uovbmlyCstKlatkaoW8sbrY1-lWiddEiKFvvIjCE5RF3xoAgB7qZeAsyt5TRpQAaaWFnv-QlqIEHac/s1600/Seocips-efect-blog.jpg" height="200" width="200" /></a></div>

Untuk kode berwarna merah diatas adalah url gambar, slihakan ganti dengan gambar yang sobat inginkan. sekarang tinggal sobat publikasikan artikel sobat dan lihat hasilnya pada gambar sobat. Nah sekian artikel untuk saat ini dan jangan lupa lihat artikel terbaru infonewz2 yang lainnya atau like blog ini untuk memudahkan sobat mendapatkan artikel terbaru dari www.infonewz2.blogspot.com.

Bagaimana cara menulis element terlarang di kotak komentar Blogger?... Tentunya sobat sudah tahu bahwa di komentar Blogger tidak semua element dapat kita masukan, misalnya gambar, Blockquote, dan tag pre, Gambar, dan lain sebagainya.

Bisanya yang menggunakan script dibawah ini adalah blog/website yang isinya berupa tutorial, dimana kadang harus mengisi kotak komentar dengan kode-kode, yang tentu saja pastinya tidak dapat ditampilkan jika tidak di manipulasi dengan script dibawah ini.

Letakan kode dibawah ini diatas kode </body> 

<script type='text/javascript'>
//<![CDATA[
$('#comments p, #comments dd').each(function() {
   $('b[rel^="h"]', this).nextAll().filter('br').remove();
    $('i[rel="pre"]', this).replaceWith(function() {
        return $('<pre></pre>').append($(this).contents());
    });
    $('i[rel="image"]', this).replaceWith(function() {
        return $('<img />').attr('src', $(this).text());
    });
    // Menyisipkan tag `<h3>`
    $('b[rel="h3"]', this).replaceWith(function() {
        return $('<h3></h3>').append($(this).contents());
    });
    $('b[rel="quote"]', this).replaceWith(function() {
        return $('<blockquote></blockquote>').append($(this).contents());
    });
    $('i[rel="code"]', this).contents().unwrap().wrap('<code></code>');
});
//]]>
</script>

Untuk menerapkannya pada komentar Blogger gunakan kode dibawah ini.

Menyisipkan kode:  <i rel="code">Kode Anda</i> atau <i rel="pre">Kode Anda</i>

Menyisipkan gambar:  <i rel="image">Link Gambar Anda</i>

Menyisipkan judul:  <b rel="h3">Judul Anda.</b>

Menyisipkan catatan:  <b rel="quote">Catatan.</b>

Membuat teks tebal:  <b>Teks Anda.</b>

Membuat huruf miring:  <i>Teks Anda</i> 

Nah sekian mengenai Cara Menulis Element Terlarang di Kotak Komentar Blog. Lihat juga tutorial terbaru lainnya dan semoga bermanfaat

Bagaimana cara membuat Fanspage like button dengan efek tooltip?.. Nah pada kesempatan ini saya akan membagikan caranya. Tentusaja anda sudah tahu pengaruh media sosial di blog anda, seperti yang sudah saya jelaskan di artikel-artikel sebelumnya yaitu anda dapat mendatangkan trafik atau pengunjung blog dari sosial media.

Emang kenapa kalo Fans page kita banyak yang like?.. hehehe, Nah gini sob, Agar nantinya jika kita share artikel kita di fanspage facebook maka kemungkinanan besar artikel yang kita share akan muncul di facebooknya orang yang mengikuti ataupun me-Like Fanspage facebook kita.

Nah kita dapat memanfaatkan pengunjung blog kita untuk mendapatkan like FB FP, yaitu seperti menambahkan widget fanspage di bawah postingan, di widget sidebar blog, ataupun dengan cara membuat fanspage facebook melayang. eh iya baca juga sob: cara membuat Fanspage Google Plus melayang di blog.

Fanspage Facebook melayang dengan efek tooltip ini baru akan kelihatan jika mouse diarahkan ke tombol likenya ini. Ok berikut ini adalah Cara Membuat Facebook FP Like Button Dengan Efek Tooltip.

DEMO: www.infonewz2blogspot.com 

( Masuk ke artikel dan lihat sudut kiri di bawah postingan dan jika berkenan di Like juga yah :) )

Berikut ini adalah cara membuatnya:

1. Sebelumnya sobat harus sudah punya FP. ( baca: cara membuat Fanspage Facebook )
1. Backup template / simpan dinotepad untuk berjaga-jaga jika ada kesalahan.
2. Masuk ke edit HTML template Blog sobat.
3. Cari kode ini : ]]></b:skin>
4. Letakan kode CSS dibawah ini keatas kode ]]></b:skin>.

/* Facebook Tooltip Provided by www.seocips.com */
a:link,a:visited { position:relative; }
.bgttooltip { width:300px; position:absolute; bottom:400%; margin:0 0 7px 0; padding:5px; font-family:Verdana,sans-serif; font-size:13px; font-weight:normal; font-style:normal; text-align:left; text-decoration:none; text-shadow:0 1px 0 rgba(255,255,255,0.3); line-height:1.5; border:solid 1px; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; -moz-box-shadow:0 1px 2px rgba(0,0,0,0.3),0 1px 2px rgba(255,255,255,0.5) inset; -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.3),0 1px 2px rgba(255,255,255,0.5) inset; box-shadow:0 1px 2px rgba(0,0,0,0.3),0 1px 2px rgba(255,255,255,0.5) inset; cursor:default; display:block; visibility:hidden; opacity:0; z-index:999; -moz-transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear; color:#2B2B2B; background:#2aa4cf; background:-moz-linear-gradient(top,rgba(192,192,192,0.8),rgba(192,192,192,1)); background:#2aa4cf; border-color:#2aa4cf; }
.bgttooltip:before,.bgttooltip:after { width:0; height:0; position:absolute; bottom:0; margin:0 0 -20px -10px; border:solid 10px; border-color:transparent; display:table-cell; content:""; }
.bgttooltip:before { margin:0 0 -24px -12px; border:solid 12px; border-color:transparent; z-index:-1; }
a:hover .bgttooltip { text-decoration:none; visibility:visible; opacity:1; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; }
.bgttooltip,.bgttooltip.left { left:0; right:0; }
.bgttooltip:before,.bgttooltip:after,.bgttooltip.left:before,.bgttooltip.left:after { left:40px; right:auto; }
.bgttooltip:before { border-top-color:#2aa4cf; }
.bgttooltip:after { border-top-color:#2aa4cf; }

5. Letakan kode dibawah ini kedalam widget blog atau dibawah postingan, jika ingin meletakan dibawah postingan misalnya dibawah <data:post.body/> ( kode ketiga atau keberapa tergantung template anda, dicoba saja satu persatu ) atau bisa juga diatas kode <div id='related_posts'/> ( itu jika kode related postnya kayak gitu )

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a href="https://www.facebook.com/trimbelboy" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgds7-TgSCm1IqXz3pv5HvklEqGZEEF7AQo9SEkdJdxCZCRLx6-chttPjkM7cUEECfWmz-9HdOFdyugBq1RZw24yGrXdtFSOfqfFD7c6gxPupVq1ACzeLV_Fg7tli8u9x5ZccS4TEqvXLKg/s80/like+(1).png" title="Like" alt="Like"/><span class="bgttooltip">
<object data="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fbenipaper&amp;width&amp;height=258&amp;colorscheme=dark&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=true&amp;appId=483767385088491" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:258px;" allowTransparency="true"></object>
 </span></a>
<div class='clear'/>
</b:if>

Keterangan : ganti tulisan berwarna diatas dengan alamat Fanspage facebooknya sobat.

6. Simpan Template dan lihat hasilnya.

Sekian sobat tutorial blog tentang Cara Membuat Facebook FP Like Button Dengan Efek Tooltip untuk saat ini dan semoga bermanfaat.

Cara Membuat Link Sumber Otomatis Ketika postingan Blog di Copas. Ok sobat berikut ini seocips.com akan membagikan lagi tips agar supaya nantinya artikel blog yang di copas oleh orang lain secara otomatis akan membuat link sumber sendiri mengikuti halaman yang ia copas tadi.

Trik ini memang sudah banyak dan tidak asing lagi untuk beberapa pemilik Blog, tapi mungkin saja masih banyak yang belum tahu juga bagaimana cara membuatnya di blog. Kegunaan memasangnya adalah artikel yang di Copas secara otomatis akan membuat link di tempat dia mempastekannya, jadi gak perlu lagi di perintah agar menampilkan link suber.

Kelemahanya adalah jika dilihat oleh yang meng copas tentusaja link sumbernya bakalan langsung di hapus. Untuk blog juga yang membahas seputar tutorial Blog menurut saya tidak cocok memakai script link sumber otomatis seperti ini, karena bisa saja kode-kode yang di copas di blog jadi bertambah dan ehhh malah di pastekan tanpa cek lebih dahulu.. kebayangkan hasilnya nanti..

Baca Juga : Anti Copy paste Paling efektif

Nah untuk meletakannya kedalam template blog mudah sekali, berikut adalah caranya.

1. Di Blog Bloggernya sobat.
2. Masuk ke edit HTML template
3. Backup Template ( kayak simpan di notepad dahulu gitu.. )
4. Cari kode </body> dan letakan kode dibawah ini di atasnya ( diatas </body> )

<script type='text/javascript'>
if(document.location.protocol==&#39;http:&#39;){ var
Tynt=Tynt||[];Tynt.push(&#39;cXIEhKYVSr4lJ5adbi-bpO&#39;);Tynt.i={&quot;ap&quot;:&quot;Link Sumber :&quot;}; (function(){var
s=document.createElement(&#39;script&#39;);s.async=&quot;async&quot;;s.type=&quot;text/javascript&quot;;s.src=&#39;https://seocipsokbanget.googlecode.com/svn/linksumber.js&#39;;var
h=document.getElementsByTagName(&#39;script&#39;)[0];h.parentNode.insertBefore(s,h);})();
 } </script>

5. Simpan tempate.
6. Lakukan uji coba. hehehe
7. Semoga berhasil.. hihihi

Ok sobat sekian mengenai cara membuat link sumber otomatis jika nantinya artikel anda di copy paste oleh orang lain.

Saat ini Blackberry Messenger atau disingkat BBM merupakan media komunikasi favorit. Jika pada gadget Blackberry, prinsipnya satu perangkat berhak memiliki satu PIN BBM. Namun padaAndroid, prinsipnya satu email berhak memiliki satu PIN BBM.
Karena syarat memiliki PIN BBM pada Android sangat ringan, yaitu satu email satu PIN, saya berfikir sepertinya kita bisa mengakses lebih dari satu akun BBM pada satu perangkat Android dengan syarat memiliki banyak email. Anggapan saya untuk melakukan hal tersebut, kita harus sign out dari akun BBM di android, dan sign in kembali dengan akun BBM lainya. Dan seterusnya, kita harus melakukan hal tersebut untuk mengakses lebih dari satu akun BBM di Android.

Setelah saya searching cara untuk Memasang Banyak BBM Pada Satu Perangkat Android, ternyata hasil yang saya temukan berbeda dengan perkiraan. Prinsipnya jauh lebih bagus dan mudah dari anggapan saya. Kita bisa memasang banyak BBM dan menggunakannya secara bersamaan.

Saya tidak mengerti mengapa ini  bisa terjadi, hehe. Jika kita telah menginstal BBM pada perangkat Android, lalu kita coba menginstalkanya lagi, maka biasanya BBM yang baru diinstal akan menimpa ke BBM yang lama terinstal. Namun tidak kali ini. Di internet banyak tersedia apk BBM yang jika diinstalkan tidak akan menimpa ke BBM yang lama terinstal. Katanya apk BBM ini hasil modifikasi. Bagi saya dan sobat yang awam tidak perlu memikirkan bagaimana proses modifikasi tersebut. Namun kita perlu berterima kasih pada orang yang telah memodifikasi apk BBM ini, sehingga kita dapat Memasang Banyak BBM Pada Satu Perangkat Android.

Untuk cara penerapanya, ikutilah 3 langkah cepat dan mudah berikut ini. Namun sebelumnya, persiapkanlah alamat email untuk membuat ID BBM.

1. Pasang BBM pertama dari Play Store atau sumber apa pun. Buka dan buatlah ID BBM baru atau Sign in dengan ID BBM yang telah dibuat.
2. Download BBM hasil modifikasi dengan jumlah yang sesuai dengan kebutuhan sobat. Saya menyediakan 3 apk BBM hasil modifikasi. Jika sobat menginstalkan ketiganya, maka nanti di Android sobat akan terpasang 4 aplikasi BBM.

   DOWNLOAD BBM2

   DOWNLOAD BBM3

   DOWNLOAD BBM4

3. Lalu buka aplikasi BBM hasil modifikasi ini serta buatlah ID BBM baru atau sign in dengan ID BBM yang telah dibuat.

Selesai, kini sobat telah memasang lebih dari satu BBM dan menggunakannya secara bersamaan pada satu perangkat Android.

Pembahasan pada posting kali ini sebenarnya sangat sama dengan posting beberapa waktu lalu, yaitu Cara Menggunakan Internet Dengan GSM Pada Andromax. Namun judulnya terkesan menjadi seperti berbeda.
Rumusan masalahnya adalah, Bagaimana cara agar pengguna Smartfren Andromax Dual SIM Card bisa mengakses internet dengan menggunakan GSM? Sudah saya bagikan salah satu caranya pada posting lalu. Alasan saya membuat posting seperti ini lagi karena masih saja ada yang mengalami kendala dan kegagalan saat mencoba cara pada posting lalu. Selain itu, untuk cara yang akan saya bagikan kali ini, menggunakan aplikasi yang berbeda, namun dengan prinsip kerja yang sama. Jika pada posting lalu menggunakan Aplikasi AnyCut, namun sekarang menggunakan aplikasi Andromax Tools. Dari nama aplikasinya, Andromax Tools lebih mudah dan lebih mecing jika digunakan.

Ayo bagi sobat yang gagal pakai aplikasi AnyCut, silakan coba pakai Andromax Tools. Silakan ikuti langkah-langkahnya berikut ini, dan semoga berhasil.
1. Download aplikasi Andromax Tools v1.8 (klik disini!!!).
2. Installkan aplikasi Andromax Tools di Andromax sobat.
3. Buka aplikasi Andromax Tools, sobat akan melihat beberapa setelan SIM di sana.
4. Pilih opsi Switch SIM, untuk memilih SIM mana yang akan diaktifkan | CDMA/GSM.

5. Hilangkan RUIM/Sub1 pada CDMA. Selanjutnya klik OK.

6. Centang bagian Boost Signal untuk memperkuat/mengoptimalkan sinyal GSM.
7. Pilih opsi Request network data type. Kemudian pilih jaringan apa yang tersedia di Andromax sobat untuk GSM (biasanya masih Edge).

8. Setelan akses data akan dimatikan, maka hidupkan kembali.

9. Coba cek opsi Edit APN. Karena RUIM CDMA mati, maka APNs yang digunakan otomatis berpindah ke GSM.

10. Silakan sobat coba membuka Google.com pada Web Browser. Maka sobat telah mengakses internet menggunakan GSM pada Smartfren Andromax Dual SIM Card, yang ditandai dengan muncul ikon akses data GPRS/EDGE.

Selesai, semoga yang gagal saat menggunakan aplikasi AnyCut dapat berhasil dengan Andromax Tools.
Untuk menghidupkan kembali sinyal CDMA, caranya mudah. Buka Andromax Tools, pilih opsi Switch SIM, beri centang pada RUIM/Sub1 bagian CDMA, maka sinyal CDMA akan muncul kembali.

note: banyak yang gagal, tapi saya tidak bisa kasih solusi. Saya hanya bisa kasih trik sesuai dengan pengalaman saya. Yang gagal dengan cara ini jangan kesal ya. Kembalikan lagi settingan seperti semula dan cari cara lain di bang Google. Yang penting tidak merusak gadget kamu.