Simtothepel Blog

Cara Merubah Warna Scroll Bar

2014-01-06T00:19:00.004-08:00

Sebelum anda menerapkan tutorial ini, sebaiknya anda menggunakan media browser anda yang terupdate karena tutorial ini tidak bekerja dengan baik pada media browser yang lawas

contoh gambar :

Cara Modifikasi Warna Scroll Bar

Kunjungi laman dasboard blogger
Klik template > Edit HTML
Cari code ]]></b:skin>
Setelah menemukan code ]]></b:skin> letakkan code berikut di atasnya

/* tutorialblogspot.com scrollbar effect */
::-webkit-scrollbar {
width:14px; height:8px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
background:#eee;
}
::-webkit-scrollbar-thumb {
background: rgba(28,119,229,0.7);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(116,188,99,0.5);

Simpan Template anda

Catatan :

1.Ganti #eee dengan code warna yang anda inginkan.

2.Untuk menganti lebar Scroll Bar rubah angka 14px dan 8px

Sekian untuk tutorial dan perjumpaan kita kali ini

Terima Kasih,

iqbal miko

Free Responsive Blogger Template

2014-01-05T17:56:00.000-08:00

Pada kesempatan saya kali ini setelah dua hari tidak memposting di blog kangen juga dengan sobat blogger.Kali ini saya akan membagikan beberapa template responsive blogger.Dan yang terpenting template ini bukan buatan saya hehehe.Semua template yang akan saya bagikan kali ini free alias gratis.Langsung saja bagi para sobat blogger yang sudah tidak sabar menunggu silahkan di download

1.Metro Classic Responsive Blogger Template

Download | Demo

2.Vortex Responsive Blogger Template

Download | Demo

3.DCM V2 Blogger Template

Download | Demo

4.Easy News Responsive Magazine Blogger Template

Download | Demo

Sampai di sini dulu perjumpaan kita pada posting kali ini.

Terima Kasih,
iqbal miko

Download My Router

2014-01-02T11:30:00.000-08:00

Pada kesempatan kali ini saya akan membahas artikel tentang My Router.My Router adalah salah satu program Access Point, melalui My Router ini anda dapat share koneksi internet pada PC anda ke beberapa Devices lain.Saya juga sudah mencobanya dan ternyata bisa, Saya coba share koneksi internet pada laptop saya ke HandPhone saya dan ternyata bisa juga.Untuk mendapatkan program ini anda tidak perlu membayar alias gratis.Bagi anda yang berminat mendapatkanya bisa mendapatkanya di sini

Silahkan Download Di sini

Terima Kasih,
iqbal miko

Download Video Belajar Efek Out Of Frame di Photosop

2014-01-02T01:00:00.000-08:00

Pada kesempatan kali ini saya akan memberikan tutorial Photosop untuk sobat Blogger semuanya.Tentu saja ini bukan video tutorial buatan saya. Tutorial Photosop kali ini kita akan membahas tentang cara membuat efek Out Of Frame.Bagi sobat Blogger semuanya bisa mendownload ataupun cuma ingin melihatnya, disana nanti akan ada dua pilihan watch or download.

Untuk sobat Blogger semuanya tidak usah berlama-lama langsung klik Di sini

Terima Kasih,
iqbal miko

Lima Template Maskolis

2014-01-02T00:25:00.000-08:00

Berikut adalah beberapa template gratis dari Maskolis.Untuk Maskolis sendiri Maskolis adalah salah satu desainer template blogger yang populer di belantika blogger Indonesia, terutama pada kontribusinya membagi-bagikan karya desain templatenya kepada sesama blogger.Bagi yang tertarik mendownloadnya silahkan.

1.Cara gampang template

Download | Demo

2.Johny jijay

Download | Demo

3.Johny genit

Download | Demo

4.Johy Crottmag

Download |Demo

5.Johny ganteng with Cart

Download | Demo

Itulah beberapa template hasil karya dari Maskolis yang dibagi-bagikan secara gratis, sekian untuk artikel kali ini.Memang ada beberapa link Demo yang sudah tidak bisa untuk kita akses!

Terima Kasih

Daftar Isi

2014-01-01T20:03:00.000-08:00

Template Anime

2014-01-01T18:15:00.002-08:00

Kali ini saya akan membagikan template anime yang keren untuk blog sobat blogger.Yang pasti template ini bukan buatan saya karena masih belajar buat template.Langsung saja tidak usah berlama-lama

1.Blue Animes

Download | Demo

2.Anime World

Download | Demo

3.Naruto vs Sasuke

Download | Demo

Untuk sementara hanya tiga template itu dulu yang saya bagikan ke sobat blogger semuanya.Lain waktu akan saya bagikan lagi template-template lainya.

Terima Kasih,

iqbal miko

Cara Membuat Tombol Google+, Facebook dan Twitter Melayang di Blog

2014-01-01T02:27:00.003-08:00

Tombol Google+, Facebook dan Twitter Melayang di Blog memang akan membuat blog anda terlihat lebih keren dan menambah nilai plus pada point Blog Promotions.Blog memang membutuhkan sebuah promosi yang baik ke semua jejaring sosial seperti Facebook, Twitter dan Google+ untuk memperoleh lalu lintas yang optimal.Salah satu caranya adalah memasang button share melayang ini,dan akan kita bahas bersama sobat blogger semua pada tutorial di bawah ini.

1.Login ke Blogger.com menggunakan akun sobat.

2.Klik opsi template > Edit HTML > Expand templates widget.

3.Cari kode </head> pada template anda ( Untuk mempercepat Tekan Ctrl+F pada keyboard ).

4.Setelah ketemu, silahkan anda memasukan kode berikut tepat di atas kode </head>

<script type='text/javascript'> src='http://apis.google.com/js/plusone.js' {lang: 'en-US'} </ script>

5.Simpan Templates

6.Jika templates anda sudah berhasil di simpan kembali ke menu tata letak > Tambah Gadget > Pilih HTML/JavaScript

7.Masukan kode berikut pada kolom yang tersedia

<style>
/*-------IBS Floating------------*/
#floatdiv {
    position:absolute;
    width:94px;
    height:229px;
    top:0;
    left:0;
        z-index:100
}

#ibssidebar {
        border:1px solid #ddd;
        padding-left:5px;
    position:relative;
    height:220px;
    width:55px;
    margin:0 0 0 5px;
}
</style>


<div id="floatdiv">
<div id="ibssidebar">
    <table cellpadding="1px" cellspacing="0">
    <tr>
    <td style="border-bottom: 1px solid #E8E8E8; padding:5px 0 2px 0;">
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="false" layout="box_count" show_faces="false" font=""></fb:like>
    </td>
    </tr>
    <tr>
    <td style="border-bottom: 1px solid #E8E8E8; padding:5px 0px;">
<g:plusone size="Tall" expr:href="data:post.url">
    </g:plusone></td>
    </tr>
    <tr>
    <td style="border-bottom: 0px solid #E8E8E8; padding:5px 0 0px 0;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="Twittername">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    </td>
    </tr>
    <tr>
    <td style="border-bottom: 0px solid #E8E8E8; padding:0px 0 0px 0;">
<p style=" font-size:10px; text-align:center; color:#ddd;"><a style="color:#ddd;" href="http://www.MyBloggerTricks.com" target="_blank">Widgets</a></p>
    </td>
    </tr>
    </table>
</div>
</div>
<script type="text/javascript">
// JavaScript Document

   <!--
/* Script by: www.jtricks.com
* Version: 20071017
* Latest version:
* www.jtricks.com/javascript/navigation/floating.html
*/
var floatingMenuId = 'floatdiv';
var floatingMenu =
{
    targetX: 0,
    targetY: 300,
    hasInner: typeof(window.innerWidth) == 'number',
    hasElement: typeof(document.documentElement) == 'object'
        && typeof(document.documentElement.clientWidth) == 'number',
    menu:
        document.getElementById
        ? document.getElementById(floatingMenuId)
        : document.all
          ? document.all[floatingMenuId]
          : document.layers[floatingMenuId]
};
floatingMenu.move = function ()
{
    floatingMenu.menu.style.left = floatingMenu.nextX + 'px';
    floatingMenu.menu.style.top = floatingMenu.nextY + 'px';
}
floatingMenu.computeShifts = function ()
{
    var de = document.documentElement;
    floatingMenu.shiftX = 
        floatingMenu.hasInner 
        ? pageXOffset 
        : floatingMenu.hasElement 
          ? de.scrollLeft 
          : document.body.scrollLeft; 
    if (floatingMenu.targetX < 0)
    {
        floatingMenu.shiftX +=
            floatingMenu.hasElement
            ? de.clientWidth
            : document.body.clientWidth;
    }
    floatingMenu.shiftY =
        floatingMenu.hasInner
        ? pageYOffset
        : floatingMenu.hasElement
          ? de.scrollTop
          : document.body.scrollTop;
    if (floatingMenu.targetY < 0)
    {
        if (floatingMenu.hasElement && floatingMenu.hasInner)
        {
            // Handle Opera 8 problems
            floatingMenu.shiftY +=
                de.clientHeight > window.innerHeight
                ? window.innerHeight
                : de.clientHeight
        }
        else
        {
            floatingMenu.shiftY +=
                floatingMenu.hasElement
                ? de.clientHeight
                : document.body.clientHeight;
        }
    }
}
floatingMenu.calculateCornerX = function()
{
    if (floatingMenu.targetX != 'center')
        return floatingMenu.shiftX + floatingMenu.targetX;
    var width = parseInt(floatingMenu.menu.offsetWidth);
    var cornerX =
        floatingMenu.hasElement
        ? (floatingMenu.hasInner
           ? pageXOffset
           : document.documentElement.scrollLeft) +
          (document.documentElement.clientWidth - width)/2
        : document.body.scrollLeft +
          (document.body.clientWidth - width)/2;
    return cornerX;
};
floatingMenu.calculateCornerY = function()
{
    if (floatingMenu.targetY != 'center')
        return floatingMenu.shiftY + floatingMenu.targetY;
    var height = parseInt(floatingMenu.menu.offsetHeight);
    // Handle Opera 8 problems
    var clientHeight =
        floatingMenu.hasElement && floatingMenu.hasInner
        && document.documentElement.clientHeight
            > window.innerHeight
        ? window.innerHeight
        : document.documentElement.clientHeight
    var cornerY =
        floatingMenu.hasElement
        ? (floatingMenu.hasInner 
           ? pageYOffset
           : document.documentElement.scrollTop) +
          (clientHeight - height)/2
        : document.body.scrollTop +
          (document.body.clientHeight - height)/2;
    return cornerY;};
floatingMenu.doFloat = function()
{
    // Check if reference to menu was lost due
    // to ajax manipuations
    if (!floatingMenu.menu)
    {
        menu = document.getElementById
            ? document.getElementById(floatingMenuId)
            : document.all
              ? document.all[floatingMenuId]
              : document.layers[floatingMenuId];
        initSecondary();
    }
    var stepX, stepY;
    floatingMenu.computeShifts();
    var cornerX = floatingMenu.calculateCornerX();
    var stepX = (cornerX - floatingMenu.nextX) * .07;
    if (Math.abs(stepX) < .5)
    {
        stepX = cornerX - floatingMenu.nextX;
    }
    var cornerY = floatingMenu.calculateCornerY();
    var stepY = (cornerY - floatingMenu.nextY) * .07;
    if (Math.abs(stepY) < .5)
    {
        stepY = cornerY - floatingMenu.nextY;
    }
    if (Math.abs(stepX) > 0 ||
        Math.abs(stepY) > 0)
    {
        floatingMenu.nextX += stepX;
        floatingMenu.nextY += stepY;
        floatingMenu.move();
    }
    setTimeout('floatingMenu.doFloat()', 20);
};
// addEvent designed by Aaron Moore
floatingMenu.addEvent = function(element, listener, handler)
{
    if(typeof element[listener] != 'function' ||
       typeof element[listener + '_num'] == 'undefined')
    {
        element[listener + '_num'] = 0;
        if (typeof element[listener] == 'function')
        {
            element[listener + 0] = element[listener];
            element[listener + '_num']++;
        }
        element[listener] = function(e)
        {
            var r = true;
            e = (e) ? e : window.event;
            for(var i = element[listener + '_num'] -1; i >= 0; i--)
            {
                if(element[listener + i](e) == false)
                    r = false;
            }
            return r;
        }
    }
    //if handler is not already stored, assign it
    for(var i = 0; i < element[listener + '_num']; i++)
        if(element[listener + i] == handler)
            return;
    element[listener + element[listener + '_num']] = handler;
    element[listener + '_num']++;
};
floatingMenu.init = function()
{
    floatingMenu.initSecondary();
    floatingMenu.doFloat();
};
// Some browsers init scrollbars only after
// full document load.
floatingMenu.initSecondary = function()
{
    floatingMenu.computeShifts();
    floatingMenu.nextX = floatingMenu.calculateCornerX();
    floatingMenu.nextY = floatingMenu.calculateCornerY();
    floatingMenu.move();
}
if (document.layers)
    floatingMenu.addEvent(window, 'onload', floatingMenu.init);
else
{
    floatingMenu.init();
    floatingMenu.addEvent(window, 'onload',
        floatingMenu.initSecondary);
}
//-->
</script>

8.Klik simpan

Terima Kasih sudah membaca artikel di simtothepleblog.blogspot.com
Semoga Bermanfaat

iqbal miko

About Me

2014-01-01T01:00:00.000-08:00

Nama saya adalah Muhammad Iqbal Kusnantoro sering di panggil Miko, Nama Miko sendiri berasal dari singkatan nama asliku.Aku lahir di Bantul,D.I.Yogyakarta, aku mulai belajar tentang blogger pada awal tahun 2013.Ini memang bukan blog pertamaku, aku memiliki sekitar empat blog yang semuanya merupakan blogspot.Untuk melihat lebih jauh tentang diriku anda dapat berkenalan melalui beberapa akun social media.

Salam Hormat,
Iqbal Miko

Privacy Policy

2014-01-01T00:30:00.000-08:00

In English

Privacy Policy for simtothepel.blogspot.com

If you require any more information or have any questions about our privacy policy, please feel free to contact us by email at iqbalmikonewbie@gmail.com.

At simtothepel.blogspot.com, the privacy of our visitors is of extreme importance to us. This privacy policy document outlines the types of personal information is received and collected by simtothepel.blogspot.com and how it is used.

Log Files
Like many other Web sites, simtothepel.blogspot.com makes use of log files. The information inside the log files includes internet protocol ( IP ) addresses, type of browser, Internet Service Provider ( ISP ), date/time stamp, referring/exit pages, and number of clicks to analyze trends, administer the site, track user’s movement around the site, and gather demographic information. IP addresses, and other such information are not linked to any information that is personally identifiable.

Cookies and Web Beacons
simtothepel.blogspot.com does use cookies to store information about visitors preferences, record user-specific information on which pages the user access or visit, customize Web page content based on visitors browser type or other information that the visitor sends via their browser.

DoubleClick DART Cookie
.:: Google, as a third party vendor, uses cookies to serve ads on simtothepel.blogspot.com.
.:: Google's use of the DART cookie enables it to serve ads to users based on their visit to simtothepel.blogspot.com and other sites on the Internet.
.:: Users may opt out of the use of the DART cookie by visiting the Google ad and content network privacy policy at the following URL - http://www.google.com/privacy_ads.html

Some of our advertising partners may use cookies and web beacons on our site. Our advertising partners include ....
Chitika

These third-party ad servers or ad networks use technology to the advertisements and links that appear on simtothepel.blogspot.com send directly to your browsers. They automatically receive your IP address when this occurs. Other technologies ( such as cookies, JavaScript, or Web Beacons ) may also be used by the third-party ad networks to measure the effectiveness of their advertisements and / or to personalize the advertising content that you see.

simtothepel.blogspot.com has no access to or control over these cookies that are used by third-party advertisers.

You should consult the respective privacy policies of these third-party ad servers for more detailed information on their practices as well as for instructions about how to opt-out of certain practices. simtothepel.blogspot.com's privacy policy does not apply to, and we cannot control the activities of, such other advertisers or web sites.

If you wish to disable cookies, you may do so through your individual browser options. More detailed information about cookie management with specific web browsers can be found at the browsers' respective websites.

In Indonesian

Kebijakan Privasi untuk simtothepel.blogspot.com

Jika Anda memerlukan informasi lebih lanjut atau memiliki pertanyaan tentang kebijakan privasi kami , jangan ragu untuk menghubungi kami melalui email di iqbalmikonewbie@gmail.com .

Pada simtothepel.blogspot.com , privasi dari pengunjung kami adalah sangat penting bagi kami . Dokumen kebijakan privasi ini menguraikan jenis informasi pribadi yang diterima dan dikumpulkan oleh simtothepel.blogspot.com dan bagaimana ia digunakan .

File log
Seperti banyak situs Web lain , simtothepel.blogspot.com yang menggunakan file log . Informasi dalam file log meliputi protokol internet ( IP ) alamat , jenis browser , Internet Service Provider ( ISP ) , tanggal / waktu cap, merujuk halaman keluar / , dan jumlah klik untuk menganalisis kecenderungan , mengelola situs, melacak gerakan pengguna di sekitar lokasi, dan mengumpulkan informasi demografis . Alamat IP, dan lain informasi tersebut tidak terkait dengan informasi yang pribadi .

Cookies dan Web Beacons
simtothepel.blogspot.com tidak menggunakan cookies untuk menyimpan informasi tentang preferensi pengunjung , merekam informasi pengguna tertentu pada halaman mana akses pengguna atau kunjungi , menyesuaikan konten halaman web berdasarkan jenis browser pengunjung atau informasi lainnya yang pengunjung mengirimkan melalui browser mereka .

DoubleClick DART Cookie
. :: Google , sebagai vendor pihak ketiga , menggunakan cookies untuk menayangkan iklan di simtothepel.blogspot.com .
. :: Google menggunakan cookie DART memungkinkan untuk menampilkan iklan kepada pengguna berdasarkan kunjungan mereka ke simtothepel.blogspot.com dan situs lainnya di Internet .
. :: Pengguna dapat membatalkan penggunaan cookie DART dengan mengunjungi kebijakan privasi jaringan iklan dan konten Google di URL berikut - http://www.google.com/privacy_ads.html

Beberapa partner periklanan kami mungkin menggunakan cookies dan web beacon di situs kami . Mitra iklan kami meliputi ....
Chitika

Server-server iklan pihak ketiga atau jaringan iklan dengan menggunakan teknologi iklan dan link yang muncul di simtothepel.blogspot.com mengirim langsung ke browser Anda . Mereka secara otomatis menerima alamat IP anda ketika hal ini terjadi . Teknologi lainnya ( seperti cookies , JavaScript , atau Web Beacon ) juga dapat digunakan oleh jaringan iklan pihak ketiga untuk mengukur efektivitas iklan mereka dan / atau untuk personalisasi konten iklan yang Anda lihat .

simtothepel.blogspot.com tidak memiliki akses ke atau kontrol terhadap cookies yang digunakan oleh pengiklan pihak ketiga .

Anda harus berkonsultasi dengan kebijakan privasi masing-masing dari server iklan pihak ketiga untuk informasi lebih rinci tentang praktek-praktek mereka serta untuk mendapatkan petunjuk tentang cara opt-out dari praktek-praktek tertentu . simtothepel.blogspot.com ' s kebijakan privasi tidak berlaku untuk , dan kita tidak dapat mengontrol kegiatan , pengiklan lain atau situs web .

Jika Anda ingin menonaktifkan cookie , Anda dapat melakukannya melalui individu pilihan browser . Informasi lebih lanjut tentang cookie manajemen dengan browser web tertentu dapat ditemukan di situs web masing-masing browser .